geonetwork-ui 2.5.0-dev.262d0400c → 2.5.0-dev.4de378079

package/fesm2022/geonetwork-ui.mjs

@@ -26,7 +26,7 @@ import { createAction, props, createReducer, on, createFeatureSelector, createSe
 import EmblaCarousel from 'embla-carousel';
 import * as i2$2 from '@ng-icons/core';
 import { provideIcons, NgIcon, NgIconComponent, provideNgIconsConfig, NgIconsModule } from '@ng-icons/core';
-import { iconoirNavArrowRight, iconoirNavArrowLeft, iconoirNavArrowDown, iconoirNavArrowUp, iconoirSearch, iconoirCalendar, iconoirLink, iconoirArrowUp, iconoirCloudUpload, iconoirFramePlusIn, iconoirMediaImage, iconoirMediaImageXmark, iconoirBin, iconoirPlus, iconoirUser, iconoirLock, iconoirImport, iconoirLightBulbOn, iconoirArrowLeft, iconoirAttachment, iconoirRefresh } from '@ng-icons/iconoir';
+import { iconoirNavArrowRight, iconoirNavArrowLeft, iconoirNavArrowDown, iconoirNavArrowUp, iconoirSearch, iconoirLongArrowDownLeft, 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, matWarning, matMoreVert, matCorporateFare } from '@ng-icons/material-icons/baseline';
 import * as i1$4 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
@@ -37,7 +37,6 @@ import * as i1$6 from '@angular/material/autocomplete';
 import { MatAutocompleteTrigger, MatAutocomplete, MatAutocompleteModule } from '@angular/material/autocomplete';
 import * as i3 from 'ngx-dropzone';
 import { NgxDropzoneModule } from 'ngx-dropzone';
-import * as i5 from 'ngx-chips';
 import { TagInputModule } from 'ngx-chips';
 import * as i1$5 from '@angular/material/progress-spinner';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
@@ -18621,8 +18620,6 @@ var de = {
 	"chart.type.lineSmooth": "Geglättes Liniendiagramm",
 	"chart.type.pie": "Kreisdiagramm",
 	"dashboard.catalog.allRecords": "Metadatenkatalog",
-	"dashboard.catalog.contacts": "Kontakte",
-	"dashboard.catalog.thesaurus": "Thesaurus",
 	"dashboard.createRecord": "Neuer Eintrag",
 	"dashboard.importRecord": "",
 	"dashboard.importRecord.importExternal": "",
@@ -18635,29 +18632,10 @@ var de = {
 	"dashboard.records.myDraft": "Meine Entwürfe",
 	"dashboard.records.myRecords": "Meine Datensätze",
 	"dashboard.records.search": "Suche nach \"{searchText}\"",
-	"dashboard.records.templates": "Vorlagen",
 	"dashboard.records.userDetail": "Name",
 	"dashboard.records.userEmail": "E-Mail",
 	"dashboard.records.username": "Benutzername",
 	"dashboard.records.users": "{count, plural, =1{Benutzer} other{Benutzer}}",
-	"datafeeder.analysisProgressBar.illustration.fileFormatDetection": "Dateiformat-Erkennung",
-	"datafeeder.analysisProgressBar.illustration.gatheringDatasetInformation": "Sammeln von Datensatzinformationen",
-	"datafeeder.analysisProgressBar.illustration.samplingData": "Datenauswahl",
-	"datafeeder.analysisProgressBar.subtitle": "Die Analyse kann einige Minuten dauern. Bitte warten Sie.",
-	"datafeeder.analysisProgressBar.title": "Analyse in Bearbeitung",
-	"datafeeder.datasetValidation.datasetInformation": "Der bereitgestellte Datensatz enthält {number} Elemente",
-	"datafeeder.datasetValidation.submitButton": "OK, meine Daten sind korrekt",
-	"datafeeder.datasetValidation.title": "Stellen Sie sicher, dass Ihre Daten korrekt sind",
-	"datafeeder.datasetValidation.unknown": " - ",
-	"datafeeder.datasetValidationCsv.explicitLineNumbers": "",
-	"datafeeder.datasetValidationCsv.lineNumbers": "",
-	"datafeeder.form.abstract": "Wie würden Sie Ihren Datensatz beschreiben?",
-	"datafeeder.form.datepicker": "Wissen Sie, wann der Datensatz erstellt wurde?",
-	"datafeeder.form.description": "Beschreiben Sie abschließend den Prozess, der zur Erstellung des Datensatzes verwendet wurde",
-	"datafeeder.form.dropdown": "Für welche Skala wurde er erstellt?",
-	"datafeeder.form.tags": "Wählen Sie einen oder mehrere Tage aus, die zu Ihrem Datensatz passen",
-	"datafeeder.form.title": "Geben Sie Ihrem Datensatz den besten Titel",
-	"datafeeder.formsPage.title": "Erzählen Sie uns mehr über Ihren Datensatz",
 	"datafeeder.month.april": "April",
 	"datafeeder.month.august": "August",
 	"datafeeder.month.december": "Dezember",
@@ -18670,59 +18648,6 @@ var de = {
 	"datafeeder.month.november": "November",
 	"datafeeder.month.october": "Oktober",
 	"datafeeder.month.september": "September",
-	"datafeeder.publish.hint": "Sie können diese Seite sicher verlassen. Sie werden benachrichtigt, wenn der Vorgang abgeschlossen ist.",
-	"datafeeder.publish.illustration.title": "Ein weiterer Datensatz \n zum Veröffentlichen?",
-	"datafeeder.publish.subtitle": "Das Veröffentlichen kann einige Minuten dauern.",
-	"datafeeder.publish.title": "Vielen Dank! \n Ihr Datensatz wird veröffentlicht",
-	"datafeeder.publish.upload": "Jetzt hochladen",
-	"datafeeder.publishSuccess.geonetworkRecord": "Metadatensatz",
-	"datafeeder.publishSuccess.illustration.title": "Erledigt, alles ist gut!",
-	"datafeeder.publishSuccess.mapViewer": "Kartenviewer",
-	"datafeeder.publishSuccess.ogcFeature": "",
-	"datafeeder.publishSuccess.subtitle": "Zeigen Sie Ihre Daten an in:",
-	"datafeeder.publishSuccess.title": "Herzlichen Glückwunsch! \n Ihr Datensatz wurde veröffentlicht",
-	"datafeeder.publishSuccess.uploadAnotherData": "Ein weiteren Datensatz hochladen",
-	"datafeeder.summarizePage.illustration": "Kein Fehler? Los geht's!",
-	"datafeeder.summarizePage.previous": "Zurück",
-	"datafeeder.summarizePage.submit": "Absenden",
-	"datafeeder.summarizePage.title": "Sie sind fast fertig...",
-	"datafeeder.upload.acceptedFormats": "Akzeptierte Dateiformate:",
-	"datafeeder.upload.checkboxLabel": "Ich besitze die Rechte zur Veröffentlichung dieses Datensatzes",
-	"datafeeder.upload.error.subtitle.analysis": "Überprüfen Sie, ob die Datei einen gültigen geografischen Datensatz enthält",
-	"datafeeder.upload.error.subtitle.cantOpenFile": "Bitte überprüfen Sie, ob die Datei gültig ist",
-	"datafeeder.upload.error.subtitle.fileFormat": "Beachten Sie: Nur SHP-Dateien",
-	"datafeeder.upload.error.subtitle.fileSize": "Beachten Sie: Maximale Dateigröße {size} MB",
-	"datafeeder.upload.error.title.analysis": "Fehler während der Datensatzanalyse",
-	"datafeeder.upload.error.title.cantOpenFile": "Fehler beim Öffnen der Datei",
-	"datafeeder.upload.error.title.fileFormat": "Das ausgewählte Dateiformat wird nicht unterstützt",
-	"datafeeder.upload.error.title.fileHasntSelected": "Keine Datei ausgewählt",
-	"datafeeder.upload.error.title.fileSize": "Die Dateigröße ist zu groß",
-	"datafeeder.upload.error.title.noRightsToSendData": "Sie dürfen diesen Datensatz nicht veröffentlichen",
-	"datafeeder.upload.illustration.enrichment": "Anreicherung",
-	"datafeeder.upload.illustration.import": "Import",
-	"datafeeder.upload.illustration.title": "Das Hinzufügen von Daten \n war noch nie so einfach",
-	"datafeeder.upload.illustration.validation": "Validierung",
-	"datafeeder.upload.illustration.verification": "Überprüfung",
-	"datafeeder.upload.inputLabel": "Importieren Sie Ihre Datei",
-	"datafeeder.upload.maxFileSize": "Maximale Dateigröße beträgt {size} MB",
-	"datafeeder.upload.title": "Laden Sie Ihren Datensatz hoch",
-	"datafeeder.upload.uploadButton": "Hochladen",
-	"datafeeder.validation.csv.delimiter": "",
-	"datafeeder.validation.csv.delimiter.comma": "",
-	"datafeeder.validation.csv.delimiter.semicolon": "",
-	"datafeeder.validation.csv.lat.field": "",
-	"datafeeder.validation.csv.lng.field": "",
-	"datafeeder.validation.csv.quote.double": "",
-	"datafeeder.validation.csv.quote.none": "",
-	"datafeeder.validation.csv.quote.simple": "",
-	"datafeeder.validation.csv.quoteChar": "",
-	"datafeeder.validation.encoding": "Codierung",
-	"datafeeder.validation.extent.title": "Hier ist der Datensatzumfang",
-	"datafeeder.validation.extent.title.unknown": "Das Projektionssystem ist unbekannt",
-	"datafeeder.validation.projection": "Raumbezugssystem:",
-	"datafeeder.validation.projection.unknown": "Wählen Sie ein Raumbezugssystem aus",
-	"datafeeder.validation.sample.title": "Und eine Beispielentität aus dem Datensatz",
-	"datafeeder.wizard.emptyRequiredValuesMessage": "Bitte füllen Sie die obligatorischen Felder aus",
 	"datafeeder.wizardSummarize.createdAt": "Erstellt am",
 	"datafeeder.wizardSummarize.scale": "Maßstab",
 	"datahub.header.datasets": "Datensätze",
@@ -19026,9 +18951,10 @@ var de = {
 	"record.action.download": "Herunterladen",
 	"record.action.duplicate": "",
 	"record.action.duplicating": "",
+	"record.action.rollback": "",
 	"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.",
+	"record.feature.limit": "Die Vorschau wurde aufgrund zu vieler Elemente deaktiviert",
 	"record.metadata.about": "Beschreibung",
 	"record.metadata.api": "API",
 	"record.metadata.api.form.closeButton": "Schließen",
@@ -19146,8 +19072,10 @@ var de = {
 	"search.error.receivedError": "Ein Fehler ist aufgetreten",
 	"search.error.recordHasnolink": "",
 	"search.error.recordNotFound": "Der Datensatz mit der Kennung \"{ id }\" konnte nicht gefunden werden.",
-	"search.field.any.placeholder": "Suche Datensätze ...",
+	"search.field.any.placeholder": "Suche im katalog ...",
 	"search.field.sortBy": "Sortieren nach:",
+	"search.filters.availableServices.download": "",
+	"search.filters.availableServices.view": "",
 	"search.filters.changeDate": "Letzte Aktualisierung",
 	"search.filters.clear": "Zurücksetzen",
 	"search.filters.contact": "Kontakte",
@@ -19203,7 +19131,6 @@ var de = {
 	"tooltip.url.open": "URL öffnen",
 	"ui.readLess": "Weniger lesen",
 	"ui.readMore": "Weiterlesen",
-	"wfs.aggregations.notsupported": "",
 	"wfs.feature.limit": "Zu viele Features, um den WFS-Layer anzuzeigen!",
 	"wfs.featuretype.notfound": "Kein passender Feature-Typ wurde im Dienst gefunden",
 	"wfs.geojsongml.notsupported": "Dieser Dienst unterstützt das GeoJSON- oder GML-Format nicht",
@@ -19238,8 +19165,6 @@ var en = {
 	"chart.type.lineSmooth": "smooth line chart",
 	"chart.type.pie": "pie chart",
 	"dashboard.catalog.allRecords": "Datasets",
-	"dashboard.catalog.contacts": "Contacts",
-	"dashboard.catalog.thesaurus": "Thesaurus",
 	"dashboard.createRecord": "New dataset",
 	"dashboard.importRecord": "Import",
 	"dashboard.importRecord.importExternal": "Import an external file",
@@ -19252,29 +19177,10 @@ var en = {
 	"dashboard.records.myDraft": "My drafts",
 	"dashboard.records.myRecords": "My datasets",
 	"dashboard.records.search": "Search for \"{searchText}\"",
-	"dashboard.records.templates": "Templates",
 	"dashboard.records.userDetail": "Name",
 	"dashboard.records.userEmail": "Email",
 	"dashboard.records.username": "Username",
 	"dashboard.records.users": "{count, plural, =1{user} other{users}}",
-	"datafeeder.analysisProgressBar.illustration.fileFormatDetection": "File format \n detection",
-	"datafeeder.analysisProgressBar.illustration.gatheringDatasetInformation": "Gathering dataset \n information",
-	"datafeeder.analysisProgressBar.illustration.samplingData": "Sampling \n data",
-	"datafeeder.analysisProgressBar.subtitle": "The analysis may take several minutes, please wait.",
-	"datafeeder.analysisProgressBar.title": "Analysis in progress",
-	"datafeeder.datasetValidation.datasetInformation": "The provided dataset contains {number} entities",
-	"datafeeder.datasetValidation.submitButton": "OK, my data is correct",
-	"datafeeder.datasetValidation.title": "Make sure your data is correct",
-	"datafeeder.datasetValidation.unknown": " - ",
-	"datafeeder.datasetValidationCsv.explicitLineNumbers": "*The table must display the first 5 lines (excluding the header)<br>If this is not the case, check that the file is correctly formatted",
-	"datafeeder.datasetValidationCsv.lineNumbers": "Sample of the first 5 lines* of the dataset:",
-	"datafeeder.form.abstract": "How would you describe your dataset?",
-	"datafeeder.form.datepicker": "Do you know when the dataset was created?",
-	"datafeeder.form.description": "Finally, please describe the process used to create the dataset",
-	"datafeeder.form.dropdown": "For which scale was it created?",
-	"datafeeder.form.tags": "Select one or more tags that fit your dataset",
-	"datafeeder.form.title": "Give your dataset the best title",
-	"datafeeder.formsPage.title": "Tell us more about your dataset",
 	"datafeeder.month.april": "April",
 	"datafeeder.month.august": "August",
 	"datafeeder.month.december": "December",
@@ -19287,59 +19193,6 @@ var en = {
 	"datafeeder.month.november": "November",
 	"datafeeder.month.october": "October",
 	"datafeeder.month.september": "September",
-	"datafeeder.publish.hint": "You can safely exit this page, you will be notified when the process is over",
-	"datafeeder.publish.illustration.title": "Another dataset \n to publish?",
-	"datafeeder.publish.subtitle": "Publishing may take several minutes.",
-	"datafeeder.publish.title": "Thank you! \n Your dataset is being published",
-	"datafeeder.publish.upload": "Upload it now",
-	"datafeeder.publishSuccess.geonetworkRecord": "Metadata record",
-	"datafeeder.publishSuccess.illustration.title": "Done, all is good!",
-	"datafeeder.publishSuccess.mapViewer": "Map viewer",
-	"datafeeder.publishSuccess.ogcFeature": "OGC API",
-	"datafeeder.publishSuccess.subtitle": "View your data in:",
-	"datafeeder.publishSuccess.title": "Congratulations! \n Your dataset has been published",
-	"datafeeder.publishSuccess.uploadAnotherData": "Upload another dataset",
-	"datafeeder.summarizePage.illustration": "No mistake? Let's go!",
-	"datafeeder.summarizePage.previous": "Previous",
-	"datafeeder.summarizePage.submit": "Submit",
-	"datafeeder.summarizePage.title": "You're almost there...",
-	"datafeeder.upload.acceptedFormats": "Accepted file formats:",
-	"datafeeder.upload.checkboxLabel": "I hold the rights to publish this dataset",
-	"datafeeder.upload.error.subtitle.analysis": "Check that the file contains a valid geospatial dataset",
-	"datafeeder.upload.error.subtitle.cantOpenFile": "Please check that the file is valid",
-	"datafeeder.upload.error.subtitle.fileFormat": "Remember: only SHP",
-	"datafeeder.upload.error.subtitle.fileSize": "Remember: {size} MB maximum",
-	"datafeeder.upload.error.title.analysis": "Error during the dataset analysis",
-	"datafeeder.upload.error.title.cantOpenFile": "Error while opening the file",
-	"datafeeder.upload.error.title.fileFormat": "The selected file format is not supported",
-	"datafeeder.upload.error.title.fileHasntSelected": "No file selected",
-	"datafeeder.upload.error.title.fileSize": "The file size is too large",
-	"datafeeder.upload.error.title.noRightsToSendData": "You are not allowed to publish this dataset",
-	"datafeeder.upload.illustration.enrichment": "Enrichment",
-	"datafeeder.upload.illustration.import": "Import",
-	"datafeeder.upload.illustration.title": "Adding data \n has never been easier",
-	"datafeeder.upload.illustration.validation": "Validation",
-	"datafeeder.upload.illustration.verification": "Verification",
-	"datafeeder.upload.inputLabel": "Import your file",
-	"datafeeder.upload.maxFileSize": "Maximum file size is {size} MB",
-	"datafeeder.upload.title": "Upload your dataset",
-	"datafeeder.upload.uploadButton": "Upload",
-	"datafeeder.validation.csv.delimiter": "Delimiter",
-	"datafeeder.validation.csv.delimiter.comma": "Comma",
-	"datafeeder.validation.csv.delimiter.semicolon": "Semicolon",
-	"datafeeder.validation.csv.lat.field": "Latitude column",
-	"datafeeder.validation.csv.lng.field": "Longitude column",
-	"datafeeder.validation.csv.quote.double": "Double quote",
-	"datafeeder.validation.csv.quote.none": "None",
-	"datafeeder.validation.csv.quote.simple": "Single quote",
-	"datafeeder.validation.csv.quoteChar": "Quote separator",
-	"datafeeder.validation.encoding": "Encoding",
-	"datafeeder.validation.extent.title": "Here is the dataset extent",
-	"datafeeder.validation.extent.title.unknown": "The projection system is unknown",
-	"datafeeder.validation.projection": "Spatial reference system:",
-	"datafeeder.validation.projection.unknown": "Choose a spatial reference system",
-	"datafeeder.validation.sample.title": "And a sample entity from the dataset",
-	"datafeeder.wizard.emptyRequiredValuesMessage": "Please fill in mandatory fields",
 	"datafeeder.wizardSummarize.createdAt": "Created at",
 	"datafeeder.wizardSummarize.scale": "Scale",
 	"datahub.header.datasets": "Datasets",
@@ -19643,9 +19496,10 @@ var en = {
 	"record.action.download": "Download",
 	"record.action.duplicate": "Duplicate",
 	"record.action.duplicating": "Duplicating...",
+	"record.action.rollback": "Rollback",
 	"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.",
+	"record.feature.limit": "Preview disabled due to too many elements",
 	"record.metadata.about": "Description",
 	"record.metadata.api": "API",
 	"record.metadata.api.form.closeButton": "Close",
@@ -19763,8 +19617,10 @@ var en = {
 	"search.error.receivedError": "An error was received",
 	"search.error.recordHasnolink": "This dataset currently has no link yet, please come back later.",
 	"search.error.recordNotFound": "The dataset with identifier \"{ id }\" could not be found.",
-	"search.field.any.placeholder": "Search datasets ...",
+	"search.field.any.placeholder": "Search in the catalog ...",
 	"search.field.sortBy": "Sort by:",
+	"search.filters.availableServices.download": "",
+	"search.filters.availableServices.view": "",
 	"search.filters.changeDate": "Updated",
 	"search.filters.clear": "Reset",
 	"search.filters.contact": "Contacts",
@@ -19820,7 +19676,6 @@ var en = {
 	"tooltip.url.open": "Open URL",
 	"ui.readLess": "Read less",
 	"ui.readMore": "Read more",
-	"wfs.aggregations.notsupported": "Aggregations are currently not supported for WFS services",
 	"wfs.feature.limit": "Too many features to display the WFS layer!",
 	"wfs.featuretype.notfound": "No matching feature type was found in the service",
 	"wfs.geojsongml.notsupported": "This service does not support the GeoJSON or GML format",
@@ -19855,8 +19710,6 @@ var es = {
 	"chart.type.lineSmooth": "gráfico de líneas suave",
 	"chart.type.pie": "gráfico circular",
 	"dashboard.catalog.allRecords": "",
-	"dashboard.catalog.contacts": "",
-	"dashboard.catalog.thesaurus": "",
 	"dashboard.createRecord": "",
 	"dashboard.importRecord": "",
 	"dashboard.importRecord.importExternal": "",
@@ -19869,29 +19722,10 @@ var es = {
 	"dashboard.records.myDraft": "Mis borradores",
 	"dashboard.records.myRecords": "Mis Registros",
 	"dashboard.records.search": "Buscar \"{searchText}\"",
-	"dashboard.records.templates": "",
 	"dashboard.records.userDetail": "",
 	"dashboard.records.userEmail": "",
 	"dashboard.records.username": "",
 	"dashboard.records.users": "",
-	"datafeeder.analysisProgressBar.illustration.fileFormatDetection": "",
-	"datafeeder.analysisProgressBar.illustration.gatheringDatasetInformation": "",
-	"datafeeder.analysisProgressBar.illustration.samplingData": "",
-	"datafeeder.analysisProgressBar.subtitle": "",
-	"datafeeder.analysisProgressBar.title": "",
-	"datafeeder.datasetValidation.datasetInformation": "",
-	"datafeeder.datasetValidation.submitButton": "",
-	"datafeeder.datasetValidation.title": "",
-	"datafeeder.datasetValidation.unknown": "",
-	"datafeeder.datasetValidationCsv.explicitLineNumbers": "",
-	"datafeeder.datasetValidationCsv.lineNumbers": "",
-	"datafeeder.form.abstract": "",
-	"datafeeder.form.datepicker": "",
-	"datafeeder.form.description": "",
-	"datafeeder.form.dropdown": "",
-	"datafeeder.form.tags": "",
-	"datafeeder.form.title": "",
-	"datafeeder.formsPage.title": "",
 	"datafeeder.month.april": "",
 	"datafeeder.month.august": "",
 	"datafeeder.month.december": "",
@@ -19904,59 +19738,6 @@ var es = {
 	"datafeeder.month.november": "",
 	"datafeeder.month.october": "",
 	"datafeeder.month.september": "",
-	"datafeeder.publish.hint": "",
-	"datafeeder.publish.illustration.title": "",
-	"datafeeder.publish.subtitle": "",
-	"datafeeder.publish.title": "",
-	"datafeeder.publish.upload": "",
-	"datafeeder.publishSuccess.geonetworkRecord": "",
-	"datafeeder.publishSuccess.illustration.title": "",
-	"datafeeder.publishSuccess.mapViewer": "",
-	"datafeeder.publishSuccess.ogcFeature": "",
-	"datafeeder.publishSuccess.subtitle": "",
-	"datafeeder.publishSuccess.title": "",
-	"datafeeder.publishSuccess.uploadAnotherData": "",
-	"datafeeder.summarizePage.illustration": "",
-	"datafeeder.summarizePage.previous": "",
-	"datafeeder.summarizePage.submit": "",
-	"datafeeder.summarizePage.title": "",
-	"datafeeder.upload.acceptedFormats": "",
-	"datafeeder.upload.checkboxLabel": "",
-	"datafeeder.upload.error.subtitle.analysis": "",
-	"datafeeder.upload.error.subtitle.cantOpenFile": "",
-	"datafeeder.upload.error.subtitle.fileFormat": "",
-	"datafeeder.upload.error.subtitle.fileSize": "",
-	"datafeeder.upload.error.title.analysis": "",
-	"datafeeder.upload.error.title.cantOpenFile": "",
-	"datafeeder.upload.error.title.fileFormat": "",
-	"datafeeder.upload.error.title.fileHasntSelected": "",
-	"datafeeder.upload.error.title.fileSize": "",
-	"datafeeder.upload.error.title.noRightsToSendData": "",
-	"datafeeder.upload.illustration.enrichment": "",
-	"datafeeder.upload.illustration.import": "",
-	"datafeeder.upload.illustration.title": "",
-	"datafeeder.upload.illustration.validation": "",
-	"datafeeder.upload.illustration.verification": "",
-	"datafeeder.upload.inputLabel": "",
-	"datafeeder.upload.maxFileSize": "",
-	"datafeeder.upload.title": "",
-	"datafeeder.upload.uploadButton": "",
-	"datafeeder.validation.csv.delimiter": "",
-	"datafeeder.validation.csv.delimiter.comma": "Coma",
-	"datafeeder.validation.csv.delimiter.semicolon": "Punto y coma",
-	"datafeeder.validation.csv.lat.field": "",
-	"datafeeder.validation.csv.lng.field": "",
-	"datafeeder.validation.csv.quote.double": "Comillas dobles",
-	"datafeeder.validation.csv.quote.none": "Ninguno",
-	"datafeeder.validation.csv.quote.simple": "Comillas simples",
-	"datafeeder.validation.csv.quoteChar": "",
-	"datafeeder.validation.encoding": "",
-	"datafeeder.validation.extent.title": "",
-	"datafeeder.validation.extent.title.unknown": "",
-	"datafeeder.validation.projection": "",
-	"datafeeder.validation.projection.unknown": "",
-	"datafeeder.validation.sample.title": "",
-	"datafeeder.wizard.emptyRequiredValuesMessage": "",
 	"datafeeder.wizardSummarize.createdAt": "",
 	"datafeeder.wizardSummarize.scale": "",
 	"datahub.header.datasets": "",
@@ -20260,6 +20041,7 @@ var es = {
 	"record.action.download": "",
 	"record.action.duplicate": "",
 	"record.action.duplicating": "",
+	"record.action.rollback": "",
 	"record.action.view": "",
 	"record.externalViewer.open": "",
 	"record.feature.limit": "",
@@ -20382,6 +20164,8 @@ var es = {
 	"search.error.recordNotFound": "",
 	"search.field.any.placeholder": "",
 	"search.field.sortBy": "",
+	"search.filters.availableServices.download": "",
+	"search.filters.availableServices.view": "",
 	"search.filters.changeDate": "Última actualización",
 	"search.filters.clear": "",
 	"search.filters.contact": "",
@@ -20437,7 +20221,6 @@ var es = {
 	"tooltip.url.open": "",
 	"ui.readLess": "",
 	"ui.readMore": "",
-	"wfs.aggregations.notsupported": "",
 	"wfs.feature.limit": "",
 	"wfs.featuretype.notfound": "",
 	"wfs.geojsongml.notsupported": "",
@@ -20472,8 +20255,6 @@ var fr = {
 	"chart.type.lineSmooth": "ligne lisse",
 	"chart.type.pie": "camembert",
 	"dashboard.catalog.allRecords": "Jeux de données",
-	"dashboard.catalog.contacts": "Annuaire",
-	"dashboard.catalog.thesaurus": "Thésaurus",
 	"dashboard.createRecord": "Nouveau jeu de données",
 	"dashboard.importRecord": "Importer",
 	"dashboard.importRecord.importExternal": "Importer un jeu de données externe",
@@ -20486,29 +20267,10 @@ var fr = {
 	"dashboard.records.myDraft": "Mes brouillons",
 	"dashboard.records.myRecords": "Mes jeux de données",
 	"dashboard.records.search": "Résultats pour \"{searchText}\"",
-	"dashboard.records.templates": "Modèles pré-remplis",
 	"dashboard.records.userDetail": "Nom",
 	"dashboard.records.userEmail": "Email",
 	"dashboard.records.username": "Nom d'utilisateur",
 	"dashboard.records.users": "{count, plural, =1{utilisateur} other{utilisateurs}}",
-	"datafeeder.analysisProgressBar.illustration.fileFormatDetection": "Détection du \n format de fichier",
-	"datafeeder.analysisProgressBar.illustration.gatheringDatasetInformation": "Récupération des informations \n sur le jeu de données",
-	"datafeeder.analysisProgressBar.illustration.samplingData": "Échantillonnage \n des données",
-	"datafeeder.analysisProgressBar.subtitle": "L'analyse peut prendre plusieurs minutes, merci de patienter.",
-	"datafeeder.analysisProgressBar.title": "Analyse en cours",
-	"datafeeder.datasetValidation.datasetInformation": "Le jeu de données fourni contient {number} entités",
-	"datafeeder.datasetValidation.submitButton": "OK, mes données sont correctes",
-	"datafeeder.datasetValidation.title": "Vérifiez que vos données sont correctes",
-	"datafeeder.datasetValidation.unknown": " - ",
-	"datafeeder.datasetValidationCsv.explicitLineNumbers": "*Le tableau doit afficher les 5 premières lignes (hors en-tête)<br>Si ce n'est pas le cas, vérifiez que le fichier est bien formaté",
-	"datafeeder.datasetValidationCsv.lineNumbers": "Résumé des 5 premières lignes* du CSV :",
-	"datafeeder.form.abstract": "Comment décrire votre jeu de données ?",
-	"datafeeder.form.datepicker": "Savez-vous quand la donnée a été créée ?",
-	"datafeeder.form.description": "Enfin, décrivez le processus utilisé pour créer la donnée",
-	"datafeeder.form.dropdown": "Et pour quelle échelle ?",
-	"datafeeder.form.tags": "Choisissez un ou plusieurs mots-clés correspondant à vos données",
-	"datafeeder.form.title": "Donnez un titre à votre jeu de données",
-	"datafeeder.formsPage.title": "Dites-nous en plus sur ces données",
 	"datafeeder.month.april": "Avril",
 	"datafeeder.month.august": "Août",
 	"datafeeder.month.december": "Décembre",
@@ -20521,59 +20283,6 @@ var fr = {
 	"datafeeder.month.november": "Novembre",
 	"datafeeder.month.october": "Octobre",
 	"datafeeder.month.september": "Septembre",
-	"datafeeder.publish.hint": "Vous pouvez quitter cette page en toute sécurité, vous serez prévenus quand le processus sera terminé",
-	"datafeeder.publish.illustration.title": "Une autre donnée \n à publier ?",
-	"datafeeder.publish.subtitle": "La publication peut prendre plusieurs minutes.",
-	"datafeeder.publish.title": "Merci! \n Vos données sont en cours de publication",
-	"datafeeder.publish.upload": "Télécharger maintenant",
-	"datafeeder.publishSuccess.geonetworkRecord": "Fiche de métadonnées",
-	"datafeeder.publishSuccess.illustration.title": "Terminé, tout s'est bien passé !",
-	"datafeeder.publishSuccess.mapViewer": "Visualiseur",
-	"datafeeder.publishSuccess.ogcFeature": "OGC API",
-	"datafeeder.publishSuccess.subtitle": "Visualisez vos données :",
-	"datafeeder.publishSuccess.title": "Félicitations! \n Vos données ont été publiées",
-	"datafeeder.publishSuccess.uploadAnotherData": "Importer une autre donnée",
-	"datafeeder.summarizePage.illustration": "Pas d'erreur ? C'est parti !",
-	"datafeeder.summarizePage.previous": "Précédent",
-	"datafeeder.summarizePage.submit": "Publier",
-	"datafeeder.summarizePage.title": "On y est presque...",
-	"datafeeder.upload.acceptedFormats": "Formats de fichier acceptés :",
-	"datafeeder.upload.checkboxLabel": "J'ai le droit de publier cette donnée",
-	"datafeeder.upload.error.subtitle.analysis": "Le fichier transféré contient-il des données géographiques valides ?",
-	"datafeeder.upload.error.subtitle.cantOpenFile": "Vérifiez la validité du fichier sélectionné",
-	"datafeeder.upload.error.subtitle.fileFormat": "Rappel : uniquement des SHP",
-	"datafeeder.upload.error.subtitle.fileSize": "Rappel : {size} Mo maximum",
-	"datafeeder.upload.error.title.analysis": "Erreur lors de l'analyse des données",
-	"datafeeder.upload.error.title.cantOpenFile": "Erreur lors de l'ouverture du fichier",
-	"datafeeder.upload.error.title.fileFormat": "Le format du fichier n'est pas supporté",
-	"datafeeder.upload.error.title.fileHasntSelected": "Aucun fichier n'a été sélectionné",
-	"datafeeder.upload.error.title.fileSize": "La taille du fichier est trop importante",
-	"datafeeder.upload.error.title.noRightsToSendData": "Vous n'avez pas validé les droits de publication",
-	"datafeeder.upload.illustration.enrichment": "Enrichissement",
-	"datafeeder.upload.illustration.import": "Import",
-	"datafeeder.upload.illustration.title": "Ajouter des données n'a jamais été aussi simple",
-	"datafeeder.upload.illustration.validation": "Validation",
-	"datafeeder.upload.illustration.verification": "Vérification",
-	"datafeeder.upload.inputLabel": "Ajouter votre fichier",
-	"datafeeder.upload.maxFileSize": "La taille maximale est {size} Mo",
-	"datafeeder.upload.title": "Importez vos données",
-	"datafeeder.upload.uploadButton": "Transférer",
-	"datafeeder.validation.csv.delimiter": "Séparateur de colonne",
-	"datafeeder.validation.csv.delimiter.comma": "Virgule",
-	"datafeeder.validation.csv.delimiter.semicolon": "Point-virgule",
-	"datafeeder.validation.csv.lat.field": "Colonne latitude",
-	"datafeeder.validation.csv.lng.field": "Colonne longitude",
-	"datafeeder.validation.csv.quote.double": "Double guillemets",
-	"datafeeder.validation.csv.quote.none": "Aucun",
-	"datafeeder.validation.csv.quote.simple": "Simple guillemet",
-	"datafeeder.validation.csv.quoteChar": "Séparateur de texte",
-	"datafeeder.validation.encoding": "Encodage",
-	"datafeeder.validation.extent.title": "Voici l'emprise du jeu de données",
-	"datafeeder.validation.extent.title.unknown": "Le système de projection est inconnu",
-	"datafeeder.validation.projection": "Projection :",
-	"datafeeder.validation.projection.unknown": "Choisissez une projection",
-	"datafeeder.validation.sample.title": "Et un exemple d'objet",
-	"datafeeder.wizard.emptyRequiredValuesMessage": "Veuillez remplir les champs obligatoires",
 	"datafeeder.wizardSummarize.createdAt": "Créée le",
 	"datafeeder.wizardSummarize.scale": "Échelle",
 	"datahub.header.datasets": "Données",
@@ -20613,7 +20322,7 @@ var fr = {
 	"domain.contact.role.point_of_contact": "Point de contact",
 	"domain.contact.role.principal_investigator": "Chercheur principal",
 	"domain.contact.role.processor": "Processeur",
-	"domain.contact.role.publisher": "Éditeur",
+	"domain.contact.role.publisher": "Producteur",
 	"domain.contact.role.resource_provider": "Fournisseur",
 	"domain.contact.role.rights_holder": "Détenteur des droits",
 	"domain.contact.role.sponsor": "Sponsor",
@@ -20677,7 +20386,7 @@ var fr = {
 	"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.abstract": "Description",
 	"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",
@@ -20719,14 +20428,14 @@ var fr = {
 	"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": "",
+	"editor.record.form.license.cc-by": "Creative Commons CC-BY",
+	"editor.record.form.license.cc-by-sa": "Creative Commons CC-BY-SA",
+	"editor.record.form.license.cc-zero": "Creative Commons CC-0",
 	"editor.record.form.license.etalab": "Licence Ouverte (Etalab)",
 	"editor.record.form.license.etalab-v2": "Licence Ouverte v2.0 (Etalab)",
-	"editor.record.form.license.odbl": "",
-	"editor.record.form.license.odc-by": "",
-	"editor.record.form.license.pddl": "",
+	"editor.record.form.license.odbl": "Open Data Commons ODbL",
+	"editor.record.form.license.odc-by": "Open Data Commons ODC-By",
+	"editor.record.form.license.pddl": "Open Data Commons PDDL",
 	"editor.record.form.license.unknown": "Inconnue ou absente",
 	"editor.record.form.page.accessAndContact": "Informations pour l'utilisation",
 	"editor.record.form.page.description": "Description du jeu de données",
@@ -20779,7 +20488,7 @@ var fr = {
 	"editor.record.resourceError.closeMessage": "Compris",
 	"editor.record.resourceError.title": "Erreur avec les pièces jointes",
 	"editor.record.saveStatus.draftWithChangesPending": "Sauvegardé - Modifications non publiées",
-	"editor.record.saveStatus.recordNotPublished": "",
+	"editor.record.saveStatus.recordNotPublished": "Sauvegardé - non publié",
 	"editor.record.saveStatus.recordUpToDate": "Sauvegardé - Jeu de données à jour",
 	"editor.record.undo.confirmation.cancelText": "Garder les modifications",
 	"editor.record.undo.confirmation.confirmText": "Retirer les modifications",
@@ -20789,7 +20498,7 @@ var fr = {
 	"editor.record.undo.tooltip.enabled": "Cliquer sur ce bouton pour annuler les modifications apportées à ce jeu de données",
 	"editor.record.upToDate": "Ce jeu de données est à jour",
 	"editor.sidebar.logout": "Se déconnecter",
-	"editor.sidebar.menu.editor": "",
+	"editor.sidebar.menu.editor": "Editeur",
 	"editor.temporary.disabled": "Pas encore implémenté",
 	"externalviewer.dataset.unnamed": "Couche du datahub",
 	"facets.block.title.OrgForResource": "Organisation",
@@ -20837,7 +20546,7 @@ var fr = {
 	"map.add.layer": "Ajouter une couche",
 	"map.add.layer.catalog": "Du catalogue",
 	"map.add.layer.file": "À partir d'un fichier",
-	"map.add.layer.ogc.api": "",
+	"map.add.layer.ogc.api": "Depuis un service OGC API",
 	"map.add.layer.wfs": "Depuis un service WFS",
 	"map.add.layer.wms": "Depuis un service WMS",
 	"map.addFromFile.placeholder": "Cliquez ou déposez un fichier ici",
@@ -20850,7 +20559,7 @@ var fr = {
 	"map.loading.data": "Chargement des données...",
 	"map.loading.service": "Chargement du service...",
 	"map.navigation.message": "Veuillez utiliser CTRL + souris (ou deux doigts sur mobile) pour naviguer sur la carte",
-	"map.ogc.urlInput.hint": "",
+	"map.ogc.urlInput.hint": "Entrez l'URL du service OGC API",
 	"map.select.layer": "Source de données",
 	"map.wfs.urlInput.hint": "Entrez l'URL du service WFS",
 	"map.wms.urlInput.hint": "Entrez l'URL du service WMS",
@@ -20877,9 +20586,10 @@ var fr = {
 	"record.action.download": "Télécharger",
 	"record.action.duplicate": "Dupliquer",
 	"record.action.duplicating": "Duplication...",
+	"record.action.rollback": "Restaurer",
 	"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.",
+	"record.feature.limit": "L’aperçu a été désactivé en raison d’un trop grand nombre d'éléments",
 	"record.metadata.about": "Description",
 	"record.metadata.api": "API",
 	"record.metadata.api.form.closeButton": "Fermer",
@@ -20997,8 +20707,10 @@ var fr = {
 	"search.error.receivedError": "Erreur retournée",
 	"search.error.recordHasnolink": "Ce jeu de données n'a pas encore de lien, réessayez plus tard s'il vous plaît.",
 	"search.error.recordNotFound": "Cette donnée n'a pu être trouvée.",
-	"search.field.any.placeholder": "Rechercher un jeu de données...",
+	"search.field.any.placeholder": "Rechercher dans le catalogue...",
 	"search.field.sortBy": "Trier par :",
+	"search.filters.availableServices.download": "",
+	"search.filters.availableServices.view": "",
 	"search.filters.changeDate": "Mise à jour",
 	"search.filters.clear": "Réinitialiser",
 	"search.filters.contact": "Contacts",
@@ -21054,7 +20766,6 @@ var fr = {
 	"tooltip.url.open": "Ouvrir l'URL",
 	"ui.readLess": "Réduire",
 	"ui.readMore": "Lire la suite",
-	"wfs.aggregations.notsupported": "Agrégations non supportées pour les services WFS",
 	"wfs.feature.limit": "Trop d'objets pour afficher la couche WFS !",
 	"wfs.featuretype.notfound": "La classe d'objets n'a pas été trouvée dans le service",
 	"wfs.geojsongml.notsupported": "Le service ne supporte pas le format GeoJSON ou GML",
@@ -21089,8 +20800,6 @@ var it = {
 	"chart.type.lineSmooth": "grafico a linea liscia",
 	"chart.type.pie": "grafico a torta",
 	"dashboard.catalog.allRecords": "Datasets",
-	"dashboard.catalog.contacts": "Contatti",
-	"dashboard.catalog.thesaurus": "Thesauri",
 	"dashboard.createRecord": "Crea un record",
 	"dashboard.importRecord": "Importare",
 	"dashboard.importRecord.importExternal": "Importare un dataset esterno",
@@ -21103,29 +20812,10 @@ var it = {
 	"dashboard.records.myDraft": "Le mie bozze",
 	"dashboard.records.myRecords": "I miei dati",
 	"dashboard.records.search": "Risultati per \"{searchText}\"",
-	"dashboard.records.templates": "Modelli precompilati",
 	"dashboard.records.userDetail": "Nome",
 	"dashboard.records.userEmail": "Email",
 	"dashboard.records.username": "Nome utente",
 	"dashboard.records.users": "utenti",
-	"datafeeder.analysisProgressBar.illustration.fileFormatDetection": "Rilevamento del formato dei file",
-	"datafeeder.analysisProgressBar.illustration.gatheringDatasetInformation": "Recupero delle informazioni dal dataset",
-	"datafeeder.analysisProgressBar.illustration.samplingData": "Campionatura dei dati",
-	"datafeeder.analysisProgressBar.subtitle": "L'analisi potrebbe richiedere alcuni minuti, si prega di attendere.",
-	"datafeeder.analysisProgressBar.title": "Analisi in corso",
-	"datafeeder.datasetValidation.datasetInformation": "Il dataset fornito contiene {number} entità",
-	"datafeeder.datasetValidation.submitButton": "OK, i miei dati sono corretti",
-	"datafeeder.datasetValidation.title": "Controllare che i dati siano corretti",
-	"datafeeder.datasetValidation.unknown": " - ",
-	"datafeeder.datasetValidationCsv.explicitLineNumbers": "*La tabella dovrebbe visualizzare le prime 5 righe (esclusa l'intestazione)<br>In caso contrario, verificare che il file sia formattato correttamente",
-	"datafeeder.datasetValidationCsv.lineNumbers": "Riepilogo delle prime 5 righe del CSV:",
-	"datafeeder.form.abstract": "Come descrivere il suo dataset?",
-	"datafeeder.form.datepicker": "Sa quando è stato creato il suo dataset ?",
-	"datafeeder.form.description": "Infine, descrivere il processo utilizzato per creare il dataset",
-	"datafeeder.form.dropdown": "Per quale scala è stato creato?",
-	"datafeeder.form.tags": "Seleziona uno o più parole chiave che corrispondano al suo dataset",
-	"datafeeder.form.title": "Dà al suo dataset il miglior titolo",
-	"datafeeder.formsPage.title": "Diteci di più sul suo dataset",
 	"datafeeder.month.april": "Aprile",
 	"datafeeder.month.august": "Agosto",
 	"datafeeder.month.december": "Dicembre",
@@ -21138,59 +20828,6 @@ var it = {
 	"datafeeder.month.november": "Novembre",
 	"datafeeder.month.october": "Ottobre",
 	"datafeeder.month.september": "Settembre",
-	"datafeeder.publish.hint": "Puo lasciare questa pagina in sicurezza, sarà avvisato quando il processo sarà completo",
-	"datafeeder.publish.illustration.title": "Un altro dato da pubblicare?",
-	"datafeeder.publish.subtitle": "La pubblicazione potrebbe richiedere alcuni minuti.",
-	"datafeeder.publish.title": "Grazie! \n I suei dati sono in fase di pubblicazione",
-	"datafeeder.publish.upload": "Carica ora",
-	"datafeeder.publishSuccess.geonetworkRecord": "Scheda di metadati",
-	"datafeeder.publishSuccess.illustration.title": "Completato, tutto è andato bene!",
-	"datafeeder.publishSuccess.mapViewer": "Visualizzatore",
-	"datafeeder.publishSuccess.ogcFeature": "OGC API",
-	"datafeeder.publishSuccess.subtitle": "Visualizzare i dati:",
-	"datafeeder.publishSuccess.title": "Congratulazioni! \n I suoi dati sono stati pubblicati",
-	"datafeeder.publishSuccess.uploadAnotherData": "Caricare un altro dato",
-	"datafeeder.summarizePage.illustration": "Nessun errore? Avanti!",
-	"datafeeder.summarizePage.previous": "Precedente",
-	"datafeeder.summarizePage.submit": "Pubblica",
-	"datafeeder.summarizePage.title": "Ci siamo quasi...",
-	"datafeeder.upload.acceptedFormats": "Formati di file accettati:",
-	"datafeeder.upload.checkboxLabel": "Ho il diritto di pubblicare questi dati",
-	"datafeeder.upload.error.subtitle.analysis": "Il file trasferito contiene dati geografici validi?",
-	"datafeeder.upload.error.subtitle.cantOpenFile": "Verifica la validità del file selezionato",
-	"datafeeder.upload.error.subtitle.fileFormat": "Ricorda: solo SHP",
-	"datafeeder.upload.error.subtitle.fileSize": "Ricorda: dimensione massima {size} MB",
-	"datafeeder.upload.error.title.analysis": "Errore durante l'analisi dei dati",
-	"datafeeder.upload.error.title.cantOpenFile": "Errore durante l'apertura del file",
-	"datafeeder.upload.error.title.fileFormat": "Formato del file non supportato",
-	"datafeeder.upload.error.title.fileHasntSelected": "Nessun file selezionato",
-	"datafeeder.upload.error.title.fileSize": "Dimensione del file troppo grande",
-	"datafeeder.upload.error.title.noRightsToSendData": "Non avete validato i diritti di pubblicazione",
-	"datafeeder.upload.illustration.enrichment": "Arricchimento",
-	"datafeeder.upload.illustration.import": "Importazione",
-	"datafeeder.upload.illustration.title": "Aggiungere dati non è mai stato così facile",
-	"datafeeder.upload.illustration.validation": "Validazione",
-	"datafeeder.upload.illustration.verification": "Verifica",
-	"datafeeder.upload.inputLabel": "Aggiunge il suo file",
-	"datafeeder.upload.maxFileSize": "Dimensione massima: {size} MB",
-	"datafeeder.upload.title": "Importa i suoi dati",
-	"datafeeder.upload.uploadButton": "Carica",
-	"datafeeder.validation.csv.delimiter": "Separatore di colonne",
-	"datafeeder.validation.csv.delimiter.comma": "Virgola",
-	"datafeeder.validation.csv.delimiter.semicolon": "Punto e virgola",
-	"datafeeder.validation.csv.lat.field": "Colonna di latitudine",
-	"datafeeder.validation.csv.lng.field": "Colonna di longitudine",
-	"datafeeder.validation.csv.quote.double": "Virgolette doppie",
-	"datafeeder.validation.csv.quote.none": "Nessun",
-	"datafeeder.validation.csv.quote.simple": "Citazione semplice",
-	"datafeeder.validation.csv.quoteChar": "Separatore di testo",
-	"datafeeder.validation.encoding": "Codifica",
-	"datafeeder.validation.extent.title": "Ecco l'estensione del dataset",
-	"datafeeder.validation.extent.title.unknown": "Sistema di proiezione sconosciuto",
-	"datafeeder.validation.projection": "Proiezione:",
-	"datafeeder.validation.projection.unknown": "Seleziona una proiezione",
-	"datafeeder.validation.sample.title": "E un esempio di oggetto",
-	"datafeeder.wizard.emptyRequiredValuesMessage": "Si prega di compilare i campi obbligatori",
 	"datafeeder.wizardSummarize.createdAt": "Creato il",
 	"datafeeder.wizardSummarize.scale": "Scala",
 	"datahub.header.datasets": "Dati",
@@ -21274,9 +20911,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.error.back": "Ritorna al catalogo",
+	"editor.record.error.explanation": "Forse non ha accesso a questa pagina oppure questo collegamento potrebbe non essere valido.",
+	"editor.record.error.message": "Qualcosa è andato storto",
 	"editor.record.form.bottomButtons.comeBackLater": "Ritorna più tardi",
 	"editor.record.form.bottomButtons.next": "Avanti",
 	"editor.record.form.bottomButtons.previous": "Precedente",
@@ -21336,18 +20973,18 @@ var it = {
 	"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": "",
+	"editor.record.form.license.cc-by": "Creative Commons CC-BY",
+	"editor.record.form.license.cc-by-sa": "Creative Commons CC-BY-SA",
+	"editor.record.form.license.cc-zero": "Creative Commons CC-0",
 	"editor.record.form.license.etalab": "Licenza aperta (Etalab)",
 	"editor.record.form.license.etalab-v2": "Licenza aperta v2.0 (Etalab)",
-	"editor.record.form.license.odbl": "",
-	"editor.record.form.license.odc-by": "",
-	"editor.record.form.license.pddl": "",
+	"editor.record.form.license.odbl": "Open Data Commons ODbL",
+	"editor.record.form.license.odc-by": "Open Data Commons ODC-By",
+	"editor.record.form.license.pddl": "Open Data Commons PDDL",
 	"editor.record.form.license.unknown": "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": "",
+	"editor.record.form.page.resources": "Risorse",
 	"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.).",
@@ -21374,7 +21011,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.lock.reason": "Non è un editore di uno dei gruppi autorizzati",
 	"editor.record.onlineResource.protocol.other": "Altro",
 	"editor.record.onlineResourceError.body": "Ha successo un'errore durante l'aggiunta della risorsa:",
 	"editor.record.onlineResourceError.closeMessage": "Capito",
@@ -21396,7 +21033,7 @@ var it = {
 	"editor.record.resourceError.closeMessage": "Capito",
 	"editor.record.resourceError.title": "Errore con gli allegati",
 	"editor.record.saveStatus.draftWithChangesPending": "Salvato - Modifiche non pubblicate",
-	"editor.record.saveStatus.recordNotPublished": "",
+	"editor.record.saveStatus.recordNotPublished": "Salvato - non pubblicato",
 	"editor.record.saveStatus.recordUpToDate": "Salvato - Dataset aggiornato",
 	"editor.record.undo.confirmation.cancelText": "Mantieni le modifiche",
 	"editor.record.undo.confirmation.confirmText": "Annulla le modifiche",
@@ -21406,7 +21043,7 @@ 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.sidebar.menu.editor": "",
+	"editor.sidebar.menu.editor": "Editore",
 	"editor.temporary.disabled": "Non ancora implementato",
 	"externalviewer.dataset.unnamed": "Layer del datahub",
 	"facets.block.title.OrgForResource": "Organizzazione",
@@ -21454,7 +21091,7 @@ var it = {
 	"map.add.layer": "Aggiungere un layer",
 	"map.add.layer.catalog": "Dal catalogo",
 	"map.add.layer.file": "Da un file",
-	"map.add.layer.ogc.api": "",
+	"map.add.layer.ogc.api": "Da OGC API",
 	"map.add.layer.wfs": "Da un WFS",
 	"map.add.layer.wms": "Da un WMS",
 	"map.addFromFile.placeholder": "Clicca o trascina un file qui",
@@ -21467,7 +21104,7 @@ var it = {
 	"map.loading.data": "Caricamento dati...",
 	"map.loading.service": "Caricamento del servizio...",
 	"map.navigation.message": "Si prega di utilizzare CTRL + mouse (o due dita su mobile) per navigare sulla mappa",
-	"map.ogc.urlInput.hint": "",
+	"map.ogc.urlInput.hint": "Inserisci URL del servizio OGC API",
 	"map.select.layer": "Sorgente dati",
 	"map.wfs.urlInput.hint": "Inserisci URL del servizio WFS",
 	"map.wms.urlInput.hint": "Inserisci URL del servizio WMS",
@@ -21493,10 +21130,11 @@ var it = {
 	"record.action.delete": "Elimina",
 	"record.action.download": "Scarica",
 	"record.action.duplicate": "Duplicato",
-	"record.action.duplicating": "",
+	"record.action.duplicating": "Duplicazione",
+	"record.action.rollback": "Annulla",
 	"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.",
+	"record.feature.limit": "La visualizzazione è stata disabilitata a causa di troppi elementi ",
 	"record.metadata.about": "Descrizione",
 	"record.metadata.api": "API",
 	"record.metadata.api.form.closeButton": "Chiude",
@@ -21614,8 +21252,10 @@ var it = {
 	"search.error.receivedError": "Errore restituito",
 	"search.error.recordHasnolink": "Questo dataset non ha ancora alcun collegamento, riprova più tardi.",
 	"search.error.recordNotFound": "Impossibile trovare questi dati.",
-	"search.field.any.placeholder": "Cerca un dataset...",
+	"search.field.any.placeholder": "Cerca del catalogo...",
 	"search.field.sortBy": "Ordina per:",
+	"search.filters.availableServices.download": "",
+	"search.filters.availableServices.view": "",
 	"search.filters.changeDate": "Aggiornato",
 	"search.filters.clear": "Ripristina",
 	"search.filters.contact": "Contatti",
@@ -21671,7 +21311,7 @@ var it = {
 	"tooltip.url.open": "Aprire l'URL",
 	"ui.readLess": "Ridurre",
 	"ui.readMore": "Leggere di più",
-	"wfs.aggregations.notsupported": "",
+	"wfs.aggregations.notsupported": "Aggregazioni non supportate per i servizi WFS",
 	"wfs.feature.limit": "Troppi oggetti per visualizzare il WFS layer!",
 	"wfs.featuretype.notfound": "La classe di oggetto non è stata trovata nel servizio",
 	"wfs.geojsongml.notsupported": "Il servizio non supporta il formato GeoJSON o GML",
@@ -21706,8 +21346,6 @@ var nl = {
 	"chart.type.lineSmooth": "glad lijndiagram",
 	"chart.type.pie": "cirkeldiagram",
 	"dashboard.catalog.allRecords": "",
-	"dashboard.catalog.contacts": "",
-	"dashboard.catalog.thesaurus": "",
 	"dashboard.createRecord": "",
 	"dashboard.importRecord": "",
 	"dashboard.importRecord.importExternal": "",
@@ -21720,29 +21358,10 @@ var nl = {
 	"dashboard.records.myDraft": "Mijn concepten",
 	"dashboard.records.myRecords": "Mijn Records",
 	"dashboard.records.search": "Zoeken naar \"{searchText}\"",
-	"dashboard.records.templates": "",
 	"dashboard.records.userDetail": "",
 	"dashboard.records.userEmail": "",
 	"dashboard.records.username": "",
 	"dashboard.records.users": "",
-	"datafeeder.analysisProgressBar.illustration.fileFormatDetection": "",
-	"datafeeder.analysisProgressBar.illustration.gatheringDatasetInformation": "",
-	"datafeeder.analysisProgressBar.illustration.samplingData": "",
-	"datafeeder.analysisProgressBar.subtitle": "",
-	"datafeeder.analysisProgressBar.title": "",
-	"datafeeder.datasetValidation.datasetInformation": "",
-	"datafeeder.datasetValidation.submitButton": "",
-	"datafeeder.datasetValidation.title": "",
-	"datafeeder.datasetValidation.unknown": "",
-	"datafeeder.datasetValidationCsv.explicitLineNumbers": "",
-	"datafeeder.datasetValidationCsv.lineNumbers": "",
-	"datafeeder.form.abstract": "",
-	"datafeeder.form.datepicker": "",
-	"datafeeder.form.description": "",
-	"datafeeder.form.dropdown": "",
-	"datafeeder.form.tags": "",
-	"datafeeder.form.title": "",
-	"datafeeder.formsPage.title": "",
 	"datafeeder.month.april": "",
 	"datafeeder.month.august": "",
 	"datafeeder.month.december": "",
@@ -21755,59 +21374,6 @@ var nl = {
 	"datafeeder.month.november": "",
 	"datafeeder.month.october": "",
 	"datafeeder.month.september": "",
-	"datafeeder.publish.hint": "",
-	"datafeeder.publish.illustration.title": "",
-	"datafeeder.publish.subtitle": "",
-	"datafeeder.publish.title": "",
-	"datafeeder.publish.upload": "",
-	"datafeeder.publishSuccess.geonetworkRecord": "",
-	"datafeeder.publishSuccess.illustration.title": "",
-	"datafeeder.publishSuccess.mapViewer": "",
-	"datafeeder.publishSuccess.ogcFeature": "",
-	"datafeeder.publishSuccess.subtitle": "",
-	"datafeeder.publishSuccess.title": "",
-	"datafeeder.publishSuccess.uploadAnotherData": "",
-	"datafeeder.summarizePage.illustration": "",
-	"datafeeder.summarizePage.previous": "",
-	"datafeeder.summarizePage.submit": "",
-	"datafeeder.summarizePage.title": "",
-	"datafeeder.upload.acceptedFormats": "",
-	"datafeeder.upload.checkboxLabel": "",
-	"datafeeder.upload.error.subtitle.analysis": "",
-	"datafeeder.upload.error.subtitle.cantOpenFile": "",
-	"datafeeder.upload.error.subtitle.fileFormat": "",
-	"datafeeder.upload.error.subtitle.fileSize": "",
-	"datafeeder.upload.error.title.analysis": "",
-	"datafeeder.upload.error.title.cantOpenFile": "",
-	"datafeeder.upload.error.title.fileFormat": "",
-	"datafeeder.upload.error.title.fileHasntSelected": "",
-	"datafeeder.upload.error.title.fileSize": "",
-	"datafeeder.upload.error.title.noRightsToSendData": "",
-	"datafeeder.upload.illustration.enrichment": "",
-	"datafeeder.upload.illustration.import": "",
-	"datafeeder.upload.illustration.title": "",
-	"datafeeder.upload.illustration.validation": "",
-	"datafeeder.upload.illustration.verification": "",
-	"datafeeder.upload.inputLabel": "",
-	"datafeeder.upload.maxFileSize": "",
-	"datafeeder.upload.title": "",
-	"datafeeder.upload.uploadButton": "",
-	"datafeeder.validation.csv.delimiter": "",
-	"datafeeder.validation.csv.delimiter.comma": "",
-	"datafeeder.validation.csv.delimiter.semicolon": "",
-	"datafeeder.validation.csv.lat.field": "",
-	"datafeeder.validation.csv.lng.field": "",
-	"datafeeder.validation.csv.quote.double": "",
-	"datafeeder.validation.csv.quote.none": "",
-	"datafeeder.validation.csv.quote.simple": "",
-	"datafeeder.validation.csv.quoteChar": "",
-	"datafeeder.validation.encoding": "",
-	"datafeeder.validation.extent.title": "",
-	"datafeeder.validation.extent.title.unknown": "",
-	"datafeeder.validation.projection": "",
-	"datafeeder.validation.projection.unknown": "",
-	"datafeeder.validation.sample.title": "",
-	"datafeeder.wizard.emptyRequiredValuesMessage": "",
 	"datafeeder.wizardSummarize.createdAt": "",
 	"datafeeder.wizardSummarize.scale": "",
 	"datahub.header.datasets": "",
@@ -22111,6 +21677,7 @@ var nl = {
 	"record.action.download": "",
 	"record.action.duplicate": "",
 	"record.action.duplicating": "",
+	"record.action.rollback": "",
 	"record.action.view": "",
 	"record.externalViewer.open": "",
 	"record.feature.limit": "",
@@ -22233,6 +21800,8 @@ var nl = {
 	"search.error.recordNotFound": "",
 	"search.field.any.placeholder": "",
 	"search.field.sortBy": "",
+	"search.filters.availableServices.download": "",
+	"search.filters.availableServices.view": "",
 	"search.filters.changeDate": "",
 	"search.filters.clear": "",
 	"search.filters.contact": "",
@@ -22288,7 +21857,6 @@ var nl = {
 	"tooltip.url.open": "",
 	"ui.readLess": "",
 	"ui.readMore": "",
-	"wfs.aggregations.notsupported": "",
 	"wfs.feature.limit": "",
 	"wfs.featuretype.notfound": "",
 	"wfs.geojsongml.notsupported": "",
@@ -22323,8 +21891,6 @@ var pt = {
 	"chart.type.lineSmooth": "gráfico de linha suave",
 	"chart.type.pie": "gráfico de pizza",
 	"dashboard.catalog.allRecords": "",
-	"dashboard.catalog.contacts": "",
-	"dashboard.catalog.thesaurus": "",
 	"dashboard.createRecord": "",
 	"dashboard.importRecord": "",
 	"dashboard.importRecord.importExternal": "",
@@ -22337,29 +21903,10 @@ var pt = {
 	"dashboard.records.myDraft": "Meus rascunhos",
 	"dashboard.records.myRecords": "Meus Registros",
 	"dashboard.records.search": "Buscar por \"{searchText}\"",
-	"dashboard.records.templates": "",
 	"dashboard.records.userDetail": "",
 	"dashboard.records.userEmail": "",
 	"dashboard.records.username": "",
 	"dashboard.records.users": "",
-	"datafeeder.analysisProgressBar.illustration.fileFormatDetection": "",
-	"datafeeder.analysisProgressBar.illustration.gatheringDatasetInformation": "",
-	"datafeeder.analysisProgressBar.illustration.samplingData": "",
-	"datafeeder.analysisProgressBar.subtitle": "",
-	"datafeeder.analysisProgressBar.title": "",
-	"datafeeder.datasetValidation.datasetInformation": "",
-	"datafeeder.datasetValidation.submitButton": "",
-	"datafeeder.datasetValidation.title": "",
-	"datafeeder.datasetValidation.unknown": "",
-	"datafeeder.datasetValidationCsv.explicitLineNumbers": "",
-	"datafeeder.datasetValidationCsv.lineNumbers": "",
-	"datafeeder.form.abstract": "",
-	"datafeeder.form.datepicker": "",
-	"datafeeder.form.description": "",
-	"datafeeder.form.dropdown": "",
-	"datafeeder.form.tags": "",
-	"datafeeder.form.title": "",
-	"datafeeder.formsPage.title": "",
 	"datafeeder.month.april": "",
 	"datafeeder.month.august": "",
 	"datafeeder.month.december": "",
@@ -22372,59 +21919,6 @@ var pt = {
 	"datafeeder.month.november": "",
 	"datafeeder.month.october": "",
 	"datafeeder.month.september": "",
-	"datafeeder.publish.hint": "",
-	"datafeeder.publish.illustration.title": "",
-	"datafeeder.publish.subtitle": "",
-	"datafeeder.publish.title": "",
-	"datafeeder.publish.upload": "",
-	"datafeeder.publishSuccess.geonetworkRecord": "",
-	"datafeeder.publishSuccess.illustration.title": "",
-	"datafeeder.publishSuccess.mapViewer": "",
-	"datafeeder.publishSuccess.ogcFeature": "",
-	"datafeeder.publishSuccess.subtitle": "",
-	"datafeeder.publishSuccess.title": "",
-	"datafeeder.publishSuccess.uploadAnotherData": "",
-	"datafeeder.summarizePage.illustration": "",
-	"datafeeder.summarizePage.previous": "",
-	"datafeeder.summarizePage.submit": "",
-	"datafeeder.summarizePage.title": "",
-	"datafeeder.upload.acceptedFormats": "",
-	"datafeeder.upload.checkboxLabel": "",
-	"datafeeder.upload.error.subtitle.analysis": "",
-	"datafeeder.upload.error.subtitle.cantOpenFile": "",
-	"datafeeder.upload.error.subtitle.fileFormat": "",
-	"datafeeder.upload.error.subtitle.fileSize": "",
-	"datafeeder.upload.error.title.analysis": "",
-	"datafeeder.upload.error.title.cantOpenFile": "",
-	"datafeeder.upload.error.title.fileFormat": "",
-	"datafeeder.upload.error.title.fileHasntSelected": "",
-	"datafeeder.upload.error.title.fileSize": "",
-	"datafeeder.upload.error.title.noRightsToSendData": "",
-	"datafeeder.upload.illustration.enrichment": "",
-	"datafeeder.upload.illustration.import": "",
-	"datafeeder.upload.illustration.title": "",
-	"datafeeder.upload.illustration.validation": "",
-	"datafeeder.upload.illustration.verification": "",
-	"datafeeder.upload.inputLabel": "",
-	"datafeeder.upload.maxFileSize": "",
-	"datafeeder.upload.title": "",
-	"datafeeder.upload.uploadButton": "",
-	"datafeeder.validation.csv.delimiter": "",
-	"datafeeder.validation.csv.delimiter.comma": "",
-	"datafeeder.validation.csv.delimiter.semicolon": "",
-	"datafeeder.validation.csv.lat.field": "",
-	"datafeeder.validation.csv.lng.field": "",
-	"datafeeder.validation.csv.quote.double": "",
-	"datafeeder.validation.csv.quote.none": "",
-	"datafeeder.validation.csv.quote.simple": "",
-	"datafeeder.validation.csv.quoteChar": "",
-	"datafeeder.validation.encoding": "",
-	"datafeeder.validation.extent.title": "",
-	"datafeeder.validation.extent.title.unknown": "",
-	"datafeeder.validation.projection": "",
-	"datafeeder.validation.projection.unknown": "",
-	"datafeeder.validation.sample.title": "",
-	"datafeeder.wizard.emptyRequiredValuesMessage": "",
 	"datafeeder.wizardSummarize.createdAt": "",
 	"datafeeder.wizardSummarize.scale": "",
 	"datahub.header.datasets": "",
@@ -22728,6 +22222,7 @@ var pt = {
 	"record.action.download": "",
 	"record.action.duplicate": "",
 	"record.action.duplicating": "",
+	"record.action.rollback": "",
 	"record.action.view": "",
 	"record.externalViewer.open": "",
 	"record.feature.limit": "",
@@ -22850,6 +22345,8 @@ var pt = {
 	"search.error.recordNotFound": "",
 	"search.field.any.placeholder": "",
 	"search.field.sortBy": "",
+	"search.filters.availableServices.download": "",
+	"search.filters.availableServices.view": "",
 	"search.filters.changeDate": "",
 	"search.filters.clear": "",
 	"search.filters.contact": "",
@@ -22905,7 +22402,6 @@ var pt = {
 	"tooltip.url.open": "",
 	"ui.readLess": "",
 	"ui.readMore": "",
-	"wfs.aggregations.notsupported": "",
 	"wfs.feature.limit": "",
 	"wfs.featuretype.notfound": "",
 	"wfs.geojsongml.notsupported": "",
@@ -23092,6 +22588,16 @@ class Gn4FieldMapper {
             isOpenData: (output, source) => this.addExtra({
                 isOpenData: selectField(source, 'isOpenData') !== 'false',
             }, output),
+            featureTypes: (output, source) => this.addExtra({
+                featureTypes: selectField(source, 'featureTypes'),
+            }, output),
+            related: (output, source) => {
+                const fcatSource = selectField(getFirstValue(selectField(selectField(source, 'related'), 'fcats')) ?? {}, '_source');
+                const featureCatalogIdentifier = selectField(fcatSource, 'uuid');
+                return featureCatalogIdentifier
+                    ? this.addExtra({ featureCatalogIdentifier }, output)
+                    : output;
+            },
             isPublishedToAll: (output, source) => this.addExtra({
                 isPublishedToAll: selectField(source, 'isPublishedToAll'),
             }, output),
@@ -23939,9 +23445,29 @@ class Gn4Repository {
     }
     getRecord(uniqueIdentifier) {
         return this.gn4SearchApi
-            .search('bucket', null, JSON.stringify(this.gn4SearchHelper.getMetadataByIdPayload(uniqueIdentifier)))
+            .search('bucket', ['fcats'], JSON.stringify(this.gn4SearchHelper.getMetadataByIdPayload(uniqueIdentifier)))
             .pipe(map$1((results) => results.hits.hits[0]), switchMap((record) => record ? this.gn4Mapper.readRecord(record) : of(null)));
     }
+    getFeatureCatalog(record, visited = new Set() // prevent looping
+    ) {
+        if (record.extras &&
+            record.extras['featureTypes'] &&
+            record.extras['featureTypes'][0]?.attributeTable &&
+            Array.isArray(record.extras['featureTypes'][0].attributeTable)) {
+            return of({
+                attributes: record.extras['featureTypes'][0]?.attributeTable?.map((attr) => ({
+                    name: attr.name,
+                    title: attr.definition,
+                })),
+            });
+        }
+        const featureCatalogIdentifier = record.extras['featureCatalogIdentifier'];
+        if (featureCatalogIdentifier && !visited.has(featureCatalogIdentifier)) {
+            visited.add(featureCatalogIdentifier);
+            return this.getRecord(featureCatalogIdentifier).pipe(switchMap((record) => record ? this.getFeatureCatalog(record, visited) : of(null)));
+        }
+        return of(null);
+    }
     getSimilarRecords(similarTo) {
         return this.gn4SearchApi
             .search('bucket', null, JSON.stringify(this.gn4SearchHelper.getRelatedRecordPayload(similarTo, 3)))
@@ -24018,14 +23544,10 @@ class Gn4Repository {
         return this.getExternalRecordAsXml(recordDownloadUrl).pipe(exhaustMap(async (fetchedRecordAsXml) => {
             const converter = findConverterForDocument(fetchedRecordAsXml);
             const record = await converter.readRecord(fetchedRecordAsXml);
-            const tempId = this.generateTemporaryId();
             record.title = `${record.title} (Copy)`;
-            record.uniqueIdentifier = tempId;
-            const recordAsXml = await converter.writeRecord(record, fetchedRecordAsXml);
-            this.saveRecordToLocalStorage(recordAsXml, record.uniqueIdentifier);
-            this._draftsChanged.next();
-            return tempId;
-        }), catchError((error) => {
+            await converter.writeRecord(record, fetchedRecordAsXml);
+            return this.saveRecord(record, '', false);
+        }), exhaustMap((uuidObservable) => uuidObservable), catchError((error) => {
             return throwError(() => error);
         }));
     }
@@ -26327,66 +25849,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             args: [{ selector: 'gn-ui-color-scale', template: "<div class=\"flex flex-row items-center\">\n  <div class=\"text-xs text-gray-700 font-bold m-2 w-32 text-right\">primary</div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-primary-black\"\n    title=\"primary-black\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-primary-darkest\"\n    title=\"primary-darkest\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-primary-darker\"\n    title=\"primary-darker\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-primary border-2 border-primary-darkest\"\n    title=\"primary\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-primary-lighter\"\n    title=\"primary-lighter\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-primary-lightest\"\n    title=\"primary-lightest\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-primary-white\"\n    title=\"primary-white\"\n  ></div>\n</div>\n<div class=\"flex flex-row\">\n  <div class=\"text-xs text-gray-700 font-bold m-2 w-32 text-right\">\n    secondary\n  </div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-secondary-black\"\n    title=\"secondary-black\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-secondary-darkest\"\n    title=\"secondary-darkest\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-secondary-darker\"\n    title=\"secondary-darker\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-secondary border-2 border-secondary-darkest\"\n    title=\"secondary\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-secondary-lighter\"\n    title=\"secondary-lighter\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-secondary-lightest\"\n    title=\"secondary-lightest\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-secondary-white\"\n    title=\"secondary-white\"\n  ></div>\n</div>\n<div class=\"flex flex-row\">\n  <div class=\"text-xs text-gray-700 font-bold m-2 w-32 text-right\">main</div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-main\" title=\"main\"></div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-gray-900\" title=\"gray-900\"></div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-gray-800\" title=\"gray-800\"></div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-gray-700\" title=\"gray-700\"></div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-gray-600\" title=\"gray-600\"></div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-gray-500\" title=\"gray-500\"></div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-gray-400\" title=\"gray-400\"></div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-gray-300\" title=\"gray-300\"></div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-gray-200\" title=\"gray-200\"></div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-gray-100\" title=\"gray-100\"></div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-gray-50\" title=\"gray-50\"></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-background\"\n    title=\"background\"\n  ></div>\n  <div class=\"text-xs text-gray-700 font-bold m-2 w-32\">background</div>\n</div>\n" }]
         }] });
 
-class StepBarComponent {
-    constructor(cdr) {
-        this.cdr = cdr;
-        this.currentStep = 1;
-        this.type = 'default';
-    }
-    get stepCounter() {
-        return new Array(this.steps);
-    }
-    get color() {
-        switch (this.type) {
-            case 'default':
-                return {
-                    outerBar: 'bg-gray-200',
-                    innerBar: 'bg-gray-100',
-                };
-            case 'primary':
-                return {
-                    outerBar: 'bg-primary',
-                    innerBar: 'bg-primary-lighter',
-                };
-            case 'secondary':
-                return {
-                    outerBar: 'bg-secondary',
-                    innerBar: 'bg-secondary-lighter',
-                };
-        }
-    }
-    getCircleColor(index) {
-        return index === this.currentStep
-            ? 'bg-black'
-            : index < this.currentStep
-                ? 'bg-white'
-                : this.color.innerBar;
-    }
-    getChecked(index) {
-        return index + 1 < this.currentStep;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StepBarComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: StepBarComponent, selector: "gn-ui-step-bar", inputs: { steps: "steps", currentStep: "currentStep", type: "type" }, ngImport: i0, template: "<div class=\"relative flex flex-col justify-center\">\n  <div class=\"flex justify-between ml-16 mr-16 z-10 circle-steps\">\n    <div\n      *ngFor=\"let step of stepCounter; let i = index\"\n      class=\"shadow-md rounded-full h-6 w-6 {{ getCircleColor(i + 1) }}\"\n    >\n      <span class=\"icon-check pl-1\" *ngIf=\"getChecked(i)\"></span>\n    </div>\n  </div>\n  <div\n    class=\"absolute rounded-lg right-0 w-full {{ color.outerBar }} h-2 z-0\"\n  ></div>\n</div>\n", styles: [".icon-check{color:var(--color-primary)}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StepBarComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gn-ui-step-bar', template: "<div class=\"relative flex flex-col justify-center\">\n  <div class=\"flex justify-between ml-16 mr-16 z-10 circle-steps\">\n    <div\n      *ngFor=\"let step of stepCounter; let i = index\"\n      class=\"shadow-md rounded-full h-6 w-6 {{ getCircleColor(i + 1) }}\"\n    >\n      <span class=\"icon-check pl-1\" *ngIf=\"getChecked(i)\"></span>\n    </div>\n  </div>\n  <div\n    class=\"absolute rounded-lg right-0 w-full {{ color.outerBar }} h-2 z-0\"\n  ></div>\n</div>\n", styles: [".icon-check{color:var(--color-primary)}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { steps: [{
-                type: Input
-            }], currentStep: [{
-                type: Input
-            }], type: [{
-                type: Input
-            }] } });
-
 class UiWidgetsModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UiWidgetsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: UiWidgetsModule, declarations: [ColorScaleComponent, StepBarComponent], imports: [CommonModule, i1$1.TranslateModule, NgxDropzoneModule,
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: UiWidgetsModule, declarations: [ColorScaleComponent], imports: [CommonModule, i1$1.TranslateModule, NgxDropzoneModule,
             FormsModule,
             ReactiveFormsModule,
             TagInputModule,
             UtilSharedModule,
-            MatProgressSpinnerModule], exports: [StepBarComponent] }); }
+            MatProgressSpinnerModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UiWidgetsModule, imports: [CommonModule,
             TranslateModule.forChild(),
             NgxDropzoneModule,
@@ -26399,7 +25869,7 @@ class UiWidgetsModule {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UiWidgetsModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [ColorScaleComponent, StepBarComponent],
+                    declarations: [ColorScaleComponent],
                     imports: [
                         CommonModule,
                         TranslateModule.forChild(),
@@ -26410,7 +25880,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         UtilSharedModule,
                         MatProgressSpinnerModule,
                     ],
-                    exports: [StepBarComponent],
+                    exports: [],
                 }]
         }] });
 
@@ -26646,29 +26116,71 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class AutocompleteComponent {
+    get displayEnterBtn() {
+        return this.enterButton && this.allowSubmit && !this.searchActive;
+    }
+    getExtraClass() {
+        if (this.allowSubmit) {
+            if (this.enterButton) {
+                return 'border rounded-lg absolute w-8 h-8 right-[calc(var(--icon-width)+var(--icon-padding))] inset-y-[--icon-padding]';
+            }
+            else {
+                return 'border rounded-lg absolute w-8 h-8 right-[calc(var(--icon-width)+0.25*var(--icon-width))] inset-y-[calc(0.25*var(--icon-width))]';
+            }
+        }
+        else {
+            if (!this.enterButton) {
+                return 'border rounded-lg absolute w-8 h-8 right-2 inset-y-2';
+            }
+        }
+        return 'border rounded-lg absolute w-8 h-8';
+    }
     constructor(cdRef) {
         this.cdRef = cdRef;
+        this.enterButton = false;
         this.clearOnSelection = false;
         this.preventCompleteOnSelection = false;
         this.autoFocus = false;
         this.minCharacterCount = 3;
         // this will show a submit button next to the input; if false, a search icon will appear on the left
         this.allowSubmit = false;
+        this.forceTrackPosition = false;
         this.itemSelected = new EventEmitter();
         this.inputSubmitted = new EventEmitter();
         this.inputCleared = new EventEmitter();
+        this.isSearchActive = new EventEmitter();
         this.control = new UntypedFormControl();
         this.cancelEnter = true;
         this.selectionSubject = new ReplaySubject(1);
         this.lastInputValue$ = new ReplaySubject(1);
         this.error = null;
         this.subscription = new Subscription();
+        this.lastPosition = null;
+        this.enterBtnPosition = 0;
+        this.searchActive = false;
         this.displayWithFn = (item) => item.toString();
         this.displayWithFnInternal = (item) => {
             if (item === null || item === undefined)
                 return null;
             return this.displayWithFn(item);
         };
+        /**
+         * !!! This function is used only for web component mode,
+         * the autocomplete dropdown may not update its position
+         * if the page or container is disabling wind scroll.
+         */
+        this.trackPosition = () => {
+            const dropdownOpened = this.triggerRef && this.triggerRef.panelOpen;
+            const rect = this.inputRef.nativeElement.getBoundingClientRect();
+            if (dropdownOpened &&
+                (!this.lastPosition ||
+                    rect.top !== this.lastPosition.top ||
+                    rect.left !== this.lastPosition.left)) {
+                this.triggerRef.updatePosition();
+            }
+            this.lastPosition = rect;
+            requestAnimationFrame(this.trackPosition);
+        };
     }
     ngOnChanges(changes) {
         const { value } = changes;
@@ -26676,6 +26188,14 @@ class AutocompleteComponent {
             const previousTextValue = this.displayWithFnInternal(value.previousValue);
             const currentTextValue = this.displayWithFnInternal(value.currentValue);
             if (previousTextValue !== currentTextValue) {
+                if (currentTextValue) {
+                    this.searchActive = true;
+                    this.isSearchActive.emit(true);
+                }
+                else {
+                    this.searchActive = false;
+                    this.isSearchActive.emit(false);
+                }
                 this.updateInputValue(value.currentValue);
             }
         }
@@ -26720,9 +26240,23 @@ class AutocompleteComponent {
             this.inputRef.nativeElement.focus();
             this.cdRef.detectChanges();
         }
+        this.startTrackingPosition();
+    }
+    /**
+     * !!! This function is used only for web component mode,
+     * the autocomplete dropdown may not update its position
+     * if the page or container is disabling wind scroll.
+     */
+    startTrackingPosition() {
+        if (this.forceTrackPosition) {
+            requestAnimationFrame(this.trackPosition);
+        }
     }
     ngOnDestroy() {
         this.subscription?.unsubscribe();
+        if (this.intervalIdPosition) {
+            clearInterval(this.intervalIdPosition);
+        }
     }
     updateInputValue(value) {
         if (value) {
@@ -26734,6 +26268,8 @@ class AutocompleteComponent {
     }
     clear() {
         this.inputRef.nativeElement.value = '';
+        this.searchActive = false;
+        this.isSearchActive.emit(false);
         this.inputCleared.emit();
         this.selectionSubject
             .pipe(take(1))
@@ -26742,6 +26278,8 @@ class AutocompleteComponent {
     }
     handleEnter(any) {
         if (!this.cancelEnter && this.allowSubmit) {
+            this.isSearchActive.emit(true);
+            this.searchActive = true;
             this.inputSubmitted.emit(any);
         }
     }
@@ -26769,16 +26307,22 @@ class AutocompleteComponent {
             this.control.setValue('');
         }
     }
+    handleInput(event) {
+        this.searchActive = false;
+        this.isSearchActive.emit(false);
+        this.enterBtnPosition = event.target['value'].length * 8 + 80;
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AutocompleteComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AutocompleteComponent, isStandalone: true, selector: "gn-ui-autocomplete", inputs: { placeholder: "placeholder", action: "action", value: "value", clearOnSelection: "clearOnSelection", preventCompleteOnSelection: "preventCompleteOnSelection", autoFocus: "autoFocus", minCharacterCount: "minCharacterCount", allowSubmit: "allowSubmit", displayWithFn: "displayWithFn" }, outputs: { itemSelected: "itemSelected", inputSubmitted: "inputSubmitted", inputCleared: "inputCleared" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AutocompleteComponent, isStandalone: true, selector: "gn-ui-autocomplete", inputs: { placeholder: "placeholder", enterButton: "enterButton", action: "action", value: "value", clearOnSelection: "clearOnSelection", preventCompleteOnSelection: "preventCompleteOnSelection", autoFocus: "autoFocus", minCharacterCount: "minCharacterCount", allowSubmit: "allowSubmit", forceTrackPosition: "forceTrackPosition", displayWithFn: "displayWithFn" }, outputs: { itemSelected: "itemSelected", inputSubmitted: "inputSubmitted", inputCleared: "inputCleared", isSearchActive: "isSearchActive" }, providers: [
             provideIcons({
                 iconoirSearch,
                 matClose,
+                iconoirLongArrowDownLeft,
             }),
             provideNgIconsConfig({
-                size: '1.5rem',
+                size: '1.75rem',
             }),
-        ], viewQueries: [{ propertyName: "triggerRef", first: true, predicate: MatAutocompleteTrigger, descendants: true }, { propertyName: "autocomplete", first: true, predicate: MatAutocomplete, descendants: true }, { propertyName: "inputRef", first: true, predicate: ["searchInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<span class=\"w-full inline-block relative\">\n  <div\n    class=\"absolute inset-y-[--icon-padding] left-[--icon-padding] w-[--icon-width] pointer-events-none\"\n    *ngIf=\"!allowSubmit\"\n  >\n    <ng-icon name=\"iconoirSearch\" class=\"text-primary search\"></ng-icon>\n  </div>\n  <input\n    #searchInput\n    type=\"text\"\n    class=\"gn-ui-text-input\"\n    [ngClass]=\"{\n      'px-[--icon-width]': !allowSubmit,\n    }\"\n    [placeholder]=\"placeholder\"\n    [formControl]=\"control\"\n    [matAutocomplete]=\"auto\"\n    (keyup.enter)=\"handleEnter(searchInput.value)\"\n  />\n  <gn-ui-button\n    type=\"light\"\n    extraClass=\"border-0 text-primary-lightest hover:text-primary focus:text-primary absolute inset-y-[--icon-padding] {{\n      allowSubmit\n        ? 'right-[calc(var(--icon-width)+var(--icon-padding))]'\n        : 'right-[--icon-padding]'\n    }}\"\n    data-test=\"clear-btn\"\n    *ngIf=\"searchInput.value\"\n    aria-label=\"Clear\"\n    (buttonClick)=\"clear()\"\n  >\n    <ng-icon name=\"matClose\"></ng-icon>\n  </gn-ui-button>\n  <gn-ui-button\n    type=\"light\"\n    extraClass=\"border-0 border-l-[1px] border-gray-300 hover:border-gray-500 text-primary hover:text-primary-darkest focus:text-primary-darkest absolute inset-y-[--icon-padding] right-[--icon-padding]\"\n    aria-label=\"Trigger search\"\n    *ngIf=\"allowSubmit\"\n    data-test=\"autocomplete-submit-btn\"\n    (buttonClick)=\"handleClickSearch()\"\n  >\n    <ng-icon name=\"iconoirSearch\"></ng-icon>\n  </gn-ui-button>\n\n  <gn-ui-popup-alert\n    *ngIf=\"error\"\n    class=\"absolute mt-2 w-full top-[100%] left-0\"\n    icon=\"matErrorOutlineOutline\"\n    position=\"top\"\n    type=\"warning\"\n  >\n    <span translate>search.autocomplete.error</span>\n    {{ error }}\n  </gn-ui-popup-alert>\n</span>\n\n<mat-autocomplete\n  #auto=\"matAutocomplete\"\n  (optionSelected)=\"handleSelection($event)\"\n  [displayWith]=\"displayWithFnInternal\"\n>\n  <mat-option\n    *ngFor=\"let suggestion of suggestions$ | async\"\n    [value]=\"suggestion\"\n    class=\"p-2 suggestion\"\n  >\n    {{ displayWithFnInternal(suggestion) }}\n  </mat-option>\n</mat-autocomplete>\n", styles: ["span{--icon-padding: var(--gn-ui-text-input-border-size, 2px);--icon-width: calc(var(--gn-ui-text-input-padding, .6em) * 2 + 1.25em)}span>*:not(gn-ui-popup-alert){font-size:var(--gn-ui-text-input-font-size, 1em)}input:placeholder-shown{text-overflow:ellipsis}gn-ui-button{--gn-ui-button-rounded: 0;--gn-ui-button-width: var(--icon-width);--gn-ui-button-padding: 0;font-size:1em}ng-icon.search{margin-top:.6rem;margin-left:.6rem}gn-ui-button:last-of-type{--gn-ui-button-rounded: 0 var(--gn-ui-text-input-rounded, .25em) var(--gn-ui-text-input-rounded, .25em) 0}.mat-mdc-option.suggestion.mat-mdc-option-active{background-color:var(--color-primary-lightest)}\n"], dependencies: [{ kind: "component", type: PopupAlertComponent, selector: "gn-ui-popup-alert", inputs: ["icon", "type", "position"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i1$6.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i1$6.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { 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 }); }
+        ], viewQueries: [{ propertyName: "triggerRef", first: true, predicate: MatAutocompleteTrigger, descendants: true }, { propertyName: "autocomplete", first: true, predicate: MatAutocomplete, descendants: true }, { propertyName: "inputRef", first: true, predicate: ["searchInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<span class=\"w-full inline-block relative\">\n  <div\n    class=\"absolute inset-y-[--icon-padding] left-[--icon-padding] w-[--icon-width] pointer-events-none\"\n    *ngIf=\"!allowSubmit\"\n  >\n    <ng-icon name=\"iconoirSearch\" class=\"text-primary search\"></ng-icon>\n  </div>\n  <div class=\"flex flex-row\">\n    <input\n      #searchInput\n      type=\"text\"\n      class=\"gn-ui-text-input\"\n      (input)=\"handleInput($event)\"\n      [placeholder]=\"placeholder\"\n      [formControl]=\"control\"\n      [matAutocomplete]=\"auto\"\n      (keyup.enter)=\"handleEnter(searchInput.value)\"\n      [ngClass]=\"{\n        'text-primary': searchActive && enterButton,\n        'text-gray-900': !searchActive,\n        'px-[--icon-width]': !allowSubmit,\n      }\"\n    />\n    <gn-ui-button\n      type=\"gray\"\n      *ngIf=\"searchInput.value && displayEnterBtn\"\n      extraClass=\"w-32 h-8 !opacity-100\"\n      [ngStyle]=\"{ left: enterBtnPosition + 'px' }\"\n      class=\"absolute\"\n      disabled=\"true\"\n    >\n      <ng-icon\n        name=\"iconoirLongArrowDownLeft\"\n        class=\"!w-4 text-gray-900 font-bold\"\n      ></ng-icon>\n      <span translate class=\"text-bold text-gray-900 font-bold\">\n        Enter to search\n      </span>\n    </gn-ui-button>\n  </div>\n  <gn-ui-button\n    type=\"primary\"\n    [extraClass]=\"getExtraClass()\"\n    data-test=\"clear-btn\"\n    *ngIf=\"searchInput.value\"\n    aria-label=\"Clear\"\n    (buttonClick)=\"clear()\"\n  >\n    <ng-icon class=\"text-white\" name=\"matClose\"></ng-icon>\n  </gn-ui-button>\n  <gn-ui-button\n    type=\"light\"\n    extraClass=\"border-0 border-l-[1px] border-gray-300 hover:border-gray-500 text-primary hover:text-primary-darkest focus:text-primary-darkest absolute inset-y-[--icon-padding] right-[--icon-padding]\"\n    aria-label=\"Trigger search\"\n    *ngIf=\"allowSubmit\"\n    data-test=\"autocomplete-submit-btn\"\n    (buttonClick)=\"handleClickSearch()\"\n  >\n    <ng-icon name=\"iconoirSearch\"></ng-icon>\n  </gn-ui-button>\n\n  <gn-ui-popup-alert\n    *ngIf=\"error\"\n    class=\"absolute mt-2 w-full top-[100%] left-0\"\n    icon=\"matErrorOutlineOutline\"\n    position=\"top\"\n    type=\"warning\"\n  >\n    <span translate>search.autocomplete.error</span>\n    {{ error }}\n  </gn-ui-popup-alert>\n</span>\n\n<mat-autocomplete\n  #auto=\"matAutocomplete\"\n  (optionSelected)=\"handleSelection($event)\"\n  [displayWith]=\"displayWithFnInternal\"\n>\n  <mat-option\n    *ngFor=\"let suggestion of suggestions$ | async\"\n    [value]=\"suggestion\"\n    class=\"p-2 suggestion\"\n  >\n    {{ displayWithFnInternal(suggestion) }}\n  </mat-option>\n</mat-autocomplete>\n", styles: ["span{--icon-padding: var(--gn-ui-text-input-border-size, 2px);--icon-width: calc(var(--gn-ui-text-input-padding, .6em) * 2 + 1.25em)}span>*:not(gn-ui-popup-alert){font-size:var(--gn-ui-text-input-font-size, 1em)}input:placeholder-shown{text-overflow:ellipsis}gn-ui-button{--gn-ui-button-rounded: 0;--gn-ui-button-width: var(--icon-width);--gn-ui-button-padding: 0;font-size:1em}ng-icon.search{margin-top:.6rem;margin-left:.6rem}gn-ui-button:last-of-type{--gn-ui-button-rounded: 0 var(--gn-ui-text-input-rounded, .25em) var(--gn-ui-text-input-rounded, .25em) 0}.mat-mdc-option.suggestion.mat-mdc-option-active{background-color:var(--color-primary-lightest)}\n"], dependencies: [{ kind: "component", type: PopupAlertComponent, selector: "gn-ui-popup-alert", inputs: ["icon", "type", "position"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i1$6.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i1$6.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { 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: AutocompleteComponent, decorators: [{
             type: Component,
@@ -26794,13 +26338,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         provideIcons({
                             iconoirSearch,
                             matClose,
+                            iconoirLongArrowDownLeft,
                         }),
                         provideNgIconsConfig({
-                            size: '1.5rem',
+                            size: '1.75rem',
                         }),
-                    ], template: "<span class=\"w-full inline-block relative\">\n  <div\n    class=\"absolute inset-y-[--icon-padding] left-[--icon-padding] w-[--icon-width] pointer-events-none\"\n    *ngIf=\"!allowSubmit\"\n  >\n    <ng-icon name=\"iconoirSearch\" class=\"text-primary search\"></ng-icon>\n  </div>\n  <input\n    #searchInput\n    type=\"text\"\n    class=\"gn-ui-text-input\"\n    [ngClass]=\"{\n      'px-[--icon-width]': !allowSubmit,\n    }\"\n    [placeholder]=\"placeholder\"\n    [formControl]=\"control\"\n    [matAutocomplete]=\"auto\"\n    (keyup.enter)=\"handleEnter(searchInput.value)\"\n  />\n  <gn-ui-button\n    type=\"light\"\n    extraClass=\"border-0 text-primary-lightest hover:text-primary focus:text-primary absolute inset-y-[--icon-padding] {{\n      allowSubmit\n        ? 'right-[calc(var(--icon-width)+var(--icon-padding))]'\n        : 'right-[--icon-padding]'\n    }}\"\n    data-test=\"clear-btn\"\n    *ngIf=\"searchInput.value\"\n    aria-label=\"Clear\"\n    (buttonClick)=\"clear()\"\n  >\n    <ng-icon name=\"matClose\"></ng-icon>\n  </gn-ui-button>\n  <gn-ui-button\n    type=\"light\"\n    extraClass=\"border-0 border-l-[1px] border-gray-300 hover:border-gray-500 text-primary hover:text-primary-darkest focus:text-primary-darkest absolute inset-y-[--icon-padding] right-[--icon-padding]\"\n    aria-label=\"Trigger search\"\n    *ngIf=\"allowSubmit\"\n    data-test=\"autocomplete-submit-btn\"\n    (buttonClick)=\"handleClickSearch()\"\n  >\n    <ng-icon name=\"iconoirSearch\"></ng-icon>\n  </gn-ui-button>\n\n  <gn-ui-popup-alert\n    *ngIf=\"error\"\n    class=\"absolute mt-2 w-full top-[100%] left-0\"\n    icon=\"matErrorOutlineOutline\"\n    position=\"top\"\n    type=\"warning\"\n  >\n    <span translate>search.autocomplete.error</span>\n    {{ error }}\n  </gn-ui-popup-alert>\n</span>\n\n<mat-autocomplete\n  #auto=\"matAutocomplete\"\n  (optionSelected)=\"handleSelection($event)\"\n  [displayWith]=\"displayWithFnInternal\"\n>\n  <mat-option\n    *ngFor=\"let suggestion of suggestions$ | async\"\n    [value]=\"suggestion\"\n    class=\"p-2 suggestion\"\n  >\n    {{ displayWithFnInternal(suggestion) }}\n  </mat-option>\n</mat-autocomplete>\n", styles: ["span{--icon-padding: var(--gn-ui-text-input-border-size, 2px);--icon-width: calc(var(--gn-ui-text-input-padding, .6em) * 2 + 1.25em)}span>*:not(gn-ui-popup-alert){font-size:var(--gn-ui-text-input-font-size, 1em)}input:placeholder-shown{text-overflow:ellipsis}gn-ui-button{--gn-ui-button-rounded: 0;--gn-ui-button-width: var(--icon-width);--gn-ui-button-padding: 0;font-size:1em}ng-icon.search{margin-top:.6rem;margin-left:.6rem}gn-ui-button:last-of-type{--gn-ui-button-rounded: 0 var(--gn-ui-text-input-rounded, .25em) var(--gn-ui-text-input-rounded, .25em) 0}.mat-mdc-option.suggestion.mat-mdc-option-active{background-color:var(--color-primary-lightest)}\n"] }]
+                    ], template: "<span class=\"w-full inline-block relative\">\n  <div\n    class=\"absolute inset-y-[--icon-padding] left-[--icon-padding] w-[--icon-width] pointer-events-none\"\n    *ngIf=\"!allowSubmit\"\n  >\n    <ng-icon name=\"iconoirSearch\" class=\"text-primary search\"></ng-icon>\n  </div>\n  <div class=\"flex flex-row\">\n    <input\n      #searchInput\n      type=\"text\"\n      class=\"gn-ui-text-input\"\n      (input)=\"handleInput($event)\"\n      [placeholder]=\"placeholder\"\n      [formControl]=\"control\"\n      [matAutocomplete]=\"auto\"\n      (keyup.enter)=\"handleEnter(searchInput.value)\"\n      [ngClass]=\"{\n        'text-primary': searchActive && enterButton,\n        'text-gray-900': !searchActive,\n        'px-[--icon-width]': !allowSubmit,\n      }\"\n    />\n    <gn-ui-button\n      type=\"gray\"\n      *ngIf=\"searchInput.value && displayEnterBtn\"\n      extraClass=\"w-32 h-8 !opacity-100\"\n      [ngStyle]=\"{ left: enterBtnPosition + 'px' }\"\n      class=\"absolute\"\n      disabled=\"true\"\n    >\n      <ng-icon\n        name=\"iconoirLongArrowDownLeft\"\n        class=\"!w-4 text-gray-900 font-bold\"\n      ></ng-icon>\n      <span translate class=\"text-bold text-gray-900 font-bold\">\n        Enter to search\n      </span>\n    </gn-ui-button>\n  </div>\n  <gn-ui-button\n    type=\"primary\"\n    [extraClass]=\"getExtraClass()\"\n    data-test=\"clear-btn\"\n    *ngIf=\"searchInput.value\"\n    aria-label=\"Clear\"\n    (buttonClick)=\"clear()\"\n  >\n    <ng-icon class=\"text-white\" name=\"matClose\"></ng-icon>\n  </gn-ui-button>\n  <gn-ui-button\n    type=\"light\"\n    extraClass=\"border-0 border-l-[1px] border-gray-300 hover:border-gray-500 text-primary hover:text-primary-darkest focus:text-primary-darkest absolute inset-y-[--icon-padding] right-[--icon-padding]\"\n    aria-label=\"Trigger search\"\n    *ngIf=\"allowSubmit\"\n    data-test=\"autocomplete-submit-btn\"\n    (buttonClick)=\"handleClickSearch()\"\n  >\n    <ng-icon name=\"iconoirSearch\"></ng-icon>\n  </gn-ui-button>\n\n  <gn-ui-popup-alert\n    *ngIf=\"error\"\n    class=\"absolute mt-2 w-full top-[100%] left-0\"\n    icon=\"matErrorOutlineOutline\"\n    position=\"top\"\n    type=\"warning\"\n  >\n    <span translate>search.autocomplete.error</span>\n    {{ error }}\n  </gn-ui-popup-alert>\n</span>\n\n<mat-autocomplete\n  #auto=\"matAutocomplete\"\n  (optionSelected)=\"handleSelection($event)\"\n  [displayWith]=\"displayWithFnInternal\"\n>\n  <mat-option\n    *ngFor=\"let suggestion of suggestions$ | async\"\n    [value]=\"suggestion\"\n    class=\"p-2 suggestion\"\n  >\n    {{ displayWithFnInternal(suggestion) }}\n  </mat-option>\n</mat-autocomplete>\n", styles: ["span{--icon-padding: var(--gn-ui-text-input-border-size, 2px);--icon-width: calc(var(--gn-ui-text-input-padding, .6em) * 2 + 1.25em)}span>*:not(gn-ui-popup-alert){font-size:var(--gn-ui-text-input-font-size, 1em)}input:placeholder-shown{text-overflow:ellipsis}gn-ui-button{--gn-ui-button-rounded: 0;--gn-ui-button-width: var(--icon-width);--gn-ui-button-padding: 0;font-size:1em}ng-icon.search{margin-top:.6rem;margin-left:.6rem}gn-ui-button:last-of-type{--gn-ui-button-rounded: 0 var(--gn-ui-text-input-rounded, .25em) var(--gn-ui-text-input-rounded, .25em) 0}.mat-mdc-option.suggestion.mat-mdc-option-active{background-color:var(--color-primary-lightest)}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { placeholder: [{
                 type: Input
+            }], enterButton: [{
+                type: Input
             }], action: [{
                 type: Input
             }], value: [{
@@ -26815,12 +26362,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }], allowSubmit: [{
                 type: Input
+            }], forceTrackPosition: [{
+                type: Input
             }], itemSelected: [{
                 type: Output
             }], inputSubmitted: [{
                 type: Output
             }], inputCleared: [{
                 type: Output
+            }], isSearchActive: [{
+                type: Output
             }], triggerRef: [{
                 type: ViewChild,
                 args: [MatAutocompleteTrigger]
@@ -26928,72 +26479,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Output
             }] } });
 
-class ChipsInputComponent {
-    onChange(event) {
-        this.rawChange.next(event);
-    }
-    constructor(http, translate) {
-        this.http = http;
-        this.translate = translate;
-        this.required = false;
-        this.loadOnce = false;
-        this.autocompleteItems = [];
-        this.invalid = false;
-        this.items = [];
-        this.requestAutocompleteItems = (text) => {
-            if (this.url) {
-                if (this.loadOnce && this.loadedItems) {
-                    return this.loadedItems;
-                }
-                const url = this.url(text);
-                const lang = LANG_2_TO_3_MAPPER[this.translate.currentLang.slice(0, 2)];
-                return this.http
-                    .get(url.replace('${lang}', lang))
-                    .pipe(map$1((item) => item.map((i) => i.values[lang])));
-            }
-            else {
-                return of(this.autocompleteItems || []);
-            }
-        };
-        this.rawChange = new Subject();
-        this.itemsChange = this.rawChange.pipe(distinctUntilChanged());
-        this.subscription = new Subscription();
-    }
-    ngOnInit() {
-        if (this.loadOnce) {
-            this.loadedItems = this.requestAutocompleteItems('*').pipe(shareReplay(1));
-        }
-        this.items = this.selectedItems;
-        this.subscription = this.rawChange
-            .pipe(tap$1((v) => (this.invalid = v.length === 0)))
-            .subscribe();
-        this.rawChange.next(this.items);
-    }
-    ngOnDestroy() {
-        this.subscription.unsubscribe();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ChipsInputComponent, deps: [{ token: i1.HttpClient }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ChipsInputComponent, selector: "gn-ui-chips-input", inputs: { url: "url", placeholder: "placeholder", selectedItems: "selectedItems", required: "required", loadOnce: "loadOnce", autocompleteItems: "autocompleteItems" }, outputs: { itemsChange: "itemsChange" }, ngImport: i0, template: "<tag-input\n  [ngModel]=\"items\"\n  (ngModelChange)=\"onChange($event)\"\n  onlyFromAutocomplete=\"true\"\n  [placeholder]=\"placeholder\"\n  [secondaryPlaceholder]=\"placeholder\"\n  [ripple]=\"false\"\n  [animationDuration]=\"{ enter: '0ms', leave: '0ms' }\"\n  [onTextChangeDebounce]=\"100\"\n  class=\"border-2 border-primary h-full rounded-lg p-2 bg-white text-sm focus:border-primary\"\n  [ngClass]=\"{ invalid: invalid }\"\n>\n  <tag-input-dropdown\n    [autocompleteObservable]=\"requestAutocompleteItems\"\n    [minimumTextLength]=\"0\"\n    [keepOpen]=\"false\"\n    [showDropdownIfEmpty]=\"true\"\n  >\n    <ng-template let-item=\"item\" let-index=\"index\">\n      {{ item.display }}\n    </ng-template>\n  </tag-input-dropdown>\n</tag-input>\n", styles: ["tag-input::ng-deep .ng2-tag-input{border-bottom:none}tag-input::ng-deep .ng2-tag-input.ng2-tag-input--focused{border-bottom:none}tag-input::ng-deep tag{border-radius:5px;background:var(--color-primary-lightest);font-family:inherit;align-content:center;font-style:italic}tag-input::ng-deep tag::ng-deep:not(:focus):not(.tag--editing):not(:active):not(.readonly):hover,tag-input::ng-deep tag:not(:focus):not(.tag--editing):not(:active):not(.readonly):hover{background:var(--color-primary)!important}tag-input::ng-deep .tag__text{padding-right:7px}tag-input::ng-deep div,tag-input::ng-deep form{height:100%}tag-input.invalid{border-color:var(--color-secondary)}\n"], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.TagInputComponent, selector: "tag-input", inputs: ["separatorKeys", "separatorKeyCodes", "placeholder", "secondaryPlaceholder", "maxItems", "validators", "asyncValidators", "onlyFromAutocomplete", "errorMessages", "theme", "onTextChangeDebounce", "inputId", "inputClass", "clearOnBlur", "hideForm", "addOnBlur", "addOnPaste", "pasteSplitPattern", "blinkIfDupe", "removable", "editable", "allowDupes", "modelAsStrings", "trimTags", "inputText", "ripple", "tabindex", "disable", "dragZone", "onRemoving", "onAdding", "animationDuration"], outputs: ["onAdd", "onRemove", "onSelect", "onFocus", "onBlur", "onTextChange", "onPaste", "onValidationError", "onTagEdited", "inputTextChange"] }, { kind: "component", type: i5.TagInputDropdown, selector: "tag-input-dropdown", inputs: ["offset", "focusFirstElement", "showDropdownIfEmpty", "autocompleteObservable", "minimumTextLength", "limitItemsTo", "displayBy", "identifyBy", "matchingFn", "appendToBody", "keepOpen", "dynamicUpdate", "zIndex", "autocompleteItems"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ChipsInputComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gn-ui-chips-input', template: "<tag-input\n  [ngModel]=\"items\"\n  (ngModelChange)=\"onChange($event)\"\n  onlyFromAutocomplete=\"true\"\n  [placeholder]=\"placeholder\"\n  [secondaryPlaceholder]=\"placeholder\"\n  [ripple]=\"false\"\n  [animationDuration]=\"{ enter: '0ms', leave: '0ms' }\"\n  [onTextChangeDebounce]=\"100\"\n  class=\"border-2 border-primary h-full rounded-lg p-2 bg-white text-sm focus:border-primary\"\n  [ngClass]=\"{ invalid: invalid }\"\n>\n  <tag-input-dropdown\n    [autocompleteObservable]=\"requestAutocompleteItems\"\n    [minimumTextLength]=\"0\"\n    [keepOpen]=\"false\"\n    [showDropdownIfEmpty]=\"true\"\n  >\n    <ng-template let-item=\"item\" let-index=\"index\">\n      {{ item.display }}\n    </ng-template>\n  </tag-input-dropdown>\n</tag-input>\n", styles: ["tag-input::ng-deep .ng2-tag-input{border-bottom:none}tag-input::ng-deep .ng2-tag-input.ng2-tag-input--focused{border-bottom:none}tag-input::ng-deep tag{border-radius:5px;background:var(--color-primary-lightest);font-family:inherit;align-content:center;font-style:italic}tag-input::ng-deep tag::ng-deep:not(:focus):not(.tag--editing):not(:active):not(.readonly):hover,tag-input::ng-deep tag:not(:focus):not(.tag--editing):not(:active):not(.readonly):hover{background:var(--color-primary)!important}tag-input::ng-deep .tag__text{padding-right:7px}tag-input::ng-deep div,tag-input::ng-deep form{height:100%}tag-input.invalid{border-color:var(--color-secondary)}\n"] }]
-        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i1$1.TranslateService }], propDecorators: { url: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], selectedItems: [{
-                type: Input
-            }], required: [{
-                type: Input
-            }], loadOnce: [{
-                type: Input
-            }], autocompleteItems: [{
-                type: Input
-            }], itemsChange: [{
-                type: Output
-            }] } });
-
 class CopyTextButtonComponent {
     constructor() {
         this.displayText = true;
@@ -27671,8 +27156,8 @@ class UrlInputComponent {
         this.inputValue = '';
     }
     ngOnChanges(changes) {
-        if (changes['value']) {
-            this.inputValue = changes['value'].currentValue;
+        if (changes['resetUrlOnChange']) {
+            this.inputValue = '';
         }
     }
     handleInput(event) {
@@ -27701,7 +27186,7 @@ class UrlInputComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UrlInputComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: UrlInputComponent, isStandalone: true, selector: "gn-ui-url-input", inputs: { value: "value", extraClass: "extraClass", placeholder: "placeholder", disabled: "disabled", showValidateButton: "showValidateButton" }, outputs: { valueChange: "valueChange", uploadClick: "uploadClick" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: UrlInputComponent, isStandalone: true, selector: "gn-ui-url-input", inputs: { value: "value", extraClass: "extraClass", placeholder: "placeholder", disabled: "disabled", showValidateButton: "showValidateButton", resetUrlOnChange: "resetUrlOnChange" }, outputs: { valueChange: "valueChange", uploadClick: "uploadClick" }, providers: [
             provideIcons({ iconoirLink, iconoirArrowUp }),
             provideNgIconsConfig({
                 size: '1.5em',
@@ -27726,6 +27211,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }], showValidateButton: [{
                 type: Input
+            }], resetUrlOnChange: [{
+                type: Input
             }], valueChange: [{
                 type: Output
             }], uploadClick: [{
@@ -27791,7 +27278,7 @@ class FileInputComponent {
             provideNgIconsConfig({
                 size: '1.5em',
             }),
-        ], ngImport: i0, template: "<div class=\"w-full flex flex-col gap-[16px]\">\n  <label\n    gnUiFilesDrop\n    class=\"flex-1 border-2 border-dashed rounded-lg p-6 flex flex-col items-center justify-center gap-4 transition-colors duration-100\"\n    [ngClass]=\"{\n      'border-primary-lighter bg-primary-white': dragFilesOver,\n      'border-gray-300': !dragFilesOver,\n      'cursor-pointer hover:border-gray-500': !isUploadInProgress && !disabled,\n      'cursor-not-allowed': disabled,\n    }\"\n    [attr.tabindex]=\"isUploadInProgress || disabled ? null : 0\"\n    (dragFilesOver)=\"handleDragFilesOver($event)\"\n    (dropFiles)=\"handleDropFiles($event)\"\n    (keydown.enter)=\"fileInput.click()\"\n  >\n    <input\n      #fileInput\n      type=\"file\"\n      class=\"hidden\"\n      (change)=\"handleFileInput($event)\"\n      [disabled]=\"isUploadInProgress || disabled\"\n    />\n\n    <div\n      class=\"w-14 h-14 rounded-md bg-gray-50 grid\"\n      *ngIf=\"!isUploadInProgress\"\n    >\n      <ng-icon\n        *ngIf=\"!dragFilesOver\"\n        class=\"place-self-center text-primary\"\n        name=\"iconoirCloudUpload\"\n      ></ng-icon>\n      <ng-icon\n        *ngIf=\"dragFilesOver\"\n        class=\"place-self-center text-primary\"\n        name=\"iconoirFramePlusIn\"\n      ></ng-icon>\n    </div>\n    <div\n      *ngIf=\"isUploadInProgress\"\n      class=\"w-14 h-14 grid items-center justify-center relative\"\n    >\n      <div class=\"text-gray-100 absolute\">\n        <mat-progress-spinner\n          class=\"place-self-center\"\n          [diameter]=\"56\"\n          mode=\"determinate\"\n          [value]=\"100\"\n        ></mat-progress-spinner>\n      </div>\n      <div class=\"text-primary absolute\">\n        <mat-progress-spinner\n          class=\"place-self-center\"\n          [diameter]=\"56\"\n          mode=\"determinate\"\n          [value]=\"uploadProgress\"\n        ></mat-progress-spinner>\n      </div>\n      <span class=\"text-sm text-main font-bold\">{{ uploadProgress }}%</span>\n    </div>\n    <div class=\"flex flex-col items-center gap-1\">\n      <p class=\"font-medium\">\n        {{ getPrimaryText() | translate: { sizeMB: maxSizeMB.toFixed(0) } }}\n      </p>\n      <p\n        class=\"text-sm\"\n        [class]=\"\n          isUploadInProgress\n            ? 'font-bold text-primary cursor-pointer'\n            : 'font-medium text-gray-500'\n        \"\n        (click)=\"handleSecondaryTextClick($event)\"\n      >\n        {{ getSecondaryText() | translate }}\n      </p>\n    </div>\n    <p class=\"w-full flex flex-row items-center justify-stretch gap-[16px]\">\n      <span class=\"border-b border-gray-300 grow\"></span>\n      <span class=\"text-sm font-medium text-gray-500 or-input-url\" translate>\n        input.file.orInputUrl</span\n      >\n      <span class=\"border-b border-gray-300 grow\"></span>\n    </p>\n    <gn-ui-url-input\n      class=\"w-full\"\n      [disabled]=\"isUploadInProgress || disabled\"\n      (uploadClick)=\"handleUrlChange($event)\"\n    ></gn-ui-url-input>\n  </label>\n</div>\n", styles: [":host{--gn-ui-button-padding: 8px 8px;--gn-ui-button-rounded: 8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: FilesDropDirective, selector: "[gnUiFilesDrop]", outputs: ["dragFilesOver", "dropFiles"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i1$5.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: UrlInputComponent, selector: "gn-ui-url-input", inputs: ["value", "extraClass", "placeholder", "disabled", "showValidateButton"], outputs: ["valueChange", "uploadClick"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], ngImport: i0, template: "<div class=\"w-full flex flex-col gap-[16px]\">\n  <label\n    gnUiFilesDrop\n    class=\"flex-1 border-2 border-dashed rounded-lg p-6 flex flex-col items-center justify-center gap-4 transition-colors duration-100\"\n    [ngClass]=\"{\n      'border-primary-lighter bg-primary-white': dragFilesOver,\n      'border-gray-300': !dragFilesOver,\n      'cursor-pointer hover:border-gray-500': !isUploadInProgress && !disabled,\n      'cursor-not-allowed': disabled,\n    }\"\n    [attr.tabindex]=\"isUploadInProgress || disabled ? null : 0\"\n    (dragFilesOver)=\"handleDragFilesOver($event)\"\n    (dropFiles)=\"handleDropFiles($event)\"\n    (keydown.enter)=\"fileInput.click()\"\n  >\n    <input\n      #fileInput\n      type=\"file\"\n      class=\"hidden\"\n      (change)=\"handleFileInput($event)\"\n      [disabled]=\"isUploadInProgress || disabled\"\n    />\n\n    <div\n      class=\"w-14 h-14 rounded-md bg-gray-50 grid\"\n      *ngIf=\"!isUploadInProgress\"\n    >\n      <ng-icon\n        *ngIf=\"!dragFilesOver\"\n        class=\"place-self-center text-primary\"\n        name=\"iconoirCloudUpload\"\n      ></ng-icon>\n      <ng-icon\n        *ngIf=\"dragFilesOver\"\n        class=\"place-self-center text-primary\"\n        name=\"iconoirFramePlusIn\"\n      ></ng-icon>\n    </div>\n    <div\n      *ngIf=\"isUploadInProgress\"\n      class=\"w-14 h-14 grid items-center justify-center relative\"\n    >\n      <div class=\"text-gray-100 absolute\">\n        <mat-progress-spinner\n          class=\"place-self-center\"\n          [diameter]=\"56\"\n          mode=\"determinate\"\n          [value]=\"100\"\n        ></mat-progress-spinner>\n      </div>\n      <div class=\"text-primary absolute\">\n        <mat-progress-spinner\n          class=\"place-self-center\"\n          [diameter]=\"56\"\n          mode=\"determinate\"\n          [value]=\"uploadProgress\"\n        ></mat-progress-spinner>\n      </div>\n      <span class=\"text-sm text-main font-bold\">{{ uploadProgress }}%</span>\n    </div>\n    <div class=\"flex flex-col items-center gap-1\">\n      <p class=\"font-medium\">\n        {{ getPrimaryText() | translate: { sizeMB: maxSizeMB.toFixed(0) } }}\n      </p>\n      <p\n        class=\"text-sm\"\n        [class]=\"\n          isUploadInProgress\n            ? 'font-bold text-primary cursor-pointer'\n            : 'font-medium text-gray-500'\n        \"\n        (click)=\"handleSecondaryTextClick($event)\"\n      >\n        {{ getSecondaryText() | translate }}\n      </p>\n    </div>\n    <p class=\"w-full flex flex-row items-center justify-stretch gap-[16px]\">\n      <span class=\"border-b border-gray-300 grow\"></span>\n      <span class=\"text-sm font-medium text-gray-500 or-input-url\" translate>\n        input.file.orInputUrl</span\n      >\n      <span class=\"border-b border-gray-300 grow\"></span>\n    </p>\n    <gn-ui-url-input\n      class=\"w-full\"\n      [disabled]=\"isUploadInProgress || disabled\"\n      (uploadClick)=\"handleUrlChange($event)\"\n    ></gn-ui-url-input>\n  </label>\n</div>\n", styles: [":host{--gn-ui-button-padding: 8px 8px;--gn-ui-button-rounded: 8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: FilesDropDirective, selector: "[gnUiFilesDrop]", outputs: ["dragFilesOver", "dropFiles"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i1$5.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: UrlInputComponent, selector: "gn-ui-url-input", inputs: ["value", "extraClass", "placeholder", "disabled", "showValidateButton", "resetUrlOnChange"], outputs: ["valueChange", "uploadClick"] }, { 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: FileInputComponent, decorators: [{
             type: Component,
@@ -28073,7 +27560,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 class UiInputsModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UiInputsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: UiInputsModule, declarations: [DragAndDropFileInputComponent,
-            ChipsInputComponent,
             DropdownMultiselectComponent,
             ViewportIntersectorComponent,
             CheckboxComponent], imports: [CommonModule, i1$1.TranslateModule, NgxDropzoneModule,
@@ -28101,7 +27587,6 @@ class UiInputsModule {
             ButtonComponent,
             DragAndDropFileInputComponent,
             TextAreaComponent,
-            ChipsInputComponent,
             DropdownMultiselectComponent,
             ViewportIntersectorComponent,
             CheckToggleComponent,
@@ -28146,7 +27631,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             args: [{
                     declarations: [
                         DragAndDropFileInputComponent,
-                        ChipsInputComponent,
                         DropdownMultiselectComponent,
                         ViewportIntersectorComponent,
                         CheckboxComponent,
@@ -28192,7 +27676,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         ButtonComponent,
                         DragAndDropFileInputComponent,
                         TextAreaComponent,
-                        ChipsInputComponent,
                         DropdownMultiselectComponent,
                         ViewportIntersectorComponent,
                         CheckToggleComponent,
@@ -28858,7 +28341,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 
 class MarkdownParserComponent {
     get parsedMarkdown() {
-        return marked.parse(this.textContent);
+        return marked.parse(this.textContent ?? '');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MarkdownParserComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MarkdownParserComponent, isStandalone: true, selector: "gn-ui-markdown-parser", inputs: { textContent: "textContent", whitoutStyles: "whitoutStyles" }, ngImport: i0, template: "<div\n  [class]=\"whitoutStyles ? '' : 'markdown-body'\"\n  [innerHTML]=\"parsedMarkdown\"\n></div>\n", styles: [":host ::ng-deep .markdown-body{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;margin:0;line-height:1.5;word-wrap:break-word;height:100%}:host ::ng-deep .markdown-body strong{@apply font-bold;color:var(--color-secondary-darker)}:host ::ng-deep .markdown-body h1,:host ::ng-deep .markdown-body h2,:host ::ng-deep .markdown-body h3,:host ::ng-deep .markdown-body h4,:host ::ng-deep .markdown-body h5,:host ::ng-deep .markdown-body h6{margin-top:24px;margin-bottom:16px;line-height:1.25;@apply text-title font-title font-bold;}:host ::ng-deep .markdown-body :first-child{margin-top:0}:host ::ng-deep .markdown-body h1{margin:.67em 0;padding-bottom:.3em;font-size:2em;color:var(--color-primary)}:host ::ng-deep .markdown-body h2{padding-bottom:.3em;font-size:1.5em;color:var(--color-secondary)}:host ::ng-deep .markdown-body h3{font-size:1.25em;color:var(--color-secondary)}:host ::ng-deep .markdown-body h4{font-size:1em;color:var(--color-secondary)}:host ::ng-deep .markdown-body h5{font-size:.875em;color:var(--color-secondary)}:host ::ng-deep .markdown-body h6{font-size:.85em;color:var(--color-secondary-lighter)}:host ::ng-deep .markdown-body p{margin-top:0;margin-bottom:10px}:host ::ng-deep .markdown-body p>a{margin-top:0;margin-bottom:10px;color:var(--color-primary)!important;text-decoration:none}:host ::ng-deep .markdown-body p>a:hover{color:var(--color-primary-darker)!important;@apply underline;}:host ::ng-deep .markdown-body blockquote{margin:0;padding:0 1em;color:var(--color-secondary-lighter);border-left:.25em solid var(--color-primary-lighter)}:host ::ng-deep .markdown-body pre{margin-top:0;margin-bottom:0;font-size:12px;background-color:var(--color-gray-100);word-wrap:normal}:host ::ng-deep .markdown-body pre{padding:16px;overflow:auto;font-size:85%;line-height:1.45;color:var(--color-secondary);border-radius:6px}:host ::ng-deep .markdown-body code{padding:.2em .4em;margin:0;font-size:85%;white-space:break-spaces;border-radius:6px}:host ::ng-deep .markdown-body pre code{display:inline;max-width:auto;padding:0;margin:0;overflow:visible;line-height:inherit;word-wrap:normal;border:0}:host ::ng-deep .markdown-body hr{box-sizing:content-box;overflow:hidden;background:transparent;border-bottom:1px solid var(--color-secondary);height:.15em;padding:0;margin:24px 0;background-color:var(--color-secondary);border:0}:host ::ng-deep .markdown-body hr:before{display:table;content:\"\"}:host ::ng-deep .markdown-body hr:after{display:table;clear:both;content:\"\"}:host ::ng-deep .markdown-body ul,:host ::ng-deep .markdown-body ol{margin-top:0;margin-bottom:0;padding-left:2em;list-style:revert}:host ::ng-deep .markdown-body ol ol,:host ::ng-deep .markdown-body ul ol{list-style-type:lower-roman}:host ::ng-deep .markdown-body ul ul ol,:host ::ng-deep .markdown-body ul ol ol,:host ::ng-deep .markdown-body ol ul ol,:host ::ng-deep .markdown-body ol ol ol{list-style-type:lower-alpha}:host ::ng-deep .markdown-body ol[type=\"a s\"]{list-style-type:lower-alpha}:host ::ng-deep .markdown-body ol[type=\"A s\"]{list-style-type:upper-alpha}:host ::ng-deep .markdown-body ol[type=\"i s\"]{list-style-type:lower-roman}:host ::ng-deep .markdown-body ol[type=\"I s\"]{list-style-type:upper-roman}:host ::ng-deep .markdown-body ol[type=\"1\"]{list-style:unset;list-style-type:decimal}:host ::ng-deep .markdown-body div>ol:not([type]){list-style:unset;list-style-type:decimal}:host ::ng-deep .markdown-body table{border-spacing:0;border-collapse:collapse;display:block;width:max-content;max-width:100%;overflow:auto;padding-bottom:15px}:host ::ng-deep .markdown-body td,:host ::ng-deep .markdown-body th{padding:0}:host ::ng-deep .markdown-body th{color:var(--color-secondary)}:host ::ng-deep .markdown-body table th,:host ::ng-deep .markdown-body table td{padding:6px 13px;border:1px solid var(--color-gray-500)}:host ::ng-deep .markdown-body table td>:last-child{margin-bottom:0}:host ::ng-deep .markdown-body table tr{background-color:#fff;border-top:1px solid var(--color-secondary-lighter)}:host ::ng-deep .markdown-body table tr:nth-child(2n){background-color:var(--color-gray-100)}:host ::ng-deep .markdown-body table img{background-color:transparent}:host ::ng-deep .markdown-body img{border-style:none;max-width:100%;box-sizing:content-box;background-color:transparent}:host ::ng-deep .markdown-body img[align=right]{padding-left:20px}:host ::ng-deep .markdown-body img[align=left]{padding-right:20px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
@@ -29474,11 +28957,10 @@ class ImageInputComponent {
         }
     }
     handleDropFiles(files) {
-        if (!this.showUrlInput) {
-            const validFiles = this.filterTypeImage(files);
-            if (validFiles.length > 0) {
-                this.resizeAndEmit(validFiles[0]);
-            }
+        const validFiles = this.filterTypeImage(files);
+        if (validFiles.length > 0) {
+            this.showUrlInput = false;
+            this.resizeAndEmit(validFiles[0]);
         }
     }
     handleFileInput(event) {
@@ -29576,7 +29058,7 @@ class ImageInputComponent {
             provideNgIconsConfig({
                 size: '1.5rem',
             }),
-        ], ngImport: i0, template: "<ng-container *ngIf=\"previewUrl; then withImage; else withoutImage\">\n</ng-container>\n\n<ng-template #withImage>\n  <div class=\"w-80 h-full flex flex-col gap-2\">\n    <gn-ui-image-overlay-preview class=\"h-48\" [imageUrl]=\"previewUrl\">\n    </gn-ui-image-overlay-preview>\n    <gn-ui-text-input\n      *ngIf=\"showAltTextInput\"\n      [placeholder]=\"'input.image.altTextPlaceholder' | translate\"\n      [value]=\"altText ?? ''\"\n      (valueChange)=\"handleAltTextChange($event)\"\n      extraClass=\"gn-ui-editor-textarea\"\n      [disabled]=\"true\"\n    ></gn-ui-text-input>\n    <div class=\"flex flex-row gap-2 mt-2\">\n      <gn-ui-button type=\"gray\" (buttonClick)=\"handleDelete()\">\n        <ng-icon class=\"me-1 text-primary\" name=\"iconoirBin\"></ng-icon>\n        {{ 'input.image.delete' | translate }}\n      </gn-ui-button>\n      <gn-ui-button\n        *ngIf=\"!showAltTextInput\"\n        type=\"gray\"\n        (buttonClick)=\"toggleAltTextInput()\"\n      >\n        <ng-icon name=\"iconoirPlus\" class=\"me-1 text-primary\"></ng-icon>\n        {{ 'input.image.displayAltTextInput' | translate }}\n      </gn-ui-button>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #withoutImage>\n  <div class=\"w-full h-full flex flex-col gap-2\">\n    <label\n      gnUiFilesDrop\n      class=\"flex-1 border-2 border-dashed rounded-lg p-6 flex flex-col items-center justify-center gap-4 transition-colors duration-100\"\n      [ngClass]=\"{\n        'border-primary-lighter bg-primary-white': dragFilesOver,\n        'border-gray-300': !dragFilesOver,\n        'cursor-pointer hover:border-gray-500':\n          !isUploadInProgress && !uploadError && !showUrlInput && !disabled,\n        'cursor-not-allowed': disabled,\n      }\"\n      [attr.tabindex]=\"\n        isUploadInProgress || uploadError || showUrlInput || disabled ? null : 0\n      \"\n      (keydown.enter)=\"fileInput.click()\"\n      (dragFilesOver)=\"handleDragFilesOver($event)\"\n      (dropFiles)=\"handleDropFiles($event)\"\n    >\n      <div\n        class=\"w-14 h-14 rounded-md bg-gray-50 grid\"\n        *ngIf=\"!isUploadInProgress && !uploadError\"\n      >\n        <ng-icon\n          *ngIf=\"!dragFilesOver\"\n          class=\"place-self-center text-primary\"\n          name=\"iconoirMediaImage\"\n        ></ng-icon>\n        <ng-icon\n          *ngIf=\"dragFilesOver\"\n          class=\"place-self-center text-primary\"\n          name=\"iconoirFramePlusIn\"\n        ></ng-icon>\n      </div>\n\n      <div\n        *ngIf=\"isUploadInProgress && !uploadError\"\n        class=\"w-14 h-14 grid items-center justify-center relative\"\n      >\n        <div class=\"text-gray-100 absolute\">\n          <mat-progress-spinner\n            class=\"place-self-center\"\n            [diameter]=\"56\"\n            mode=\"determinate\"\n            [value]=\"100\"\n          ></mat-progress-spinner>\n        </div>\n        <div class=\"text-primary absolute\">\n          <mat-progress-spinner\n            class=\"place-self-center\"\n            [diameter]=\"56\"\n            mode=\"determinate\"\n            [value]=\"uploadProgress\"\n          ></mat-progress-spinner>\n        </div>\n        <span class=\"text-sm text-main font-bold\">{{ uploadProgress }}%</span>\n      </div>\n\n      <div class=\"w-14 h-14 rounded-md bg-gray-50 grid\" *ngIf=\"uploadError\">\n        <ng-icon\n          name=\"iconoirMediaImageXmark\"\n          class=\"place-self-center text-rose-500\"\n        ></ng-icon>\n      </div>\n\n      <div class=\"flex flex-col items-center gap-1\">\n        <p class=\"font-medium\">{{ getPrimaryText() | translate }}</p>\n        <p\n          class=\"text-sm\"\n          [class]=\"\n            isUploadInProgress || uploadError\n              ? 'font-bold text-blue-500 cursor-pointer'\n              : 'font-medium text-gray-500'\n          \"\n          (click)=\"handleSecondaryTextClick($event)\"\n        >\n          {{ getSecondaryText() | translate }}\n        </p>\n      </div>\n      <input\n        #fileInput\n        type=\"file\"\n        class=\"hidden\"\n        (change)=\"handleFileInput($event)\"\n        [disabled]=\"\n          showUrlInput || isUploadInProgress || uploadError || disabled\n        \"\n      />\n    </label>\n\n    <div *ngIf=\"!showUrlInput\" class=\"flex-none mt-2\">\n      <gn-ui-button\n        (buttonClick)=\"displayUrlInput()\"\n        type=\"gray\"\n        [disabled]=\"disabled\"\n        [extraClass]=\"disabled && 'cursor-not-allowed'\"\n      >\n        <ng-icon class=\"me-1 text-primary\" name=\"iconoirLink\"></ng-icon>\n        {{ 'input.image.displayUrlInput' | translate }}\n      </gn-ui-button>\n    </div>\n\n    <gn-ui-url-input\n      *ngIf=\"showUrlInput\"\n      class=\"mt-3.5\"\n      (uploadClick)=\"downloadUrl($event)\"\n      [disabled]=\"isUploadInProgress || disabled\"\n    >\n    </gn-ui-url-input>\n  </div>\n</ng-template>\n", styles: [":host{--gn-ui-button-padding: 8px 8px;--gn-ui-button-rounded: 8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "directive", type: FilesDropDirective, selector: "[gnUiFilesDrop]", outputs: ["dragFilesOver", "dropFiles"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i1$5.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "component", type: UrlInputComponent, selector: "gn-ui-url-input", inputs: ["value", "extraClass", "placeholder", "disabled", "showValidateButton"], outputs: ["valueChange", "uploadClick"] }, { kind: "component", type: TextInputComponent, selector: "gn-ui-text-input", inputs: ["value", "extraClass", "placeholder", "required", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "component", type: ImageOverlayPreviewComponent, selector: "gn-ui-image-overlay-preview", inputs: ["imageUrl"], outputs: ["isPlaceholderShown"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], ngImport: i0, template: "<ng-container *ngIf=\"previewUrl; then withImage; else withoutImage\">\n</ng-container>\n\n<ng-template #withImage>\n  <div class=\"w-80 h-full flex flex-col gap-2\">\n    <gn-ui-image-overlay-preview class=\"h-48\" [imageUrl]=\"previewUrl\">\n    </gn-ui-image-overlay-preview>\n    <gn-ui-text-input\n      *ngIf=\"showAltTextInput\"\n      [placeholder]=\"'input.image.altTextPlaceholder' | translate\"\n      [value]=\"altText ?? ''\"\n      (valueChange)=\"handleAltTextChange($event)\"\n      extraClass=\"gn-ui-editor-textarea\"\n      [disabled]=\"true\"\n    ></gn-ui-text-input>\n    <div class=\"flex flex-row gap-2 mt-2\">\n      <gn-ui-button\n        type=\"gray\"\n        (buttonClick)=\"handleDelete()\"\n        data-cy=\"delete-image\"\n      >\n        <ng-icon class=\"me-1 text-primary\" name=\"iconoirBin\"></ng-icon>\n        {{ 'input.image.delete' | translate }}\n      </gn-ui-button>\n      <gn-ui-button\n        *ngIf=\"!showAltTextInput\"\n        type=\"gray\"\n        (buttonClick)=\"toggleAltTextInput()\"\n      >\n        <ng-icon name=\"iconoirPlus\" class=\"me-1 text-primary\"></ng-icon>\n        {{ 'input.image.displayAltTextInput' | translate }}\n      </gn-ui-button>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #withoutImage>\n  <div class=\"w-full h-full flex flex-col gap-2\">\n    <label\n      gnUiFilesDrop\n      class=\"flex-1 border-2 border-dashed rounded-lg p-6 flex flex-col items-center justify-center gap-4 transition-colors duration-100\"\n      [ngClass]=\"{\n        'border-primary-lighter bg-primary-white': dragFilesOver,\n        'border-gray-300': !dragFilesOver,\n        'cursor-pointer hover:border-gray-500':\n          !isUploadInProgress && !uploadError && !disabled,\n        'cursor-not-allowed': disabled,\n      }\"\n      [attr.tabindex]=\"isUploadInProgress || uploadError || disabled ? null : 0\"\n      (keydown.enter)=\"fileInput.click()\"\n      (dragFilesOver)=\"handleDragFilesOver($event)\"\n      (dropFiles)=\"handleDropFiles($event)\"\n    >\n      <div\n        class=\"w-14 h-14 rounded-md bg-gray-50 grid\"\n        *ngIf=\"!isUploadInProgress && !uploadError\"\n      >\n        <ng-icon\n          *ngIf=\"!dragFilesOver\"\n          class=\"place-self-center text-primary\"\n          name=\"iconoirMediaImage\"\n        ></ng-icon>\n        <ng-icon\n          *ngIf=\"dragFilesOver\"\n          class=\"place-self-center text-primary\"\n          name=\"iconoirFramePlusIn\"\n        ></ng-icon>\n      </div>\n\n      <div\n        *ngIf=\"isUploadInProgress && !uploadError\"\n        class=\"w-14 h-14 grid items-center justify-center relative\"\n      >\n        <div class=\"text-gray-100 absolute\">\n          <mat-progress-spinner\n            class=\"place-self-center\"\n            [diameter]=\"56\"\n            mode=\"determinate\"\n            [value]=\"100\"\n          ></mat-progress-spinner>\n        </div>\n        <div class=\"text-primary absolute\">\n          <mat-progress-spinner\n            class=\"place-self-center\"\n            [diameter]=\"56\"\n            mode=\"determinate\"\n            [value]=\"uploadProgress\"\n          ></mat-progress-spinner>\n        </div>\n        <span class=\"text-sm text-main font-bold\">{{ uploadProgress }}%</span>\n      </div>\n\n      <div class=\"w-14 h-14 rounded-md bg-gray-50 grid\" *ngIf=\"uploadError\">\n        <ng-icon\n          name=\"iconoirMediaImageXmark\"\n          class=\"place-self-center text-rose-500\"\n        ></ng-icon>\n      </div>\n\n      <div class=\"flex flex-col items-center gap-1\">\n        <p class=\"font-medium\">{{ getPrimaryText() | translate }}</p>\n        <p\n          class=\"text-sm\"\n          [class]=\"\n            isUploadInProgress || uploadError\n              ? 'font-bold text-blue-500 cursor-pointer'\n              : 'font-medium text-gray-500'\n          \"\n          (click)=\"handleSecondaryTextClick($event)\"\n        >\n          {{ getSecondaryText() | translate }}\n        </p>\n      </div>\n      <input\n        #fileInput\n        type=\"file\"\n        class=\"hidden\"\n        (change)=\"handleFileInput($event)\"\n        [disabled]=\"isUploadInProgress || uploadError || disabled\"\n      />\n    </label>\n\n    <div *ngIf=\"!showUrlInput\" class=\"flex-none mt-2\">\n      <gn-ui-button\n        (buttonClick)=\"displayUrlInput()\"\n        type=\"gray\"\n        [disabled]=\"disabled\"\n        [extraClass]=\"disabled && 'cursor-not-allowed'\"\n      >\n        <ng-icon class=\"me-1 text-primary\" name=\"iconoirLink\"></ng-icon>\n        {{ 'input.image.displayUrlInput' | translate }}\n      </gn-ui-button>\n    </div>\n\n    <gn-ui-url-input\n      *ngIf=\"showUrlInput\"\n      class=\"mt-3.5\"\n      (uploadClick)=\"downloadUrl($event)\"\n      [disabled]=\"isUploadInProgress || disabled\"\n    >\n    </gn-ui-url-input>\n  </div>\n</ng-template>\n", styles: [":host{--gn-ui-button-padding: 8px 8px;--gn-ui-button-rounded: 8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "directive", type: FilesDropDirective, selector: "[gnUiFilesDrop]", outputs: ["dragFilesOver", "dropFiles"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i1$5.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "component", type: UrlInputComponent, selector: "gn-ui-url-input", inputs: ["value", "extraClass", "placeholder", "disabled", "showValidateButton", "resetUrlOnChange"], outputs: ["valueChange", "uploadClick"] }, { kind: "component", type: TextInputComponent, selector: "gn-ui-text-input", inputs: ["value", "extraClass", "placeholder", "required", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "component", type: ImageOverlayPreviewComponent, selector: "gn-ui-image-overlay-preview", inputs: ["imageUrl"], outputs: ["isPlaceholderShown"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ImageInputComponent, decorators: [{
             type: Component,
@@ -29602,7 +29084,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         provideNgIconsConfig({
                             size: '1.5rem',
                         }),
-                    ], template: "<ng-container *ngIf=\"previewUrl; then withImage; else withoutImage\">\n</ng-container>\n\n<ng-template #withImage>\n  <div class=\"w-80 h-full flex flex-col gap-2\">\n    <gn-ui-image-overlay-preview class=\"h-48\" [imageUrl]=\"previewUrl\">\n    </gn-ui-image-overlay-preview>\n    <gn-ui-text-input\n      *ngIf=\"showAltTextInput\"\n      [placeholder]=\"'input.image.altTextPlaceholder' | translate\"\n      [value]=\"altText ?? ''\"\n      (valueChange)=\"handleAltTextChange($event)\"\n      extraClass=\"gn-ui-editor-textarea\"\n      [disabled]=\"true\"\n    ></gn-ui-text-input>\n    <div class=\"flex flex-row gap-2 mt-2\">\n      <gn-ui-button type=\"gray\" (buttonClick)=\"handleDelete()\">\n        <ng-icon class=\"me-1 text-primary\" name=\"iconoirBin\"></ng-icon>\n        {{ 'input.image.delete' | translate }}\n      </gn-ui-button>\n      <gn-ui-button\n        *ngIf=\"!showAltTextInput\"\n        type=\"gray\"\n        (buttonClick)=\"toggleAltTextInput()\"\n      >\n        <ng-icon name=\"iconoirPlus\" class=\"me-1 text-primary\"></ng-icon>\n        {{ 'input.image.displayAltTextInput' | translate }}\n      </gn-ui-button>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #withoutImage>\n  <div class=\"w-full h-full flex flex-col gap-2\">\n    <label\n      gnUiFilesDrop\n      class=\"flex-1 border-2 border-dashed rounded-lg p-6 flex flex-col items-center justify-center gap-4 transition-colors duration-100\"\n      [ngClass]=\"{\n        'border-primary-lighter bg-primary-white': dragFilesOver,\n        'border-gray-300': !dragFilesOver,\n        'cursor-pointer hover:border-gray-500':\n          !isUploadInProgress && !uploadError && !showUrlInput && !disabled,\n        'cursor-not-allowed': disabled,\n      }\"\n      [attr.tabindex]=\"\n        isUploadInProgress || uploadError || showUrlInput || disabled ? null : 0\n      \"\n      (keydown.enter)=\"fileInput.click()\"\n      (dragFilesOver)=\"handleDragFilesOver($event)\"\n      (dropFiles)=\"handleDropFiles($event)\"\n    >\n      <div\n        class=\"w-14 h-14 rounded-md bg-gray-50 grid\"\n        *ngIf=\"!isUploadInProgress && !uploadError\"\n      >\n        <ng-icon\n          *ngIf=\"!dragFilesOver\"\n          class=\"place-self-center text-primary\"\n          name=\"iconoirMediaImage\"\n        ></ng-icon>\n        <ng-icon\n          *ngIf=\"dragFilesOver\"\n          class=\"place-self-center text-primary\"\n          name=\"iconoirFramePlusIn\"\n        ></ng-icon>\n      </div>\n\n      <div\n        *ngIf=\"isUploadInProgress && !uploadError\"\n        class=\"w-14 h-14 grid items-center justify-center relative\"\n      >\n        <div class=\"text-gray-100 absolute\">\n          <mat-progress-spinner\n            class=\"place-self-center\"\n            [diameter]=\"56\"\n            mode=\"determinate\"\n            [value]=\"100\"\n          ></mat-progress-spinner>\n        </div>\n        <div class=\"text-primary absolute\">\n          <mat-progress-spinner\n            class=\"place-self-center\"\n            [diameter]=\"56\"\n            mode=\"determinate\"\n            [value]=\"uploadProgress\"\n          ></mat-progress-spinner>\n        </div>\n        <span class=\"text-sm text-main font-bold\">{{ uploadProgress }}%</span>\n      </div>\n\n      <div class=\"w-14 h-14 rounded-md bg-gray-50 grid\" *ngIf=\"uploadError\">\n        <ng-icon\n          name=\"iconoirMediaImageXmark\"\n          class=\"place-self-center text-rose-500\"\n        ></ng-icon>\n      </div>\n\n      <div class=\"flex flex-col items-center gap-1\">\n        <p class=\"font-medium\">{{ getPrimaryText() | translate }}</p>\n        <p\n          class=\"text-sm\"\n          [class]=\"\n            isUploadInProgress || uploadError\n              ? 'font-bold text-blue-500 cursor-pointer'\n              : 'font-medium text-gray-500'\n          \"\n          (click)=\"handleSecondaryTextClick($event)\"\n        >\n          {{ getSecondaryText() | translate }}\n        </p>\n      </div>\n      <input\n        #fileInput\n        type=\"file\"\n        class=\"hidden\"\n        (change)=\"handleFileInput($event)\"\n        [disabled]=\"\n          showUrlInput || isUploadInProgress || uploadError || disabled\n        \"\n      />\n    </label>\n\n    <div *ngIf=\"!showUrlInput\" class=\"flex-none mt-2\">\n      <gn-ui-button\n        (buttonClick)=\"displayUrlInput()\"\n        type=\"gray\"\n        [disabled]=\"disabled\"\n        [extraClass]=\"disabled && 'cursor-not-allowed'\"\n      >\n        <ng-icon class=\"me-1 text-primary\" name=\"iconoirLink\"></ng-icon>\n        {{ 'input.image.displayUrlInput' | translate }}\n      </gn-ui-button>\n    </div>\n\n    <gn-ui-url-input\n      *ngIf=\"showUrlInput\"\n      class=\"mt-3.5\"\n      (uploadClick)=\"downloadUrl($event)\"\n      [disabled]=\"isUploadInProgress || disabled\"\n    >\n    </gn-ui-url-input>\n  </div>\n</ng-template>\n", styles: [":host{--gn-ui-button-padding: 8px 8px;--gn-ui-button-rounded: 8px}\n"] }]
+                    ], template: "<ng-container *ngIf=\"previewUrl; then withImage; else withoutImage\">\n</ng-container>\n\n<ng-template #withImage>\n  <div class=\"w-80 h-full flex flex-col gap-2\">\n    <gn-ui-image-overlay-preview class=\"h-48\" [imageUrl]=\"previewUrl\">\n    </gn-ui-image-overlay-preview>\n    <gn-ui-text-input\n      *ngIf=\"showAltTextInput\"\n      [placeholder]=\"'input.image.altTextPlaceholder' | translate\"\n      [value]=\"altText ?? ''\"\n      (valueChange)=\"handleAltTextChange($event)\"\n      extraClass=\"gn-ui-editor-textarea\"\n      [disabled]=\"true\"\n    ></gn-ui-text-input>\n    <div class=\"flex flex-row gap-2 mt-2\">\n      <gn-ui-button\n        type=\"gray\"\n        (buttonClick)=\"handleDelete()\"\n        data-cy=\"delete-image\"\n      >\n        <ng-icon class=\"me-1 text-primary\" name=\"iconoirBin\"></ng-icon>\n        {{ 'input.image.delete' | translate }}\n      </gn-ui-button>\n      <gn-ui-button\n        *ngIf=\"!showAltTextInput\"\n        type=\"gray\"\n        (buttonClick)=\"toggleAltTextInput()\"\n      >\n        <ng-icon name=\"iconoirPlus\" class=\"me-1 text-primary\"></ng-icon>\n        {{ 'input.image.displayAltTextInput' | translate }}\n      </gn-ui-button>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #withoutImage>\n  <div class=\"w-full h-full flex flex-col gap-2\">\n    <label\n      gnUiFilesDrop\n      class=\"flex-1 border-2 border-dashed rounded-lg p-6 flex flex-col items-center justify-center gap-4 transition-colors duration-100\"\n      [ngClass]=\"{\n        'border-primary-lighter bg-primary-white': dragFilesOver,\n        'border-gray-300': !dragFilesOver,\n        'cursor-pointer hover:border-gray-500':\n          !isUploadInProgress && !uploadError && !disabled,\n        'cursor-not-allowed': disabled,\n      }\"\n      [attr.tabindex]=\"isUploadInProgress || uploadError || disabled ? null : 0\"\n      (keydown.enter)=\"fileInput.click()\"\n      (dragFilesOver)=\"handleDragFilesOver($event)\"\n      (dropFiles)=\"handleDropFiles($event)\"\n    >\n      <div\n        class=\"w-14 h-14 rounded-md bg-gray-50 grid\"\n        *ngIf=\"!isUploadInProgress && !uploadError\"\n      >\n        <ng-icon\n          *ngIf=\"!dragFilesOver\"\n          class=\"place-self-center text-primary\"\n          name=\"iconoirMediaImage\"\n        ></ng-icon>\n        <ng-icon\n          *ngIf=\"dragFilesOver\"\n          class=\"place-self-center text-primary\"\n          name=\"iconoirFramePlusIn\"\n        ></ng-icon>\n      </div>\n\n      <div\n        *ngIf=\"isUploadInProgress && !uploadError\"\n        class=\"w-14 h-14 grid items-center justify-center relative\"\n      >\n        <div class=\"text-gray-100 absolute\">\n          <mat-progress-spinner\n            class=\"place-self-center\"\n            [diameter]=\"56\"\n            mode=\"determinate\"\n            [value]=\"100\"\n          ></mat-progress-spinner>\n        </div>\n        <div class=\"text-primary absolute\">\n          <mat-progress-spinner\n            class=\"place-self-center\"\n            [diameter]=\"56\"\n            mode=\"determinate\"\n            [value]=\"uploadProgress\"\n          ></mat-progress-spinner>\n        </div>\n        <span class=\"text-sm text-main font-bold\">{{ uploadProgress }}%</span>\n      </div>\n\n      <div class=\"w-14 h-14 rounded-md bg-gray-50 grid\" *ngIf=\"uploadError\">\n        <ng-icon\n          name=\"iconoirMediaImageXmark\"\n          class=\"place-self-center text-rose-500\"\n        ></ng-icon>\n      </div>\n\n      <div class=\"flex flex-col items-center gap-1\">\n        <p class=\"font-medium\">{{ getPrimaryText() | translate }}</p>\n        <p\n          class=\"text-sm\"\n          [class]=\"\n            isUploadInProgress || uploadError\n              ? 'font-bold text-blue-500 cursor-pointer'\n              : 'font-medium text-gray-500'\n          \"\n          (click)=\"handleSecondaryTextClick($event)\"\n        >\n          {{ getSecondaryText() | translate }}\n        </p>\n      </div>\n      <input\n        #fileInput\n        type=\"file\"\n        class=\"hidden\"\n        (change)=\"handleFileInput($event)\"\n        [disabled]=\"isUploadInProgress || uploadError || disabled\"\n      />\n    </label>\n\n    <div *ngIf=\"!showUrlInput\" class=\"flex-none mt-2\">\n      <gn-ui-button\n        (buttonClick)=\"displayUrlInput()\"\n        type=\"gray\"\n        [disabled]=\"disabled\"\n        [extraClass]=\"disabled && 'cursor-not-allowed'\"\n      >\n        <ng-icon class=\"me-1 text-primary\" name=\"iconoirLink\"></ng-icon>\n        {{ 'input.image.displayUrlInput' | translate }}\n      </gn-ui-button>\n    </div>\n\n    <gn-ui-url-input\n      *ngIf=\"showUrlInput\"\n      class=\"mt-3.5\"\n      (uploadClick)=\"downloadUrl($event)\"\n      [disabled]=\"isUploadInProgress || disabled\"\n    >\n    </gn-ui-url-input>\n  </div>\n</ng-template>\n", styles: [":host{--gn-ui-button-padding: 8px 8px;--gn-ui-button-rounded: 8px}\n"] }]
         }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i0.ChangeDetectorRef }], propDecorators: { maxSizeMB: [{
                 type: Input
             }], previewUrl: [{
@@ -30278,7 +29760,7 @@ class ApplicationBannerComponent {
                 matWarning,
             }),
             provideNgIconsConfig({ size: '1.5em' }),
-        ], ngImport: i0, template: "<div\n  *ngIf=\"message && bannerOpen\"\n  class=\"absolute top-0 text-wrap bg-white mt-4 max-h-24\"\n>\n  <div\n    class=\"flex flex-row py-2.5 px-5 gap-5 justify-start border max-h-20\"\n    [ngClass]=\"classList\"\n  >\n    <div [ngClass]=\"{ 'pt-5': message.length > 200 }\">\n      <ng-icon [name]=\"icon\"></ng-icon>\n    </div>\n    <div class=\"flex flex-col justify-start gap-2.5\">\n      <span *ngIf=\"title\" class=\"font-bold\">{{ title }}</span>\n      <span class=\"font-medium max-w-2xl\" [innerHTML]=\"message\"></span>\n    </div>\n    <button\n      *ngIf=\"closeEnabled\"\n      class=\"self-start\"\n      type=\"button\"\n      (click)=\"closeMessage()\"\n    >\n      <ng-icon name=\"matCloseOutline\"> </ng-icon>\n    </button>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], ngImport: i0, template: "<div\n  *ngIf=\"message && bannerOpen\"\n  class=\"absolute left-0 right-0 text-wrap bg-white mt-4 max-h-24\"\n>\n  <div\n    class=\"flex flex-row py-2.5 px-5 gap-5 justify-start border max-h-20\"\n    [ngClass]=\"classList\"\n  >\n    <div [ngClass]=\"message.length > 200 ? 'pt-5' : 'pt-1'\">\n      <ng-icon [name]=\"icon\"></ng-icon>\n    </div>\n    <div class=\"flex flex-col justify-start gap-2.5\">\n      <span *ngIf=\"title\" class=\"font-bold\">{{ title }}</span>\n      <span class=\"font-medium max-w-2xl\" [innerHTML]=\"message\"></span>\n    </div>\n    <button\n      *ngIf=\"closeEnabled\"\n      class=\"self-start\"\n      type=\"button\"\n      (click)=\"closeMessage()\"\n    >\n      <ng-icon name=\"matCloseOutline\"> </ng-icon>\n    </button>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ApplicationBannerComponent, decorators: [{
             type: Component,
@@ -30290,7 +29772,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                             matWarning,
                         }),
                         provideNgIconsConfig({ size: '1.5em' }),
-                    ], template: "<div\n  *ngIf=\"message && bannerOpen\"\n  class=\"absolute top-0 text-wrap bg-white mt-4 max-h-24\"\n>\n  <div\n    class=\"flex flex-row py-2.5 px-5 gap-5 justify-start border max-h-20\"\n    [ngClass]=\"classList\"\n  >\n    <div [ngClass]=\"{ 'pt-5': message.length > 200 }\">\n      <ng-icon [name]=\"icon\"></ng-icon>\n    </div>\n    <div class=\"flex flex-col justify-start gap-2.5\">\n      <span *ngIf=\"title\" class=\"font-bold\">{{ title }}</span>\n      <span class=\"font-medium max-w-2xl\" [innerHTML]=\"message\"></span>\n    </div>\n    <button\n      *ngIf=\"closeEnabled\"\n      class=\"self-start\"\n      type=\"button\"\n      (click)=\"closeMessage()\"\n    >\n      <ng-icon name=\"matCloseOutline\"> </ng-icon>\n    </button>\n  </div>\n</div>\n" }]
+                    ], template: "<div\n  *ngIf=\"message && bannerOpen\"\n  class=\"absolute left-0 right-0 text-wrap bg-white mt-4 max-h-24\"\n>\n  <div\n    class=\"flex flex-row py-2.5 px-5 gap-5 justify-start border max-h-20\"\n    [ngClass]=\"classList\"\n  >\n    <div [ngClass]=\"message.length > 200 ? 'pt-5' : 'pt-1'\">\n      <ng-icon [name]=\"icon\"></ng-icon>\n    </div>\n    <div class=\"flex flex-col justify-start gap-2.5\">\n      <span *ngIf=\"title\" class=\"font-bold\">{{ title }}</span>\n      <span class=\"font-medium max-w-2xl\" [innerHTML]=\"message\"></span>\n    </div>\n    <button\n      *ngIf=\"closeEnabled\"\n      class=\"self-start\"\n      type=\"button\"\n      (click)=\"closeMessage()\"\n    >\n      <ng-icon name=\"matCloseOutline\"> </ng-icon>\n    </button>\n  </div>\n</div>\n" }]
         }], propDecorators: { message: [{
                 type: Input
             }], title: [{
@@ -30588,6 +30070,7 @@ class ActionMenuComponent {
         this.duplicate = new EventEmitter();
         this.delete = new EventEmitter();
         this.closeActionMenu = new EventEmitter();
+        this.rollback = new EventEmitter();
         this.sectionDisplayed = 'mainMenu';
     }
     openMenu() {
@@ -30598,11 +30081,16 @@ class ActionMenuComponent {
         this.cdr.markForCheck();
     }
     displayDeleteMenu() {
-        this.sectionDisplayed = 'deleteMenu';
+        if (this.isDraftPage) {
+            this.sectionDisplayed = 'rollbackMenu';
+        }
+        else {
+            this.sectionDisplayed = 'deleteMenu';
+        }
         this.cdr.markForCheck();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ActionMenuComponent, deps: [{ token: i1$b.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        >\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$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$2.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: i1$1.TranslatePipe, name: "translate" }, { kind: "directive", type: i1$1.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", isDraftPage: "isDraftPage" }, outputs: { duplicate: "duplicate", delete: "delete", closeActionMenu: "closeActionMenu", rollback: "rollback" }, 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          *ngIf=\"!isDraftPage\"\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 *ngIf=\"!isDraftPage\" translate>record.action.delete</span>\n          <span *ngIf=\"isDraftPage\" translate\n            >record.action.rollback</span\n          ></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 *ngSwitchCase=\"'rollbackMenu'\">\n    <div\n      data-test=\"rollbackMenuSection\"\n      class=\"w-80 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.undo.confirmation.title' | translate\n      }}</span>\n      <span class=\"text-center\">{{\n        'editor.record.undo.confirmation.message' | translate\n      }}</span>\n      <div class=\"flex flex-row gap-8 justify-center\">\n        <gn-ui-button\n          (buttonClick)=\"rollback.emit()\"\n          cdkFocusInitial\n          type=\"primary\"\n          data-cy=\"confirm-button\"\n          [style.--gn-ui-button-width]=\"'120px'\"\n          >{{\n            'editor.record.undo.confirmation.confirmText' | translate\n          }}</gn-ui-button\n        >\n        <gn-ui-button\n          [style.--gn-ui-button-width]=\"'120px'\"\n          (buttonClick)=\"closeActionMenu.emit()\"\n          >{{\n            'editor.record.undo.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$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$2.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: i1$1.TranslatePipe, name: "translate" }, { kind: "directive", type: i1$1.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,
@@ -30613,17 +30101,21 @@ 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        >\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" }]
+                    ], 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          *ngIf=\"!isDraftPage\"\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 *ngIf=\"!isDraftPage\" translate>record.action.delete</span>\n          <span *ngIf=\"isDraftPage\" translate\n            >record.action.rollback</span\n          ></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 *ngSwitchCase=\"'rollbackMenu'\">\n    <div\n      data-test=\"rollbackMenuSection\"\n      class=\"w-80 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.undo.confirmation.title' | translate\n      }}</span>\n      <span class=\"text-center\">{{\n        'editor.record.undo.confirmation.message' | translate\n      }}</span>\n      <div class=\"flex flex-row gap-8 justify-center\">\n        <gn-ui-button\n          (buttonClick)=\"rollback.emit()\"\n          cdkFocusInitial\n          type=\"primary\"\n          data-cy=\"confirm-button\"\n          [style.--gn-ui-button-width]=\"'120px'\"\n          >{{\n            'editor.record.undo.confirmation.confirmText' | translate\n          }}</gn-ui-button\n        >\n        <gn-ui-button\n          [style.--gn-ui-button-width]=\"'120px'\"\n          (buttonClick)=\"closeActionMenu.emit()\"\n          >{{\n            'editor.record.undo.confirmation.cancelText' | translate\n          }}</gn-ui-button\n        >\n      </div>\n    </div>\n  </ng-container>\n</ng-container>\n" }]
         }], ctorParameters: () => [{ type: i1$b.MatDialog }, { type: i0.ChangeDetectorRef }], propDecorators: { canDuplicate: [{
                 type: Input
             }], canDelete: [{
                 type: Input
+            }], isDraftPage: [{
+                type: Input
             }], duplicate: [{
                 type: Output
             }], delete: [{
                 type: Output
             }], closeActionMenu: [{
                 type: Output
+            }], rollback: [{
+                type: Output
             }], trigger: [{
                 type: ViewChild,
                 args: [MatMenuTrigger]
@@ -30648,6 +30140,7 @@ class ResultsTableComponent {
         this.recordClick = new EventEmitter();
         this.duplicateRecord = new EventEmitter();
         this.deleteRecord = new EventEmitter();
+        this.rollbackDraft = new EventEmitter();
         this.recordsSelectedChange = new EventEmitter();
         this.isActionMenuOpen = false;
     }
@@ -30726,6 +30219,10 @@ class ResultsTableComponent {
         this.deleteRecord.emit(item);
         this.closeActionMenu();
     }
+    handleRollback(item) {
+        this.rollbackDraft.emit(item);
+        this.closeActionMenu();
+    }
     setSortBy(col, order) {
         this.sortByChange.emit([col, order]);
     }
@@ -30750,7 +30247,7 @@ class ResultsTableComponent {
         this.recordsSelectedChange.emit([[record], selected]);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ResultsTableComponent, deps: [{ token: i1$9.Overlay }, { token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }, { token: DateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ResultsTableComponent, isStandalone: true, selector: "gn-ui-results-table", inputs: { records: "records", selectedRecordsIdentifiers: "selectedRecordsIdentifiers", sortOrder: "sortOrder", hasDraft: "hasDraft", canDuplicate: "canDuplicate", canDelete: "canDelete", isDraftPage: "isDraftPage", isDuplicating: "isDuplicating" }, outputs: { sortByChange: "sortByChange", recordClick: "recordClick", duplicateRecord: "duplicateRecord", deleteRecord: "deleteRecord", 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$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: UiInputsModule }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: CheckboxComponent, selector: "gn-ui-checkbox", inputs: ["type", "checked", "indeterminate"], outputs: ["changed"] }, { kind: "component", type: BadgeComponent, selector: "gn-ui-badge", inputs: ["clickable", "removable"], outputs: ["badgeRemoveClicked"] }, { kind: "component", type: InteractiveTableComponent, selector: "gn-ui-interactive-table", inputs: ["items", "isDraftPage"], outputs: ["itemClick"] }, { kind: "component", type: InteractiveTableColumnComponent, selector: "gn-ui-interactive-table-column", inputs: ["grow", "width", "sortable", "activeSort"], outputs: ["sortChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: ActionMenuComponent, selector: "gn-ui-action-menu", inputs: ["canDuplicate", "canDelete"], 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", rollbackDraft: "rollbackDraft", recordsSelectedChange: "recordsSelectedChange" }, providers: [provideIcons({ iconoirUser, iconoirLock, matMoreVert })], viewQueries: [{ propertyName: "actionMenuButtons", predicate: ["actionMenuButton"], descendants: true, read: ElementRef }], ngImport: i0, template: "<gn-ui-interactive-table\n  [items]=\"records\"\n  [isDraftPage]=\"isDraftPage\"\n  (itemClick)=\"handleRecordClick($event)\"\n>\n  <!-- SELECTED COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'3rem'\">\n    <ng-template #cell let-item let-i=\"index\">\n      <ng-icon\n        name=\"iconoirLock\"\n        class=\"text-purple\"\n        *ngIf=\"!item.extras?.edit && !isDraftPage\"\n      ></ng-icon>\n      <gn-ui-checkbox\n        *ngIf=\"item.extras?.edit || isDraftPage\"\n        [checked]=\"isChecked(item)\"\n        (changed)=\"handleRecordSelectedChange($event, item)\"\n        class=\"-m-2\"\n        type=\"default\"\n      ></gn-ui-checkbox>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- TITLE COLUMN -->\n  <gn-ui-interactive-table-column\n    [sortable]=\"true\"\n    [grow]=\"true\"\n    [activeSort]=\"isSortedBy('resourceTitleObject.default.keyword')\"\n    (sortChange)=\"setSortBy('resourceTitleObject.default.keyword', $event)\"\n  >\n    <ng-template #header>\n      <span translate>record.metadata.title</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div class=\"flex flex-row items-center gap-2 max-w-full font-semibold\">\n        <span data-cy=\"resultItemTitle\" class=\"overflow-hidden text-ellipsis\">{{\n          item.title\n        }}</span>\n        <gn-ui-badge\n          *ngIf=\"hasDraft(item)\"\n          [style.--gn-ui-badge-padding]=\"'0.2em 0.6em'\"\n          [style.--gn-ui-badge-text-size]=\"'12px'\"\n          [style.--gn-ui-badge-text-color]=\"'#3d2006'\"\n          [style.--gn-ui-badge-background-color]=\"'#ffbc7b'\"\n          [style.--gn-ui-badge-rounded]=\"'4px'\"\n        >\n          <span translate>dashboard.records.hasDraft</span>\n        </gn-ui-badge>\n      </div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- FORMATS COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'9rem'\">\n    <ng-template #header>\n      <span translate>record.metadata.formats</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div\n        class=\"flex justify-start items-center gap-2 font-medium\"\n        *ngIf=\"getRecordFormats(item) as formats\"\n        [title]=\"formats.join(', ')\"\n      >\n        <span\n          class=\"badge-btn min-w-[45px] text-xs text-gray-900 px-2 shrink-0\"\n          [style.background-color]=\"getBadgeColor(formats[0])\"\n          *ngIf=\"formats[0]\"\n        >\n          {{ formats[0] }}\n        </span>\n        <span\n          class=\"badge-btn min-w-[45px] text-xs text-gray-900 px-2 shrink-0\"\n          [style.background-color]=\"getBadgeColor(formats[1])\"\n          *ngIf=\"formats[1]\"\n        >\n          {{ formats[1] }}\n        </span>\n        <div class=\"shrink-0 text-xs\" *ngIf=\"formats.slice(2).length > 0\">\n          <span>+{{ formats.slice(2).length }}</span>\n        </div>\n      </div>\n      <div *ngIf=\"!getRecordFormats(item)\"></div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- OWNER COLUMN -->\n  <gn-ui-interactive-table-column\n    [width]=\"'12rem'\"\n    [sortable]=\"true\"\n    [activeSort]=\"isSortedBy('recordOwner')\"\n    (sortChange)=\"setSortBy('recordOwner', $event)\"\n  >\n    <ng-template #header>\n      <span translate>search.filters.user</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <ng-icon name=\"iconoirUser\" size=\"16px\"></ng-icon>\n      <span data-cy=\"ownerInfo\" class=\"text-xs\">{{\n        formatUserInfo(item.extras?.ownerInfo)\n      }}</span>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- STATUS COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'6rem'\">\n    <ng-template #header>\n      <span translate>record.metadata.status</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <span class=\"text-xs\">\n        {{\n          (item.extras?.['isPublishedToAll']\n            ? 'record.metadata.status.published'\n            : 'record.metadata.status.notPublished'\n          ) | translate\n        }}</span\n      >\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- UPDATE DATE COLUMN -->\n  <gn-ui-interactive-table-column\n    [width]=\"'8rem'\"\n    [sortable]=\"true\"\n    [activeSort]=\"isSortedBy('changeDate')\"\n    (sortChange)=\"setSortBy('changeDate', $event)\"\n  >\n    <ng-template #header>\n      <span translate>search.filters.changeDate</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div class=\"flex text-left w-full text-xs\">\n        {{\n          item.extras?.['isPublishedToAll']\n            ? dateToString(item.recordUpdated)\n            : '-'\n        }}\n      </div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- ACTION MENU COLUMN -->\n  <gn-ui-interactive-table-column>\n    <ng-template #header> </ng-template>\n    <ng-template #cell let-item>\n      <gn-ui-button\n        cdkOverlayOrigin\n        #actionMenuButton\n        (buttonClick)=\"openActionMenu(item, template)\"\n        type=\"light\"\n        data-test=\"record-menu-button\"\n        [disabled]=\"!item.extras?.edit && !isDraftPage\"\n      >\n        <ng-icon\n          [ngClass]=\"{\n            'text-purple-light': !item.extras?.edit && !isDraftPage,\n          }\"\n          name=\"matMoreVert\"\n        ></ng-icon>\n      </gn-ui-button>\n      <ng-template #template>\n        <gn-ui-action-menu\n          [canDuplicate]=\"canDuplicate(item) && !isDuplicating\"\n          [canDelete]=\"canDelete(item)\"\n          [isDraftPage]=\"isDraftPage\"\n          (duplicate)=\"handleDuplicate(item)\"\n          (delete)=\"handleDelete(item)\"\n          (closeActionMenu)=\"closeActionMenu()\"\n          (rollback)=\"handleRollback(item)\"\n        >\n        </gn-ui-action-menu>\n      </ng-template>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n</gn-ui-interactive-table>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: UiInputsModule }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: CheckboxComponent, selector: "gn-ui-checkbox", inputs: ["type", "checked", "indeterminate"], outputs: ["changed"] }, { kind: "component", type: BadgeComponent, selector: "gn-ui-badge", inputs: ["clickable", "removable"], outputs: ["badgeRemoveClicked"] }, { kind: "component", type: InteractiveTableComponent, selector: "gn-ui-interactive-table", inputs: ["items", "isDraftPage"], outputs: ["itemClick"] }, { kind: "component", type: InteractiveTableColumnComponent, selector: "gn-ui-interactive-table-column", inputs: ["grow", "width", "sortable", "activeSort"], outputs: ["sortChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: ActionMenuComponent, selector: "gn-ui-action-menu", inputs: ["canDuplicate", "canDelete", "isDraftPage"], outputs: ["duplicate", "delete", "closeActionMenu", "rollback"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "directive", type: CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ResultsTableComponent, decorators: [{
             type: Component,
@@ -30764,7 +30261,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         ActionMenuComponent,
                         NgIconComponent,
                         CdkOverlayOrigin,
-                    ], providers: [provideIcons({ iconoirUser, iconoirLock, matMoreVert })], template: "<gn-ui-interactive-table\n  [items]=\"records\"\n  [isDraftPage]=\"isDraftPage\"\n  (itemClick)=\"handleRecordClick($event)\"\n>\n  <!-- SELECTED COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'3rem'\">\n    <ng-template #cell let-item let-i=\"index\">\n      <ng-icon\n        name=\"iconoirLock\"\n        class=\"text-purple\"\n        *ngIf=\"!item.extras?.edit && !isDraftPage\"\n      ></ng-icon>\n      <gn-ui-checkbox\n        *ngIf=\"item.extras?.edit || isDraftPage\"\n        [checked]=\"isChecked(item)\"\n        (changed)=\"handleRecordSelectedChange($event, item)\"\n        class=\"-m-2\"\n        type=\"default\"\n      ></gn-ui-checkbox>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- TITLE COLUMN -->\n  <gn-ui-interactive-table-column\n    [sortable]=\"true\"\n    [grow]=\"true\"\n    [activeSort]=\"isSortedBy('resourceTitleObject.default.keyword')\"\n    (sortChange)=\"setSortBy('resourceTitleObject.default.keyword', $event)\"\n  >\n    <ng-template #header>\n      <span translate>record.metadata.title</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div class=\"flex flex-row items-center gap-2 max-w-full font-semibold\">\n        <span data-cy=\"resultItemTitle\" class=\"overflow-hidden text-ellipsis\">{{\n          item.title\n        }}</span>\n        <gn-ui-badge\n          *ngIf=\"hasDraft(item)\"\n          [style.--gn-ui-badge-padding]=\"'0.2em 0.6em'\"\n          [style.--gn-ui-badge-text-size]=\"'12px'\"\n          [style.--gn-ui-badge-text-color]=\"'#3d2006'\"\n          [style.--gn-ui-badge-background-color]=\"'#ffbc7b'\"\n          [style.--gn-ui-badge-rounded]=\"'4px'\"\n        >\n          <span translate>dashboard.records.hasDraft</span>\n        </gn-ui-badge>\n      </div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- FORMATS COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'9rem'\">\n    <ng-template #header>\n      <span translate>record.metadata.formats</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div\n        class=\"flex justify-start items-center gap-2 font-medium\"\n        *ngIf=\"getRecordFormats(item) as formats\"\n        [title]=\"formats.join(', ')\"\n      >\n        <span\n          class=\"badge-btn min-w-[45px] text-xs text-gray-900 px-2 shrink-0\"\n          [style.background-color]=\"getBadgeColor(formats[0])\"\n          *ngIf=\"formats[0]\"\n        >\n          {{ formats[0] }}\n        </span>\n        <span\n          class=\"badge-btn min-w-[45px] text-xs text-gray-900 px-2 shrink-0\"\n          [style.background-color]=\"getBadgeColor(formats[1])\"\n          *ngIf=\"formats[1]\"\n        >\n          {{ formats[1] }}\n        </span>\n        <div class=\"shrink-0 text-xs\" *ngIf=\"formats.slice(2).length > 0\">\n          <span>+{{ formats.slice(2).length }}</span>\n        </div>\n      </div>\n      <div *ngIf=\"!getRecordFormats(item)\"></div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- OWNER COLUMN -->\n  <gn-ui-interactive-table-column\n    [width]=\"'12rem'\"\n    [sortable]=\"true\"\n    [activeSort]=\"isSortedBy('recordOwner')\"\n    (sortChange)=\"setSortBy('recordOwner', $event)\"\n  >\n    <ng-template #header>\n      <span translate>search.filters.user</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <ng-icon name=\"iconoirUser\" size=\"16px\"></ng-icon>\n      <span data-cy=\"ownerInfo\" class=\"text-xs\">{{\n        formatUserInfo(item.extras?.ownerInfo)\n      }}</span>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- STATUS COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'6rem'\">\n    <ng-template #header>\n      <span translate>record.metadata.status</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <span class=\"text-xs\">\n        {{\n          (item.extras?.['isPublishedToAll']\n            ? 'record.metadata.status.published'\n            : 'record.metadata.status.notPublished'\n          ) | translate\n        }}</span\n      >\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- UPDATE DATE COLUMN -->\n  <gn-ui-interactive-table-column\n    [width]=\"'8rem'\"\n    [sortable]=\"true\"\n    [activeSort]=\"isSortedBy('changeDate')\"\n    (sortChange)=\"setSortBy('changeDate', $event)\"\n  >\n    <ng-template #header>\n      <span translate>search.filters.changeDate</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div class=\"flex text-left w-full text-xs\">\n        {{\n          item.extras?.['isPublishedToAll']\n            ? dateToString(item.recordUpdated)\n            : '-'\n        }}\n      </div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- ACTION MENU COLUMN -->\n  <gn-ui-interactive-table-column>\n    <ng-template #header> </ng-template>\n    <ng-template #cell let-item>\n      <gn-ui-button\n        cdkOverlayOrigin\n        #actionMenuButton\n        (buttonClick)=\"openActionMenu(item, template)\"\n        type=\"light\"\n        data-test=\"record-menu-button\"\n        [disabled]=\"!item.extras?.edit && !isDraftPage\"\n      >\n        <ng-icon\n          [ngClass]=\"{\n            'text-purple-light': !item.extras?.edit && !isDraftPage,\n          }\"\n          name=\"matMoreVert\"\n        ></ng-icon>\n      </gn-ui-button>\n      <ng-template #template>\n        <gn-ui-action-menu\n          [canDuplicate]=\"canDuplicate(item) && !isDuplicating\"\n          [canDelete]=\"canDelete(item)\"\n          (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          [isDraftPage]=\"isDraftPage\"\n          (duplicate)=\"handleDuplicate(item)\"\n          (delete)=\"handleDelete(item)\"\n          (closeActionMenu)=\"closeActionMenu()\"\n          (rollback)=\"handleRollback(item)\"\n        >\n        </gn-ui-action-menu>\n      </ng-template>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n</gn-ui-interactive-table>\n" }]
         }], ctorParameters: () => [{ type: i1$9.Overlay }, { type: i0.ViewContainerRef }, { type: i0.ChangeDetectorRef }, { type: DateService }], propDecorators: { records: [{
                 type: Input
             }], selectedRecordsIdentifiers: [{
@@ -30789,6 +30286,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Output
             }], deleteRecord: [{
                 type: Output
+            }], rollbackDraft: [{
+                type: Output
             }], recordsSelectedChange: [{
                 type: Output
             }], actionMenuButtons: [{
@@ -31802,8 +31301,11 @@ class FuzzySearchComponent {
         this.searchService = searchService;
         this.recordsRepository = recordsRepository;
         this.autoFocus = false;
+        this.forceTrackPosition = false;
+        this.enterButton = false;
         this.itemSelected = new EventEmitter();
         this.inputSubmitted = new EventEmitter();
+        this.isSearchActive = new EventEmitter();
         this.displayWithFn = (record) => record.title;
         this.autoCompleteAction = (query) => this.recordsRepository
             .fuzzySearch(query)
@@ -31843,21 +31345,30 @@ class FuzzySearchComponent {
             this.searchService.updateFilters({ any: '' });
         }
     }
+    handleSearchActive(event) {
+        this.isSearchActive.emit(event);
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FuzzySearchComponent, deps: [{ token: SearchFacade }, { token: SearchService }, { token: RecordsRepositoryInterface }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FuzzySearchComponent, selector: "gn-ui-fuzzy-search", inputs: { autoFocus: "autoFocus" }, outputs: { itemSelected: "itemSelected", inputSubmitted: "inputSubmitted" }, viewQueries: [{ propertyName: "autocomplete", first: true, predicate: AutocompleteComponent, descendants: true }], ngImport: i0, template: "<gn-ui-autocomplete\n  [placeholder]=\"'search.field.any.placeholder' | translate\"\n  [displayWithFn]=\"displayWithFn\"\n  [action]=\"autoCompleteAction\"\n  (itemSelected)=\"handleItemSelection($event)\"\n  (inputSubmitted)=\"handleInputSubmission($event)\"\n  (inputCleared)=\"handleInputCleared()\"\n  [value]=\"searchInputValue$ | async\"\n  [preventCompleteOnSelection]=\"true\"\n  [autoFocus]=\"autoFocus\"\n  [allowSubmit]=\"true\"\n></gn-ui-autocomplete>\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: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FuzzySearchComponent, selector: "gn-ui-fuzzy-search", inputs: { autoFocus: "autoFocus", forceTrackPosition: "forceTrackPosition", enterButton: "enterButton" }, outputs: { itemSelected: "itemSelected", inputSubmitted: "inputSubmitted", isSearchActive: "isSearchActive" }, viewQueries: [{ propertyName: "autocomplete", first: true, predicate: AutocompleteComponent, descendants: true }], ngImport: i0, template: "<gn-ui-autocomplete\n  [placeholder]=\"'search.field.any.placeholder' | translate\"\n  [displayWithFn]=\"displayWithFn\"\n  [action]=\"autoCompleteAction\"\n  (itemSelected)=\"handleItemSelection($event)\"\n  (inputSubmitted)=\"handleInputSubmission($event)\"\n  (inputCleared)=\"handleInputCleared()\"\n  (isSearchActive)=\"handleSearchActive($event)\"\n  [value]=\"searchInputValue$ | async\"\n  [preventCompleteOnSelection]=\"true\"\n  [autoFocus]=\"autoFocus\"\n  [allowSubmit]=\"true\"\n  [forceTrackPosition]=\"forceTrackPosition\"\n  [enterButton]=\"enterButton\"\n></gn-ui-autocomplete>\n", styles: [""], dependencies: [{ kind: "component", type: AutocompleteComponent, selector: "gn-ui-autocomplete", inputs: ["placeholder", "enterButton", "action", "value", "clearOnSelection", "preventCompleteOnSelection", "autoFocus", "minCharacterCount", "allowSubmit", "forceTrackPosition", "displayWithFn"], outputs: ["itemSelected", "inputSubmitted", "inputCleared", "isSearchActive"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FuzzySearchComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-fuzzy-search', changeDetection: ChangeDetectionStrategy.OnPush, template: "<gn-ui-autocomplete\n  [placeholder]=\"'search.field.any.placeholder' | translate\"\n  [displayWithFn]=\"displayWithFn\"\n  [action]=\"autoCompleteAction\"\n  (itemSelected)=\"handleItemSelection($event)\"\n  (inputSubmitted)=\"handleInputSubmission($event)\"\n  (inputCleared)=\"handleInputCleared()\"\n  [value]=\"searchInputValue$ | async\"\n  [preventCompleteOnSelection]=\"true\"\n  [autoFocus]=\"autoFocus\"\n  [allowSubmit]=\"true\"\n></gn-ui-autocomplete>\n" }]
+            args: [{ selector: 'gn-ui-fuzzy-search', changeDetection: ChangeDetectionStrategy.OnPush, template: "<gn-ui-autocomplete\n  [placeholder]=\"'search.field.any.placeholder' | translate\"\n  [displayWithFn]=\"displayWithFn\"\n  [action]=\"autoCompleteAction\"\n  (itemSelected)=\"handleItemSelection($event)\"\n  (inputSubmitted)=\"handleInputSubmission($event)\"\n  (inputCleared)=\"handleInputCleared()\"\n  (isSearchActive)=\"handleSearchActive($event)\"\n  [value]=\"searchInputValue$ | async\"\n  [preventCompleteOnSelection]=\"true\"\n  [autoFocus]=\"autoFocus\"\n  [allowSubmit]=\"true\"\n  [forceTrackPosition]=\"forceTrackPosition\"\n  [enterButton]=\"enterButton\"\n></gn-ui-autocomplete>\n" }]
         }], ctorParameters: () => [{ type: SearchFacade }, { type: SearchService }, { type: RecordsRepositoryInterface }], propDecorators: { autocomplete: [{
                 type: ViewChild,
                 args: [AutocompleteComponent]
             }], autoFocus: [{
                 type: Input
+            }], forceTrackPosition: [{
+                type: Input
+            }], enterButton: [{
+                type: Input
             }], itemSelected: [{
                 type: Output
             }], inputSubmitted: [{
                 type: Output
+            }], isSearchActive: [{
+                type: Output
             }] } });
 
 class RecordsMetricsComponent {
@@ -33045,7 +32556,7 @@ 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: i1$1.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", 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$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.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"] }] }); }
+    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$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.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", "rollbackDraft", "recordsSelectedChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ResultsTableContainerComponent, decorators: [{
             type: Component,
@@ -34916,7 +34427,7 @@ class AddLayerFromCatalogComponent {
                     ADDLAYER: new ResultsLayoutConfigItem(AddLayerRecordPreviewComponent, 'py-2', '', 'flex flex-col divide-y divide-y-grey-50'),
                 },
             },
-        ], ngImport: i0, template: "<div class=\"h-full text-sm\">\n  <gn-ui-fuzzy-search></gn-ui-fuzzy-search>\n  <gn-ui-results-list-container\n    layout=\"ADDLAYER\"\n  ></gn-ui-results-list-container>\n</div>\n", styles: ["::ng-deep .mat-tab-body-wrapper{flex-grow:1}\n"], dependencies: [{ kind: "ngmodule", type: FeatureSearchModule }, { kind: "component", type: FuzzySearchComponent, selector: "gn-ui-fuzzy-search", inputs: ["autoFocus"], outputs: ["itemSelected", "inputSubmitted"] }, { kind: "component", type: ResultsListContainerComponent, selector: "gn-ui-results-list-container", inputs: ["metadataQualityDisplay", "layout", "showMore"], outputs: ["mdSelect"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], ngImport: i0, template: "<div class=\"h-full text-sm\">\n  <gn-ui-fuzzy-search></gn-ui-fuzzy-search>\n  <gn-ui-results-list-container\n    layout=\"ADDLAYER\"\n  ></gn-ui-results-list-container>\n</div>\n", styles: ["::ng-deep .mat-tab-body-wrapper{flex-grow:1}\n"], dependencies: [{ kind: "ngmodule", type: FeatureSearchModule }, { kind: "component", type: FuzzySearchComponent, selector: "gn-ui-fuzzy-search", inputs: ["autoFocus", "forceTrackPosition", "enterButton"], outputs: ["itemSelected", "inputSubmitted", "isSearchActive"] }, { kind: "component", type: ResultsListContainerComponent, selector: "gn-ui-results-list-container", inputs: ["metadataQualityDisplay", "layout", "showMore"], outputs: ["mdSelect"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AddLayerFromCatalogComponent, decorators: [{
             type: Component,
@@ -35194,6 +34705,9 @@ const loadFullMetadata = createAction('[Metadata view] Load full metadata', prop
 const setIncompleteMetadata = createAction('[Metadata view] Set incomplete metadata', props());
 const loadFullMetadataSuccess = createAction('[Metadata view] Load full metadata success', props());
 const loadFullMetadataFailure = createAction('[Metadata view] Load full metadata failure', props());
+const loadFeatureCatalog = createAction("[Metadata view] Load metadata's feature catalog", props());
+const loadFeatureCatalogSuccess = createAction('[Metadata view] Load metadata feature catalog success', props());
+const loadFeatureCatalogFailure = createAction('[Metadata view] Load metadata feature catalog failure', props());
 const closeMetadata = createAction('[Metadata view] close');
 /*
   Related actions
@@ -35219,6 +34733,9 @@ var mdview_actions = /*#__PURE__*/Object.freeze({
     addUserFeedbackFailure: addUserFeedbackFailure,
     addUserFeedbackSuccess: addUserFeedbackSuccess,
     closeMetadata: closeMetadata,
+    loadFeatureCatalog: loadFeatureCatalog,
+    loadFeatureCatalogFailure: loadFeatureCatalogFailure,
+    loadFeatureCatalogSuccess: loadFeatureCatalogSuccess,
     loadFullMetadata: loadFullMetadata,
     loadFullMetadataFailure: loadFullMetadataFailure,
     loadFullMetadataSuccess: loadFullMetadataSuccess,
@@ -35236,6 +34753,8 @@ const initialMetadataViewState = {
     loadingFull: false,
     allUserFeedbacksLoading: false,
     addUserFeedbackLoading: false,
+    featureCatalogLoading: false,
+    featureCatalogError: null,
 };
 const metadataViewReducer = createReducer(initialMetadataViewState, 
 /*
@@ -35295,6 +34814,22 @@ on(loadUserFeedbacks, (state) => ({
     error: { otherError, notFound },
     addUserFeedbackLoading: false,
     allUserFeedbacksLoading: false,
+})), 
+/**
+ * FeatureCatalog reducers
+ */
+on(loadFeatureCatalog, (state) => ({
+    ...state,
+    featureCatalogError: null,
+    featureCatalogLoading: true,
+})), on(loadFeatureCatalogSuccess, (state, { datasetCatalog }) => ({
+    ...state,
+    featureCatalog: datasetCatalog,
+    featureCatalogLoading: false,
+})), on(loadFeatureCatalogFailure, (state, { error }) => ({
+    ...state,
+    featureCatalogError: error,
+    featureCatalogLoading: false,
 })));
 function reducer$1(metadataViewState, action) {
     return metadataViewReducer(metadataViewState, action);
@@ -35323,6 +34858,11 @@ const getChartConfig = createSelector(getMdViewState, (state) => state.chartConf
 const getUserFeedbacks = createSelector(getMdViewState, (state) => state.userFeedbacks);
 const getAllUserFeedbacksLoading = createSelector(getMdViewState, (state) => state.allUserFeedbacksLoading);
 const getAddUserFeedbacksLoading = createSelector(getMdViewState, (state) => state.addUserFeedbackLoading);
+/*
+  Feature Catalog Selectors
+*/
+const getFeatureCatalog = createSelector(getMdViewState, (state) => state.featureCatalog);
+const getFeatureCatalogIsLoading = createSelector(getMdViewState, (state) => state.featureCatalogLoading);
 
 class FetchError {
     constructor(type, info, httpStatus = 0) {
@@ -35438,20 +34978,23 @@ function fetchHeaders(url) {
         return parseHeaders(response.headers);
     });
 }
-function fetchDataAsText(url) {
-    return useCache(() => sharedFetch(url)
+function fetchDataAsText(url, cacheActive) {
+    const fetchFactory = () => sharedFetch(url)
         .catch((error) => {
         throw FetchError.corsOrNetwork(error.message);
     })
         .then(async (response) => {
         if (!response.ok) {
-            throw FetchError.http(response.status, await response.text());
+            const clonedResponse = response.clone();
+            throw FetchError.http(response.status, await clonedResponse.text());
         }
-        return response.text();
-    }), url, 'asText');
+        const clonedResponse = response.clone();
+        return clonedResponse.text();
+    });
+    return cacheActive ? useCache(fetchFactory, url, 'asText') : fetchFactory();
 }
-function fetchDataAsArrayBuffer(url) {
-    return useCache(() => sharedFetch(url)
+function fetchDataAsArrayBuffer(url, cacheActive) {
+    const fetchFactory = () => sharedFetch(url)
         .catch((error) => {
         throw FetchError.corsOrNetwork(error.message);
     })
@@ -35461,7 +35004,8 @@ function fetchDataAsArrayBuffer(url) {
         }
         // convert to a numeric array so that we can store the response in cache
         return Array.from(new Uint8Array(await response.arrayBuffer()));
-    }), url, 'asArrayBuffer').then((array) => {
+    });
+    return (cacheActive ? useCache(fetchFactory, url, 'asArrayBuffer') : fetchFactory()).then((array) => {
         return new Uint8Array(array).buffer;
     });
 }
@@ -35607,68 +35151,6 @@ function getJsonDataItemsProxy(items) {
     });
 }
 
-class BaseReader {
-    constructor(url) {
-        this.url = url;
-        this.selected = null;
-        this.groupedBy = null;
-        this.aggregations = null;
-        this.filter = null;
-        this.sort = null;
-        this.startIndex = null;
-        this.count = null;
-    }
-    load() {
-        throw new Error('not implemented');
-    }
-    get properties() {
-        throw new Error('not implemented');
-    }
-    get info() {
-        throw new Error('not implemented');
-    }
-    read() {
-        throw new Error('not implemented');
-    }
-    selectAll() {
-        this.groupedBy = null;
-        this.aggregations = null;
-        this.selected = null;
-        this.filter = null;
-        this.startIndex = null;
-        this.count = null;
-        return this;
-    }
-    select(...selectedFields) {
-        this.selected = selectedFields;
-        this.aggregations = null; // clear aggregations & groups when selecting fields
-        this.groupedBy = null;
-        return this;
-    }
-    groupBy(...groupBy) {
-        this.groupedBy = groupBy;
-        this.selected = null; // clear normal field selection when aggregating
-        return this;
-    }
-    aggregate(...aggregations) {
-        this.aggregations = aggregations;
-        return this;
-    }
-    where(filter) {
-        this.filter = filter;
-        return this;
-    }
-    orderBy(...fieldSorts) {
-        this.sort = fieldSorts;
-        return this;
-    }
-    limit(startIndex, count) {
-        this.startIndex = startIndex;
-        this.count = count;
-        return this;
-    }
-}
-
 function filterToSql(filter) {
     const operator = filter[0];
     const args = filter.slice(1);
@@ -35762,7 +35244,80 @@ function generateSqlQuery(selected = null, filter = null, sort = null, startInde
     return sqlSelect + sqlFrom + sqlGroupBy + sqlOrderBy + sqlWhere + sqlLimit;
 }
 
-class BaseFileReader extends BaseReader {
+class BaseReader {
+    constructor(url) {
+        this.url = url;
+        this.selected = null;
+        this.groupedBy = null;
+        this.aggregations = null;
+        this.filter = null;
+        this.sort = null;
+        this.startIndex = null;
+        this.count = null;
+    }
+    load() {
+        throw new Error('not implemented');
+    }
+    get properties() {
+        throw new Error('not implemented');
+    }
+    get info() {
+        throw new Error('not implemented');
+    }
+    read() {
+        throw new Error('not implemented');
+    }
+    selectAll() {
+        this.groupedBy = null;
+        this.aggregations = null;
+        this.selected = null;
+        this.filter = null;
+        this.startIndex = null;
+        this.count = null;
+        return this;
+    }
+    select(...selectedFields) {
+        this.selected = selectedFields;
+        this.aggregations = null; // clear aggregations & groups when selecting fields
+        this.groupedBy = null;
+        return this;
+    }
+    groupBy(...groupBy) {
+        this.groupedBy = groupBy;
+        this.selected = null; // clear normal field selection when aggregating
+        return this;
+    }
+    aggregate(...aggregations) {
+        this.aggregations = aggregations;
+        return this;
+    }
+    where(filter) {
+        this.filter = filter;
+        return this;
+    }
+    orderBy(...fieldSorts) {
+        this.sort = fieldSorts;
+        return this;
+    }
+    limit(startIndex, count) {
+        this.startIndex = startIndex;
+        this.count = count;
+        return this;
+    }
+}
+
+class BaseCacheReader extends BaseReader {
+    constructor(url, cacheActive = true) {
+        super(url);
+        this.url = url;
+        this.cacheActive = cacheActive;
+    }
+    setCacheActive(value) {
+        this.cacheActive = value;
+    }
+}
+
+class BaseFileReader extends BaseCacheReader {
     getData() {
         throw new Error('not implemented');
     }
@@ -35826,7 +35381,7 @@ function parseCsv(text) {
 }
 class CsvReader extends BaseFileReader {
     getData() {
-        return fetchDataAsText(this.url).then(parseCsv);
+        return fetchDataAsText(this.url, this.cacheActive).then(parseCsv);
     }
 }
 
@@ -35843,7 +35398,7 @@ function parseJson(text) {
 }
 class JsonReader extends BaseFileReader {
     getData() {
-        return fetchDataAsText(this.url).then(parseJson);
+        return fetchDataAsText(this.url, this.cacheActive).then(parseJson);
     }
 }
 
@@ -35862,7 +35417,7 @@ function parseGeojson(text) {
 }
 class GeojsonReader extends BaseFileReader {
     getData() {
-        return fetchDataAsText(this.url).then(parseGeojson);
+        return fetchDataAsText(this.url, this.cacheActive).then(parseGeojson);
     }
 }
 
@@ -35884,7 +35439,7 @@ function parseExcel(buffer) {
 }
 class ExcelReader extends BaseFileReader {
     getData() {
-        return fetchDataAsArrayBuffer(this.url).then(parseExcel);
+        return fetchDataAsArrayBuffer(this.url, this.cacheActive).then(parseExcel);
     }
 }
 
@@ -35911,19 +35466,21 @@ function parseGml(text, namespace, version) {
     throw Error("Couldn't retrieve namespace url");
 }
 class GmlReader extends BaseFileReader {
-    constructor(url, namespace, version) {
+    constructor(url, namespace, version, cacheActive = true) {
         super(url);
+        this.url = url;
         this.namespace = namespace;
         this.version = version;
+        this.cacheActive = cacheActive;
     }
     getData() {
-        return fetchDataAsText(this.url).then((text) => parseGml(text, this.namespace, this.version));
+        return fetchDataAsText(this.url, this.cacheActive).then((text) => parseGml(text, this.namespace, this.version));
     }
 }
 
-class WfsReader extends BaseReader {
-    constructor(url, wfsEndpoint, featureTypeName) {
-        super(url);
+class WfsReader extends BaseCacheReader {
+    constructor(url, wfsEndpoint, featureTypeName, cacheActive) {
+        super(url, cacheActive);
         this.endpoint = wfsEndpoint;
         this.featureTypeName = featureTypeName;
         this.version = this.endpoint.getVersion();
@@ -35978,9 +35535,9 @@ class WfsReader extends BaseReader {
             throw new Error('wfs.geojsongml.notsupported');
         }
     }
-    getData() {
-        if (this.aggregations || this.groupedBy) {
-            throw new Error(marker('wfs.aggregations.notsupported'));
+    async getData(aggregation, groupedBy) {
+        if (aggregation || groupedBy) {
+            return { items: await this.getQueryData() };
         }
         const asJson = this.endpoint.supportsJson(this.featureTypeName);
         const attributes = this.selected ?? undefined;
@@ -36000,19 +35557,26 @@ class WfsReader extends BaseReader {
             // Direct update on string url to prevent encoding of +A and +D
             url = `${url}${finalUrl.search ? '&' : ''}SORTBY=${sorts}`;
         }
-        return fetchDataAsText(url).then((text) => asJson
+        return fetchDataAsText(url, this.cacheActive).then((text) => asJson
             ? parseGeojson(text)
             : parseGml(text, this.featureTypeName, this.version));
     }
+    async getQueryData() {
+        const items = (await this.getData()).items;
+        const jsonItems = getJsonDataItemsProxy(items);
+        const query = generateSqlQuery(this.selected, this.filter, this.sort, this.startIndex, this.count, this.groupedBy, this.aggregations);
+        const result = await import('alasql').then((module) => module.default(query, [jsonItems]));
+        return result.map(jsonToGeojsonFeature);
+    }
     load() {
         // Nothing to load for Wfs
     }
     async read() {
-        return (await this.getData()).items;
+        return (await this.getData(this.aggregations, this.groupedBy)).items;
     }
 }
 
-async function openDataset(url, typeHint, options) {
+async function openDataset(url, typeHint, options, cacheActive) {
     const fileType = await inferDatasetType(url, typeHint);
     let reader;
     try {
@@ -36036,6 +35600,7 @@ async function openDataset(url, typeHint, options) {
                 reader = await WfsReader.createReader(url, options.wfsFeatureType);
                 break;
         }
+        reader.setCacheActive(cacheActive);
         reader.load();
         return reader;
     }
@@ -36052,8 +35617,8 @@ async function openDataset(url, typeHint, options) {
  *  2. otherwise, look for a Content-Type header in the response with a supported mime type
  *  3. if no valid mime type was found, look for an explicit file extension in the url (.csv, .geojson etc.)
  */
-async function readDataset(url, typeHint, options) {
-    const reader = await openDataset(url, typeHint, options);
+async function readDataset(url, typeHint, options, cacheActive = true) {
+    const reader = await openDataset(url, typeHint, options, cacheActive);
     try {
         return await reader.read();
     }
@@ -36214,18 +35779,18 @@ class DataService {
             mimeType: getMimeTypeForFormat(getFileFormatFromServiceOutput(format)),
         }));
     }
-    readAsGeoJson(link) {
-        return this.getDataset(link).pipe(switchMap$1((dataset) => dataset.selectAll().read()), map$1((features) => ({
+    readAsGeoJson(link, cacheActive) {
+        return this.getDataset(link, cacheActive).pipe(switchMap$1((dataset) => dataset.selectAll().read()), map$1((features) => ({
             type: 'FeatureCollection',
             features,
         })));
     }
-    getDataset(link) {
+    getDataset(link, cacheActive) {
         if (link.type === 'service' && link.accessServiceProtocol === 'wfs') {
             const wfsUrlEndpoint = this.proxy.getProxiedUrl(link.url.toString());
             return from(openDataset(wfsUrlEndpoint, 'wfs', {
                 wfsFeatureType: link.name,
-            }));
+            }, cacheActive));
         }
         else if (link.type === 'download') {
             const linkProxifiedUrl = this.proxy.getProxiedUrl(link.url.toString());
@@ -36233,18 +35798,18 @@ class DataService {
             const supportedType = SupportedTypes.indexOf(format) > -1
                 ? format
                 : undefined;
-            return from(openDataset(linkProxifiedUrl, supportedType)).pipe();
+            return from(openDataset(linkProxifiedUrl, supportedType, undefined, cacheActive)).pipe();
         }
         else if (link.type === 'service' &&
             link.accessServiceProtocol === 'esriRest') {
             const url = this.getDownloadUrlFromEsriRest(link.url.toString(), 'geojson');
-            return from(openDataset(url, 'geojson')).pipe();
+            return from(openDataset(url, 'geojson', undefined, cacheActive)).pipe();
         }
         else if (link.type === 'service' &&
             link.accessServiceProtocol === 'ogcFeatures') {
             return from(this.getDownloadUrlsFromOgcApi(link.url.href)).pipe(switchMap$1((collectionInfo) => {
                 const geojsonUrl = collectionInfo.jsonDownloadLink;
-                return openDataset(geojsonUrl, 'geojson');
+                return openDataset(geojsonUrl, 'geojson', undefined, cacheActive);
             }), tap$1((url) => {
                 if (url === null) {
                     throw new Error('wfs.geojsongml.notsupported');
@@ -36809,6 +36374,7 @@ class ChartViewComponent {
         this.dataService = dataService;
         this.changeDetector = changeDetector;
         this.translateService = translateService;
+        this.cacheActive = true;
         this.currentLink$ = new BehaviorSubject(null);
         this.aggregation$ = new BehaviorSubject('sum');
         this.xProperty$ = new BehaviorSubject(undefined);
@@ -36838,7 +36404,7 @@ class ChartViewComponent {
         this.dataset$ = this.currentLink$.pipe(filter((link) => !!link), switchMap$1((link) => {
             this.error = null;
             this.loading = true;
-            return this.dataService.getDataset(link).pipe(catchError((error) => {
+            return this.dataService.getDataset(link, this.cacheActive).pipe(catchError((error) => {
                 this.handleError(error);
                 return EMPTY;
             }));
@@ -36907,7 +36473,7 @@ class ChartViewComponent {
         this.changeDetector.detectChanges();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ChartViewComponent, deps: [{ token: DataService }, { token: i0.ChangeDetectorRef }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ChartViewComponent, isStandalone: true, selector: "gn-ui-chart-view", inputs: { link: "link", aggregation: "aggregation", xProperty: "xProperty", yProperty: "yProperty", chartType: "chartType" }, outputs: { chartConfig$: "chartConfig$" }, ngImport: i0, template: "<div class=\"w-full h-full flex flex-col\">\n  <div\n    class=\"flex flex-col space-y-2 sm:flex-row sm:space-y-0 sm:space-x-2 justify-between text-[13px]\"\n  >\n    <gn-ui-dropdown-selector\n      class=\"basis-1/4\"\n      [choices]=\"typeChoices\"\n      [extraBtnClass]=\"'secondary min-w-full'\"\n      (selectValue)=\"chartType$.next($event)\"\n      [selected]=\"chartType$.value\"\n      [title]=\"'chart.dropdown.type' | translate\"\n    ></gn-ui-dropdown-selector>\n    <gn-ui-dropdown-selector\n      class=\"basis-1/4\"\n      [choices]=\"xChoices$ | async\"\n      [extraBtnClass]=\"'secondary min-w-full'\"\n      (selectValue)=\"xProperty$.next($event)\"\n      [selected]=\"xProperty$.value\"\n      [title]=\"'chart.dropdown.xProperty' | translate\"\n    ></gn-ui-dropdown-selector>\n    <gn-ui-dropdown-selector\n      class=\"basis-1/4\"\n      *ngIf=\"!isCountAggregation\"\n      [choices]=\"yChoices$ | async\"\n      (selectValue)=\"yProperty$.next($event)\"\n      [selected]=\"yProperty$.value\"\n      [title]=\"'chart.dropdown.yProperty' | translate\"\n      class=\"select-y-prop\"\n    ></gn-ui-dropdown-selector>\n    <gn-ui-dropdown-selector\n      class=\"basis-1/4\"\n      [choices]=\"aggregationChoices\"\n      class=\"aggregation-choices\"\n      (selectValue)=\"aggregation$.next($event)\"\n      [selected]=\"aggregation$.value\"\n      [title]=\"'chart.dropdown.aggregation' | translate\"\n    ></gn-ui-dropdown-selector>\n  </div>\n  <div\n    class=\"relative h-full mt-2 bg-white border border-gray-300 rounded-lg overflow-hidden\"\n  >\n    <gn-ui-chart\n      [data]=\"chartData$ | async\"\n      [type]=\"chartType$.value\"\n      [labelProperty]=\"labelProperty\"\n      [valueProperty]=\"valueProperty\"\n    ></gn-ui-chart>\n    <gn-ui-loading-mask\n      *ngIf=\"loading\"\n      class=\"absolute inset-0\"\n      [message]=\"'chart.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>{{ error }}</span>\n    </gn-ui-popup-alert>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: 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: i1$1.TranslatePipe, name: "translate" }, { kind: "component", type: ChartComponent, selector: "gn-ui-chart", inputs: ["data", "labelProperty", "valueProperty", "secondaryValueProperty", "type"] }, { kind: "component", type: LoadingMaskComponent, selector: "gn-ui-loading-mask", inputs: ["message"] }, { kind: "component", type: PopupAlertComponent, selector: "gn-ui-popup-alert", inputs: ["icon", "type", "position"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ChartViewComponent, isStandalone: true, selector: "gn-ui-chart-view", inputs: { cacheActive: "cacheActive", link: "link", aggregation: "aggregation", xProperty: "xProperty", yProperty: "yProperty", chartType: "chartType" }, outputs: { chartConfig$: "chartConfig$" }, ngImport: i0, template: "<div class=\"w-full h-full flex flex-col\">\n  <div\n    class=\"flex flex-col space-y-2 sm:flex-row sm:space-y-0 sm:space-x-2 justify-between text-[13px]\"\n  >\n    <gn-ui-dropdown-selector\n      class=\"basis-1/4\"\n      [choices]=\"typeChoices\"\n      [extraBtnClass]=\"'secondary min-w-full'\"\n      (selectValue)=\"chartType$.next($event)\"\n      [selected]=\"chartType$.value\"\n      [title]=\"'chart.dropdown.type' | translate\"\n    ></gn-ui-dropdown-selector>\n    <gn-ui-dropdown-selector\n      class=\"basis-1/4\"\n      [choices]=\"xChoices$ | async\"\n      [extraBtnClass]=\"'secondary min-w-full'\"\n      (selectValue)=\"xProperty$.next($event)\"\n      [selected]=\"xProperty$.value\"\n      [title]=\"'chart.dropdown.xProperty' | translate\"\n    ></gn-ui-dropdown-selector>\n    <gn-ui-dropdown-selector\n      class=\"basis-1/4\"\n      *ngIf=\"!isCountAggregation\"\n      [choices]=\"yChoices$ | async\"\n      (selectValue)=\"yProperty$.next($event)\"\n      [selected]=\"yProperty$.value\"\n      [title]=\"'chart.dropdown.yProperty' | translate\"\n      class=\"select-y-prop\"\n    ></gn-ui-dropdown-selector>\n    <gn-ui-dropdown-selector\n      class=\"basis-1/4\"\n      [choices]=\"aggregationChoices\"\n      class=\"aggregation-choices\"\n      (selectValue)=\"aggregation$.next($event)\"\n      [selected]=\"aggregation$.value\"\n      [title]=\"'chart.dropdown.aggregation' | translate\"\n    ></gn-ui-dropdown-selector>\n  </div>\n  <div\n    class=\"relative h-full mt-2 bg-white border border-gray-300 rounded-lg overflow-hidden\"\n  >\n    <gn-ui-chart\n      [data]=\"chartData$ | async\"\n      [type]=\"chartType$.value\"\n      [labelProperty]=\"labelProperty\"\n      [valueProperty]=\"valueProperty\"\n    ></gn-ui-chart>\n    <gn-ui-loading-mask\n      *ngIf=\"loading\"\n      class=\"absolute inset-0\"\n      [message]=\"'chart.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>{{ error }}</span>\n    </gn-ui-popup-alert>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: 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: i1$1.TranslatePipe, name: "translate" }, { kind: "component", type: ChartComponent, selector: "gn-ui-chart", inputs: ["data", "labelProperty", "valueProperty", "secondaryValueProperty", "type"] }, { kind: "component", type: LoadingMaskComponent, selector: "gn-ui-loading-mask", inputs: ["message"] }, { kind: "component", type: PopupAlertComponent, selector: "gn-ui-popup-alert", inputs: ["icon", "type", "position"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ChartViewComponent, decorators: [{
             type: Component,
@@ -36919,7 +36485,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         LoadingMaskComponent,
                         PopupAlertComponent,
                     ], standalone: true, template: "<div class=\"w-full h-full flex flex-col\">\n  <div\n    class=\"flex flex-col space-y-2 sm:flex-row sm:space-y-0 sm:space-x-2 justify-between text-[13px]\"\n  >\n    <gn-ui-dropdown-selector\n      class=\"basis-1/4\"\n      [choices]=\"typeChoices\"\n      [extraBtnClass]=\"'secondary min-w-full'\"\n      (selectValue)=\"chartType$.next($event)\"\n      [selected]=\"chartType$.value\"\n      [title]=\"'chart.dropdown.type' | translate\"\n    ></gn-ui-dropdown-selector>\n    <gn-ui-dropdown-selector\n      class=\"basis-1/4\"\n      [choices]=\"xChoices$ | async\"\n      [extraBtnClass]=\"'secondary min-w-full'\"\n      (selectValue)=\"xProperty$.next($event)\"\n      [selected]=\"xProperty$.value\"\n      [title]=\"'chart.dropdown.xProperty' | translate\"\n    ></gn-ui-dropdown-selector>\n    <gn-ui-dropdown-selector\n      class=\"basis-1/4\"\n      *ngIf=\"!isCountAggregation\"\n      [choices]=\"yChoices$ | async\"\n      (selectValue)=\"yProperty$.next($event)\"\n      [selected]=\"yProperty$.value\"\n      [title]=\"'chart.dropdown.yProperty' | translate\"\n      class=\"select-y-prop\"\n    ></gn-ui-dropdown-selector>\n    <gn-ui-dropdown-selector\n      class=\"basis-1/4\"\n      [choices]=\"aggregationChoices\"\n      class=\"aggregation-choices\"\n      (selectValue)=\"aggregation$.next($event)\"\n      [selected]=\"aggregation$.value\"\n      [title]=\"'chart.dropdown.aggregation' | translate\"\n    ></gn-ui-dropdown-selector>\n  </div>\n  <div\n    class=\"relative h-full mt-2 bg-white border border-gray-300 rounded-lg overflow-hidden\"\n  >\n    <gn-ui-chart\n      [data]=\"chartData$ | async\"\n      [type]=\"chartType$.value\"\n      [labelProperty]=\"labelProperty\"\n      [valueProperty]=\"valueProperty\"\n    ></gn-ui-chart>\n    <gn-ui-loading-mask\n      *ngIf=\"loading\"\n      class=\"absolute inset-0\"\n      [message]=\"'chart.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>{{ error }}</span>\n    </gn-ui-popup-alert>\n  </div>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: DataService }, { type: i0.ChangeDetectorRef }, { type: i1$1.TranslateService }], propDecorators: { link: [{
+        }], ctorParameters: () => [{ type: DataService }, { type: i0.ChangeDetectorRef }, { type: i1$1.TranslateService }], propDecorators: { cacheActive: [{
+                type: Input
+            }], link: [{
                 type: Input
             }], aggregation: [{
                 type: Input
@@ -37092,6 +36660,7 @@ class TableViewComponent {
     constructor(dataService, translateService) {
         this.dataService = dataService;
         this.translateService = translateService;
+        this.cacheActive = true;
         this.currentLink$ = new BehaviorSubject(null);
         this.loading = false;
         this.error = null;
@@ -37109,7 +36678,7 @@ class TableViewComponent {
         }), startWith(undefined), shareReplay(1));
     }
     getDatasetReader(link) {
-        return this.dataService.getDataset(link);
+        return this.dataService.getDataset(link, this.cacheActive);
     }
     onTableSelect(event) {
         console.log(event);
@@ -37132,7 +36701,7 @@ class TableViewComponent {
         this.loading = false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TableViewComponent, deps: [{ token: DataService }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TableViewComponent, isStandalone: true, selector: "gn-ui-table-view", inputs: { link: "link" }, ngImport: i0, template: "<div class=\"w-full h-full flex flex-col\">\n  <div class=\"relative h-full\">\n    <gn-ui-data-table\n      *ngIf=\"tableData$ | async as dataset\"\n      class=\"overflow-auto grow\"\n      [dataset]=\"dataset\"\n      (selected)=\"onTableSelect($event)\"\n    ></gn-ui-data-table>\n    <gn-ui-loading-mask\n      *ngIf=\"loading\"\n      class=\"absolute inset-0\"\n      [message]=\"'table.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$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: DataTableComponent, selector: "gn-ui-data-table", inputs: ["dataset", "activeId"], outputs: ["selected"] }, { kind: "component", type: LoadingMaskComponent, selector: "gn-ui-loading-mask", inputs: ["message"] }, { kind: "component", type: PopupAlertComponent, selector: "gn-ui-popup-alert", inputs: ["icon", "type", "position"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TableViewComponent, isStandalone: true, selector: "gn-ui-table-view", inputs: { cacheActive: "cacheActive", link: "link" }, ngImport: i0, template: "<div class=\"w-full h-full flex flex-col\">\n  <div class=\"relative h-full\">\n    <gn-ui-data-table\n      *ngIf=\"tableData$ | async as dataset\"\n      class=\"overflow-auto grow\"\n      [dataset]=\"dataset\"\n      (selected)=\"onTableSelect($event)\"\n    ></gn-ui-data-table>\n    <gn-ui-loading-mask\n      *ngIf=\"loading\"\n      class=\"absolute inset-0\"\n      [message]=\"'table.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$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: DataTableComponent, selector: "gn-ui-data-table", inputs: ["dataset", "activeId"], outputs: ["selected"] }, { kind: "component", type: LoadingMaskComponent, selector: "gn-ui-loading-mask", inputs: ["message"] }, { kind: "component", type: PopupAlertComponent, selector: "gn-ui-popup-alert", inputs: ["icon", "type", "position"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TableViewComponent, decorators: [{
             type: Component,
@@ -37143,7 +36712,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         PopupAlertComponent,
                         TranslateModule,
                     ], standalone: true, template: "<div class=\"w-full h-full flex flex-col\">\n  <div class=\"relative h-full\">\n    <gn-ui-data-table\n      *ngIf=\"tableData$ | async as dataset\"\n      class=\"overflow-auto grow\"\n      [dataset]=\"dataset\"\n      (selected)=\"onTableSelect($event)\"\n    ></gn-ui-data-table>\n    <gn-ui-loading-mask\n      *ngIf=\"loading\"\n      class=\"absolute inset-0\"\n      [message]=\"'table.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: DataService }, { type: i1$1.TranslateService }], propDecorators: { link: [{
+        }], ctorParameters: () => [{ type: DataService }, { type: i1$1.TranslateService }], propDecorators: { cacheActive: [{
+                type: Input
+            }], link: [{
                 type: Input
             }] } });
 
@@ -37162,7 +36733,15 @@ class MdViewFacade {
         this.isPresent$ = this.store.pipe(select(getMetadataUuid), map$1((uuid) => !!uuid));
         this.isMetadataLoading$ = this.store.pipe(select(getMetadataIsLoading));
         this.metadata$ = this.store.pipe(select(getMetadata), filter((md) => !!md));
+        this.featureCatalog$ = this.store.pipe(select(getFeatureCatalog));
         this.isIncomplete$ = this.store.pipe(select(getMetadataIsIncomplete), filter((incomplete) => incomplete !== null));
+        this.isHighUpdateFrequency$ = this.metadata$.pipe(map$1((record) => {
+            if (record.updateFrequency instanceof Object) {
+                return (record.updateFrequency.per === 'day' &&
+                    record.updateFrequency.updatedTimes > 1);
+            }
+            return record.updateFrequency === 'continual';
+        }));
         this.error$ = this.store.pipe(select(getMetadataError));
         this.related$ = this.store.pipe(select(getRelated));
         this.chartConfig$ = this.store.pipe(select(getChartConfig));
@@ -37258,6 +36837,11 @@ class MdViewEffects {
             }
             return loadFullMetadataSuccess({ full: record });
         }), catchError((error) => of(loadFullMetadataFailure({ otherError: error.message })))));
+        this.loadFeatureCatalog$ = createEffect(() => this.actions$.pipe(ofType(loadFullMetadataSuccess), filter(({ full }) => full !== undefined), switchMap$1(({ full }) => this.recordsRepository.getFeatureCatalog(full)), map$1((featureCatalog) => loadFeatureCatalogSuccess({
+            datasetCatalog: featureCatalog,
+        })), catchError((error) => of(loadFeatureCatalogFailure({
+            error: error.message,
+        })))));
         /*
           Related effects
         */
@@ -37843,10 +37427,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class DataViewComponent {
+    set exceedsLimit(value) {
+        this.excludeWfs$.next(value);
+    }
     constructor(mdViewFacade) {
         this.mdViewFacade = mdViewFacade;
         this.displaySource = true;
         this.chartConfig$ = new BehaviorSubject(null);
+        this.cacheActive$ = this.mdViewFacade.isHighUpdateFrequency$.pipe(map$1((highF) => !highF));
+        this.hidePreview = false;
+        this.excludeWfs$ = new BehaviorSubject(false);
         this.compatibleDataLinks$ = combineLatest([
             this.mdViewFacade.dataLinks$,
             this.mdViewFacade.geoDataLinks$,
@@ -37857,7 +37447,7 @@ class DataViewComponent {
         }));
         this.dropdownChoices$ = this.compatibleDataLinks$.pipe(tap$1((links) => {
             if (links.indexOf(this.selectedLink$.value) === -1) {
-                this.selectedLink$.next(links[0]);
+                this.selectLink(JSON.stringify(links[0]));
             }
         }), map$1((links) => links.map((link) => ({
             label: getLinkLabel(link),
@@ -37871,10 +37461,20 @@ class DataViewComponent {
     selectLink(linkAsString) {
         const link = JSON.parse(linkAsString);
         link.url = new URL(link.url);
-        this.selectedLink$.next(link);
+        this.excludeWfs$
+            .pipe(tap$1((excludeWfs) => {
+            this.hidePreview =
+                link['accessServiceProtocol'] === 'wfs' &&
+                    excludeWfs &&
+                    this.mode === 'chart'
+                    ? true
+                    : false;
+            this.selectedLink$.next(link);
+        }))
+            .subscribe();
     }
     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", 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-[460px]\">\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$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.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: i1$1.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", exceedsLimit: "exceedsLimit" }, 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  <ng-container *ngIf=\"hidePreview; else dataView\">\n    <gn-ui-popup-alert\n      type=\"warning\"\n      icon=\"matErrorOutlineOutline\"\n      class=\"block h-12 p-1\"\n    >\n      <span translate>record.feature.limit</span>\n    </gn-ui-popup-alert>\n  </ng-container>\n  <ng-template #dataView>\n    <div class=\"relative h-[460px]\">\n      <gn-ui-table-view\n        *ngIf=\"mode === 'table'\"\n        [cacheActive]=\"cacheActive$ | async\"\n        [link]=\"selectedLink$ | async\"\n      ></gn-ui-table-view>\n      <gn-ui-chart-view\n        *ngIf=\"mode === 'chart'\"\n        (chartConfig$)=\"setChartConfig($event)\"\n        [cacheActive]=\"cacheActive$ | async\"\n        [link]=\"selectedLink$ | async\"\n      ></gn-ui-chart-view>\n    </div>\n  </ng-template>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.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: ["cacheActive", "link"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: ChartViewComponent, selector: "gn-ui-chart-view", inputs: ["cacheActive", "link", "aggregation", "xProperty", "yProperty", "chartType"], outputs: ["chartConfig$"] }, { kind: "component", type: PopupAlertComponent, selector: "gn-ui-popup-alert", inputs: ["icon", "type", "position"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DataViewComponent, decorators: [{
             type: Component,
@@ -37884,11 +37484,14 @@ 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    [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-[460px]\">\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" }]
+                        PopupAlertComponent,
+                    ], 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  <ng-container *ngIf=\"hidePreview; else dataView\">\n    <gn-ui-popup-alert\n      type=\"warning\"\n      icon=\"matErrorOutlineOutline\"\n      class=\"block h-12 p-1\"\n    >\n      <span translate>record.feature.limit</span>\n    </gn-ui-popup-alert>\n  </ng-container>\n  <ng-template #dataView>\n    <div class=\"relative h-[460px]\">\n      <gn-ui-table-view\n        *ngIf=\"mode === 'table'\"\n        [cacheActive]=\"cacheActive$ | async\"\n        [link]=\"selectedLink$ | async\"\n      ></gn-ui-table-view>\n      <gn-ui-chart-view\n        *ngIf=\"mode === 'chart'\"\n        (chartConfig$)=\"setChartConfig($event)\"\n        [cacheActive]=\"cacheActive$ | async\"\n        [link]=\"selectedLink$ | async\"\n      ></gn-ui-chart-view>\n    </div>\n  </ng-template>\n</div>\n" }]
         }], ctorParameters: () => [{ type: MdViewFacade }], propDecorators: { mode: [{
                 type: Input
             }], displaySource: [{
                 type: Input
+            }], exceedsLimit: [{
+                type: Input
             }], chartConfig$: [{
                 type: Output
             }] } });
@@ -38060,7 +37663,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 marker('map.dropdown.placeholder');
 marker('wfs.feature.limit');
 class MapViewComponent {
-    set excludeWfs(value) {
+    set exceedsLimit(value) {
         this.excludeWfs$.next(value);
     }
     toggleLegend() {
@@ -38079,6 +37682,7 @@ class MapViewComponent {
         this.changeRef = changeRef;
         this.displaySource = true;
         this.excludeWfs$ = new BehaviorSubject(false);
+        this.hidePreview = false;
         this.showLegend = true;
         this.legendExists = false;
         this.compatibleMapLinks$ = combineLatest([
@@ -38105,9 +37709,10 @@ class MapViewComponent {
                 return of([]);
             }
             if (excludeWfs && link.accessServiceProtocol === 'wfs') {
-                this.error = 'wfs.feature.limit';
+                this.hidePreview = true;
                 return of([]);
             }
+            this.hidePreview = false;
             this.loading = true;
             this.error = null;
             return this.getLayerFromLink(link).pipe(map$1((layer) => [layer]), catchError((e) => {
@@ -38177,7 +37782,8 @@ class MapViewComponent {
                 link.accessServiceProtocol === 'esriRest' ||
                 link.accessServiceProtocol === 'ogcFeatures')) ||
             link.type === 'download') {
-            return this.dataService.readAsGeoJson(link).pipe(map$1((data) => ({
+            const cacheActive = true; // TODO implement whether should be true or false
+            return this.dataService.readAsGeoJson(link, cacheActive).pipe(map$1((data) => ({
                 type: 'geojson',
                 data,
             })));
@@ -38188,7 +37794,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", 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$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.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: i1$1.TranslatePipe, name: "translate" }, { kind: "directive", type: i1$1.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: { exceedsLimit: "exceedsLimit", 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  <ng-container *ngIf=\"hidePreview; else mapView\">\n    <gn-ui-popup-alert\n      type=\"warning\"\n      icon=\"matErrorOutlineOutline\"\n      class=\"block h-12 p-1\"\n    >\n      <span translate>record.feature.limit</span>\n    </gn-ui-popup-alert>\n  </ng-container>\n  <ng-template #mapView>\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  </ng-template>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.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: i1$1.TranslatePipe, name: "translate" }, { kind: "directive", type: i1$1.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,
@@ -38204,8 +37810,8 @@ 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      [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: [{
+                    ], 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  <ng-container *ngIf=\"hidePreview; else mapView\">\n    <gn-ui-popup-alert\n      type=\"warning\"\n      icon=\"matErrorOutlineOutline\"\n      class=\"block h-12 p-1\"\n    >\n      <span translate>record.feature.limit</span>\n    </gn-ui-popup-alert>\n  </ng-container>\n  <ng-template #mapView>\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  </ng-template>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: MdViewFacade }, { type: MapUtilsService }, { type: DataService }, { type: i0.ChangeDetectorRef }], propDecorators: { exceedsLimit: [{
                 type: Input
             }], displaySource: [{
                 type: Input
@@ -38692,8 +38298,8 @@ const DEFAULT_CONFIGURATION = {
             labelKey: marker('editor.record.form.page.description'),
             sections: [
                 TITLE_SECTION,
-                ABOUT_SECTION,
                 CLASSIFICATION_SECTION,
+                ABOUT_SECTION,
                 GEOGRAPHICAL_COVERAGE_SECTION,
             ],
         },
@@ -39038,9 +38644,8 @@ var WizardFieldType;
 (function (WizardFieldType) {
     WizardFieldType[WizardFieldType["TEXT"] = 0] = "TEXT";
     WizardFieldType[WizardFieldType["TEXT_AREA"] = 1] = "TEXT_AREA";
-    WizardFieldType[WizardFieldType["CHIPS"] = 2] = "CHIPS";
-    WizardFieldType[WizardFieldType["DATA_PICKER"] = 3] = "DATA_PICKER";
-    WizardFieldType[WizardFieldType["DROPDOWN"] = 4] = "DROPDOWN";
+    WizardFieldType[WizardFieldType["DATA_PICKER"] = 2] = "DATA_PICKER";
+    WizardFieldType[WizardFieldType["DROPDOWN"] = 3] = "DROPDOWN";
 })(WizardFieldType || (WizardFieldType = {}));
 
 class WizardService {
@@ -39162,9 +38767,6 @@ class WizardFieldComponent {
             case WizardFieldType.TEXT: {
                 return data || '';
             }
-            case WizardFieldType.CHIPS: {
-                return data ? JSON.parse(data) : [];
-            }
             case WizardFieldType.TEXT_AREA: {
                 return data || '';
             }
@@ -39194,10 +38796,6 @@ class WizardFieldComponent {
                 this.initializeTextInputListener();
                 break;
             }
-            case WizardFieldType.CHIPS: {
-                this.initializeChipsListener();
-                break;
-            }
             case WizardFieldType.TEXT_AREA: {
                 this.initializeTextAreaListener();
                 return;
@@ -39217,11 +38815,6 @@ class WizardFieldComponent {
             this.wizardService.onWizardWizardFieldDataChanged(this.wizardFieldConfig.id, value);
         }));
     }
-    initializeChipsListener() {
-        this.subs.add(this.chips.itemsChange.subscribe((items) => {
-            this.wizardService.onWizardWizardFieldDataChanged(this.wizardFieldConfig.id, JSON.stringify(items));
-        }));
-    }
     initializeTextAreaListener() {
         this.subs.add(this.textArea.valueChange.subscribe((value) => {
             this.wizardService.onWizardWizardFieldDataChanged(this.wizardFieldConfig.id, value);
@@ -39255,7 +38848,7 @@ class WizardFieldComponent {
                 deps: [MAT_DATE_LOCALE, MAT_MOMENT_DATE_ADAPTER_OPTIONS],
             },
             { provide: MAT_DATE_FORMATS, useValue: MY_FORMATS },
-        ], viewQueries: [{ propertyName: "searchText", first: true, predicate: ["searchText"], descendants: true }, { propertyName: "chips", first: true, predicate: ["chips"], descendants: true }, { propertyName: "textArea", first: true, predicate: ["textArea"], descendants: true }, { propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }], ngImport: i0, template: "<div class=\"flex flex-1\">\n  <span [class]=\"wizardFieldConfig.icon + ' pr-10'\"></span>\n  <div class=\"flex flex-col flex-1\">\n    <div translate class=\"text-xl font-bold pb-1\">\n      {{ wizardFieldConfig.label }}\n    </div>\n    <div\n      class=\"w-1/2 h-12\"\n      *ngIf=\"wizardFieldType.TEXT === wizardFieldConfig.type\"\n    >\n      <gn-ui-text-input\n        #searchText\n        [id]=\"wizardFieldConfig.id\"\n        [value]=\"wizardFieldData\"\n        [required]=\"wizardFieldConfig.required || false\"\n        placeholder=\"\"\n      ></gn-ui-text-input>\n    </div>\n    <div\n      class=\"flex-1 w-11/12\"\n      *ngIf=\"wizardFieldType.CHIPS === wizardFieldConfig.type\"\n    >\n      <gn-ui-chips-input\n        #chips\n        [selectedItems]=\"wizardFieldData\"\n        placeholder=\"\"\n        [id]=\"wizardFieldConfig.id\"\n        [url]=\"wizardFieldConfig.options.url\"\n        [loadOnce]=\"wizardFieldConfig.options.loadOnce\"\n      ></gn-ui-chips-input>\n    </div>\n    <div\n      class=\"h-32 w-11/12\"\n      *ngIf=\"wizardFieldType.TEXT_AREA === wizardFieldConfig.type\"\n    >\n      <gn-ui-text-area\n        #textArea\n        [id]=\"wizardFieldConfig.id\"\n        [value]=\"wizardFieldData\"\n        [required]=\"wizardFieldConfig.required || false\"\n        placeholder=\"\"\n      ></gn-ui-text-area>\n    </div>\n    <div\n      class=\"w-1/2 h-12\"\n      *ngIf=\"wizardFieldType.DATA_PICKER === wizardFieldConfig.type\"\n    >\n      <input\n        [id]=\"wizardFieldConfig.id\"\n        type=\"text\"\n        (click)=\"datepicker.open()\"\n        class=\"rounded p-2 text-gray-700 w-full leading-tight focus:outline-none focus:border-primary\"\n        [value]=\"wizardFieldData\"\n        [matDatepicker]=\"datepicker\"\n        (dateChange)=\"onDateChange($event)\"\n      />\n      <mat-datepicker #datepicker></mat-datepicker>\n    </div>\n    <div\n      class=\"w-1/2 h-12\"\n      *ngIf=\"wizardFieldType.DROPDOWN === wizardFieldConfig.type\"\n    >\n      <gn-ui-dropdown-selector\n        #dropdown\n        [id]=\"wizardFieldConfig.id\"\n        [title]=\"''\"\n        [extraBtnClass]=\"'secondary min-w-full'\"\n        [showTitle]=\"false\"\n        [choices]=\"dropdownChoices\"\n        [selected]=\"wizardFieldData\"\n        ariaName=\"search-sort-by\"\n      ></gn-ui-dropdown-selector>\n    </div>\n  </div>\n</div>\n", styles: [":host{display:flex;flex:1}gn-ui-text-input::ng-deep input,input[type=text]{height:100%;background:#fff;color:#000;font-style:italic;border-width:2px;border-color:var(--color-primary)}gn-ui-text-area::ng-deep textarea{border-width:2px;border-color:var(--color-primary)}gn-ui-dropdown-selector::ng-deep div{height:100%}gn-ui-dropdown-selector::ng-deep select{height:100%;border-width:2px;border-color:var(--color-primary);background-color:#fff}\n"], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DropdownSelectorComponent, selector: "gn-ui-dropdown-selector", inputs: ["title", "showTitle", "ariaName", "choices", "selected", "maxRows", "extraBtnClass", "minWidth", "disabled"], outputs: ["selectValue"] }, { kind: "component", type: TextAreaComponent, selector: "gn-ui-text-area", inputs: ["value", "disabled", "extraClass", "placeholder", "required"], outputs: ["valueChange"] }, { kind: "component", type: ChipsInputComponent, selector: "gn-ui-chips-input", inputs: ["url", "placeholder", "selectedItems", "required", "loadOnce", "autocompleteItems"], outputs: ["itemsChange"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i1$8.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i1$8.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: TextInputComponent, selector: "gn-ui-text-input", inputs: ["value", "extraClass", "placeholder", "required", "disabled"], outputs: ["valueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], viewQueries: [{ propertyName: "searchText", first: true, predicate: ["searchText"], descendants: true }, { propertyName: "textArea", first: true, predicate: ["textArea"], descendants: true }, { propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }], ngImport: i0, template: "<div class=\"flex flex-1\">\n  <span [class]=\"wizardFieldConfig.icon + ' pr-10'\"></span>\n  <div class=\"flex flex-col flex-1\">\n    <div translate class=\"text-xl font-bold pb-1\">\n      {{ wizardFieldConfig.label }}\n    </div>\n    <div\n      class=\"w-1/2 h-12\"\n      *ngIf=\"wizardFieldType.TEXT === wizardFieldConfig.type\"\n    >\n      <gn-ui-text-input\n        #searchText\n        [id]=\"wizardFieldConfig.id\"\n        [value]=\"wizardFieldData\"\n        [required]=\"wizardFieldConfig.required || false\"\n        placeholder=\"\"\n      ></gn-ui-text-input>\n    </div>\n    <div\n      class=\"h-32 w-11/12\"\n      *ngIf=\"wizardFieldType.TEXT_AREA === wizardFieldConfig.type\"\n    >\n      <gn-ui-text-area\n        #textArea\n        [id]=\"wizardFieldConfig.id\"\n        [value]=\"wizardFieldData\"\n        [required]=\"wizardFieldConfig.required || false\"\n        placeholder=\"\"\n      ></gn-ui-text-area>\n    </div>\n    <div\n      class=\"w-1/2 h-12\"\n      *ngIf=\"wizardFieldType.DATA_PICKER === wizardFieldConfig.type\"\n    >\n      <input\n        [id]=\"wizardFieldConfig.id\"\n        type=\"text\"\n        (click)=\"datepicker.open()\"\n        class=\"rounded p-2 text-gray-700 w-full leading-tight focus:outline-none focus:border-primary\"\n        [value]=\"wizardFieldData\"\n        [matDatepicker]=\"datepicker\"\n        (dateChange)=\"onDateChange($event)\"\n      />\n      <mat-datepicker #datepicker></mat-datepicker>\n    </div>\n    <div\n      class=\"w-1/2 h-12\"\n      *ngIf=\"wizardFieldType.DROPDOWN === wizardFieldConfig.type\"\n    >\n      <gn-ui-dropdown-selector\n        #dropdown\n        [id]=\"wizardFieldConfig.id\"\n        [title]=\"''\"\n        [extraBtnClass]=\"'secondary min-w-full'\"\n        [showTitle]=\"false\"\n        [choices]=\"dropdownChoices\"\n        [selected]=\"wizardFieldData\"\n        ariaName=\"search-sort-by\"\n      ></gn-ui-dropdown-selector>\n    </div>\n  </div>\n</div>\n", styles: [":host{display:flex;flex:1}gn-ui-text-input::ng-deep input,input[type=text]{height:100%;background:#fff;color:#000;font-style:italic;border-width:2px;border-color:var(--color-primary)}gn-ui-text-area::ng-deep textarea{border-width:2px;border-color:var(--color-primary)}gn-ui-dropdown-selector::ng-deep div{height:100%}gn-ui-dropdown-selector::ng-deep select{height:100%;border-width:2px;border-color:var(--color-primary);background-color:#fff}\n"], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DropdownSelectorComponent, selector: "gn-ui-dropdown-selector", inputs: ["title", "showTitle", "ariaName", "choices", "selected", "maxRows", "extraBtnClass", "minWidth", "disabled"], outputs: ["selectValue"] }, { kind: "component", type: TextAreaComponent, selector: "gn-ui-text-area", inputs: ["value", "disabled", "extraClass", "placeholder", "required"], outputs: ["valueChange"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i1$8.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i1$8.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: TextInputComponent, selector: "gn-ui-text-input", inputs: ["value", "extraClass", "placeholder", "required", "disabled"], outputs: ["valueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: WizardFieldComponent, decorators: [{
             type: Component,
@@ -39267,15 +38860,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                             deps: [MAT_DATE_LOCALE, MAT_MOMENT_DATE_ADAPTER_OPTIONS],
                         },
                         { provide: MAT_DATE_FORMATS, useValue: MY_FORMATS },
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"flex flex-1\">\n  <span [class]=\"wizardFieldConfig.icon + ' pr-10'\"></span>\n  <div class=\"flex flex-col flex-1\">\n    <div translate class=\"text-xl font-bold pb-1\">\n      {{ wizardFieldConfig.label }}\n    </div>\n    <div\n      class=\"w-1/2 h-12\"\n      *ngIf=\"wizardFieldType.TEXT === wizardFieldConfig.type\"\n    >\n      <gn-ui-text-input\n        #searchText\n        [id]=\"wizardFieldConfig.id\"\n        [value]=\"wizardFieldData\"\n        [required]=\"wizardFieldConfig.required || false\"\n        placeholder=\"\"\n      ></gn-ui-text-input>\n    </div>\n    <div\n      class=\"flex-1 w-11/12\"\n      *ngIf=\"wizardFieldType.CHIPS === wizardFieldConfig.type\"\n    >\n      <gn-ui-chips-input\n        #chips\n        [selectedItems]=\"wizardFieldData\"\n        placeholder=\"\"\n        [id]=\"wizardFieldConfig.id\"\n        [url]=\"wizardFieldConfig.options.url\"\n        [loadOnce]=\"wizardFieldConfig.options.loadOnce\"\n      ></gn-ui-chips-input>\n    </div>\n    <div\n      class=\"h-32 w-11/12\"\n      *ngIf=\"wizardFieldType.TEXT_AREA === wizardFieldConfig.type\"\n    >\n      <gn-ui-text-area\n        #textArea\n        [id]=\"wizardFieldConfig.id\"\n        [value]=\"wizardFieldData\"\n        [required]=\"wizardFieldConfig.required || false\"\n        placeholder=\"\"\n      ></gn-ui-text-area>\n    </div>\n    <div\n      class=\"w-1/2 h-12\"\n      *ngIf=\"wizardFieldType.DATA_PICKER === wizardFieldConfig.type\"\n    >\n      <input\n        [id]=\"wizardFieldConfig.id\"\n        type=\"text\"\n        (click)=\"datepicker.open()\"\n        class=\"rounded p-2 text-gray-700 w-full leading-tight focus:outline-none focus:border-primary\"\n        [value]=\"wizardFieldData\"\n        [matDatepicker]=\"datepicker\"\n        (dateChange)=\"onDateChange($event)\"\n      />\n      <mat-datepicker #datepicker></mat-datepicker>\n    </div>\n    <div\n      class=\"w-1/2 h-12\"\n      *ngIf=\"wizardFieldType.DROPDOWN === wizardFieldConfig.type\"\n    >\n      <gn-ui-dropdown-selector\n        #dropdown\n        [id]=\"wizardFieldConfig.id\"\n        [title]=\"''\"\n        [extraBtnClass]=\"'secondary min-w-full'\"\n        [showTitle]=\"false\"\n        [choices]=\"dropdownChoices\"\n        [selected]=\"wizardFieldData\"\n        ariaName=\"search-sort-by\"\n      ></gn-ui-dropdown-selector>\n    </div>\n  </div>\n</div>\n", styles: [":host{display:flex;flex:1}gn-ui-text-input::ng-deep input,input[type=text]{height:100%;background:#fff;color:#000;font-style:italic;border-width:2px;border-color:var(--color-primary)}gn-ui-text-area::ng-deep textarea{border-width:2px;border-color:var(--color-primary)}gn-ui-dropdown-selector::ng-deep div{height:100%}gn-ui-dropdown-selector::ng-deep select{height:100%;border-width:2px;border-color:var(--color-primary);background-color:#fff}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"flex flex-1\">\n  <span [class]=\"wizardFieldConfig.icon + ' pr-10'\"></span>\n  <div class=\"flex flex-col flex-1\">\n    <div translate class=\"text-xl font-bold pb-1\">\n      {{ wizardFieldConfig.label }}\n    </div>\n    <div\n      class=\"w-1/2 h-12\"\n      *ngIf=\"wizardFieldType.TEXT === wizardFieldConfig.type\"\n    >\n      <gn-ui-text-input\n        #searchText\n        [id]=\"wizardFieldConfig.id\"\n        [value]=\"wizardFieldData\"\n        [required]=\"wizardFieldConfig.required || false\"\n        placeholder=\"\"\n      ></gn-ui-text-input>\n    </div>\n    <div\n      class=\"h-32 w-11/12\"\n      *ngIf=\"wizardFieldType.TEXT_AREA === wizardFieldConfig.type\"\n    >\n      <gn-ui-text-area\n        #textArea\n        [id]=\"wizardFieldConfig.id\"\n        [value]=\"wizardFieldData\"\n        [required]=\"wizardFieldConfig.required || false\"\n        placeholder=\"\"\n      ></gn-ui-text-area>\n    </div>\n    <div\n      class=\"w-1/2 h-12\"\n      *ngIf=\"wizardFieldType.DATA_PICKER === wizardFieldConfig.type\"\n    >\n      <input\n        [id]=\"wizardFieldConfig.id\"\n        type=\"text\"\n        (click)=\"datepicker.open()\"\n        class=\"rounded p-2 text-gray-700 w-full leading-tight focus:outline-none focus:border-primary\"\n        [value]=\"wizardFieldData\"\n        [matDatepicker]=\"datepicker\"\n        (dateChange)=\"onDateChange($event)\"\n      />\n      <mat-datepicker #datepicker></mat-datepicker>\n    </div>\n    <div\n      class=\"w-1/2 h-12\"\n      *ngIf=\"wizardFieldType.DROPDOWN === wizardFieldConfig.type\"\n    >\n      <gn-ui-dropdown-selector\n        #dropdown\n        [id]=\"wizardFieldConfig.id\"\n        [title]=\"''\"\n        [extraBtnClass]=\"'secondary min-w-full'\"\n        [showTitle]=\"false\"\n        [choices]=\"dropdownChoices\"\n        [selected]=\"wizardFieldData\"\n        ariaName=\"search-sort-by\"\n      ></gn-ui-dropdown-selector>\n    </div>\n  </div>\n</div>\n", styles: [":host{display:flex;flex:1}gn-ui-text-input::ng-deep input,input[type=text]{height:100%;background:#fff;color:#000;font-style:italic;border-width:2px;border-color:var(--color-primary)}gn-ui-text-area::ng-deep textarea{border-width:2px;border-color:var(--color-primary)}gn-ui-dropdown-selector::ng-deep div{height:100%}gn-ui-dropdown-selector::ng-deep select{height:100%;border-width:2px;border-color:var(--color-primary);background-color:#fff}\n"] }]
         }], ctorParameters: () => [{ type: WizardService }, { type: i0.ChangeDetectorRef }], propDecorators: { wizardFieldConfig: [{
                 type: Input
             }], searchText: [{
                 type: ViewChild,
                 args: ['searchText']
-            }], chips: [{
-                type: ViewChild,
-                args: ['chips']
             }], textArea: [{
                 type: ViewChild,
                 args: ['textArea']
@@ -39482,15 +39072,15 @@ class ImportRecordComponent {
     importRecord(url) {
         this.isRecordImportInProgress = true;
         this.recordsRepository.duplicateExternalRecord(url).subscribe({
-            next: (recordTempId) => {
-                if (recordTempId) {
+            next: (uuid) => {
+                if (uuid) {
                     this.notificationsService.showNotification({
                         type: 'success',
                         title: this.translateService.instant('editor.record.importFromExternalFile.success.title'),
                         text: `${this.translateService.instant('editor.record.importFromExternalFile.success.body')}`,
                     }, 2500);
                     this.router
-                        .navigate(['/edit', recordTempId])
+                        .navigate(['/edit', uuid])
                         .catch((err) => console.error(err));
                 }
                 this.closeImportMenu.next();
@@ -39516,7 +39106,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\" 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$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$2.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: i1$1.TranslatePipe, name: "translate" }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], 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$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$2.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", "resetUrlOnChange"], outputs: ["valueChange", "uploadClick"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: 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,
@@ -39582,7 +39172,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.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$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.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: i1$1.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$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: UiWidgetsModule }, { kind: "component", type: AutocompleteComponent, selector: "gn-ui-autocomplete", inputs: ["placeholder", "enterButton", "action", "value", "clearOnSelection", "preventCompleteOnSelection", "autoFocus", "minCharacterCount", "allowSubmit", "forceTrackPosition", "displayWithFn"], outputs: ["itemSelected", "inputSubmitted", "inputCleared", "isSearchActive"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.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,
@@ -39852,7 +39442,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 
 class FormFieldRichComponent {
     constructor() {
-        this.placeholder = 'Votre texte ici'; //TODO: translate
+        this.placeholder = '';
         this.valueChange = new EventEmitter();
         this.preview = false;
     }
@@ -40095,19 +39685,16 @@ class FormFieldContactsForResourceComponent {
         this.organizationsServiceInterface = organizationsServiceInterface;
         this.valueChange = new EventEmitter();
         this.contactsForRessourceByRole = new Map();
-        this.rolesToPick = [
-            'resource_provider',
-            'custodian',
-            'owner',
-            'point_of_contact',
-            'author',
-        ];
+        this.roleValues = RoleValues;
+        this.rolesToPick = this.roleValues.filter((role) => role !== 'other' && role !== 'unspecified');
         this.roleSectionsToDisplay = [];
         this.allOrganizations = new Map();
         /**
          * gn-ui-autocomplete
          */
-        this.displayWithFn = (user) => `${user.name} ${user.surname} ${user.organisation ? `(${user.organisation})` : ''}`;
+        this.displayWithFn = (user) => user.name
+            ? `${user.name} ${user.surname} ${user.organisation ? `(${user.organisation})` : ''}`
+            : ``;
         /**
          * gn-ui-autocomplete
          */
@@ -40199,7 +39786,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]=\"\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$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.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: i1$1.TranslatePipe, name: "translate" }, { kind: "directive", type: i1$1.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        *ngIf=\"role !== 'unspecified' && role !== 'other'\"\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$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: UiWidgetsModule }, { kind: "component", type: AutocompleteComponent, selector: "gn-ui-autocomplete", inputs: ["placeholder", "enterButton", "action", "value", "clearOnSelection", "preventCompleteOnSelection", "autoFocus", "minCharacterCount", "allowSubmit", "forceTrackPosition", "displayWithFn"], outputs: ["itemSelected", "inputSubmitted", "inputCleared", "isSearchActive"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: 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,
@@ -40218,7 +39805,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]=\"\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"] }]
+                    ], 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        *ngIf=\"role !== 'unspecified' && role !== 'other'\"\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: [{
@@ -40297,7 +39884,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]=\"'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$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.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: i1$1.TranslatePipe, name: "translate" }, { kind: "directive", type: i1$1.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$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: UiWidgetsModule }, { kind: "component", type: AutocompleteComponent, selector: "gn-ui-autocomplete", inputs: ["placeholder", "enterButton", "action", "value", "clearOnSelection", "preventCompleteOnSelection", "autoFocus", "minCharacterCount", "allowSubmit", "forceTrackPosition", "displayWithFn"], outputs: ["itemSelected", "inputSubmitted", "inputCleared", "isSearchActive"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: 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,
@@ -40502,7 +40089,7 @@ class FormFieldOnlineLinkResourcesComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormFieldOnlineLinkResourcesComponent, deps: [{ token: NotificationsService }, { token: i1$1.TranslateService }, { token: PlatformServiceInterface }, { token: i0.ChangeDetectorRef }, { token: i1$b.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        [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: i1$1.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", "resetUrlOnChange"], outputs: ["valueChange", "uploadClick"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormFieldOnlineLinkResourcesComponent, decorators: [{
             type: Component,
@@ -40539,6 +40126,7 @@ class OnlineServiceResourceInputComponent {
         this.modifyMode = false;
         this.serviceChange = new EventEmitter();
         this.errorMessage = false;
+        this.resetUrlOnChange = Math.random();
         this.layersSubject = new BehaviorSubject([]);
         this.layers$ = this.layersSubject.asObservable();
         this.protocolOptions = [
@@ -40603,6 +40191,7 @@ class OnlineServiceResourceInputComponent {
         this.cdr.detectChanges();
     }
     resetAllFormFields() {
+        this.resetUrlOnChange = Math.random();
         this._service.url = null;
         this.resetLayersSuggestion();
     }
@@ -40646,7 +40235,7 @@ class OnlineServiceResourceInputComponent {
             provideNgIconsConfig({
                 size: '1.5em',
             }),
-        ], 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$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1$4.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: i1$1.TranslatePipe, name: "translate" }, { kind: "directive", type: i1$1.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    [resetUrlOnChange]=\"resetUrlOnChange\"\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", "enterButton", "action", "value", "clearOnSelection", "preventCompleteOnSelection", "autoFocus", "minCharacterCount", "allowSubmit", "forceTrackPosition", "displayWithFn"], outputs: ["itemSelected", "inputSubmitted", "inputCleared", "isSearchActive"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1$4.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: i1$1.TranslatePipe, name: "translate" }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: UrlInputComponent, selector: "gn-ui-url-input", inputs: ["value", "extraClass", "placeholder", "disabled", "showValidateButton", "resetUrlOnChange"], outputs: ["valueChange", "uploadClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnlineServiceResourceInputComponent, decorators: [{
             type: Component,
@@ -40666,7 +40255,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         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)=\"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" }]
+                    ], 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    [resetUrlOnChange]=\"resetUrlOnChange\"\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: [{
@@ -40815,7 +40404,7 @@ class FormFieldOnlineResourcesComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormFieldOnlineResourcesComponent, deps: [{ token: NotificationsService }, { token: i1$1.TranslateService }, { token: PlatformServiceInterface }, { token: i0.ChangeDetectorRef }, { token: i1$b.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      (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$2.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: i1$1.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$2.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", "resetUrlOnChange"], 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: i1$1.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,
@@ -41241,7 +40830,7 @@ class ConstraintCardComponent {
             provideNgIconsConfig({
                 size: '1.5rem',
             }),
-        ], ngImport: i0, template: "<div class=\"flex flex-col gap-1 border rounded-lg p-4\">\n  <gn-ui-form-field-rich\n    class=\"mt-[-8px]\"\n    [label]=\"label\"\n    [hint]=\"hint | translate\"\n    [value]=\"constraint_.text ?? ''\"\n    (valueChange)=\"handleConstraintTextChange($event)\"\n  ></gn-ui-form-field-rich>\n\n  <div *ngIf=\"!showUrl\" class=\"flex-none mt-1\">\n    <gn-ui-button\n      (buttonClick)=\"showUrl = true\"\n      type=\"gray\"\n      data-cy=\"add-url-btn\"\n    >\n      <ng-icon name=\"iconoirPlus\" class=\"text-primary\"></ng-icon>&nbsp;\n      <span translate>input.image.displayUrlInput</span>\n    </gn-ui-button>\n  </div>\n  <gn-ui-url-input\n    *ngIf=\"showUrl\"\n    class=\"mt-3.5\"\n    [value]=\"constraint_.url?.toString()\"\n    (valueChange)=\"handleURLChange($event)\"\n    [showValidateButton]=\"false\"\n  >\n  </gn-ui-url-input>\n</div>\n", styles: [":host{--gn-ui-button-padding: 8px 8px;--gn-ui-button-rounded: 8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FormFieldRichComponent, selector: "gn-ui-form-field-rich", inputs: ["label", "hint", "placeholder", "value"], outputs: ["valueChange"] }, { kind: "component", type: UrlInputComponent, selector: "gn-ui-url-input", inputs: ["value", "extraClass", "placeholder", "disabled", "showValidateButton"], outputs: ["valueChange", "uploadClick"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], ngImport: i0, template: "<div class=\"flex flex-col gap-1 border rounded-lg p-4\">\n  <gn-ui-form-field-rich\n    class=\"mt-[-8px]\"\n    [label]=\"label\"\n    [placeholder]=\"hint | translate\"\n    [value]=\"constraint_.text ?? ''\"\n    (valueChange)=\"handleConstraintTextChange($event)\"\n  ></gn-ui-form-field-rich>\n\n  <div *ngIf=\"!showUrl\" class=\"flex-none mt-1\">\n    <gn-ui-button\n      (buttonClick)=\"showUrl = true\"\n      type=\"gray\"\n      data-cy=\"add-url-btn\"\n    >\n      <ng-icon name=\"iconoirPlus\" class=\"text-primary\"></ng-icon>&nbsp;\n      <span translate>input.image.displayUrlInput</span>\n    </gn-ui-button>\n  </div>\n  <gn-ui-url-input\n    *ngIf=\"showUrl\"\n    class=\"mt-3.5\"\n    [value]=\"constraint_.url?.toString()\"\n    (valueChange)=\"handleURLChange($event)\"\n    [showValidateButton]=\"false\"\n  >\n  </gn-ui-url-input>\n</div>\n", styles: [":host{--gn-ui-button-padding: 8px 8px;--gn-ui-button-rounded: 8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FormFieldRichComponent, selector: "gn-ui-form-field-rich", inputs: ["label", "hint", "placeholder", "value"], outputs: ["valueChange"] }, { kind: "component", type: UrlInputComponent, selector: "gn-ui-url-input", inputs: ["value", "extraClass", "placeholder", "disabled", "showValidateButton", "resetUrlOnChange"], outputs: ["valueChange", "uploadClick"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: 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: ConstraintCardComponent, decorators: [{
             type: Component,
@@ -41259,7 +40848,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         provideNgIconsConfig({
                             size: '1.5rem',
                         }),
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"flex flex-col gap-1 border rounded-lg p-4\">\n  <gn-ui-form-field-rich\n    class=\"mt-[-8px]\"\n    [label]=\"label\"\n    [hint]=\"hint | translate\"\n    [value]=\"constraint_.text ?? ''\"\n    (valueChange)=\"handleConstraintTextChange($event)\"\n  ></gn-ui-form-field-rich>\n\n  <div *ngIf=\"!showUrl\" class=\"flex-none mt-1\">\n    <gn-ui-button\n      (buttonClick)=\"showUrl = true\"\n      type=\"gray\"\n      data-cy=\"add-url-btn\"\n    >\n      <ng-icon name=\"iconoirPlus\" class=\"text-primary\"></ng-icon>&nbsp;\n      <span translate>input.image.displayUrlInput</span>\n    </gn-ui-button>\n  </div>\n  <gn-ui-url-input\n    *ngIf=\"showUrl\"\n    class=\"mt-3.5\"\n    [value]=\"constraint_.url?.toString()\"\n    (valueChange)=\"handleURLChange($event)\"\n    [showValidateButton]=\"false\"\n  >\n  </gn-ui-url-input>\n</div>\n", styles: [":host{--gn-ui-button-padding: 8px 8px;--gn-ui-button-rounded: 8px}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"flex flex-col gap-1 border rounded-lg p-4\">\n  <gn-ui-form-field-rich\n    class=\"mt-[-8px]\"\n    [label]=\"label\"\n    [placeholder]=\"hint | translate\"\n    [value]=\"constraint_.text ?? ''\"\n    (valueChange)=\"handleConstraintTextChange($event)\"\n  ></gn-ui-form-field-rich>\n\n  <div *ngIf=\"!showUrl\" class=\"flex-none mt-1\">\n    <gn-ui-button\n      (buttonClick)=\"showUrl = true\"\n      type=\"gray\"\n      data-cy=\"add-url-btn\"\n    >\n      <ng-icon name=\"iconoirPlus\" class=\"text-primary\"></ng-icon>&nbsp;\n      <span translate>input.image.displayUrlInput</span>\n    </gn-ui-button>\n  </div>\n  <gn-ui-url-input\n    *ngIf=\"showUrl\"\n    class=\"mt-3.5\"\n    [value]=\"constraint_.url?.toString()\"\n    (valueChange)=\"handleURLChange($event)\"\n    [showValidateButton]=\"false\"\n  >\n  </gn-ui-url-input>\n</div>\n", styles: [":host{--gn-ui-button-padding: 8px 8px;--gn-ui-button-rounded: 8px}\n"] }]
         }], propDecorators: { label: [{
                 type: Input
             }], constraint: [{
@@ -41918,5 +41507,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ADD_RESULTS, ADD_SEARCH, AbstractAction, AbstractSearchField, AddLayerFromCatalogComponent, AddLayerRecordPreviewComponent, AddResults, AddSearch, AnchorLinkDirective, ApiCardComponent, ApplicationBannerComponent, AuthService, AutocompleteComponent, AvailableServicesField, AvatarComponent, AvatarServiceInterface, BASEMAP_LAYERS, BadgeComponent, BaseConverter, BaseFileReader, BaseReader, BlockListComponent, ButtonComponent, CLEAR_ERROR, CLEAR_RESULTS, CarouselComponent, CatalogTitleComponent, ChartComponent, ChartViewComponent, CheckToggleComponent, CheckboxComponent, ChipsInputComponent, ClearError, ClearResults, ColorScaleComponent, ConfirmationDialogComponent, ContentGhostComponent, CopyTextButtonComponent, DEFAULT_GN4_LOGIN_URL, DEFAULT_GN4_LOGOUT_URL, DEFAULT_GN4_SETTINGS_URL, DEFAULT_LANG, DEFAULT_PAGE_SIZE, DEFAULT_RESULTS_LAYOUT_CONFIG, DEFAULT_SEARCH_KEY, DO_NOT_USE_DEFAULT_BASEMAP, DataService, DataTableComponent, DataViewComponent, DataViewPermalinkComponent, DataViewShareComponent, DataViewWebComponentComponent, DatePickerComponent, DateRangeDropdownComponent, DateRangePickerComponent, DateRangeSearchField, DateService, DcatApConverter, DefaultRouterModule, DownloadItemComponent, DownloadsListComponent, DragAndDropFileInputComponent, DropdownMultiselectComponent, DropdownSelectorComponent, EDITOR_FEATURE_KEY, ES_QUERY_FIELDS_PRIORITY, ES_RESOURCES_VALUES, ES_SOURCE_SUMMARY, EXTERNAL_VIEWER_OPEN_NEW_TAB, EXTERNAL_VIEWER_URL_TEMPLATE, EditableLabelDirective, EditorFacade, EditorService, ElasticsearchService, EmbeddedTranslateLoader, ErrorComponent, ErrorType, ExpandablePanelButtonComponent, ExpandablePanelComponent, ExternalViewerButtonComponent, FIELDS_BRIEF, FIELDS_SUMMARY, FILTER_GEOMETRY, FILTER_SUMMARY_IGNORE_LIST, FORMATS, FacetBlockComponent, FacetBlockStubComponent, FacetItemComponent, FacetItemStubComponent, FacetListComponent, FacetsContainerComponent, FacetsModule, FavoriteStarComponent, FavoritesService, FeatureAuthModule, FeatureCatalogModule, FeatureDetailComponent, FeatureEditorModule, FeatureMapModule, FeatureNotificationsModule, FeatureRecordModule, FeatureSearchModule, FetchError, FieldsService, FigureComponent, FigureContainerComponent, FileInputComponent, FileTranslateLoader, FilesDropDirective, FilterDropdownComponent, FormFieldWrapperComponent, FullTextSearchField, FuzzySearchComponent, GN_UI_VERSION, GeoTableViewComponent, GeocodingComponent, GeojsonReader, Gn4Converter, Gn4PlatformMapper, Gn4PlatformService, Gn4Repository, Gn4SettingsService, GpfApiDlComponent, GravatarService, HttpLoaderFactory, I18nInterceptor, ImageFallbackDirective, ImageInputComponent, ImageOverlayPreviewComponent, ImportRecordComponent, InteractiveTableColumnComponent, InteractiveTableComponent, IsSpatialSearchField, Iso191153Converter, Iso19139Converter, LANGUAGES_LIST, LANGUAGE_NAMES, LANGUAGE_STORAGE_KEY, LANG_2_TO_3_MAPPER, LANG_3_TO_2_MAPPER, LOGIN_URL, LOGOUT_URL, LONLAT_CRS_CODES, LangService, LanguageSwitcherComponent, LayersPanelComponent, LicenseSearchField, LinkCardComponent, LinkClassifierService, LinkUsage, LoadingMaskComponent, LogService, MAP_FEATURE_KEY, MAP_VIEW_CONSTRAINTS, METADATA_LANGUAGE, MY_FORMATS, MapContainerComponent, MapFacade, MapLegendComponent, MapStateContainerComponent, MapStyleService, MapUtilsService, MapViewComponent, MarkdownEditorComponent, MarkdownParserComponent, MaxLinesComponent, mdview_actions as MdViewActions, MdViewFacade, MetadataCatalogComponent, MetadataContactComponent, MetadataInfoComponent, MetadataLinkType, MetadataMapperContext, MetadataQualityComponent, MetadataQualityItemComponent, ModalDialogComponent, MultilingualSearchField, MyOrgService, NAMESPACES, NavigationButtonComponent, NotificationComponent, NotificationsContainerComponent, NotificationsService, ORGANIZATIONS_STRATEGY, ORGANIZATION_PAGE_URL_TOKEN, ORGANIZATION_URL_TOKEN, OrganisationPreviewComponent, OrganisationsComponent, OrganisationsFilterComponent, OrganisationsResultComponent, OrganizationSearchField, OrganizationsFromGroupsService, OrganizationsFromMetadataService, OwnerSearchField, PAGINATE, PARSE_DELIMITER, PATCH_RESULTS_AGGREGATIONS, PROXY_PATH, Paginate, PaginationButtonsComponent, PaginationComponent, PaginationDotsComponent, PatchResultsAggregations, PopoverComponent, PopupAlertComponent, PreviousNextButtonsComponent, ProgressBarComponent, ProxyService, QUERY_FIELDS, RECORD_URL_TOKEN, REQUEST_MORE_ON_AGGREGATION, REQUEST_MORE_RESULTS, REQUEST_NEW_RESULTS, RESULTS_LAYOUT_CONFIG, ROUTER_CONFIG, ROUTER_ROUTE_DATASET, ROUTER_ROUTE_ORGANIZATION, ROUTER_ROUTE_SEARCH, ROUTER_STATE_KEY, ROUTE_PARAMS, RecordApiFormComponent, RecordFormComponent, RecordMetaComponent, RecordMetricComponent, RecordPreviewCardComponent, RecordPreviewComponent, RecordPreviewFeedComponent, RecordPreviewListComponent, RecordPreviewRowComponent, RecordPreviewTextComponent, RecordPreviewTitleComponent, RecordsMetricsComponent, RecordsService, RelatedRecordCardComponent, RequestMoreOnAggregation, RequestMoreResults, RequestNewResults, ResultsHitsContainerComponent, ResultsHitsNumberComponent, ResultsLayoutComponent, ResultsLayoutConfigItem, ResultsListComponent, ResultsListContainerComponent, ResultsListItemComponent, ResultsTableComponent, ResultsTableContainerComponent, RouterEffects, RouterFacade, RouterService, SEARCH_FEATURE_KEY, SETTINGS_URL, SET_CONFIG_AGGREGATIONS, SET_CONFIG_FILTERS, SET_CONFIG_REQUEST_FIELDS, SET_ERROR, SET_FAVORITES_ONLY, SET_FILTERS, SET_INCLUDE_ON_AGGREGATION, SET_PAGE_SIZE, SET_RESULTS_AGGREGATIONS, SET_RESULTS_HITS, SET_RESULTS_LAYOUT, SET_SEARCH, SET_SORT_BY, SET_SPATIAL_FILTER_ENABLED, SearchEffects, SearchFacade, SearchFiltersSummaryComponent, SearchFiltersSummaryItemComponent, SearchInputComponent, SearchRouterContainerDirective, SearchService, SearchStateContainerDirective, SelectionService, SetConfigAggregations, SetConfigFilters, SetConfigRequestFields, SetError, SetFavoritesOnly, SetFilters, SetIncludeOnAggregation, SetPageSize, SetResultsAggregations, SetResultsHits, SetResultsLayout, SetSearch, SetSortBy, SetSpatialFilterEnabled, SimpleSearchField, SiteTitleComponent, SortByComponent, SortableListComponent, SourceLabelComponent, SourcesService, SpinningLoaderComponent, StarToggleComponent, StepBarComponent, StickyHeaderComponent, SupportedTypes, SwitchToggleComponent, THUMBNAIL_PLACEHOLDER, TRANSLATE_DEFAULT_CONFIG, TRANSLATE_WITH_OVERRIDES_CONFIG, TableViewComponent, TextAreaComponent, TextInputComponent, ThemeService, ThumbnailComponent, TranslatedSearchField, UPDATE_CONFIG_AGGREGATIONS, UPDATE_FILTERS, UPDATE_REQUEST_AGGREGATION_TERM, UiDatavizModule, UiElementsModule, FacetsModule$1 as UiFacetsModule, UiInputsModule, UiLayoutModule, UiSearchModule, UiWidgetsModule, UpdateConfigAggregations, UpdateFilters, UrlInputComponent, UserFeedbackItemComponent, UserPreviewComponent, UserSearchField, UtilI18nModule, UtilSharedModule, VECTOR_STYLE_DEFAULT, ViewportIntersectorComponent, WEB_COMPONENT_EMBEDDER_URL, WizardComponent, WizardFieldComponent, WizardFieldType, WizardService, WizardSummarizeComponent, XmlParseError, _reset, allChildrenElement, appConfigWithTranslationFixture, appendChildTree, appendChildren, assertValidXml, blockModelFixture, bytesToMegabytes, canEditRecord, checkFileFormat, clearSelectedFeatures, createChild, createDocument, createElement, createFuzzyFilter, createNestedChild, createNestedElement, currentPage, defaultMapStyleFixture, defaultMapStyleHlFixture, downgradeImage, downsizeImage, draftSaveSuccess, dragPanCondition, dropEmptyTranslations, editorReducer, emptyBlockModelFixture, findChildElement, findChildOrCreate, findChildrenElement, findConverterForDocument, findNestedChildOrCreate, findNestedElement, findNestedElements, findParent, firstChildElement, formatDate, formatUserInfo, getArrayItem, getAsArray, getAsUrl, getBadgeColor, getCustomTranslations, getError, getFavoritesOnly, getFileFormat, getFileFormatFromServiceOutput, getFirstValue, getFormatPriority, getGeometryFromGeoJSON, getGlobalConfig, getJsonDataItemsProxy, getLangFromBrowser, getLayers, getLinkLabel, getLinkPriority, getMapContext, getMapContextLayerFromConfig, getMapState, getMetadataQualityConfig, getMimeTypeForFormat, getNamespace, getOptionalMapConfig, getOptionalSearchConfig, getPageSize, getRootElement, getSearchConfigAggregations, getSearchFilters, getSearchResults, getSearchResultsAggregations, getSearchResultsHits, getSearchResultsLayout, getSearchResultsLoading, getSearchSortBy, getSearchState, getSearchStateSearch, getSelectedFeatures, getSpatialFilterEnabled, getTemporalRangeUnion, getThemeConfig, hasRecordChangedSinceDraft, hasRecordChangedSinceDraftSuccess, initSearch, initialEditorState, initialMapState, initialState, isConfigLoaded, isDateRange, isFormatInQueryParam, isPublished, itemModelFixture, loadAppConfig, malformedConfigFixture, mapConfigFixture, mapContact, mapKeywords, mapLogo, mapOrganization, mapReducer, markRecordAsChanged, megabytesToBytes, mimeTypeToFormat, minimalAppConfigFixture, missingMandatoryConfigFixture, mouseWheelZoomCondition, noDuplicateFileName, okAppConfigFixture, openDataset, openRecord, parse, parseXmlString, placeholder, prioritizePageScroll, propagateToDocumentOnly, provideGn4, provideRepositoryUrl, readAttribute, readDataset, readDatasetHeaders, readText, reducer$2 as reducer, reducerSearch, removeAllChildren, removeChildren, removeChildrenByName, removeSearchParams, removeWhitespace, renameElements, saveRecord, saveRecordFailure, saveRecordSuccess, selectCanEditRecord, selectCurrentPage, selectEditorConfig, selectEditorState, selectFallback, selectFallbackFields, selectField, selectHasRecordChanged, selectIsPublished, selectRecord, selectRecordChangedSinceSave, selectRecordSaveError, selectRecordSaving, selectRecordSections, selectRecordSource, selectTranslatedField, selectTranslatedValue, setContext, setCurrentPage, setFieldVisibility, setSelectedFeatures, setTextContent, someHabTableItemFixture, sortByFromString, sortByToString, sortByToStrings, stripHtml, stripNamespace, tableItemsFixture, toDate, totalPages, undoRecordDraft, unrecognizedKeysConfigFixture, updateRecordField, writeAttribute, wrongLanguageCodeConfigFixture, xmlToString };
+export { ADD_RESULTS, ADD_SEARCH, AbstractAction, AbstractSearchField, AddLayerFromCatalogComponent, AddLayerRecordPreviewComponent, AddResults, AddSearch, AnchorLinkDirective, ApiCardComponent, ApplicationBannerComponent, AuthService, AutocompleteComponent, AvailableServicesField, AvatarComponent, AvatarServiceInterface, BASEMAP_LAYERS, BadgeComponent, BaseConverter, BaseFileReader, BaseReader, BlockListComponent, ButtonComponent, CLEAR_ERROR, CLEAR_RESULTS, CarouselComponent, CatalogTitleComponent, ChartComponent, ChartViewComponent, CheckToggleComponent, CheckboxComponent, ClearError, ClearResults, ColorScaleComponent, ConfirmationDialogComponent, ContentGhostComponent, CopyTextButtonComponent, DEFAULT_GN4_LOGIN_URL, DEFAULT_GN4_LOGOUT_URL, DEFAULT_GN4_SETTINGS_URL, DEFAULT_LANG, DEFAULT_PAGE_SIZE, DEFAULT_RESULTS_LAYOUT_CONFIG, DEFAULT_SEARCH_KEY, DO_NOT_USE_DEFAULT_BASEMAP, DataService, DataTableComponent, DataViewComponent, DataViewPermalinkComponent, DataViewShareComponent, DataViewWebComponentComponent, DatePickerComponent, DateRangeDropdownComponent, DateRangePickerComponent, DateRangeSearchField, DateService, DcatApConverter, DefaultRouterModule, DownloadItemComponent, DownloadsListComponent, DragAndDropFileInputComponent, DropdownMultiselectComponent, DropdownSelectorComponent, EDITOR_FEATURE_KEY, ES_QUERY_FIELDS_PRIORITY, ES_RESOURCES_VALUES, ES_SOURCE_SUMMARY, EXTERNAL_VIEWER_OPEN_NEW_TAB, EXTERNAL_VIEWER_URL_TEMPLATE, EditableLabelDirective, EditorFacade, EditorService, ElasticsearchService, EmbeddedTranslateLoader, ErrorComponent, ErrorType, ExpandablePanelButtonComponent, ExpandablePanelComponent, ExternalViewerButtonComponent, FIELDS_BRIEF, FIELDS_SUMMARY, FILTER_GEOMETRY, FILTER_SUMMARY_IGNORE_LIST, FORMATS, FacetBlockComponent, FacetBlockStubComponent, FacetItemComponent, FacetItemStubComponent, FacetListComponent, FacetsContainerComponent, FacetsModule, FavoriteStarComponent, FavoritesService, FeatureAuthModule, FeatureCatalogModule, FeatureDetailComponent, FeatureEditorModule, FeatureMapModule, FeatureNotificationsModule, FeatureRecordModule, FeatureSearchModule, FetchError, FieldsService, FigureComponent, FigureContainerComponent, FileInputComponent, FileTranslateLoader, FilesDropDirective, FilterDropdownComponent, FormFieldArrayComponent, FormFieldComponent, FormFieldDateComponent, FormFieldFileComponent, FormFieldKeywordsComponent, FormFieldLicenseComponent, FormFieldObjectComponent, FormFieldRichComponent, FormFieldSimpleComponent, FormFieldSpatialExtentComponent, FormFieldTemporalExtentsComponent, FormFieldWrapperComponent, FullTextSearchField, FuzzySearchComponent, GN_UI_VERSION, GeoTableViewComponent, GeocodingComponent, GeojsonReader, Gn4Converter, Gn4PlatformMapper, Gn4PlatformService, Gn4Repository, Gn4SettingsService, GpfApiDlComponent, GravatarService, HttpLoaderFactory, I18nInterceptor, ImageFallbackDirective, ImageInputComponent, ImageOverlayPreviewComponent, ImportRecordComponent, InteractiveTableColumnComponent, InteractiveTableComponent, IsSpatialSearchField, Iso191153Converter, Iso19139Converter, LANGUAGES_LIST, LANGUAGE_NAMES, LANGUAGE_STORAGE_KEY, LANG_2_TO_3_MAPPER, LANG_3_TO_2_MAPPER, LOGIN_URL, LOGOUT_URL, LONLAT_CRS_CODES, LangService, LanguageSwitcherComponent, LayersPanelComponent, LicenseSearchField, LinkCardComponent, LinkClassifierService, LinkUsage, LoadingMaskComponent, LogService, MAP_FEATURE_KEY, MAP_VIEW_CONSTRAINTS, METADATA_LANGUAGE, MY_FORMATS, MapContainerComponent, MapFacade, MapLegendComponent, MapStateContainerComponent, MapStyleService, MapUtilsService, MapViewComponent, MarkdownEditorComponent, MarkdownParserComponent, MaxLinesComponent, mdview_actions as MdViewActions, MdViewFacade, MetadataCatalogComponent, MetadataContactComponent, MetadataInfoComponent, MetadataLinkType, MetadataMapperContext, MetadataQualityComponent, MetadataQualityItemComponent, ModalDialogComponent, MultilingualSearchField, MyOrgService, NAMESPACES, NOT_APPLICABLE_CONSTRAINT, NOT_KNOWN_CONSTRAINT, NavigationButtonComponent, NotificationComponent, NotificationsContainerComponent, NotificationsService, ORGANIZATIONS_STRATEGY, ORGANIZATION_PAGE_URL_TOKEN, ORGANIZATION_URL_TOKEN, OrganisationPreviewComponent, OrganisationsComponent, OrganisationsFilterComponent, OrganisationsResultComponent, OrganizationSearchField, OrganizationsFromGroupsService, OrganizationsFromMetadataService, OwnerSearchField, PAGINATE, PARSE_DELIMITER, PATCH_RESULTS_AGGREGATIONS, PROXY_PATH, Paginate, PaginationButtonsComponent, PaginationComponent, PaginationDotsComponent, PatchResultsAggregations, PopoverComponent, PopupAlertComponent, PreviousNextButtonsComponent, ProgressBarComponent, ProxyService, QUERY_FIELDS, RECORD_URL_TOKEN, REQUEST_MORE_ON_AGGREGATION, REQUEST_MORE_RESULTS, REQUEST_NEW_RESULTS, RESULTS_LAYOUT_CONFIG, ROUTER_CONFIG, ROUTER_ROUTE_DATASET, ROUTER_ROUTE_ORGANIZATION, ROUTER_ROUTE_SEARCH, ROUTER_STATE_KEY, ROUTE_PARAMS, RecordApiFormComponent, RecordFormComponent, RecordMetaComponent, RecordMetricComponent, RecordPreviewCardComponent, RecordPreviewComponent, RecordPreviewFeedComponent, RecordPreviewListComponent, RecordPreviewRowComponent, RecordPreviewTextComponent, RecordPreviewTitleComponent, RecordsMetricsComponent, RecordsService, RelatedRecordCardComponent, RequestMoreOnAggregation, RequestMoreResults, RequestNewResults, ResultsHitsContainerComponent, ResultsHitsNumberComponent, ResultsLayoutComponent, ResultsLayoutConfigItem, ResultsListComponent, ResultsListContainerComponent, ResultsListItemComponent, ResultsTableComponent, ResultsTableContainerComponent, RouterEffects, RouterFacade, RouterService, SEARCH_FEATURE_KEY, SETTINGS_URL, SET_CONFIG_AGGREGATIONS, SET_CONFIG_FILTERS, SET_CONFIG_REQUEST_FIELDS, SET_ERROR, SET_FAVORITES_ONLY, SET_FILTERS, SET_INCLUDE_ON_AGGREGATION, SET_PAGE_SIZE, SET_RESULTS_AGGREGATIONS, SET_RESULTS_HITS, SET_RESULTS_LAYOUT, SET_SEARCH, SET_SORT_BY, SET_SPATIAL_FILTER_ENABLED, SearchEffects, SearchFacade, SearchFiltersSummaryComponent, SearchFiltersSummaryItemComponent, SearchInputComponent, SearchRouterContainerDirective, SearchService, SearchStateContainerDirective, SelectionService, SetConfigAggregations, SetConfigFilters, SetConfigRequestFields, SetError, SetFavoritesOnly, SetFilters, SetIncludeOnAggregation, SetPageSize, SetResultsAggregations, SetResultsHits, SetResultsLayout, SetSearch, SetSortBy, SetSpatialFilterEnabled, SimpleSearchField, SiteTitleComponent, SortByComponent, SortableListComponent, SourceLabelComponent, SourcesService, SpinningLoaderComponent, StarToggleComponent, StickyHeaderComponent, SupportedTypes, SwitchToggleComponent, THUMBNAIL_PLACEHOLDER, TRANSLATE_DEFAULT_CONFIG, TRANSLATE_WITH_OVERRIDES_CONFIG, TableViewComponent, TextAreaComponent, TextInputComponent, ThemeService, ThumbnailComponent, TranslatedSearchField, UPDATE_CONFIG_AGGREGATIONS, UPDATE_FILTERS, UPDATE_REQUEST_AGGREGATION_TERM, UiDatavizModule, UiElementsModule, FacetsModule$1 as UiFacetsModule, UiInputsModule, UiLayoutModule, UiSearchModule, UiWidgetsModule, UpdateConfigAggregations, UpdateFilters, UrlInputComponent, UserFeedbackItemComponent, UserPreviewComponent, UserSearchField, UtilI18nModule, UtilSharedModule, VECTOR_STYLE_DEFAULT, ViewportIntersectorComponent, WEB_COMPONENT_EMBEDDER_URL, WizardComponent, WizardFieldComponent, WizardFieldType, WizardService, WizardSummarizeComponent, XmlParseError, _reset, allChildrenElement, appConfigWithTranslationFixture, appendChildTree, appendChildren, assertValidXml, blockModelFixture, bytesToMegabytes, canEditRecord, checkFileFormat, clearSelectedFeatures, createChild, createDocument, createElement, createFuzzyFilter, createNestedChild, createNestedElement, currentPage, defaultMapStyleFixture, defaultMapStyleHlFixture, downgradeImage, downsizeImage, draftSaveSuccess, dragPanCondition, dropEmptyTranslations, editorReducer, emptyBlockModelFixture, findChildElement, findChildOrCreate, findChildrenElement, findConverterForDocument, findNestedChildOrCreate, findNestedElement, findNestedElements, findParent, firstChildElement, formatDate, formatUserInfo, getArrayItem, getAsArray, getAsUrl, getBadgeColor, getCustomTranslations, getError, getFavoritesOnly, getFileFormat, getFileFormatFromServiceOutput, getFirstValue, getFormatPriority, getGeometryFromGeoJSON, getGlobalConfig, getJsonDataItemsProxy, getLangFromBrowser, getLayers, getLinkLabel, getLinkPriority, getMapContext, getMapContextLayerFromConfig, getMapState, getMetadataQualityConfig, getMimeTypeForFormat, getNamespace, getOptionalMapConfig, getOptionalSearchConfig, getPageSize, getRootElement, getSearchConfigAggregations, getSearchFilters, getSearchResults, getSearchResultsAggregations, getSearchResultsHits, getSearchResultsLayout, getSearchResultsLoading, getSearchSortBy, getSearchState, getSearchStateSearch, getSelectedFeatures, getSpatialFilterEnabled, getTemporalRangeUnion, getThemeConfig, hasRecordChangedSinceDraft, hasRecordChangedSinceDraftSuccess, initSearch, initialEditorState, initialMapState, initialState, isConfigLoaded, isDateRange, isFormatInQueryParam, isPublished, itemModelFixture, loadAppConfig, malformedConfigFixture, mapConfigFixture, mapContact, mapKeywords, mapLogo, mapOrganization, mapReducer, markRecordAsChanged, matchesNoApplicableConstraint, matchesNoKnownConstraint, megabytesToBytes, mimeTypeToFormat, minimalAppConfigFixture, missingMandatoryConfigFixture, mouseWheelZoomCondition, noDuplicateFileName, okAppConfigFixture, openDataset, openRecord, parse, parseXmlString, placeholder, prioritizePageScroll, propagateToDocumentOnly, provideGn4, provideRepositoryUrl, readAttribute, readDataset, readDatasetHeaders, readText, reducer$2 as reducer, reducerSearch, removeAllChildren, removeChildren, removeChildrenByName, removeSearchParams, removeWhitespace, renameElements, saveRecord, saveRecordFailure, saveRecordSuccess, selectCanEditRecord, selectCurrentPage, selectEditorConfig, selectEditorState, selectFallback, selectFallbackFields, selectField, selectHasRecordChanged, selectIsPublished, selectRecord, selectRecordChangedSinceSave, selectRecordSaveError, selectRecordSaving, selectRecordSections, selectRecordSource, selectTranslatedField, selectTranslatedValue, setContext, setCurrentPage, setFieldVisibility, setSelectedFeatures, setTextContent, someHabTableItemFixture, sortByFromString, sortByToString, sortByToStrings, stripHtml, stripNamespace, tableItemsFixture, toDate, totalPages, undoRecordDraft, unrecognizedKeysConfigFixture, updateRecordField, writeAttribute, wrongLanguageCodeConfigFixture, xmlToString };
 //# sourceMappingURL=geonetwork-ui.mjs.map