geonetwork-ui 2.4.0 → 2.4.1-dev.2804667fa

package/fesm2022/geonetwork-ui.mjs

@@ -3,6 +3,7 @@ export { XmlDocument, XmlElement } from '@rgrove/parse-xml';
 import GML32 from 'ol/format/GML32';
 import GeoJSON from 'ol/format/GeoJSON';
 import { parse as parse$1 } from 'ol/xml';
+import { marker } from '@biesbjerg/ngx-translate-extract-marker';
 import { format } from 'date-fns/format';
 import { Namespace, Literal, lit, parse as parse$2, sym, BlankNode, graph } from 'rdflib';
 import * as i0 from '@angular/core';
@@ -14,10 +15,9 @@ import { TranslateCompiler, TranslateLoader, TranslateModule, TranslateService }
 import { TranslateMessageFormatCompiler } from 'ngx-translate-messageformat-compiler';
 import { TranslateHttpLoader } from '@ngx-translate/http-loader';
 import { map as map$1, catchError, tap as tap$1, shareReplay, filter, startWith, withLatestFrom, switchMap as switchMap$1, take, mergeMap, throttleTime, distinctUntilChanged, debounceTime, finalize, first as first$1, share, pairwise, delay, defaultIfEmpty, toArray } from 'rxjs/operators';
-import { marker } from '@biesbjerg/ngx-translate-extract-marker';
 import * as i1$2 from '@angular/common';
 import { CommonModule, NgOptimizedImage, DatePipe, NgIf, NgForOf } from '@angular/common';
-import { of, map as map$2, lastValueFrom, Subject, switchMap, combineLatest, exhaustMap, throwError, from, forkJoin, takeLast, firstValueFrom, merge, BehaviorSubject, fromEvent, animationFrameScheduler, ReplaySubject, Subscription, first, distinctUntilChanged as distinctUntilChanged$1, filter as filter$1, tap as tap$2, Observable, buffer, debounceTime as debounceTime$1, combineLatestWith, catchError as catchError$1, timer, takeUntil, EMPTY, mergeMap as mergeMap$1, startWith as startWith$1, withLatestFrom as withLatestFrom$1, shareReplay as shareReplay$1, pairwise as pairwise$1 } from 'rxjs';
+import { of, map as map$2, lastValueFrom, Subject, switchMap, combineLatest, from, exhaustMap, throwError, forkJoin, takeLast, firstValueFrom, merge, BehaviorSubject, fromEvent, animationFrameScheduler, ReplaySubject, Subscription, first, distinctUntilChanged as distinctUntilChanged$1, filter as filter$1, tap as tap$2, Observable, buffer, debounceTime as debounceTime$1, combineLatestWith, catchError as catchError$1, timer, takeUntil, EMPTY, mergeMap as mergeMap$1, startWith as startWith$1, withLatestFrom as withLatestFrom$1, shareReplay as shareReplay$1, pairwise as pairwise$1 } from 'rxjs';
 import { lt, valid, coerce, satisfies, ltr } from 'semver';
 import chroma from 'chroma-js';
 import * as i1$3 from '@ngrx/store';
@@ -25,7 +25,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, iconoirMediaImage, iconoirFramePlusIn, iconoirMediaImageXmark, iconoirBin, iconoirPlus, iconoirCloudUpload, iconoirUser, iconoirImport, iconoirLightBulbOn, iconoirArrowLeft, iconoirAttachment } from '@ng-icons/iconoir';
+import { iconoirNavArrowRight, iconoirNavArrowLeft, iconoirNavArrowDown, iconoirNavArrowUp, iconoirSearch, iconoirCalendar, iconoirLink, iconoirArrowUp, iconoirCloudUpload, iconoirFramePlusIn, iconoirMediaImage, iconoirMediaImageXmark, iconoirBin, iconoirPlus, iconoirUser, iconoirImport, iconoirLightBulbOn, iconoirArrowLeft, iconoirAttachment } from '@ng-icons/iconoir';
 import { matExpandMore, matExpandLess, matAdd, matRemove, matClose, matContentCopy, matSearch, matStar, matStarBorder, matChevronLeft, matChevronRight, matArrowForward, matArrowBack, matCheck, matWarningAmber, matMoreHoriz, matFace, matQuestionMark, matMoodBad, matZoomOutMap, matOpenInNew, matMailOutline, matPersonOutline, matCheckCircleOutline, matMoreVert, matCorporateFare } from '@ng-icons/material-icons/baseline';
 import * as i1$4 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
@@ -50,10 +50,10 @@ import * as i1$8 from '@angular/material/datepicker';
 import { MatDatepickerModule } from '@angular/material/datepicker';
 import * as i1$9 from '@angular/cdk/overlay';
 import { CdkConnectedOverlay, OverlayModule, CdkOverlayOrigin } from '@angular/cdk/overlay';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
 import * as i1$a from '@angular/material/button-toggle';
 import { MatButtonToggleModule } from '@angular/material/button-toggle';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
 import * as i1$b from '@angular/material/dialog';
 import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
 import * as i2$3 from '@angular/material/tabs';
@@ -101,12 +101,12 @@ import axios from 'axios';
 import * as i1$e from '@angular/platform-browser';
 import { MomentDateAdapter, MAT_MOMENT_DATE_ADAPTER_OPTIONS } from '@angular/material-moment-adapter';
 import { Polygon } from 'ol/geom';
-import * as i3$2 from '@angular/material/radio';
+import * as i4$1 from '@angular/material/radio';
 import { MatRadioModule } from '@angular/material/radio';
 import { MatIconModule } from '@angular/material/icon';
-import * as i4$1 from '@angular/cdk/text-field';
+import * as i4$2 from '@angular/cdk/text-field';
 import { TextFieldModule } from '@angular/cdk/text-field';
-import * as i3$3 from '@ngrx/router-store';
+import * as i3$2 from '@ngrx/router-store';
 import { getRouterSelectors, routerReducer, StoreRouterConnectingModule, FullRouterStateSerializer } from '@ngrx/router-store';
 import { navigation } from '@ngrx/router-store/data-persistence';
 
@@ -785,68 +785,110 @@ function getStatusFromStatusCode(statusCode) {
     }
 }
 
+const RoleValues = [
+    'unspecified',
+    'other',
+    'author', // Party who authored the resource
+    'collaborator', // party who assists with the generation of the resource other than the principal investigator
+    'contributor', // party contributing to the resource
+    'custodian', // Party that accepts accountability and responsibility for the data and ensures appropriate care and maintenance of the resource
+    'distributor', // Party who distributes the resource
+    'editor', // party who reviewed or modified the resource to improve the content
+    'funder', // party providing monetary support for the resource
+    'mediator', // a class of entity that mediates access to the resource and for whom the resource is intended or useful
+    'originator', // Party who created the resource
+    'owner', // Party that owns the resource
+    'point_of_contact', // Party who can be contacted for acquiring knowledge about or acquisition of the resource
+    'principal_investigator', // Key party responsible for gathering information and conducting research
+    'processor', // Party who has processed the data in a manner such that the resource has been modified
+    'publisher', // Party who published the resource
+    'resource_provider', // Party that supplies the resource
+    'rights_holder', // party owning or managing rights over the resource
+    'sponsor', // party that sponsors the resource
+    'stakeholder', // party who has an interest in the resource or the use of the resource
+    'user', // Party who uses the resource
+];
+const RoleLabels = new Map([
+    ['unspecified', marker('domain.contact.role.unspecified')],
+    ['other', marker('domain.contact.role.other')],
+    ['author', marker('domain.contact.role.author')],
+    ['collaborator', marker('domain.contact.role.collaborator')],
+    ['contributor', marker('domain.contact.role.contributor')],
+    ['custodian', marker('domain.contact.role.custodian')],
+    ['distributor', marker('domain.contact.role.distributor')],
+    ['editor', marker('domain.contact.role.editor')],
+    ['funder', marker('domain.contact.role.funder')],
+    ['mediator', marker('domain.contact.role.mediator')],
+    ['originator', marker('domain.contact.role.originator')],
+    ['owner', marker('domain.contact.role.owner')],
+    ['point_of_contact', marker('domain.contact.role.point_of_contact')],
+    [
+        'principal_investigator',
+        marker('domain.contact.role.principal_investigator'),
+    ],
+    ['processor', marker('domain.contact.role.processor')],
+    ['publisher', marker('domain.contact.role.publisher')],
+    ['resource_provider', marker('domain.contact.role.resource_provider')],
+    ['rights_holder', marker('domain.contact.role.rights_holder')],
+    ['sponsor', marker('domain.contact.role.sponsor')],
+    ['stakeholder', marker('domain.contact.role.stakeholder')],
+    ['user', marker('domain.contact.role.user')],
+]);
+
+marker('domain.record.updateFrequency.unknown');
+marker('domain.record.updateFrequency.notPlanned');
+marker('domain.record.updateFrequency.asNeeded');
+marker('domain.record.updateFrequency.irregular');
+marker('domain.record.updateFrequency.continual');
+marker('domain.record.updateFrequency.periodic');
+const updateFrequencyCodeValues = [
+    'unknown',
+    'notPlanned',
+    'asNeeded',
+    'irregular',
+    'continual',
+    'periodic',
+    'daily',
+    'weekly',
+    'fortnightly',
+    'semimonthly',
+    'monthly',
+    'quarterly',
+    'biannually',
+    'annually',
+    'biennially',
+];
+marker('domain.record.updateFrequency.day');
+marker('domain.record.updateFrequency.week');
+marker('domain.record.updateFrequency.month');
+marker('domain.record.updateFrequency.year');
+marker('domain.record.updateFrequency.daily');
+marker('domain.record.updateFrequency.weekly');
+marker('domain.record.updateFrequency.fortnightly');
+marker('domain.record.updateFrequency.monthly');
+marker('domain.record.updateFrequency.quarterly');
+marker('domain.record.updateFrequency.biannually');
+marker('domain.record.updateFrequency.annually');
+marker('domain.record.updateFrequency.semimonthly');
+marker('domain.record.updateFrequency.biennially');
+marker('domain.record.status.completed');
+marker('domain.record.status.ongoing');
+marker('domain.record.status.under_development');
+marker('domain.record.status.deprecated');
+marker('domain.record.status.removed');
+const RecordStatusValues = [
+    'completed',
+    'ongoing',
+    'under_development',
+    'deprecated',
+    'removed',
+];
+
 function getUpdateFrequencyFromFrequencyCode(frequencyCode) {
-    switch (frequencyCode) {
-        case 'asNeeded':
-            return 'asNeeded';
-        case 'unknown':
-            return 'unknown';
-        case 'irregular':
-            return 'irregular';
-        case 'notPlanned':
-            return 'notPlanned';
-        case 'continual':
-            return 'continual';
-        case 'periodic':
-            return 'periodic';
-        case 'daily':
-            return {
-                updatedTimes: 1,
-                per: 'day',
-            };
-        case 'weekly':
-            return {
-                updatedTimes: 1,
-                per: 'week',
-            };
-        case 'fortnightly':
-            return {
-                updatedTimes: 0.5,
-                per: 'week',
-            };
-        case 'semimonthly':
-            return {
-                updatedTimes: 2,
-                per: 'month',
-            };
-        case 'monthly':
-            return {
-                updatedTimes: 1,
-                per: 'month',
-            };
-        case 'quarterly':
-            return {
-                updatedTimes: 4,
-                per: 'year',
-            };
-        case 'biannually':
-            return {
-                updatedTimes: 2,
-                per: 'year',
-            };
-        case 'annually':
-            return {
-                updatedTimes: 1,
-                per: 'year',
-            };
-        case 'biennially':
-            return {
-                updatedTimes: 0.5,
-                per: 'year',
-            };
-        default:
-            return null;
-    }
+    return frequencyCode &&
+        updateFrequencyCodeValues.includes(frequencyCode)
+        ? frequencyCode
+        : null;
 }
 
 const LANG_3_TO_2_MAPPER = {
@@ -1524,6 +1566,24 @@ function getMaintenanceFrequencyCode(updateFrequency) {
             return 'continual';
         case 'periodic':
             return 'periodic';
+        case 'daily':
+            return 'daily';
+        case 'weekly':
+            return 'weekly';
+        case 'fortnightly':
+            return 'fortnightly';
+        case 'monthly':
+            return 'monthly';
+        case 'quarterly':
+            return 'quarterly';
+        case 'biannually':
+            return 'biannually';
+        case 'annually':
+            return 'annually';
+        case 'semimonthly':
+            return 'semimonthly';
+        case 'biennially':
+            return 'biennially';
     }
 }
 function getISODuration(updateFrequency) {
@@ -7867,6 +7927,12 @@ class RecordsApiService {
             queryParameters = this.addToHttpParams(queryParameters, hasAttachmentsOfSource, 'hasAttachmentsOfSource');
         }
         let headers = this.defaultHeaders;
+        // to determine the Content-Type header
+        const consumes = ['application/json;charset=UTF-8'];
+        const httpContentTypeSelected = this.configuration.selectHeaderContentType(consumes);
+        if (httpContentTypeSelected !== undefined) {
+            headers = headers.set('Content-Type', httpContentTypeSelected);
+        }
         let httpHeaderAcceptSelected = options && options.httpHeaderAccept;
         if (httpHeaderAcceptSelected === undefined) {
             // to determine the Accept header
@@ -18672,6 +18738,7 @@ var de = {
 	"datahub.search.back": "Zurück",
 	"datahub.search.filter.all": "Alle",
 	"datahub.search.filter.generatedByAPI": "Generiert durch eine API",
+	"datahub.search.filter.generatedByWfs": "",
 	"datahub.search.filter.others": "Andere",
 	"dataset.error.http": "Die Daten konnten aufgrund eines HTTP-Fehlers nicht geladen werden: \"{ info }\"",
 	"dataset.error.network": "Die Daten konnten aufgrund eines Netzwerkfehlers oder CORS-Beschränkungen nicht geladen werden: \"{ info }\"",
@@ -18704,16 +18771,25 @@ var de = {
 	"domain.record.status.ongoing": "Kontinuierliche Aktualisierung",
 	"domain.record.status.removed": "Entfernt",
 	"domain.record.status.under_development": "In Erstellung",
-	"domain.record.updateFrequency.asNeeded": "Nach Bedarf",
-	"domain.record.updateFrequency.continual": "Fortlaufend",
-	"domain.record.updateFrequency.day": "{count, plural, =0{0} one{Ein} other{{count}}} mal am Tag",
-	"domain.record.updateFrequency.irregular": "Unregelmäßig",
-	"domain.record.updateFrequency.month": "{count, plural, =0{0} one{Ein} other{{count}}} mal im Monat",
-	"domain.record.updateFrequency.notPlanned": "Nicht geplant",
-	"domain.record.updateFrequency.periodic": "Regelmäßig",
-	"domain.record.updateFrequency.unknown": "Unbekannt",
-	"domain.record.updateFrequency.week": "{count, plural, =0{0} one{Ein} other{{count}}} mal in der Woche",
-	"domain.record.updateFrequency.year": "{count, plural, =0{0} one{Ein} other{{count}}} mal im Jahr",
+	"domain.record.updateFrequency.annually": "Daten werden jedes Jahr aktualisiert",
+	"domain.record.updateFrequency.asNeeded": "Daten werden nach Bedarf aktualisiert",
+	"domain.record.updateFrequency.biannually": "Daten werden zweimal im Jahr aktualisiert",
+	"domain.record.updateFrequency.biennially": "Daten werden alle 2 Jahre aktualisiert",
+	"domain.record.updateFrequency.continual": "Daten werden wiederholt und häufig aktualisiert",
+	"domain.record.updateFrequency.daily": "Daten werden täglich aktualisiert",
+	"domain.record.updateFrequency.day": "{count, plural, =0{0 Mal} one{Einmal} other{{count} Mal}} pro Tag",
+	"domain.record.updateFrequency.fortnightly": "Daten werden alle zwei Wochen aktualisiert",
+	"domain.record.updateFrequency.irregular": "Daten werden in unregelmäßigen Abständen aktualisiert",
+	"domain.record.updateFrequency.month": "{count, plural, =0{0 Mal} one{Einmal} other{{count} Mal}} pro Monat",
+	"domain.record.updateFrequency.monthly": "Daten werden monatlich aktualisiert",
+	"domain.record.updateFrequency.notPlanned": "Es gibt keine Pläne, die Daten zu aktualisieren",
+	"domain.record.updateFrequency.periodic": "Daten werden in regelmäßigen Abständen aktualisiert",
+	"domain.record.updateFrequency.quarterly": "Daten werden alle drei Monate aktualisiert",
+	"domain.record.updateFrequency.semimonthly": "Daten werden zweimal im Monat aktualisiert",
+	"domain.record.updateFrequency.unknown": "Die Häufigkeit der Datenaktualisierung ist unbekannt",
+	"domain.record.updateFrequency.week": "{count, plural, =0{0 Mal} one{Einmal} other{{count} Mal}} pro Woche",
+	"domain.record.updateFrequency.weekly": "Daten werden wöchentlich aktualisiert",
+	"domain.record.updateFrequency.year": "{count, plural, =0{0 Mal} one{Einmal} other{{count} Mal}} pro Jahr",
 	"downloads.format.unknown": "unbekannt",
 	"downloads.wfs.featuretype.not.found": "Der Layer wurde nicht gefunden",
 	dropFile: dropFile$6,
@@ -18749,7 +18825,6 @@ var de = {
 	"editor.record.form.field.constraintsShortcuts": "",
 	"editor.record.form.field.contacts.noContact": "",
 	"editor.record.form.field.contactsForResource.noContact": "",
-	"editor.record.form.field.draft.only.disabled": "Dieses Feld wird aktiviert, sobald die Daten veröffentlicht wurden.",
 	"editor.record.form.field.keywords": "Schlagwörter",
 	"editor.record.form.field.legalConstraints": "Rechtliche Einschränkung",
 	"editor.record.form.field.license": "Lizenz",
@@ -18759,6 +18834,9 @@ var de = {
 	"editor.record.form.field.onlineResource.dialogTitle": "",
 	"editor.record.form.field.onlineResource.edit.description": "",
 	"editor.record.form.field.onlineResource.edit.protocol": "",
+	"editor.record.form.field.onlineResource.edit.identifier.placeholder": "Ebenenname",
+	"editor.record.form.field.onlineResource.edit.identifier.placeholder.wps": "Prozessname",
+	"editor.record.form.field.onlineResource.edit.identifier.submit": "Link zum Dienst",
 	"editor.record.form.field.onlineResource.edit.title": "",
 	"editor.record.form.field.onlineResource.fileSize": "",
 	"editor.record.form.field.onlineResource.modify": "",
@@ -18775,6 +18853,7 @@ var de = {
 	"editor.record.form.field.spatialExtents": "",
 	"editor.record.form.field.temporalExtents": "Zeitlicher Umfang",
 	"editor.record.form.field.title": "Metadaten-Titel",
+	"editor.record.form.field.title.placeholder": "Geben Sie einen Titel ein",
 	"editor.record.form.field.uniqueIdentifier": "Eindeutige Kennung (ID)",
 	"editor.record.form.field.updateFrequency": "Aktualisierungshäufigkeit",
 	"editor.record.form.license.cc-by": "",
@@ -18807,7 +18886,7 @@ var de = {
 	"editor.record.form.temporalExtents.addRange": "Zeitraum",
 	"editor.record.form.temporalExtents.date": "Datum",
 	"editor.record.form.temporalExtents.range": "Datumsbereich",
-	"editor.record.form.updateFrequency.planned": "Die Daten sollten regelmäßig aktualisiert werden.",
+	"editor.record.form.updateFrequency.planned": "Dieses Dataset wird regelmäßig aktualisiert.",
 	"editor.record.importFromExternalFile.failure.body": "",
 	"editor.record.importFromExternalFile.failure.title": "",
 	"editor.record.importFromExternalFile.success.body": "",
@@ -18835,9 +18914,9 @@ var de = {
 	"editor.record.resourceError.body": "",
 	"editor.record.resourceError.closeMessage": "",
 	"editor.record.resourceError.title": "",
-	"editor.record.saveStatus.asDraftOnly": "Nur als Entwurf gespeichert - noch nicht veröffentlicht",
-	"editor.record.saveStatus.draftWithChangesPending": "Als Entwurf gespeichert - Änderungen stehen aus",
-	"editor.record.saveStatus.recordUpToDate": "Datensatz ist auf dem neuesten Stand",
+	"editor.record.saveStatus.draftWithChangesPending": "Gespeichert - nicht publizierte Unterschiede",
+	"editor.record.saveStatus.recordNotPublished": "",
+	"editor.record.saveStatus.recordUpToDate": "Gespeichert - auf dem neuesten Stand",
 	"editor.record.undo.confirmation.cancelText": "",
 	"editor.record.undo.confirmation.confirmText": "",
 	"editor.record.undo.confirmation.message": "",
@@ -18941,14 +19020,32 @@ var de = {
 	"record.metadata.api.form.closeButton": "Schließen",
 	"record.metadata.api.form.closeForm": "Formular schließen",
 	"record.metadata.api.form.create": "Ihre Anfrage erstellen",
+	"record.metadata.api.form.crsTitle": "",
+	"record.metadata.api.form.crsTooltip": "",
 	"record.metadata.api.form.customUrl": "Benutzerdefinierte URL",
+	"record.metadata.api.form.filter": "",
+	"record.metadata.api.form.filterDescription": "",
+	"record.metadata.api.form.formatTitle": "",
+	"record.metadata.api.form.formatTooltip": "",
+	"record.metadata.api.form.items": "",
+	"record.metadata.api.form.itemsDescription": "",
+	"record.metadata.api.form.itemsTooltip": "",
 	"record.metadata.api.form.limit": "Anzahl der Datensätze",
 	"record.metadata.api.form.limit.all": "Alle",
+	"record.metadata.api.form.nextPage": "",
+	"record.metadata.api.form.nextPageTooltip": "",
 	"record.metadata.api.form.offset": "Anzahl des ersten Datensatzes",
 	"record.metadata.api.form.openForm": "Formular öffnen",
+	"record.metadata.api.form.paginationDescription": "",
+	"record.metadata.api.form.previousPage": "",
+	"record.metadata.api.form.previousPageTooltip": "",
+	"record.metadata.api.form.productTooltip": "",
 	"record.metadata.api.form.reset": "Zurücksetzen",
-	"record.metadata.api.form.title": "Benutzerdefinierte URL generieren",
+	"record.metadata.api.form.resetTooltip": "",
 	"record.metadata.api.form.type": "Ausgabeformat",
+	"record.metadata.api.form.zoneTitle": "",
+	"record.metadata.api.form.zoneTooltip": "",
+	"record.metadata.api.gpfdl": "",
 	"record.metadata.catalog": "Katalog",
 	"record.metadata.contact": "Kontakt",
 	"record.metadata.creation": "Erstellungsdatum",
@@ -19013,7 +19110,6 @@ var de = {
 	"record.tab.chart": "Diagramm",
 	"record.tab.data": "Tabelle",
 	"record.tab.map": "Karte",
-	"record.was.created.time": "erstellte diesen Datensatz {time}",
 	records: records$6,
 	"results.layout.selectOne": "Layout auswählen",
 	"results.records.hits.displayedOn": "{displayed, plural, =0{Kein Datensatz.} one{1 Datensatz} other{{displayed} Datensätze }} {hits, plural, other{angezeigt von {hits} insgesamt.}}",
@@ -19237,6 +19333,7 @@ var en = {
 	"datahub.search.back": "Back",
 	"datahub.search.filter.all": "All",
 	"datahub.search.filter.generatedByAPI": "Generated by an API",
+	"datahub.search.filter.generatedByWfs": "",
 	"datahub.search.filter.others": "Others",
 	"dataset.error.http": "The data could not be loaded because of an HTTP error: \"{ info }\"",
 	"dataset.error.network": "The data could not be loaded because of a network error or CORS limitations: \"{ info }\"",
@@ -19269,15 +19366,24 @@ var en = {
 	"domain.record.status.ongoing": "Ongoing",
 	"domain.record.status.removed": "Removed",
 	"domain.record.status.under_development": "Under development",
-	"domain.record.updateFrequency.asNeeded": "As needed",
-	"domain.record.updateFrequency.continual": "Continual",
+	"domain.record.updateFrequency.annually": "Data is updated every year",
+	"domain.record.updateFrequency.asNeeded": "Data is updated as deemed necessary",
+	"domain.record.updateFrequency.biannually": "Data is updated twice each year",
+	"domain.record.updateFrequency.biennially": "Data is updated every 2 years",
+	"domain.record.updateFrequency.continual": "Data is repeatedly and frequently updated",
+	"domain.record.updateFrequency.daily": "Data is updated each day",
 	"domain.record.updateFrequency.day": "{count, plural, =0{0 times} one{Once} other{{count} times}} per day",
-	"domain.record.updateFrequency.irregular": "Irregular",
+	"domain.record.updateFrequency.fortnightly": "Data is updated every two weeks",
+	"domain.record.updateFrequency.irregular": "Data is updated in intervals that are uneven in duration",
 	"domain.record.updateFrequency.month": "{count, plural, =0{0 times} one{Once} other{{count} times}} per month",
-	"domain.record.updateFrequency.notPlanned": "Not planned",
-	"domain.record.updateFrequency.periodic": "Periodic",
-	"domain.record.updateFrequency.unknown": "Unknown",
+	"domain.record.updateFrequency.monthly": "Data is updated each month",
+	"domain.record.updateFrequency.notPlanned": "There are no plans to update the data",
+	"domain.record.updateFrequency.periodic": "Data is updated at regular intervals",
+	"domain.record.updateFrequency.quarterly": "Data is updated every three months",
+	"domain.record.updateFrequency.semimonthly": "Data is updated twice a month",
+	"domain.record.updateFrequency.unknown": "Frequency of maintenance for the data is not known",
 	"domain.record.updateFrequency.week": "{count, plural, =0{0 times} one{Once} other{{count} times}} per week",
+	"domain.record.updateFrequency.weekly": "Data is updated on a weekly basis",
 	"domain.record.updateFrequency.year": "{count, plural, =0{0 times} one{Once} other{{count} times}} per year",
 	"downloads.format.unknown": "Unknown",
 	"downloads.wfs.featuretype.not.found": "The layer was not found",
@@ -19314,7 +19420,6 @@ var en = {
 	"editor.record.form.field.constraintsShortcuts": "",
 	"editor.record.form.field.contacts.noContact": "Please provide at least one point of contact.",
 	"editor.record.form.field.contactsForResource.noContact": "Please provide at least one point of contact responsible for the data.",
-	"editor.record.form.field.draft.only.disabled": "This field will be enabled once the dataset has been published",
 	"editor.record.form.field.keywords": "Keywords",
 	"editor.record.form.field.legalConstraints": "Legal constraint",
 	"editor.record.form.field.license": "License",
@@ -19324,6 +19429,9 @@ var en = {
 	"editor.record.form.field.onlineResource.dialogTitle": "Modify the dataset preview",
 	"editor.record.form.field.onlineResource.edit.description": "Description",
 	"editor.record.form.field.onlineResource.edit.protocol": "Protocol",
+	"editor.record.form.field.onlineResource.edit.identifier.placeholder": "Layer name",
+	"editor.record.form.field.onlineResource.edit.identifier.placeholder.wps": "Process name",
+	"editor.record.form.field.onlineResource.edit.identifier.submit": "Link to the service",
 	"editor.record.form.field.onlineResource.edit.title": "Title",
 	"editor.record.form.field.onlineResource.fileSize": "{sizeMB}MB",
 	"editor.record.form.field.onlineResource.modify": "Modify",
@@ -19340,6 +19448,7 @@ var en = {
 	"editor.record.form.field.spatialExtents": "Spatial extents",
 	"editor.record.form.field.temporalExtents": "Temporal extents",
 	"editor.record.form.field.title": "Metadata title",
+	"editor.record.form.field.title.placeholder": "Enter a title",
 	"editor.record.form.field.uniqueIdentifier": "Unique identifier",
 	"editor.record.form.field.updateFrequency": "Update frequency",
 	"editor.record.form.license.cc-by": "Creative Commons CC-BY",
@@ -19372,7 +19481,7 @@ var en = {
 	"editor.record.form.temporalExtents.addRange": "Time period",
 	"editor.record.form.temporalExtents.date": "Date",
 	"editor.record.form.temporalExtents.range": "Date range",
-	"editor.record.form.updateFrequency.planned": "The data should be updated regularly",
+	"editor.record.form.updateFrequency.planned": "This dataset is updated regularly.",
 	"editor.record.importFromExternalFile.failure.body": "Failure",
 	"editor.record.importFromExternalFile.failure.title": "The dataset import failed: ",
 	"editor.record.importFromExternalFile.success.body": "Import successful",
@@ -19400,9 +19509,9 @@ var en = {
 	"editor.record.resourceError.body": "There was an issue with the dataset attachments:",
 	"editor.record.resourceError.closeMessage": "Understood",
 	"editor.record.resourceError.title": "Error with the dataset attachments",
-	"editor.record.saveStatus.asDraftOnly": "Saved as draft only - not published yet",
-	"editor.record.saveStatus.draftWithChangesPending": "Saved as draft - changes are pending",
-	"editor.record.saveStatus.recordUpToDate": "Dataset is up to date",
+	"editor.record.saveStatus.draftWithChangesPending": "Saved - Unpublished differences",
+	"editor.record.saveStatus.recordNotPublished": "Saved - not published",
+	"editor.record.saveStatus.recordUpToDate": "Saved - Record up to date",
 	"editor.record.undo.confirmation.cancelText": "Keep the changes",
 	"editor.record.undo.confirmation.confirmText": "Discard the changes",
 	"editor.record.undo.confirmation.message": "Are you sure you want to cancel the pending changes on this dataset ?",
@@ -19506,13 +19615,13 @@ var en = {
 	"record.metadata.api.form.closeButton": "Close",
 	"record.metadata.api.form.closeForm": "Close the form",
 	"record.metadata.api.form.create": "Create your request",
+	"record.metadata.api.form.crsTitle": "Coordinate System",
+	"record.metadata.api.form.crsTooltip": "Dropdown for selecting a coordinate reference system",
 	"record.metadata.api.form.customUrl": "Custom URL",
 	"record.metadata.api.form.filter": "Filters",
 	"record.metadata.api.form.filterDescription": "Section for refining displayed elements",
 	"record.metadata.api.form.formatTitle": "Format",
 	"record.metadata.api.form.formatTooltip": "Dropdown for selecting a element format",
-	"record.metadata.api.form.crsTitle": "Coordinate System",
-	"record.metadata.api.form.crsTooltip": "Dropdown for selecting a coordinate reference system",
 	"record.metadata.api.form.items": "Available Items",
 	"record.metadata.api.form.itemsDescription": "List of items",
 	"record.metadata.api.form.itemsTooltip": "Scroll to view all available items",
@@ -19525,10 +19634,9 @@ var en = {
 	"record.metadata.api.form.paginationDescription": "Pagination of displayed items",
 	"record.metadata.api.form.previousPage": "Previous",
 	"record.metadata.api.form.previousPageTooltip": "Go to the previous page",
+	"record.metadata.api.form.productTooltip": "",
 	"record.metadata.api.form.reset": "Reset",
 	"record.metadata.api.form.resetTooltip": "Reset all filters",
-	"record.metadata.api.form.title": "Generate a custom URL",
-	"record.metadata.api.form.title.gpf": "Download data",
 	"record.metadata.api.form.type": "Output format",
 	"record.metadata.api.form.zoneTitle": "Zone",
 	"record.metadata.api.form.zoneTooltip": "Dropdown for selecting a geographic zone",
@@ -19597,7 +19705,6 @@ var en = {
 	"record.tab.chart": "Chart",
 	"record.tab.data": "Table",
 	"record.tab.map": "Map",
-	"record.was.created.time": "created this dataset {time}",
 	records: records$5,
 	"results.layout.selectOne": "Results layout",
 	"results.records.hits.displayedOn": "{displayed, plural, =0{No dataset.} one{1 } other{{displayed} }} {hits, plural, other{displayed on {hits} total.}}",
@@ -19821,6 +19928,7 @@ var es = {
 	"datahub.search.back": "",
 	"datahub.search.filter.all": "",
 	"datahub.search.filter.generatedByAPI": "",
+	"datahub.search.filter.generatedByWfs": "",
 	"datahub.search.filter.others": "",
 	"dataset.error.http": "",
 	"dataset.error.network": "",
@@ -19853,16 +19961,25 @@ var es = {
 	"domain.record.status.ongoing": "",
 	"domain.record.status.removed": "",
 	"domain.record.status.under_development": "",
-	"domain.record.updateFrequency.asNeeded": "",
-	"domain.record.updateFrequency.continual": "",
-	"domain.record.updateFrequency.day": "",
-	"domain.record.updateFrequency.irregular": "",
-	"domain.record.updateFrequency.month": "",
-	"domain.record.updateFrequency.notPlanned": "",
-	"domain.record.updateFrequency.periodic": "",
-	"domain.record.updateFrequency.unknown": "",
-	"domain.record.updateFrequency.week": "",
-	"domain.record.updateFrequency.year": "",
+	"domain.record.updateFrequency.annually": "Los datos se actualizan cada año",
+	"domain.record.updateFrequency.asNeeded": "Los datos se actualizan según sea necesario",
+	"domain.record.updateFrequency.biannually": "Los datos se actualizan dos veces al año",
+	"domain.record.updateFrequency.biennially": "Los datos se actualizan cada 2 años",
+	"domain.record.updateFrequency.continual": "Los datos se actualizan repetidamente y con frecuencia",
+	"domain.record.updateFrequency.daily": "Los datos se actualizan cada día",
+	"domain.record.updateFrequency.day": "{count, plural, =0{0 veces} one{Una vez} other{{count} veces}} al día",
+	"domain.record.updateFrequency.fortnightly": "Los datos se actualizan cada dos semanas",
+	"domain.record.updateFrequency.irregular": "Los datos se actualizan en intervalos irregulares",
+	"domain.record.updateFrequency.month": "{count, plural, =0{0 veces} one{Una vez} other{{count} veces}} al mes",
+	"domain.record.updateFrequency.monthly": "Los datos se actualizan cada mes",
+	"domain.record.updateFrequency.notPlanned": "No hay planes para actualizar los datos",
+	"domain.record.updateFrequency.periodic": "Los datos se actualizan a intervalos regulares",
+	"domain.record.updateFrequency.quarterly": "Los datos se actualizan cada tres meses",
+	"domain.record.updateFrequency.semimonthly": "Los datos se actualizan dos veces al mes",
+	"domain.record.updateFrequency.unknown": "La frecuencia de actualización de los datos es desconocida",
+	"domain.record.updateFrequency.week": "{count, plural, =0{0 veces} one{Una vez} other{{count} veces}} a la semana",
+	"domain.record.updateFrequency.weekly": "Los datos se actualizan semanalmente",
+	"domain.record.updateFrequency.year": "{count, plural, =0{0 veces} one{Una vez} other{{count} veces}} al año",
 	"downloads.format.unknown": "",
 	"downloads.wfs.featuretype.not.found": "",
 	dropFile: dropFile$4,
@@ -19898,7 +20015,6 @@ var es = {
 	"editor.record.form.field.constraintsShortcuts": "",
 	"editor.record.form.field.contacts.noContact": "",
 	"editor.record.form.field.contactsForResource.noContact": "",
-	"editor.record.form.field.draft.only.disabled": "",
 	"editor.record.form.field.keywords": "",
 	"editor.record.form.field.legalConstraints": "",
 	"editor.record.form.field.license": "",
@@ -19908,6 +20024,9 @@ var es = {
 	"editor.record.form.field.onlineResource.dialogTitle": "",
 	"editor.record.form.field.onlineResource.edit.description": "",
 	"editor.record.form.field.onlineResource.edit.protocol": "",
+	"editor.record.form.field.onlineResource.edit.identifier.placeholder": "Nombre de la capa",
+	"editor.record.form.field.onlineResource.edit.identifier.placeholder.wps": "Nombre del proceso",
+	"editor.record.form.field.onlineResource.edit.identifier.submit": "Enlace al servicio",
 	"editor.record.form.field.onlineResource.edit.title": "",
 	"editor.record.form.field.onlineResource.fileSize": "",
 	"editor.record.form.field.onlineResource.modify": "",
@@ -19924,6 +20043,7 @@ var es = {
 	"editor.record.form.field.spatialExtents": "",
 	"editor.record.form.field.temporalExtents": "",
 	"editor.record.form.field.title": "",
+	"editor.record.form.field.title.placeholder": "Introduzca un título",
 	"editor.record.form.field.uniqueIdentifier": "",
 	"editor.record.form.field.updateFrequency": "",
 	"editor.record.form.license.cc-by": "",
@@ -19956,7 +20076,7 @@ var es = {
 	"editor.record.form.temporalExtents.addRange": "",
 	"editor.record.form.temporalExtents.date": "",
 	"editor.record.form.temporalExtents.range": "",
-	"editor.record.form.updateFrequency.planned": "",
+	"editor.record.form.updateFrequency.planned": "Este conjunto de datos se actualiza regularmente.",
 	"editor.record.importFromExternalFile.failure.body": "",
 	"editor.record.importFromExternalFile.failure.title": "",
 	"editor.record.importFromExternalFile.success.body": "",
@@ -19984,8 +20104,8 @@ var es = {
 	"editor.record.resourceError.body": "",
 	"editor.record.resourceError.closeMessage": "",
 	"editor.record.resourceError.title": "",
-	"editor.record.saveStatus.asDraftOnly": "",
 	"editor.record.saveStatus.draftWithChangesPending": "",
+	"editor.record.saveStatus.recordNotPublished": "",
 	"editor.record.saveStatus.recordUpToDate": "",
 	"editor.record.undo.confirmation.cancelText": "",
 	"editor.record.undo.confirmation.confirmText": "",
@@ -20090,14 +20210,32 @@ var es = {
 	"record.metadata.api.form.closeButton": "",
 	"record.metadata.api.form.closeForm": "",
 	"record.metadata.api.form.create": "",
+	"record.metadata.api.form.crsTitle": "",
+	"record.metadata.api.form.crsTooltip": "",
 	"record.metadata.api.form.customUrl": "",
+	"record.metadata.api.form.filter": "",
+	"record.metadata.api.form.filterDescription": "",
+	"record.metadata.api.form.formatTitle": "",
+	"record.metadata.api.form.formatTooltip": "",
+	"record.metadata.api.form.items": "",
+	"record.metadata.api.form.itemsDescription": "",
+	"record.metadata.api.form.itemsTooltip": "",
 	"record.metadata.api.form.limit": "",
 	"record.metadata.api.form.limit.all": "",
+	"record.metadata.api.form.nextPage": "",
+	"record.metadata.api.form.nextPageTooltip": "",
 	"record.metadata.api.form.offset": "",
 	"record.metadata.api.form.openForm": "",
+	"record.metadata.api.form.paginationDescription": "",
+	"record.metadata.api.form.previousPage": "",
+	"record.metadata.api.form.previousPageTooltip": "",
+	"record.metadata.api.form.productTooltip": "",
 	"record.metadata.api.form.reset": "",
-	"record.metadata.api.form.title": "",
+	"record.metadata.api.form.resetTooltip": "",
 	"record.metadata.api.form.type": "",
+	"record.metadata.api.form.zoneTitle": "",
+	"record.metadata.api.form.zoneTooltip": "",
+	"record.metadata.api.gpfdl": "",
 	"record.metadata.catalog": "",
 	"record.metadata.contact": "",
 	"record.metadata.creation": "",
@@ -20162,7 +20300,6 @@ var es = {
 	"record.tab.chart": "",
 	"record.tab.data": "",
 	"record.tab.map": "",
-	"record.was.created.time": "",
 	records: records$4,
 	"results.layout.selectOne": "",
 	"results.records.hits.displayedOn": "",
@@ -20386,6 +20523,7 @@ var fr = {
 	"datahub.search.back": "Retour",
 	"datahub.search.filter.all": "Tous",
 	"datahub.search.filter.generatedByAPI": "généré par une API",
+	"datahub.search.filter.generatedByWfs": "généré par un WFS",
 	"datahub.search.filter.others": "Autres",
 	"dataset.error.http": "Le chargement des données a échoué en raison d'une erreur HTTP: \"{ info }\"",
 	"dataset.error.network": "Le chargement des données a échoué en raison d'une erreur réseau ou de limitations CORS: \"{ info }\"",
@@ -20418,16 +20556,25 @@ var fr = {
 	"domain.record.status.ongoing": "Mise à jour continue",
 	"domain.record.status.removed": "Supprimé",
 	"domain.record.status.under_development": "En cours de création",
-	"domain.record.updateFrequency.asNeeded": "Lorsque nécessaire",
-	"domain.record.updateFrequency.continual": "Continue",
-	"domain.record.updateFrequency.day": "{count, plural, =0{0} one{Une} other{{count}}} fois par jour",
-	"domain.record.updateFrequency.irregular": "Irrégulière",
-	"domain.record.updateFrequency.month": "{count, plural, =0{0} one{Une} other{{count}}} fois par mois",
-	"domain.record.updateFrequency.notPlanned": "Non planifiée",
-	"domain.record.updateFrequency.periodic": "Récurrente",
-	"domain.record.updateFrequency.unknown": "Inconnue",
-	"domain.record.updateFrequency.week": "{count, plural, =0{0} one{Une} other{{count}}} fois par semaine",
-	"domain.record.updateFrequency.year": "{count, plural, =0{0} one{Une} other{{count}}} fois par an",
+	"domain.record.updateFrequency.annually": "Les données sont mises à jour chaque année",
+	"domain.record.updateFrequency.asNeeded": "Les données sont mises à jour selon les besoins",
+	"domain.record.updateFrequency.biannually": "Les données sont mises à jour deux fois par an",
+	"domain.record.updateFrequency.biennially": "Les données sont mises à jour tous les 2 ans",
+	"domain.record.updateFrequency.continual": "Les données sont mises à jour de manière répétée et fréquente",
+	"domain.record.updateFrequency.daily": "Les données sont mises à jour chaque jour",
+	"domain.record.updateFrequency.day": "{count, plural, =0{0 fois} one{Une fois} other{{count} fois}} par jour",
+	"domain.record.updateFrequency.fortnightly": "Les données sont mises à jour toutes les deux semaines",
+	"domain.record.updateFrequency.irregular": "Les données sont mises à jour à intervalles irréguliers",
+	"domain.record.updateFrequency.month": "{count, plural, =0{0 fois} one{Une fois} other{{count} fois}} par mois",
+	"domain.record.updateFrequency.monthly": "Les données sont mises à jour chaque mois",
+	"domain.record.updateFrequency.notPlanned": "Il n'y a pas de plan pour mettre à jour les données",
+	"domain.record.updateFrequency.periodic": "Les données sont mises à jour à intervalles réguliers",
+	"domain.record.updateFrequency.quarterly": "Les données sont mises à jour tous les trois mois",
+	"domain.record.updateFrequency.semimonthly": "Les données sont mises à jour deux fois par mois",
+	"domain.record.updateFrequency.unknown": "La fréquence de mise à jour des données est inconnue",
+	"domain.record.updateFrequency.week": "{count, plural, =0{0 fois} one{Une fois} other{{count} fois}} par semaine",
+	"domain.record.updateFrequency.weekly": "Les données sont mises à jour chaque semaine",
+	"domain.record.updateFrequency.year": "{count, plural, =0{0 fois} one{Une fois} other{{count} fois}} par an",
 	"downloads.format.unknown": "inconnu",
 	"downloads.wfs.featuretype.not.found": "La couche n'a pas été trouvée",
 	dropFile: dropFile$3,
@@ -20463,7 +20610,6 @@ var fr = {
 	"editor.record.form.field.constraintsShortcuts": "",
 	"editor.record.form.field.contacts.noContact": "Veuillez renseigner au moins un point de contact.",
 	"editor.record.form.field.contactsForResource.noContact": "Veuillez renseigner au moins un point de contact responsable de la donnée.",
-	"editor.record.form.field.draft.only.disabled": "Ce champ sera activé une fois le jeu de données publié",
 	"editor.record.form.field.keywords": "Mots-clés",
 	"editor.record.form.field.legalConstraints": "Contrainte légale",
 	"editor.record.form.field.license": "Licence",
@@ -20473,6 +20619,9 @@ var fr = {
 	"editor.record.form.field.onlineResource.dialogTitle": "Modifier l'aperçu du jeu de données",
 	"editor.record.form.field.onlineResource.edit.description": "Description",
 	"editor.record.form.field.onlineResource.edit.protocol": "Protocole",
+	"editor.record.form.field.onlineResource.edit.identifier.placeholder": "Nom de la couche",
+	"editor.record.form.field.onlineResource.edit.identifier.placeholder.wps": "Nom du processus",
+	"editor.record.form.field.onlineResource.edit.identifier.submit": "Lier le service",
 	"editor.record.form.field.onlineResource.edit.title": "Titre",
 	"editor.record.form.field.onlineResource.fileSize": "{sizeMB} Mo",
 	"editor.record.form.field.onlineResource.modify": "Modifier",
@@ -20489,6 +20638,7 @@ var fr = {
 	"editor.record.form.field.spatialExtents": "Étendue spatiale",
 	"editor.record.form.field.temporalExtents": "Étendue temporelle",
 	"editor.record.form.field.title": "Titre",
+	"editor.record.form.field.title.placeholder": "Saisir un titre",
 	"editor.record.form.field.uniqueIdentifier": "Identifiant unique",
 	"editor.record.form.field.updateFrequency": "Fréquence de mise à jour",
 	"editor.record.form.license.cc-by": "",
@@ -20521,7 +20671,7 @@ var fr = {
 	"editor.record.form.temporalExtents.addRange": "Période de temps",
 	"editor.record.form.temporalExtents.date": "Date concernée",
 	"editor.record.form.temporalExtents.range": "Période concernée",
-	"editor.record.form.updateFrequency.planned": "Ces données doivent être mise à jour régulièrement.",
+	"editor.record.form.updateFrequency.planned": "Ce jeu de données est mis à jour régulièrement.",
 	"editor.record.importFromExternalFile.failure.body": "Une erreur est survenue pendant l'import du jeu de données : ",
 	"editor.record.importFromExternalFile.failure.title": "Erreur",
 	"editor.record.importFromExternalFile.success.body": "L'import du jeu de données à été realisé avec succès.",
@@ -20549,9 +20699,9 @@ var fr = {
 	"editor.record.resourceError.body": "Une erreur est survenue lors de la gestion des pièces jointes :",
 	"editor.record.resourceError.closeMessage": "Compris",
 	"editor.record.resourceError.title": "Erreur avec les pièces jointes",
-	"editor.record.saveStatus.asDraftOnly": "Brouillon enregistré - jeu de données non publié",
-	"editor.record.saveStatus.draftWithChangesPending": "Brouillon enregistré - modifications en cours",
-	"editor.record.saveStatus.recordUpToDate": "Le jeu de données est à jour",
+	"editor.record.saveStatus.draftWithChangesPending": "Sauvegardé - Modifications non publiées",
+	"editor.record.saveStatus.recordNotPublished": "",
+	"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",
 	"editor.record.undo.confirmation.message": "Êtes-vous sûr de vouloir annuler les modifications apportées à ce jeu de données ?",
@@ -20655,13 +20805,13 @@ var fr = {
 	"record.metadata.api.form.closeButton": "Fermer",
 	"record.metadata.api.form.closeForm": "Fermer le panneau de personnalisation",
 	"record.metadata.api.form.create": "Paramétrer votre requête",
+	"record.metadata.api.form.crsTitle": "Système de coordonnées",
+	"record.metadata.api.form.crsTooltip": "Menu déroulant pour sélectionner un système de coordonnées (CRS)",
 	"record.metadata.api.form.customUrl": "URL personnalisée",
 	"record.metadata.api.form.filter": "Filtres",
 	"record.metadata.api.form.filterDescription": "Section pour affiner les éléments affichés",
 	"record.metadata.api.form.formatTitle": "Format",
 	"record.metadata.api.form.formatTooltip": "Menu déroulant pour sélectionner un format de données",
-	"record.metadata.api.form.crsTitle": "Système de coordonnées",
-	"record.metadata.api.form.crsTooltip": "Menu déroulant pour sélectionner un système de coordonnées (CRS)",
 	"record.metadata.api.form.items": "Eléments disponibles",
 	"record.metadata.api.form.itemsDescription": "Liste des éléments",
 	"record.metadata.api.form.itemsTooltip": "Faites défiler pour voir tous les éléments disponibles ou filtrés",
@@ -20674,10 +20824,9 @@ var fr = {
 	"record.metadata.api.form.paginationDescription": "Pagination des éléments affichés",
 	"record.metadata.api.form.previousPage": "Précédent",
 	"record.metadata.api.form.previousPageTooltip": "Aller à la page précédente",
+	"record.metadata.api.form.productTooltip": "",
 	"record.metadata.api.form.reset": "Réinitialiser",
 	"record.metadata.api.form.resetTooltip": "Réinitialiser tous les filtres",
-	"record.metadata.api.form.title": "Générer une URL personnalisée",
-	"record.metadata.api.form.title.gpf": "Téléchargement de données",
 	"record.metadata.api.form.type": "Format en sortie",
 	"record.metadata.api.form.zoneTitle": "Zone",
 	"record.metadata.api.form.zoneTooltip": "Menu déroulant pour sélectionner une zone géographique",
@@ -20746,7 +20895,6 @@ var fr = {
 	"record.tab.chart": "Graphique",
 	"record.tab.data": "Tableau",
 	"record.tab.map": "Carte",
-	"record.was.created.time": "a créé ce jeu de données {time}",
 	records: records$3,
 	"results.layout.selectOne": "Affichage des résultats",
 	"results.records.hits.displayedOn": "{displayed, plural, =0{Aucun jeu de données} one{1 affiché} other{{displayed} affichés}} {hits, plural, other{sur {hits} au total.}}",
@@ -20832,7 +20980,7 @@ var records$2 = "record";
 var it = {
 	"": "",
 	"Add Layer As": "",
-	"button.login": "",
+	"button.login": "Login",
 	"catalog.figures.datasets": "{count, plural, =0{datasets} one{dataset} other{datasets}}",
 	"catalog.figures.organizations": "{count, plural, =0{organizzazioni} one{organizzazione} other{organizzazioni}}",
 	"chart.aggregation.average": "media",
@@ -20850,21 +20998,21 @@ var it = {
 	"chart.type.line": "grafico a linee",
 	"chart.type.lineSmooth": "grafico a linea liscia",
 	"chart.type.pie": "grafico a torta",
-	"dashboard.catalog.allRecords": "",
-	"dashboard.catalog.contacts": "",
-	"dashboard.catalog.thesaurus": "",
+	"dashboard.catalog.allRecords": "Datasets",
+	"dashboard.catalog.contacts": "Contatti",
+	"dashboard.catalog.thesaurus": "Thesauri",
 	"dashboard.createRecord": "Crea un record",
-	"dashboard.importRecord": "",
-	"dashboard.importRecord.importExternal": "",
-	"dashboard.importRecord.importExternalLabel": "",
+	"dashboard.importRecord": "Importare",
+	"dashboard.importRecord.importExternal": "Importare un dataset esterno",
+	"dashboard.importRecord.importExternalLabel": "URL del dataset esterno",
 	"dashboard.labels.catalog": "Catalogo",
 	"dashboard.labels.mySpace": "Il mio spazio",
 	"dashboard.records.all": "Catalogo",
-	"dashboard.records.hasDraft": "",
+	"dashboard.records.hasDraft": "Bozza",
 	"dashboard.records.myDraft": "Le mie bozze",
 	"dashboard.records.myRecords": "I miei dati",
 	"dashboard.records.search": "Risultati per \"{searchText}\"",
-	"dashboard.records.templates": "",
+	"dashboard.records.templates": "Modelli precompilati",
 	"dashboard.records.userDetail": "Nome",
 	"dashboard.records.userEmail": "Email",
 	"dashboard.records.username": "Nome utente",
@@ -20878,8 +21026,8 @@ var it = {
 	"datafeeder.datasetValidation.submitButton": "OK, i miei dati sono corretti",
 	"datafeeder.datasetValidation.title": "Controllare che i dati siano corretti",
 	"datafeeder.datasetValidation.unknown": " - ",
-	"datafeeder.datasetValidationCsv.explicitLineNumbers": "",
-	"datafeeder.datasetValidationCsv.lineNumbers": "",
+	"datafeeder.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",
@@ -20907,7 +21055,7 @@ var it = {
 	"datafeeder.publishSuccess.geonetworkRecord": "Scheda di metadati",
 	"datafeeder.publishSuccess.illustration.title": "Completato, tutto è andato bene!",
 	"datafeeder.publishSuccess.mapViewer": "Visualizzatore",
-	"datafeeder.publishSuccess.ogcFeature": "",
+	"datafeeder.publishSuccess.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",
@@ -20936,15 +21084,15 @@ var it = {
 	"datafeeder.upload.maxFileSize": "Dimensione massima: {size} MB",
 	"datafeeder.upload.title": "Importa i suoi dati",
 	"datafeeder.upload.uploadButton": "Carica",
-	"datafeeder.validation.csv.delimiter": "",
-	"datafeeder.validation.csv.delimiter.comma": "",
-	"datafeeder.validation.csv.delimiter.semicolon": "",
-	"datafeeder.validation.csv.lat.field": "",
-	"datafeeder.validation.csv.lng.field": "",
-	"datafeeder.validation.csv.quote.double": "",
-	"datafeeder.validation.csv.quote.none": "",
-	"datafeeder.validation.csv.quote.simple": "",
-	"datafeeder.validation.csv.quoteChar": "",
+	"datafeeder.validation.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",
@@ -20970,182 +21118,195 @@ var it = {
 	"datahub.search.back": "Ritorna",
 	"datahub.search.filter.all": "Tutti",
 	"datahub.search.filter.generatedByAPI": "generato da un'API",
+	"datahub.search.filter.generatedByWfs": "generato da un WFS",
 	"datahub.search.filter.others": "Altri",
 	"dataset.error.http": "Il caricamento dei dati non è riuscito a causa di un errore HTTP: \"{info}\"",
 	"dataset.error.network": "Il caricamento dei dati non è riuscito a causa di un errore di rete o di limitazioni CORS: \"{info}\"",
 	"dataset.error.parse": "I dati sono stati caricati ma la decodifica non è riuscita: \"{info}\"",
 	"dataset.error.unknown": "Impossibile visualizzare i dati: \"{info}\"",
 	"dataset.error.unsupportedType": "Il seguente tipo di contenuto non è supportato: \"{info}\"",
-	"domain.contact.role.author": "",
-	"domain.contact.role.collaborator": "",
-	"domain.contact.role.contributor": "",
-	"domain.contact.role.custodian": "",
-	"domain.contact.role.distributor": "",
-	"domain.contact.role.editor": "",
-	"domain.contact.role.funder": "",
-	"domain.contact.role.mediator": "",
-	"domain.contact.role.originator": "",
-	"domain.contact.role.other": "",
-	"domain.contact.role.owner": "",
-	"domain.contact.role.point_of_contact": "",
-	"domain.contact.role.principal_investigator": "",
-	"domain.contact.role.processor": "",
-	"domain.contact.role.publisher": "",
-	"domain.contact.role.resource_provider": "",
-	"domain.contact.role.rights_holder": "",
-	"domain.contact.role.sponsor": "",
-	"domain.contact.role.stakeholder": "",
-	"domain.contact.role.unspecified": "",
-	"domain.contact.role.user": "",
+	"domain.contact.role.author": "Autore",
+	"domain.contact.role.collaborator": "Collaboratore",
+	"domain.contact.role.contributor": "Collaboratore",
+	"domain.contact.role.custodian": "Gestore",
+	"domain.contact.role.distributor": "Distributore",
+	"domain.contact.role.editor": "Editor",
+	"domain.contact.role.funder": "Finanziatore",
+	"domain.contact.role.mediator": "Mediatore",
+	"domain.contact.role.originator": "Creatore",
+	"domain.contact.role.other": "Altro",
+	"domain.contact.role.owner": "Proprietario",
+	"domain.contact.role.point_of_contact": "Punto di contatto",
+	"domain.contact.role.principal_investigator": "Investigatore principale",
+	"domain.contact.role.processor": "Processore",
+	"domain.contact.role.publisher": "Editore",
+	"domain.contact.role.resource_provider": "Fornitore",
+	"domain.contact.role.rights_holder": "Titolare dei diritti",
+	"domain.contact.role.sponsor": "Sponsor",
+	"domain.contact.role.stakeholder": "Parte interessata",
+	"domain.contact.role.unspecified": "Non specificato",
+	"domain.contact.role.user": "Utente",
 	"domain.record.status.completed": "Completato",
 	"domain.record.status.deprecated": "Deprecato",
 	"domain.record.status.ongoing": "Aggiornamento continuo",
 	"domain.record.status.removed": "Rimosso",
 	"domain.record.status.under_development": "In fase di creazione",
-	"domain.record.updateFrequency.asNeeded": "Quando necessario",
-	"domain.record.updateFrequency.continual": "Continua",
-	"domain.record.updateFrequency.day": "{count, plural, =0{0} one{Una volta} other{{count}{volte}}} al giorno",
-	"domain.record.updateFrequency.irregular": "Irregolare",
-	"domain.record.updateFrequency.month": "{count, plural, =0{0} one{Una volta} other{{count}{volte}}} al mese",
-	"domain.record.updateFrequency.notPlanned": "Non pianificata",
-	"domain.record.updateFrequency.periodic": "Periodica",
-	"domain.record.updateFrequency.unknown": "Sconosciuta",
-	"domain.record.updateFrequency.week": "{count, plural, =0{0} one{Una volta} other{{count}{volte}}} alla settimana",
-	"domain.record.updateFrequency.year": "{count, plural, =0{0} one{Una volta} other{{count}{volte}}} all'anno",
+	"domain.record.updateFrequency.annually": "I dati vengono aggiornati ogni anno",
+	"domain.record.updateFrequency.asNeeded": "I dati vengono aggiornati secondo necessità",
+	"domain.record.updateFrequency.biannually": "I dati vengono aggiornati due volte all'anno",
+	"domain.record.updateFrequency.biennially": "I dati vengono aggiornati ogni 2 anni",
+	"domain.record.updateFrequency.continual": "I dati vengono aggiornati ripetutamente e frequentemente",
+	"domain.record.updateFrequency.daily": "I dati vengono aggiornati ogni giorno",
+	"domain.record.updateFrequency.day": "{count, plural, =0{0 volte} one{Una volta} other{{count} volte}} al giorno",
+	"domain.record.updateFrequency.fortnightly": "I dati vengono aggiornati ogni due settimane",
+	"domain.record.updateFrequency.irregular": "I dati vengono aggiornati a intervalli irregolari",
+	"domain.record.updateFrequency.month": "{count, plural, =0{0 volte} one{Una volta} other{{count} volte}} al mese",
+	"domain.record.updateFrequency.monthly": "I dati vengono aggiornati ogni mese",
+	"domain.record.updateFrequency.notPlanned": "Non ci sono piani per aggiornare i dati",
+	"domain.record.updateFrequency.periodic": "I dati vengono aggiornati a intervalli regolari",
+	"domain.record.updateFrequency.quarterly": "I dati vengono aggiornati ogni tre mesi",
+	"domain.record.updateFrequency.semimonthly": "I dati vengono aggiornati due volte al mese",
+	"domain.record.updateFrequency.unknown": "La frequenza di aggiornamento dei dati è sconosciuta",
+	"domain.record.updateFrequency.week": "{count, plural, =0{0 volte} one{Una volta} other{{count} volte}} a settimana",
+	"domain.record.updateFrequency.weekly": "I dati vengono aggiornati settimanalmente",
+	"domain.record.updateFrequency.year": "{count, plural, =0{0 volte} one{Una volta} other{{count} volte}} all'anno",
 	"downloads.format.unknown": "sconosciuto",
 	"downloads.wfs.featuretype.not.found": "Il layer non è stato trovato",
 	dropFile: dropFile$2,
-	"editor.form.keywords.placeholder": "",
-	"editor.form.placeKeywordWithoutExtent": "",
-	"editor.record.delete.confirmation.cancelText": "",
-	"editor.record.delete.confirmation.confirmText": "",
-	"editor.record.delete.confirmation.message": "",
-	"editor.record.delete.confirmation.title": "",
-	"editor.record.deleteError.body": "",
-	"editor.record.deleteError.closeMessage": "",
-	"editor.record.deleteError.title": "",
-	"editor.record.deleteSuccess.body": "",
-	"editor.record.deleteSuccess.title": "",
-	"editor.record.form.bottomButtons.comeBackLater": "",
-	"editor.record.form.bottomButtons.next": "",
-	"editor.record.form.bottomButtons.previous": "",
-	"editor.record.form.classification.opendata": "",
-	"editor.record.form.constraint.add.legalConstraints": "",
-	"editor.record.form.constraint.add.otherConstraints": "",
-	"editor.record.form.constraint.add.securityConstraints": "",
-	"editor.record.form.constraint.header.legalConstraints": "",
-	"editor.record.form.constraint.header.otherConstraints": "",
-	"editor.record.form.constraint.header.securityConstraints": "",
-	"editor.record.form.constraint.legalConstraints": "",
-	"editor.record.form.constraint.markdown.placeholder": "",
-	"editor.record.form.constraint.not.applicable": "",
-	"editor.record.form.constraint.not.known": "",
-	"editor.record.form.constraint.otherConstraints": "",
-	"editor.record.form.constraint.securityConstraints": "",
-	"editor.record.form.draft.updateAlert": "",
-	"editor.record.form.field.abstract": "",
+	"editor.form.keywords.placeholder": "Seleziona una parola chiave",
+	"editor.form.placeKeywordWithoutExtent": "Questa parola chiave non ha una posizione geografica associata",
+	"editor.record.delete.confirmation.cancelText": "Annulla",
+	"editor.record.delete.confirmation.confirmText": "Elimina",
+	"editor.record.delete.confirmation.message": "E sicuro di voler eliminare questo dataset?",
+	"editor.record.delete.confirmation.title": "Eliminare il dataset?",
+	"editor.record.deleteError.body": "Impossibile eliminare il dataset:",
+	"editor.record.deleteError.closeMessage": "Capito",
+	"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.form.bottomButtons.comeBackLater": "Ritorna più tardi",
+	"editor.record.form.bottomButtons.next": "Avanti",
+	"editor.record.form.bottomButtons.previous": "Precedente",
+	"editor.record.form.classification.opendata": "Dati aperti",
+	"editor.record.form.constraint.add.legalConstraints": "Aggiungi un vincolo legale",
+	"editor.record.form.constraint.add.otherConstraints": "Aggiungi un vincolo",
+	"editor.record.form.constraint.add.securityConstraints": "Aggiungi un vincolo di sicurezza",
+	"editor.record.form.constraint.header.legalConstraints": "Condizioni applicabili al tipo legale",
+	"editor.record.form.constraint.header.otherConstraints": "Altre condizioni applicabili",
+	"editor.record.form.constraint.header.securityConstraints": "Condizioni di tipo di sicurezza applicabili",
+	"editor.record.form.constraint.legalConstraints": "Vincoli legali",
+	"editor.record.form.constraint.markdown.placeholder": "Il suo testo qui",
+	"editor.record.form.constraint.not.applicable": "Non si applicano condizioni.",
+	"editor.record.form.constraint.not.known": "Le condizioni sono sconosciute.",
+	"editor.record.form.constraint.otherConstraints": "Altri vincoli",
+	"editor.record.form.constraint.securityConstraints": "Vincoli di sicurezza",
+	"editor.record.form.draft.updateAlert": "Da quando è stata creata questa bozza, questo dataset è stato modificato il { date } da { user }. La pubblicazione della sua versione potrebbe rimuovere le loro modifiche. Per evitarlo, puoi annullare le sue modifiche o pubblicare la sua versione consapevolmente.",
+	"editor.record.form.field.abstract": "Riassunto",
 	"editor.record.form.field.constraintsShortcuts": "",
-	"editor.record.form.field.contacts.noContact": "",
-	"editor.record.form.field.contactsForResource.noContact": "",
-	"editor.record.form.field.draft.only.disabled": "",
-	"editor.record.form.field.keywords": "",
-	"editor.record.form.field.legalConstraints": "",
+	"editor.record.form.field.contacts.noContact": "Inserisci almeno un punto di contatto.",
+	"editor.record.form.field.contactsForResource.noContact": "Inserisci almeno un punto di contatto responsabile dei dati.",
+	"editor.record.form.field.keywords": "Parole chiave",
+	"editor.record.form.field.legalConstraints": "Vincolo legale",
 	"editor.record.form.field.license": "Licenza",
-	"editor.record.form.field.onlineLinkResources": "",
-	"editor.record.form.field.onlineResource.cancel": "",
-	"editor.record.form.field.onlineResource.confirm": "",
-	"editor.record.form.field.onlineResource.dialogTitle": "",
-	"editor.record.form.field.onlineResource.edit.description": "",
-	"editor.record.form.field.onlineResource.edit.protocol": "",
-	"editor.record.form.field.onlineResource.edit.title": "",
-	"editor.record.form.field.onlineResource.fileSize": "",
-	"editor.record.form.field.onlineResource.modify": "",
-	"editor.record.form.field.onlineResource.toggle.dataset": "",
-	"editor.record.form.field.onlineResource.toggle.service": "",
-	"editor.record.form.field.onlineResources": "",
-	"editor.record.form.field.otherConstraints": "",
-	"editor.record.form.field.overviews": "",
-	"editor.record.form.field.recordUpdated": "",
-	"editor.record.form.field.resourceCreated": "",
-	"editor.record.form.field.resourceIdentifier": "",
-	"editor.record.form.field.resourceUpdated": "",
-	"editor.record.form.field.securityConstraints": "",
-	"editor.record.form.field.spatialExtents": "",
-	"editor.record.form.field.temporalExtents": "",
-	"editor.record.form.field.title": "",
-	"editor.record.form.field.uniqueIdentifier": "",
-	"editor.record.form.field.updateFrequency": "",
+	"editor.record.form.field.onlineResource.edit.identifier.placeholder": "Nome del livello",
+	"editor.record.form.field.onlineResource.edit.identifier.placeholder.wps": "Nome del processo",
+	"editor.record.form.field.onlineResource.edit.identifier.submit": "Collegare il servizio",
+	"editor.record.form.field.title.placeholder": "Inserisci un titolo",
+	"editor.record.form.field.onlineLinkResources": "Risorse allegate",
+	"editor.record.form.field.onlineResource.cancel": "Annulla",
+	"editor.record.form.field.onlineResource.confirm": "Convalida",
+	"editor.record.form.field.onlineResource.dialogTitle": "Modifica anteprima dataset",
+	"editor.record.form.field.onlineResource.edit.description": "Descrizione",
+	"editor.record.form.field.onlineResource.edit.protocol": "Protocollo",
+	"editor.record.form.field.onlineResource.edit.title": "Titolo",
+	"editor.record.form.field.onlineResource.fileSize": "{sizeMB} MB",
+	"editor.record.form.field.onlineResource.modify": "Modifica",
+	"editor.record.form.field.onlineResource.toggle.dataset": "Collega un file",
+	"editor.record.form.field.onlineResource.toggle.service": "Collega un servizio",
+	"editor.record.form.field.onlineResources": "Distribuzione",
+	"editor.record.form.field.otherConstraints": "Vincolo generale",
+	"editor.record.form.field.overviews": "Panoramiche",
+	"editor.record.form.field.recordUpdated": "Data di aggiornamento",
+	"editor.record.form.field.resourceCreated": "Data di creazione",
+	"editor.record.form.field.resourceIdentifier": "Identificatore",
+	"editor.record.form.field.resourceUpdated": "Data di aggiornamento",
+	"editor.record.form.field.securityConstraints": "Vincolo di sicurezza",
+	"editor.record.form.field.spatialExtents": "Estensioni spaziali",
+	"editor.record.form.field.temporalExtents": "Estensioni temporali",
+	"editor.record.form.field.title": "Titolo",
+	"editor.record.form.field.uniqueIdentifier": "Identificatore univoco",
+	"editor.record.form.field.updateFrequency": "Frequenza di aggiornamento",
 	"editor.record.form.license.cc-by": "",
 	"editor.record.form.license.cc-by-sa": "",
 	"editor.record.form.license.cc-zero": "",
-	"editor.record.form.license.etalab": "",
-	"editor.record.form.license.etalab-v2": "",
+	"editor.record.form.license.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.unknown": "",
-	"editor.record.form.page.accessAndContact": "",
-	"editor.record.form.page.description": "",
-	"editor.record.form.page.ressources": "",
-	"editor.record.form.section.about.description": "",
-	"editor.record.form.section.about.label": "",
-	"editor.record.form.section.annexes.description": "",
-	"editor.record.form.section.annexes.label": "",
-	"editor.record.form.section.associatedResources.description": "",
-	"editor.record.form.section.associatedResources.label": "",
-	"editor.record.form.section.classification.description": "",
-	"editor.record.form.section.classification.label": "",
-	"editor.record.form.section.dataManagers.description": "",
-	"editor.record.form.section.dataManagers.label": "",
-	"editor.record.form.section.geographicalCoverage.label": "",
-	"editor.record.form.section.metadataPointOfContact.description": "",
-	"editor.record.form.section.metadataPointOfContact.label": "",
-	"editor.record.form.section.useAndAccessConditions.label": "",
-	"editor.record.form.temporalExtents.addDate": "",
-	"editor.record.form.temporalExtents.addRange": "",
-	"editor.record.form.temporalExtents.date": "",
-	"editor.record.form.temporalExtents.range": "",
-	"editor.record.form.updateFrequency.planned": "",
-	"editor.record.importFromExternalFile.failure.body": "",
-	"editor.record.importFromExternalFile.failure.title": "",
-	"editor.record.importFromExternalFile.success.body": "",
-	"editor.record.importFromExternalFile.success.title": "",
-	"editor.record.loadError.body": "",
-	"editor.record.loadError.closeMessage": "",
-	"editor.record.loadError.title": "",
-	"editor.record.onlineResource.protocol.other": "",
-	"editor.record.onlineResourceError.body": "",
-	"editor.record.onlineResourceError.closeMessage": "",
-	"editor.record.onlineResourceError.title": "",
-	"editor.record.placeKeywordWithoutLabel": "",
-	"editor.record.publish": "",
-	"editor.record.publish.confirmation.cancelText": "",
-	"editor.record.publish.confirmation.confirmText": "",
-	"editor.record.publish.confirmation.message": "",
-	"editor.record.publishError.body": "",
-	"editor.record.publishError.closeMessage": "",
-	"editor.record.publishError.title": "",
-	"editor.record.publishSuccess.body": "",
-	"editor.record.publishSuccess.title": "",
-	"editor.record.publishVersionError.body": "",
-	"editor.record.publishVersionError.closeMessage": "",
-	"editor.record.publishVersionError.title": "",
-	"editor.record.resourceError.body": "",
-	"editor.record.resourceError.closeMessage": "",
-	"editor.record.resourceError.title": "",
-	"editor.record.saveStatus.asDraftOnly": "",
-	"editor.record.saveStatus.draftWithChangesPending": "",
-	"editor.record.saveStatus.recordUpToDate": "",
-	"editor.record.undo.confirmation.cancelText": "",
-	"editor.record.undo.confirmation.confirmText": "",
-	"editor.record.undo.confirmation.message": "",
-	"editor.record.undo.confirmation.title": "",
-	"editor.record.undo.tooltip.disabled": "",
-	"editor.record.undo.tooltip.enabled": "",
-	"editor.record.upToDate": "",
-	"editor.sidebar.logout": "",
+	"editor.record.form.page.accessAndContact": "Informazioni per l'uso",
+	"editor.record.form.page.description": "Descrizione del dataset",
+	"editor.record.form.page.resources": "Risorse",
+	"editor.record.form.section.about.description": "Queste informazioni riguardano il dataset.",
+	"editor.record.form.section.about.label": "Informazioni sul dataset",
+	"editor.record.form.section.annexes.description": "Gli allegati sono risorse facoltative. Sono allegati al dataset e aiutano a comprendere meglio i dati (avviso, ecc.).",
+	"editor.record.form.section.annexes.label": "Allegati",
+	"editor.record.form.section.associatedResources.description": "Indica dove si trovano i dati.",
+	"editor.record.form.section.associatedResources.label": "Risorse associate",
+	"editor.record.form.section.classification.description": "Parole chiave appropriate aiutano a trovare il dataset.",
+	"editor.record.form.section.classification.label": "Parole chiave",
+	"editor.record.form.section.dataManagers.description": "Queste informazioni riguardano i dati.",
+	"editor.record.form.section.dataManagers.label": "Gestori dei dati",
+	"editor.record.form.section.geographicalCoverage.label": "Copertura geografica",
+	"editor.record.form.section.metadataPointOfContact.description": "Queste informazioni riguardano i metadati.",
+	"editor.record.form.section.metadataPointOfContact.label": "Punto di contatto dei metadati",
+	"editor.record.form.section.useAndAccessConditions.label": "Condizioni di accesso e utilizzo",
+	"editor.record.form.temporalExtents.addDate": "Data specificata",
+	"editor.record.form.temporalExtents.addRange": "Periodo di tempo",
+	"editor.record.form.temporalExtents.date": "Data rilevante",
+	"editor.record.form.temporalExtents.range": "Periodo interessato",
+	"editor.record.form.updateFrequency.planned": "Questi dati dovrebbero essere aggiornati regolarmente.",
+	"editor.record.importFromExternalFile.failure.body": "Ha successo un'errore durante l'importazione del dataset: ",
+	"editor.record.importFromExternalFile.failure.title": "Errore",
+	"editor.record.importFromExternalFile.success.body": "L'importazione del dataset è riuscita.",
+	"editor.record.importFromExternalFile.success.title": "Importazione riuscita",
+	"editor.record.loadError.body": "Impossibile caricare il dataset:",
+	"editor.record.loadError.closeMessage": "Capito",
+	"editor.record.loadError.title": "Errore durante il caricamento",
+	"editor.record.onlineResource.protocol.other": "Altro",
+	"editor.record.onlineResourceError.body": "Ha successo un'errore durante l'aggiunta della risorsa:",
+	"editor.record.onlineResourceError.closeMessage": "Capito",
+	"editor.record.onlineResourceError.title": "Errore durante l'aggiunta della risorsa",
+	"editor.record.placeKeywordWithoutLabel": "Posizione senza nome",
+	"editor.record.publish": "Pubblica questo dataset",
+	"editor.record.publish.confirmation.cancelText": "Annulla",
+	"editor.record.publish.confirmation.confirmText": "Pubblica",
+	"editor.record.publish.confirmation.message": "Dato che la sua bozza è stata creata, questo dataset è stato modificato il { date } da { user }. La pubblicazione della sua versione potrebbe rimuovere le loro modifiche. Vuole procedere?",
+	"editor.record.publishError.body": "Il dataset non può essere pubblicato:",
+	"editor.record.publishError.closeMessage": "Capito",
+	"editor.record.publishError.title": "Errore durante la pubblicazione",
+	"editor.record.publishSuccess.body": "Il dataset è stato pubblicato con successo",
+	"editor.record.publishSuccess.title": "Pubblicazione riuscita",
+	"editor.record.publishVersionError.body": "Il dataset non può essere pubblicato perché è stata rilevata una versione incompatibile di GeoNetwork. Contattare un amministratore della piattaforma per risolvere il problema.\nVersione corrente: {currentVersion}\nVersione minima compatibile: 4.2.5",
+	"editor.record.publishVersionError.closeMessage": "Capito",
+	"editor.record.publishVersionError.title": "Ha successo un errore critico",
+	"editor.record.resourceError.body": "Ha successo un errore durante la gestione degli allegati:",
+	"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.recordUpToDate": "Salvato - Dataset aggiornato",
+	"editor.record.undo.confirmation.cancelText": "Mantieni le modifiche",
+	"editor.record.undo.confirmation.confirmText": "Annulla le modifiche",
+	"editor.record.undo.confirmation.message": "E sicuro di voler annullare le modifiche apportate a questo dataset?",
+	"editor.record.undo.confirmation.title": "Annullare le modifiche?",
+	"editor.record.undo.tooltip.disabled": "Non ci sono modifiche in sospeso su questo dataset",
+	"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.temporary.disabled": "",
+	"editor.temporary.disabled": "Non ancora implementato",
 	"externalviewer.dataset.unnamed": "Layer del datahub",
 	"facets.block.title.OrgForResource": "Organizzazione",
 	"facets.block.title.availableInServices": "Disponibile per",
@@ -21159,21 +21320,21 @@ var it = {
 	"facets.block.title.tag.default": "Tag",
 	"facets.block.title.th_regions_tree.default": "Regioni",
 	"favorite.not.authenticated.tooltip": "<div><a href=' {link} '>Login</a> per accedere a questa funzionalità</div>",
-	"input.file.dropFileLabel": "",
-	"input.file.orInputUrl": "",
-	"input.file.selectFileLabel": "",
-	"input.file.uploadProgressCancel": "",
-	"input.file.uploadProgressLabel": "",
-	"input.image.altTextPlaceholder": "",
-	"input.image.delete": "",
-	"input.image.displayAltTextInput": "",
-	"input.image.displayUrlInput": "",
-	"input.image.dropFileLabel": "",
-	"input.image.selectFileLabel": "",
-	"input.image.uploadErrorLabel": "",
-	"input.image.uploadErrorRetry": "",
-	"input.image.uploadProgressCancel": "",
-	"input.image.uploadProgressLabel": "",
+	"input.file.dropFileLabel": "oppure trascinalo qui",
+	"input.file.orInputUrl": "o collegamento a una risorsa esterna",
+	"input.file.selectFileLabel": "Seleziona un file ({sizeMB} MB max.)",
+	"input.file.uploadProgressCancel": "Annulla",
+	"input.file.uploadProgressLabel": "Caricamento...",
+	"input.image.altTextPlaceholder": "Testo alternativo dell'immagine",
+	"input.image.delete": "Elimina",
+	"input.image.displayAltTextInput": "Testo alternativo",
+	"input.image.displayUrlInput": "Inserisci un URL",
+	"input.image.dropFileLabel": "oppure trascinalo qui",
+	"input.image.selectFileLabel": "Seleziona un'immagine",
+	"input.image.uploadErrorLabel": "Impossibile caricare l'immagine",
+	"input.image.uploadErrorRetry": "Riprova",
+	"input.image.uploadProgressCancel": "Annulla",
+	"input.image.uploadProgressLabel": "Caricamento...",
 	"language.ca": "Catalano",
 	"language.cs": "Ceco",
 	"language.de": "Tedesco",
@@ -21196,7 +21357,7 @@ var it = {
 	"map.add.layer.wfs": "Da un WFS",
 	"map.add.layer.wms": "Da un WMS",
 	"map.addFromFile.placeholder": "Clicca o trascina un file qui",
-	"map.dropdown.placeholder": "",
+	"map.dropdown.placeholder": "Nessun livello di anteprima disponibile",
 	"map.geocoding.placeholder": "Cerca un luogo",
 	"map.help.addFromFile": "Clicca o trascina un file per aggiungerlo alla mappa (attualmente supporta solo il formato GeoJSON)",
 	"map.layer.add": "Aggiungi",
@@ -21220,33 +21381,51 @@ var it = {
 	"organisations.sortBy.nameDesc": "Nome Z → A",
 	"organisations.sortBy.recordCountAsc": "Dati 0 → 9",
 	"organisations.sortBy.recordCountDesc": "Dati 9 → 0",
-	"organization.details.lastPublishedDatasets": "",
-	"organization.details.lastPublishedDatasets.searchAllButton": "",
-	"organization.details.mailContact": "",
+	"organization.details.lastPublishedDatasets": "Ultimi dataset pubblicati",
+	"organization.details.lastPublishedDatasets.searchAllButton": "Cerca tutto",
+	"organization.details.mailContact": "Contatto via email",
 	"organization.header.recordCount": "{count, plural, =0{} one{} other{}}",
 	"pagination.nextPage": "Pagina successiva",
 	"pagination.page": "pagina",
 	"pagination.pageOf": "di",
 	previous: previous$2,
-	"record.action.delete": "",
+	"record.action.delete": "Elimina",
 	"record.action.download": "Scarica",
-	"record.action.duplicate": "",
+	"record.action.duplicate": "Duplicato",
 	"record.action.view": "Visualizza",
-	"record.externalViewer.open": "Apri nell'visualizzatore esterno",
-	"record.feature.limit": "",
+	"record.externalViewer.open": "Aprire nel visualizzatore esterno",
+	"record.feature.limit": "La risorsa contiene più di {count} funzionalità e non può essere visualizzata qui.",
 	"record.metadata.about": "Descrizione",
 	"record.metadata.api": "API",
-	"record.metadata.api.form.closeButton": "Chiudi",
-	"record.metadata.api.form.closeForm": "Chiudi il pannello di personalizzazione",
+	"record.metadata.api.form.closeButton": "Chiude",
+	"record.metadata.api.form.closeForm": "Chiude il pannello di personalizzazione",
 	"record.metadata.api.form.create": "Configura la sua richiesta",
+	"record.metadata.api.form.crsTitle": "Sistema di coordinate",
+	"record.metadata.api.form.crsTooltip": "Menu a discesa per selezionare un sistema di coordinate (CRS)",
 	"record.metadata.api.form.customUrl": "URL personalizzata",
+	"record.metadata.api.form.filter": "Filtri",
+	"record.metadata.api.form.filterDescription": "Sezione per perfezionare gli elementi visualizzati",
+	"record.metadata.api.form.formatTitle": "Formato",
+	"record.metadata.api.form.formatTooltip": "Menu a discesa per selezionare un formato dati",
+	"record.metadata.api.form.items": "Elementi disponibili",
+	"record.metadata.api.form.itemsDescription": "Elenco degli elementi",
+	"record.metadata.api.form.itemsTooltip": "Scorri per vedere tutti gli elementi disponibili o filtrati",
 	"record.metadata.api.form.limit": "Numero di record",
 	"record.metadata.api.form.limit.all": "Tutti",
-	"record.metadata.api.form.offset": "Numero del primo record",
-	"record.metadata.api.form.openForm": "Apri il pannello di personalizzazione",
-	"record.metadata.api.form.reset": "Reset",
-	"record.metadata.api.form.title": "Genera un URL personalizzata",
-	"record.metadata.api.form.type": "Formato in uscita",
+	"record.metadata.api.form.nextPage": "Avanti",
+	"record.metadata.api.form.nextPageTooltip": "Va alla pagina successiva",
+	"record.metadata.api.form.offset": "Numero del 1° record",
+	"record.metadata.api.form.openForm": "Aprire il pannello di personalizzazione",
+	"record.metadata.api.form.paginationDescription": "Paginazione degli elementi visualizzati",
+	"record.metadata.api.form.previousPage": "Precedente",
+	"record.metadata.api.form.previousPageTooltip": "Va alla pagina precedente",
+	"record.metadata.api.form.productTooltip": "",
+	"record.metadata.api.form.reset": "Reimposta",
+	"record.metadata.api.form.resetTooltip": "Reimposta tutti i filtri",
+	"record.metadata.api.form.type": "Formato di output",
+	"record.metadata.api.form.zoneTitle": "Zona",
+	"record.metadata.api.form.zoneTooltip": "Menu a discesa per selezionare una zona geografica",
+	"record.metadata.api.gpfdl": "Scarica",
 	"record.metadata.catalog": "Catalogo",
 	"record.metadata.contact": "Contatto",
 	"record.metadata.creation": "Data di creazione",
@@ -21285,8 +21464,8 @@ var it = {
 	"record.metadata.related": "Vedi anche",
 	"record.metadata.sheet": "Origine del metadata",
 	"record.metadata.status": "Stato",
-	"record.metadata.status.notPublished": "",
-	"record.metadata.status.published": "",
+	"record.metadata.status.notPublished": "Non pubblicato",
+	"record.metadata.status.published": "Pubblicato",
 	"record.metadata.technical": "Informazioni tecniche",
 	"record.metadata.temporalExtent": "Periodo di tempo",
 	"record.metadata.temporalExtent.fromDateToDate": "Da {start} a {end}",
@@ -21299,19 +21478,18 @@ var it = {
 	"record.metadata.updateFrequency": "Frequenza di aggiornamento dei dati",
 	"record.metadata.updatedOn": "Modificato il",
 	"record.metadata.usage": "Licenze e limiti di utilizzo",
-	"record.metadata.userFeedbacks": "",
-	"record.metadata.userFeedbacks.anonymousUser": "",
-	"record.metadata.userFeedbacks.newAnswer.buttonTitle": "",
-	"record.metadata.userFeedbacks.newAnswer.placeholder": "",
-	"record.metadata.userFeedbacks.newComment.placeholder": "",
-	"record.metadata.userFeedbacks.sortSelector.choices.newestFirst": "",
-	"record.metadata.userFeedbacks.sortSelector.choices.oldestFirst": "",
-	"record.metadata.userFeedbacks.sortSelector.label": "",
+	"record.metadata.userFeedbacks": "Domande / Risposte",
+	"record.metadata.userFeedbacks.anonymousUser": "Per pubblicare un commento, effettua il login.",
+	"record.metadata.userFeedbacks.newAnswer.buttonTitle": "Pubblica",
+	"record.metadata.userFeedbacks.newAnswer.placeholder": "Risponde...",
+	"record.metadata.userFeedbacks.newComment.placeholder": "Scrive qui il suo commento...",
+	"record.metadata.userFeedbacks.sortSelector.choices.newestFirst": "Prima i più recenti",
+	"record.metadata.userFeedbacks.sortSelector.choices.oldestFirst": "Prima il più vecchio",
+	"record.metadata.userFeedbacks.sortSelector.label": "Ordina per ...",
 	"record.more.details": "Dettagli",
 	"record.tab.chart": "Grafico",
 	"record.tab.data": "Tabella",
 	"record.tab.map": "Mappa",
-	"record.was.created.time": "ha creato questi dati {time}",
 	records: records$2,
 	"results.layout.selectOne": "Mostra risultati",
 	"results.records.hits.displayedOn": "{displayed, plural, =0{Nessun record} one{1 record visualizzato} other{{displayed} records visualizzati}} {hits, plural, other{su {hits} in totale.}}",
@@ -21319,21 +21497,21 @@ var it = {
 	"results.records.hits.found": "{hits, plural, =0{Nessuna corrispondenza.} one{1 record trovato.} other{{hits} risultati.}}",
 	"results.records.hits.selected": "{amount, plural, one{1 selezionato} other{{ amount } selezionati}}",
 	"results.showMore": "Altri risultati...",
-	"results.sortBy.changeDate": "",
+	"results.sortBy.changeDate": "Ultima modifica",
 	"results.sortBy.dateStamp": "Più recente",
 	"results.sortBy.popularity": "Popolarità",
 	"results.sortBy.qualityScore": "Indicatore di qualità",
 	"results.sortBy.relevancy": "Rilevanza",
 	"search.autocomplete.error": "Impossibile recuperare le suggerimenti",
 	"search.error.couldNotReachApi": "Problema di connessione all'API",
-	"search.error.organizationHasNoDataset": "",
-	"search.error.organizationNotFound": "",
-	"search.error.receivedError": "Errore ricevuto",
-	"search.error.recordHasnolink": "",
-	"search.error.recordNotFound": "Impossibile trovare questo dato",
-	"search.field.any.placeholder": "Cerca un dato...",
+	"search.error.organizationHasNoDataset": "Questa organizzazione non ha ancora dati.",
+	"search.error.organizationNotFound": "Impossibile trovare l'organizzazione.",
+	"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.sortBy": "Ordina per:",
-	"search.filters.changeDate": "",
+	"search.filters.changeDate": "Aggiornato",
 	"search.filters.clear": "Ripristina",
 	"search.filters.contact": "Contatti",
 	"search.filters.format": "Formati",
@@ -21356,21 +21534,21 @@ var it = {
 	"search.filters.minimize": "Riduci",
 	"search.filters.myRecords": "Visualizza i miei dati",
 	"search.filters.myRecordsHelp": "Quando attivato, mostra solo i dati creati con il mio utente. I dati creati da altri utenti non sono visualizzati.",
-	"search.filters.organization": "",
-	"search.filters.otherRecords": "Visualizzazione dei dati di un altro utente",
-	"search.filters.producerOrg": "",
+	"search.filters.organization": "Organizzazione",
+	"search.filters.otherRecords": "Visualizzazione dei dataset di un altro utente",
+	"search.filters.producerOrg": "Produttore",
 	"search.filters.publicationYear": "Anno di pubblicazione",
-	"search.filters.publisherOrg": "",
+	"search.filters.publisherOrg": "Distributore",
 	"search.filters.representationType": "Tipo di rappresentazione",
 	"search.filters.resourceType": "Tipo di risorsa",
 	"search.filters.standard": "Standard",
-	"search.filters.summaryLabel.changeDate": "",
-	"search.filters.summaryLabel.user": "",
+	"search.filters.summaryLabel.changeDate": "Aggiornato: ",
+	"search.filters.summaryLabel.user": "Editor: ",
 	"search.filters.title": "Affina la sua ricerca",
 	"search.filters.topic": "Argomenti",
 	"search.filters.useSpatialFilter": "Evidenzia i risultati nell'area di interesse",
 	"search.filters.useSpatialFilterHelp": "Se attivata, le schede relative all'area di interesse del catalogo saranno mostrate per prime; le schede al di fuori di questa area non appariranno nei risultati.",
-	"search.filters.user": "",
+	"search.filters.user": "Editore",
 	"share.tab.permalink": "Condividere",
 	"share.tab.webComponent": "Incorporare",
 	"table.loading.data": "Caricamento dei dati...",
@@ -21381,8 +21559,8 @@ var it = {
 	"tooltip.url.copy": "Copiare l'URL",
 	"tooltip.url.open": "Aprire l'URL",
 	"ui.readLess": "Ridurre",
-	"ui.readMore": "Leggi di più",
-	"wfs.feature.limit": "",
+	"ui.readMore": "Leggere di più",
+	"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",
 	"wfs.unreachable.cors": "Il servizio non è accessibile a causa di limitazioni CORS",
@@ -21535,6 +21713,7 @@ var nl = {
 	"datahub.search.back": "",
 	"datahub.search.filter.all": "",
 	"datahub.search.filter.generatedByAPI": "",
+	"datahub.search.filter.generatedByWfs": "",
 	"datahub.search.filter.others": "",
 	"dataset.error.http": "",
 	"dataset.error.network": "",
@@ -21567,16 +21746,25 @@ var nl = {
 	"domain.record.status.ongoing": "",
 	"domain.record.status.removed": "",
 	"domain.record.status.under_development": "",
-	"domain.record.updateFrequency.asNeeded": "",
-	"domain.record.updateFrequency.continual": "",
-	"domain.record.updateFrequency.day": "",
-	"domain.record.updateFrequency.irregular": "",
-	"domain.record.updateFrequency.month": "",
-	"domain.record.updateFrequency.notPlanned": "",
-	"domain.record.updateFrequency.periodic": "",
-	"domain.record.updateFrequency.unknown": "",
-	"domain.record.updateFrequency.week": "",
-	"domain.record.updateFrequency.year": "",
+	"domain.record.updateFrequency.annually": "Gegevens worden elk jaar bijgewerkt",
+	"domain.record.updateFrequency.asNeeded": "Gegevens worden bijgewerkt naar behoefte",
+	"domain.record.updateFrequency.biannually": "Gegevens worden twee keer per jaar bijgewerkt",
+	"domain.record.updateFrequency.biennially": "Gegevens worden elke 2 jaar bijgewerkt",
+	"domain.record.updateFrequency.continual": "Gegevens worden herhaaldelijk en frequent bijgewerkt",
+	"domain.record.updateFrequency.daily": "Gegevens worden elke dag bijgewerkt",
+	"domain.record.updateFrequency.day": "{count, plural, =0{0 keer} one{Een keer} other{{count} keer}} per dag",
+	"domain.record.updateFrequency.fortnightly": "Gegevens worden elke twee weken bijgewerkt",
+	"domain.record.updateFrequency.irregular": "Gegevens worden onregelmatig bijgewerkt",
+	"domain.record.updateFrequency.month": "{count, plural, =0{0 keer} one{Een keer} other{{count} keer}} per maand",
+	"domain.record.updateFrequency.monthly": "Gegevens worden elke maand bijgewerkt",
+	"domain.record.updateFrequency.notPlanned": "Er zijn geen plannen om de gegevens bij te werken",
+	"domain.record.updateFrequency.periodic": "Gegevens worden regelmatig bijgewerkt",
+	"domain.record.updateFrequency.quarterly": "Gegevens worden elke drie maanden bijgewerkt",
+	"domain.record.updateFrequency.semimonthly": "Gegevens worden twee keer per maand bijgewerkt",
+	"domain.record.updateFrequency.unknown": "De frequentie van gegevensonderhoud is onbekend",
+	"domain.record.updateFrequency.week": "{count, plural, =0{0 keer} one{Een keer} other{{count} keer}} per week",
+	"domain.record.updateFrequency.weekly": "Gegevens worden wekelijks bijgewerkt",
+	"domain.record.updateFrequency.year": "{count, plural, =0{0 keer} one{Een keer} other{{count} keer}} per jaar",
 	"downloads.format.unknown": "",
 	"downloads.wfs.featuretype.not.found": "",
 	dropFile: dropFile$1,
@@ -21612,7 +21800,6 @@ var nl = {
 	"editor.record.form.field.constraintsShortcuts": "",
 	"editor.record.form.field.contacts.noContact": "",
 	"editor.record.form.field.contactsForResource.noContact": "",
-	"editor.record.form.field.draft.only.disabled": "",
 	"editor.record.form.field.keywords": "",
 	"editor.record.form.field.legalConstraints": "",
 	"editor.record.form.field.license": "",
@@ -21622,6 +21809,9 @@ var nl = {
 	"editor.record.form.field.onlineResource.dialogTitle": "",
 	"editor.record.form.field.onlineResource.edit.description": "",
 	"editor.record.form.field.onlineResource.edit.protocol": "",
+	"editor.record.form.field.onlineResource.edit.identifier.placeholder": "Laagnaam",
+	"editor.record.form.field.onlineResource.edit.identifier.placeholder.wps": "Procesnaam",
+	"editor.record.form.field.onlineResource.edit.identifier.submit": "Link naar de dienst",
 	"editor.record.form.field.onlineResource.edit.title": "",
 	"editor.record.form.field.onlineResource.fileSize": "",
 	"editor.record.form.field.onlineResource.modify": "",
@@ -21638,6 +21828,7 @@ var nl = {
 	"editor.record.form.field.spatialExtents": "",
 	"editor.record.form.field.temporalExtents": "",
 	"editor.record.form.field.title": "",
+	"editor.record.form.field.title.placeholder": "Voer een titel in",
 	"editor.record.form.field.uniqueIdentifier": "",
 	"editor.record.form.field.updateFrequency": "",
 	"editor.record.form.license.cc-by": "",
@@ -21670,7 +21861,7 @@ var nl = {
 	"editor.record.form.temporalExtents.addRange": "",
 	"editor.record.form.temporalExtents.date": "",
 	"editor.record.form.temporalExtents.range": "",
-	"editor.record.form.updateFrequency.planned": "",
+	"editor.record.form.updateFrequency.planned": "Deze dataset wordt regelmatig bijgewerkt.",
 	"editor.record.importFromExternalFile.failure.body": "",
 	"editor.record.importFromExternalFile.failure.title": "",
 	"editor.record.importFromExternalFile.success.body": "",
@@ -21698,8 +21889,8 @@ var nl = {
 	"editor.record.resourceError.body": "",
 	"editor.record.resourceError.closeMessage": "",
 	"editor.record.resourceError.title": "",
-	"editor.record.saveStatus.asDraftOnly": "",
 	"editor.record.saveStatus.draftWithChangesPending": "",
+	"editor.record.saveStatus.recordNotPublished": "",
 	"editor.record.saveStatus.recordUpToDate": "",
 	"editor.record.undo.confirmation.cancelText": "",
 	"editor.record.undo.confirmation.confirmText": "",
@@ -21804,14 +21995,32 @@ var nl = {
 	"record.metadata.api.form.closeButton": "",
 	"record.metadata.api.form.closeForm": "",
 	"record.metadata.api.form.create": "",
+	"record.metadata.api.form.crsTitle": "",
+	"record.metadata.api.form.crsTooltip": "",
 	"record.metadata.api.form.customUrl": "",
+	"record.metadata.api.form.filter": "",
+	"record.metadata.api.form.filterDescription": "",
+	"record.metadata.api.form.formatTitle": "",
+	"record.metadata.api.form.formatTooltip": "",
+	"record.metadata.api.form.items": "",
+	"record.metadata.api.form.itemsDescription": "",
+	"record.metadata.api.form.itemsTooltip": "",
 	"record.metadata.api.form.limit": "",
 	"record.metadata.api.form.limit.all": "",
+	"record.metadata.api.form.nextPage": "",
+	"record.metadata.api.form.nextPageTooltip": "",
 	"record.metadata.api.form.offset": "",
 	"record.metadata.api.form.openForm": "",
+	"record.metadata.api.form.paginationDescription": "",
+	"record.metadata.api.form.previousPage": "",
+	"record.metadata.api.form.previousPageTooltip": "",
+	"record.metadata.api.form.productTooltip": "",
 	"record.metadata.api.form.reset": "",
-	"record.metadata.api.form.title": "",
+	"record.metadata.api.form.resetTooltip": "",
 	"record.metadata.api.form.type": "",
+	"record.metadata.api.form.zoneTitle": "",
+	"record.metadata.api.form.zoneTooltip": "",
+	"record.metadata.api.gpfdl": "",
 	"record.metadata.catalog": "",
 	"record.metadata.contact": "",
 	"record.metadata.creation": "",
@@ -21876,7 +22085,6 @@ var nl = {
 	"record.tab.chart": "",
 	"record.tab.data": "",
 	"record.tab.map": "",
-	"record.was.created.time": "",
 	records: records$1,
 	"results.layout.selectOne": "",
 	"results.records.hits.displayedOn": "",
@@ -22100,6 +22308,7 @@ var pt = {
 	"datahub.search.back": "",
 	"datahub.search.filter.all": "",
 	"datahub.search.filter.generatedByAPI": "",
+	"datahub.search.filter.generatedByWfs": "",
 	"datahub.search.filter.others": "",
 	"dataset.error.http": "",
 	"dataset.error.network": "",
@@ -22132,16 +22341,25 @@ var pt = {
 	"domain.record.status.ongoing": "",
 	"domain.record.status.removed": "",
 	"domain.record.status.under_development": "",
-	"domain.record.updateFrequency.asNeeded": "",
-	"domain.record.updateFrequency.continual": "",
-	"domain.record.updateFrequency.day": "",
-	"domain.record.updateFrequency.irregular": "",
-	"domain.record.updateFrequency.month": "",
-	"domain.record.updateFrequency.notPlanned": "",
-	"domain.record.updateFrequency.periodic": "",
-	"domain.record.updateFrequency.unknown": "",
-	"domain.record.updateFrequency.week": "",
-	"domain.record.updateFrequency.year": "",
+	"domain.record.updateFrequency.annually": "Os dados são atualizados anualmente",
+	"domain.record.updateFrequency.asNeeded": "Os dados são atualizados conforme necessário",
+	"domain.record.updateFrequency.biannually": "Os dados são atualizados duas vezes por ano",
+	"domain.record.updateFrequency.biennially": "Os dados são atualizados a cada 2 anos",
+	"domain.record.updateFrequency.continual": "Os dados são atualizados repetidamente e com frequência",
+	"domain.record.updateFrequency.daily": "Os dados são atualizados diariamente",
+	"domain.record.updateFrequency.day": "{count, plural, =0{0 vezes} one{Uma vez} other{{count} vezes}} por dia",
+	"domain.record.updateFrequency.fortnightly": "Os dados são atualizados a cada duas semanas",
+	"domain.record.updateFrequency.irregular": "Os dados são atualizados em intervalos irregulares",
+	"domain.record.updateFrequency.month": "{count, plural, =0{0 vezes} one{Uma vez} other{{count} vezes}} por mês",
+	"domain.record.updateFrequency.monthly": "Os dados são atualizados mensalmente",
+	"domain.record.updateFrequency.notPlanned": "Não há planos para atualizar os dados",
+	"domain.record.updateFrequency.periodic": "Os dados são atualizados em intervalos regulares",
+	"domain.record.updateFrequency.quarterly": "Os dados são atualizados a cada três meses",
+	"domain.record.updateFrequency.semimonthly": "Os dados são atualizados duas vezes por mês",
+	"domain.record.updateFrequency.unknown": "A frequência de manutenção dos dados é desconhecida",
+	"domain.record.updateFrequency.week": "{count, plural, =0{0 vezes} one{Uma vez} other{{count} vezes}} por semana",
+	"domain.record.updateFrequency.weekly": "Os dados são atualizados semanalmente",
+	"domain.record.updateFrequency.year": "{count, plural, =0{0 vezes} one{Uma vez} other{{count} vezes}} por ano",
 	"downloads.format.unknown": "",
 	"downloads.wfs.featuretype.not.found": "",
 	dropFile: dropFile,
@@ -22177,7 +22395,6 @@ var pt = {
 	"editor.record.form.field.constraintsShortcuts": "",
 	"editor.record.form.field.contacts.noContact": "",
 	"editor.record.form.field.contactsForResource.noContact": "",
-	"editor.record.form.field.draft.only.disabled": "",
 	"editor.record.form.field.keywords": "",
 	"editor.record.form.field.legalConstraints": "",
 	"editor.record.form.field.license": "",
@@ -22187,6 +22404,9 @@ var pt = {
 	"editor.record.form.field.onlineResource.dialogTitle": "",
 	"editor.record.form.field.onlineResource.edit.description": "",
 	"editor.record.form.field.onlineResource.edit.protocol": "",
+	"editor.record.form.field.onlineResource.edit.identifier.placeholder": "Nome da camada",
+	"editor.record.form.field.onlineResource.edit.identifier.placeholder.wps": "Nome do processo",
+	"editor.record.form.field.onlineResource.edit.identifier.submit": "Link para o serviço",
 	"editor.record.form.field.onlineResource.edit.title": "",
 	"editor.record.form.field.onlineResource.fileSize": "",
 	"editor.record.form.field.onlineResource.modify": "",
@@ -22203,6 +22423,7 @@ var pt = {
 	"editor.record.form.field.spatialExtents": "",
 	"editor.record.form.field.temporalExtents": "",
 	"editor.record.form.field.title": "",
+	"editor.record.form.field.title.placeholder": "Insira um título",
 	"editor.record.form.field.uniqueIdentifier": "",
 	"editor.record.form.field.updateFrequency": "",
 	"editor.record.form.license.cc-by": "",
@@ -22235,7 +22456,7 @@ var pt = {
 	"editor.record.form.temporalExtents.addRange": "",
 	"editor.record.form.temporalExtents.date": "",
 	"editor.record.form.temporalExtents.range": "",
-	"editor.record.form.updateFrequency.planned": "",
+	"editor.record.form.updateFrequency.planned": "Este conjunto de dados é atualizado regularmente.",
 	"editor.record.importFromExternalFile.failure.body": "",
 	"editor.record.importFromExternalFile.failure.title": "",
 	"editor.record.importFromExternalFile.success.body": "",
@@ -22263,8 +22484,8 @@ var pt = {
 	"editor.record.resourceError.body": "",
 	"editor.record.resourceError.closeMessage": "",
 	"editor.record.resourceError.title": "",
-	"editor.record.saveStatus.asDraftOnly": "",
 	"editor.record.saveStatus.draftWithChangesPending": "",
+	"editor.record.saveStatus.recordNotPublished": "",
 	"editor.record.saveStatus.recordUpToDate": "",
 	"editor.record.undo.confirmation.cancelText": "",
 	"editor.record.undo.confirmation.confirmText": "",
@@ -22369,14 +22590,32 @@ var pt = {
 	"record.metadata.api.form.closeButton": "",
 	"record.metadata.api.form.closeForm": "",
 	"record.metadata.api.form.create": "",
+	"record.metadata.api.form.crsTitle": "",
+	"record.metadata.api.form.crsTooltip": "",
 	"record.metadata.api.form.customUrl": "",
+	"record.metadata.api.form.filter": "",
+	"record.metadata.api.form.filterDescription": "",
+	"record.metadata.api.form.formatTitle": "",
+	"record.metadata.api.form.formatTooltip": "",
+	"record.metadata.api.form.items": "",
+	"record.metadata.api.form.itemsDescription": "",
+	"record.metadata.api.form.itemsTooltip": "",
 	"record.metadata.api.form.limit": "",
 	"record.metadata.api.form.limit.all": "",
+	"record.metadata.api.form.nextPage": "",
+	"record.metadata.api.form.nextPageTooltip": "",
 	"record.metadata.api.form.offset": "",
 	"record.metadata.api.form.openForm": "",
+	"record.metadata.api.form.paginationDescription": "",
+	"record.metadata.api.form.previousPage": "",
+	"record.metadata.api.form.previousPageTooltip": "",
+	"record.metadata.api.form.productTooltip": "",
 	"record.metadata.api.form.reset": "",
-	"record.metadata.api.form.title": "",
+	"record.metadata.api.form.resetTooltip": "",
 	"record.metadata.api.form.type": "",
+	"record.metadata.api.form.zoneTitle": "",
+	"record.metadata.api.form.zoneTooltip": "",
+	"record.metadata.api.gpfdl": "",
 	"record.metadata.catalog": "",
 	"record.metadata.contact": "",
 	"record.metadata.creation": "",
@@ -22441,7 +22680,6 @@ var pt = {
 	"record.tab.chart": "",
 	"record.tab.data": "",
 	"record.tab.map": "",
-	"record.was.created.time": "",
 	records: records,
 	"results.layout.selectOne": "",
 	"results.records.hits.displayedOn": "",
@@ -23551,10 +23789,16 @@ class Gn4Repository {
             records,
         }))));
     }
+    getRecordPublicationStatus(uniqueIdentifier) {
+        return uniqueIdentifier
+            ? this.getRecord(uniqueIdentifier).pipe(map$1((record) => record.extras['isPublishedToAll']))
+            : of(true);
+    }
     openRecordForEdition(uniqueIdentifier) {
         const draft$ = of(this.getRecordFromLocalStorage(uniqueIdentifier));
         const recordAsXml$ = this.getRecordAsXml(uniqueIdentifier);
-        return combineLatest([draft$, recordAsXml$]).pipe(switchMap(([draft, recordAsXml]) => {
+        const record$ = this.getRecord(uniqueIdentifier);
+        return combineLatest([draft$, recordAsXml$, record$]).pipe(switchMap(([draft, recordAsXml]) => {
             const xml = draft ?? recordAsXml;
             const isSavedAlready = recordAsXml !== null;
             return findConverterForDocument(xml)
@@ -23563,23 +23807,27 @@ class Gn4Repository {
         }));
     }
     openRecordForDuplication(uniqueIdentifier) {
-        return this.getRecordAsXml(uniqueIdentifier).pipe(switchMap(async (fetchedRecordAsXml) => {
-            const converter = findConverterForDocument(fetchedRecordAsXml);
-            const record = await converter.readRecord(fetchedRecordAsXml);
-            record.uniqueIdentifier = `${TEMPORARY_ID_PREFIX}${Date.now()}`;
-            record.title = `${record.title} (Copy)`;
-            const recordAsXml = await converter.writeRecord(record, fetchedRecordAsXml);
-            this.saveRecordToLocalStorage(recordAsXml, record.uniqueIdentifier);
-            this._draftsChanged.next();
-            return [record, recordAsXml, false];
+        return this.gn4RecordsApi
+            .create(uniqueIdentifier, '2', 'METADATA', '', false, undefined, true, false, undefined, 'body', false, {
+            httpHeaderAccept: 'application/json',
+            httpContentTypeSelected: 'application/json;charset=UTF-8',
+        })
+            .pipe(switchMap((uniqueIdentifier) => {
+            return this.getRecordAsXml(uniqueIdentifier);
+        }), switchMap((xml) => {
+            return from(findConverterForDocument(xml)
+                .readRecord(xml)
+                .then((record) => {
+                return [record, xml, true];
+            }));
         }));
     }
-    saveRecord(record, referenceRecordSource) {
+    saveRecord(record, referenceRecordSource, publishToAll = true) {
         return this.platformService.getApiVersion().pipe(map$1((version) => {
             if (lt(version, minPublicationApiVersion)) {
                 throw new PublicationVersionError(version);
             }
-        }), switchMap(() => this.serializeRecordToXml(record, referenceRecordSource)), switchMap((recordXml) => this.gn4RecordsApi.insert('METADATA', undefined, undefined, undefined, true, undefined, 'OVERWRITE', undefined, undefined, undefined, '_none_', undefined, undefined, undefined, recordXml)), map$1((response) => {
+        }), switchMap(() => this.serializeRecordToXml(record, referenceRecordSource)), switchMap((recordXml) => this.gn4RecordsApi.insert('METADATA', undefined, undefined, undefined, publishToAll, undefined, 'OVERWRITE', undefined, undefined, undefined, '_none_', undefined, undefined, undefined, recordXml)), map$1((response) => {
             const metadataId = Object.keys(response.metadataInfos)[0];
             return response.metadataInfos[metadataId][0].uuid;
         }));
@@ -23618,9 +23866,6 @@ class Gn4Repository {
     recordHasDraft(uniqueIdentifier) {
         return this.getRecordFromLocalStorage(uniqueIdentifier) !== null;
     }
-    isRecordNotYetSaved(uniqueIdentifier) {
-        return uniqueIdentifier.startsWith(TEMPORARY_ID_PREFIX);
-    }
     // generated by copilot
     getAllDrafts() {
         const items = { ...window.localStorage };
@@ -23642,7 +23887,7 @@ class Gn4Repository {
     }
     hasRecordChangedSinceDraft(localRecord) {
         return of({
-            isUnsaved: this.isRecordNotYetSaved(localRecord.uniqueIdentifier),
+            isUnsaved: !localRecord.uniqueIdentifier,
             hasDraft: this.recordHasDraft(localRecord.uniqueIdentifier),
         }).pipe(switchMap(({ isUnsaved, hasDraft }) => {
             if (isUnsaved || !hasDraft) {
@@ -26124,6 +26369,7 @@ class ButtonComponent {
     handleClick(event) {
         this.buttonClick.emit();
         event.preventDefault();
+        event.currentTarget.blur();
         propagateToDocumentOnly(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
@@ -26542,42 +26788,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Output
             }] } });
 
-class DateRangePickerComponent {
-    constructor() {
-        this.startDateChange = new EventEmitter();
-        this.endDateChange = new EventEmitter();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DateRangePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DateRangePickerComponent, isStandalone: true, selector: "gn-ui-date-range-picker", inputs: { startDate: "startDate", endDate: "endDate" }, outputs: { startDateChange: "startDateChange", endDateChange: "endDateChange" }, providers: [
-            provideIcons({ iconoirCalendar }),
-            provideNgIconsConfig({
-                size: '1.5rem',
-            }),
-        ], ngImport: i0, template: "<span class=\"w-full inline-block relative\">\n  <mat-date-range-input [rangePicker]=\"picker\" class=\"gn-ui-text-input\">\n    <input\n      matStartDate\n      placeholder=\"Start date\"\n      [value]=\"startDate\"\n      (dateInput)=\"startDateChange.emit($event.value)\"\n    />\n    <input\n      matEndDate\n      placeholder=\"End date\"\n      [value]=\"endDate\"\n      (dateInput)=\"endDateChange.emit($event.value)\"\n    />\n  </mat-date-range-input>\n\n  <gn-ui-button\n    type=\"light\"\n    class=\"absolute inset-y-[var(--side-padding)] right-[var(--side-padding)] z-10\"\n    (buttonClick)=\"picker.open()\"\n    extraClass=\"h-full\"\n    data-cy=\"date-picker-button\"\n  >\n    <ng-icon name=\"iconoirCalendar\" class=\"text-primary\"></ng-icon>\n  </gn-ui-button>\n</span>\n<mat-date-range-picker #picker></mat-date-range-picker>\n", styles: [":host{--gn-ui-button-rounded: 8px;--gn-ui-button-width: 32px;--gn-ui-button-padding: 0;--side-padding: calc(var(--gn-ui-text-input-padding, .6em) - 6px);--text-padding: calc(var(--side-padding) + 40px)}\n"], dependencies: [{ kind: "ngmodule", type: MatNativeDateModule }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i1$8.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i1$8.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i1$8.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i1$8.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { 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: DateRangePickerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gn-ui-date-range-picker', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
-                        MatNativeDateModule,
-                        MatDatepickerModule,
-                        ButtonComponent,
-                        NgIconComponent,
-                    ], providers: [
-                        provideIcons({ iconoirCalendar }),
-                        provideNgIconsConfig({
-                            size: '1.5rem',
-                        }),
-                    ], template: "<span class=\"w-full inline-block relative\">\n  <mat-date-range-input [rangePicker]=\"picker\" class=\"gn-ui-text-input\">\n    <input\n      matStartDate\n      placeholder=\"Start date\"\n      [value]=\"startDate\"\n      (dateInput)=\"startDateChange.emit($event.value)\"\n    />\n    <input\n      matEndDate\n      placeholder=\"End date\"\n      [value]=\"endDate\"\n      (dateInput)=\"endDateChange.emit($event.value)\"\n    />\n  </mat-date-range-input>\n\n  <gn-ui-button\n    type=\"light\"\n    class=\"absolute inset-y-[var(--side-padding)] right-[var(--side-padding)] z-10\"\n    (buttonClick)=\"picker.open()\"\n    extraClass=\"h-full\"\n    data-cy=\"date-picker-button\"\n  >\n    <ng-icon name=\"iconoirCalendar\" class=\"text-primary\"></ng-icon>\n  </gn-ui-button>\n</span>\n<mat-date-range-picker #picker></mat-date-range-picker>\n", styles: [":host{--gn-ui-button-rounded: 8px;--gn-ui-button-width: 32px;--gn-ui-button-padding: 0;--side-padding: calc(var(--gn-ui-text-input-padding, .6em) - 6px);--text-padding: calc(var(--side-padding) + 40px)}\n"] }]
-        }], propDecorators: { startDate: [{
-                type: Input
-            }], endDate: [{
-                type: Input
-            }], startDateChange: [{
-                type: Output
-            }], endDateChange: [{
-                type: Output
-            }] } });
-
 class DateRangeDropdownComponent {
     constructor(overlayContainer, cdr) {
         this.overlayContainer = overlayContainer;
@@ -26632,6 +26842,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 args: ['picker']
             }] } });
 
+class DateRangePickerComponent {
+    constructor() {
+        this.startDateChange = new EventEmitter();
+        this.endDateChange = new EventEmitter();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DateRangePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DateRangePickerComponent, isStandalone: true, selector: "gn-ui-date-range-picker", inputs: { startDate: "startDate", endDate: "endDate" }, outputs: { startDateChange: "startDateChange", endDateChange: "endDateChange" }, providers: [
+            provideIcons({ iconoirCalendar }),
+            provideNgIconsConfig({
+                size: '1.5rem',
+            }),
+        ], ngImport: i0, template: "<span class=\"w-full inline-block relative\">\n  <mat-date-range-input [rangePicker]=\"picker\" class=\"gn-ui-text-input\">\n    <input\n      matStartDate\n      placeholder=\"Start date\"\n      [value]=\"startDate\"\n      (dateInput)=\"startDateChange.emit($event.value)\"\n    />\n    <input\n      matEndDate\n      placeholder=\"End date\"\n      [value]=\"endDate\"\n      (dateInput)=\"endDateChange.emit($event.value)\"\n    />\n  </mat-date-range-input>\n\n  <gn-ui-button\n    type=\"light\"\n    class=\"absolute inset-y-[var(--side-padding)] right-[var(--side-padding)] z-10\"\n    (buttonClick)=\"picker.open()\"\n    extraClass=\"h-full\"\n    data-cy=\"date-picker-button\"\n  >\n    <ng-icon name=\"iconoirCalendar\" class=\"text-primary\"></ng-icon>\n  </gn-ui-button>\n</span>\n<mat-date-range-picker #picker></mat-date-range-picker>\n", styles: [":host{--gn-ui-button-rounded: 8px;--gn-ui-button-width: 32px;--gn-ui-button-padding: 0;--side-padding: calc(var(--gn-ui-text-input-padding, .6em) - 6px);--text-padding: calc(var(--side-padding) + 40px)}\n"], dependencies: [{ kind: "ngmodule", type: MatNativeDateModule }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i1$8.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i1$8.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i1$8.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i1$8.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { 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: DateRangePickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-date-range-picker', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        MatNativeDateModule,
+                        MatDatepickerModule,
+                        ButtonComponent,
+                        NgIconComponent,
+                    ], providers: [
+                        provideIcons({ iconoirCalendar }),
+                        provideNgIconsConfig({
+                            size: '1.5rem',
+                        }),
+                    ], template: "<span class=\"w-full inline-block relative\">\n  <mat-date-range-input [rangePicker]=\"picker\" class=\"gn-ui-text-input\">\n    <input\n      matStartDate\n      placeholder=\"Start date\"\n      [value]=\"startDate\"\n      (dateInput)=\"startDateChange.emit($event.value)\"\n    />\n    <input\n      matEndDate\n      placeholder=\"End date\"\n      [value]=\"endDate\"\n      (dateInput)=\"endDateChange.emit($event.value)\"\n    />\n  </mat-date-range-input>\n\n  <gn-ui-button\n    type=\"light\"\n    class=\"absolute inset-y-[var(--side-padding)] right-[var(--side-padding)] z-10\"\n    (buttonClick)=\"picker.open()\"\n    extraClass=\"h-full\"\n    data-cy=\"date-picker-button\"\n  >\n    <ng-icon name=\"iconoirCalendar\" class=\"text-primary\"></ng-icon>\n  </gn-ui-button>\n</span>\n<mat-date-range-picker #picker></mat-date-range-picker>\n", styles: [":host{--gn-ui-button-rounded: 8px;--gn-ui-button-width: 32px;--gn-ui-button-padding: 0;--side-padding: calc(var(--gn-ui-text-input-padding, .6em) - 6px);--text-padding: calc(var(--side-padding) + 40px)}\n"] }]
+        }], propDecorators: { startDate: [{
+                type: Input
+            }], endDate: [{
+                type: Input
+            }], startDateChange: [{
+                type: Output
+            }], endDateChange: [{
+                type: Output
+            }] } });
+
 const placeholder = 'dropFile';
 marker('dropFile');
 class DragAndDropFileInputComponent {
@@ -27081,221 +27327,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Output
             }] } });
 
-class NavigationButtonComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NavigationButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: NavigationButtonComponent, isStandalone: true, selector: "gn-ui-navigation-button", inputs: { label: "label", icon: "icon" }, ngImport: i0, template: "<button\n  class=\"group flex items-center justify-center gap-1 backdrop-blur p-1 bg-primary-opacity-30 rounded content-center\"\n>\n  <ng-icon [name]=\"icon\" class=\"align-middle w-[18px]\"></ng-icon>\n  <span\n    class=\"mx-2 mt-0.5 text-[16px] tracking-widest content-center opacity-75\"\n    >{{ label.toUpperCase() }}</span\n  >\n</button>\n", styles: ["button{color:var(--navigation-button-color, --color-background)}\n"], dependencies: [{ kind: "component", type: NgIcon, 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: NavigationButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gn-ui-navigation-button', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgIcon], standalone: true, template: "<button\n  class=\"group flex items-center justify-center gap-1 backdrop-blur p-1 bg-primary-opacity-30 rounded content-center\"\n>\n  <ng-icon [name]=\"icon\" class=\"align-middle w-[18px]\"></ng-icon>\n  <span\n    class=\"mx-2 mt-0.5 text-[16px] tracking-widest content-center opacity-75\"\n    >{{ label.toUpperCase() }}</span\n  >\n</button>\n", styles: ["button{color:var(--navigation-button-color, --color-background)}\n"] }]
-        }], propDecorators: { label: [{
-                type: Input
-            }], icon: [{
-                type: Input
-            }] } });
-
-class SearchInputComponent {
-    constructor() {
-        this.value = '';
-        this.placeholder = '';
-        this.rawChange = new Subject();
-        this.valueChange = this.rawChange.pipe(distinctUntilChanged$1());
-    }
-    handleChange($event) {
-        const value = $event.target.value;
-        this.rawChange.next(value);
-    }
-    clear() {
-        this.value = null;
-        this.rawChange.next(null);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SearchInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SearchInputComponent, isStandalone: true, selector: "gn-ui-search-input", inputs: { value: "value", placeholder: "placeholder" }, outputs: { valueChange: "valueChange" }, providers: [
-            provideIcons({ matSearch, matClose }),
-            provideNgIconsConfig({
-                size: '1.5em',
-            }),
-        ], ngImport: i0, template: "<div class=\"h-full relative text-gray-300\">\n  <input\n    #input\n    class=\"peer h-full appearance-none border border-gray-300 rounded w-full p-2 pl-10 text-gray-700 leading-tight hover:border-primary focus:text-primary focus:outline-none focus:border-primary focus:border-2\"\n    type=\"text\"\n    [value]=\"value\"\n    [placeholder]=\"placeholder\"\n    (change)=\"handleChange($event)\"\n    (input)=\"handleChange($event)\"\n  />\n  <div\n    class=\"absolute inset-y-0 left-0 pl-2.5 flex items-center peer-hover:text-primary peer-focus:text-primary\"\n  >\n    <ng-icon name=\"matSearch\"></ng-icon>\n  </div>\n  <button\n    *ngIf=\"rawChange | async\"\n    type=\"button\"\n    class=\"text-primary-lightest hover:text-primary absolute transition-all duration-100 inset-y-0 right-0 pr-2.5\"\n    aria-label=\"Clear\"\n    (click)=\"clear()\"\n  >\n    <ng-icon name=\"matClose\" class=\"align-middle\"></ng-icon>\n  </button>\n</div>\n", 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: 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: SearchInputComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gn-ui-search-input', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, NgIconComponent], providers: [
-                        provideIcons({ matSearch, matClose }),
-                        provideNgIconsConfig({
-                            size: '1.5em',
-                        }),
-                    ], template: "<div class=\"h-full relative text-gray-300\">\n  <input\n    #input\n    class=\"peer h-full appearance-none border border-gray-300 rounded w-full p-2 pl-10 text-gray-700 leading-tight hover:border-primary focus:text-primary focus:outline-none focus:border-primary focus:border-2\"\n    type=\"text\"\n    [value]=\"value\"\n    [placeholder]=\"placeholder\"\n    (change)=\"handleChange($event)\"\n    (input)=\"handleChange($event)\"\n  />\n  <div\n    class=\"absolute inset-y-0 left-0 pl-2.5 flex items-center peer-hover:text-primary peer-focus:text-primary\"\n  >\n    <ng-icon name=\"matSearch\"></ng-icon>\n  </div>\n  <button\n    *ngIf=\"rawChange | async\"\n    type=\"button\"\n    class=\"text-primary-lightest hover:text-primary absolute transition-all duration-100 inset-y-0 right-0 pr-2.5\"\n    aria-label=\"Clear\"\n    (click)=\"clear()\"\n  >\n    <ng-icon name=\"matClose\" class=\"align-middle\"></ng-icon>\n  </button>\n</div>\n" }]
-        }], propDecorators: { value: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], valueChange: [{
-                type: Output
-            }] } });
-
-class StarToggleComponent {
-    constructor() {
-        this.disabled = false;
-        this.newValue = new EventEmitter();
-    }
-    toggle(event) {
-        if (!this.disabled) {
-            this.toggled = !this.toggled;
-            if (this.toggled) {
-                const anim = this.overlay.nativeElement.getAnimations()[0];
-                anim.cancel();
-                anim.play();
-            }
-            this.newValue.emit(this.toggled);
-        }
-        propagateToDocumentOnly(event);
-        event.preventDefault();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StarToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: StarToggleComponent, isStandalone: true, selector: "gn-ui-star-toggle", inputs: { toggled: "toggled", disabled: "disabled" }, outputs: { newValue: "newValue" }, viewQueries: [{ propertyName: "overlay", first: true, predicate: ["starOverlay"], descendants: true }], ngImport: i0, template: "<div class=\"inline-block relative align-middle\" style=\"line-height: 0.7em\">\n  <button\n    type=\"button\"\n    class=\"-m-[8px] p-[8px]\"\n    (click)=\"toggle($event)\"\n    [ngClass]=\"{\n      enabled: toggled,\n      'disabled opacity-45': !toggled,\n      'transition hover:scale-125 will-change-transform': !disabled,\n      'cursor-default': disabled,\n    }\"\n  >\n    <ng-icon [name]=\"toggled ? 'matStar' : 'matStarBorder'\"></ng-icon>\n  </button>\n  <svg\n    #starOverlay\n    class=\"star-toggle-overlay\"\n    width=\"40px\"\n    height=\"40px\"\n    viewBox=\"-15 -15 30 30\"\n  >\n    <g>\n      <path d=\"M 0,13.229167 V 0\" />\n      <path d=\"M -12.484186,4.0880377 0,0\" />\n      <path d=\"M -7.6784102,-10.70262 0,0\" />\n      <path d=\"M 7.8734079,-10.70262 0,0\" />\n      <path d=\"M 12.679184,4.0880376 0,0\" />\n    </g>\n  </svg>\n</div>\n", styles: ["button.enabled{color:var(--star-toggle-enabled-color, var(--color-secondary))}button.disabled{color:var(--star-toggle-disabled-color, var(--color-primary))}.star-filled{font-variation-settings:\"FILL\" 1}.star-toggle-overlay{stroke:var(--color-secondary);stroke-width:3.5px;stroke-linecap:round;position:absolute;top:50%;left:50%;width:2.5em;height:2.5em;transform:translate(-50%,-50%);pointer-events:none;stroke-dasharray:5 20;stroke-dashoffset:-15;animation:overlay-dash .8s cubic-bezier(.16,.66,.44,.96) forwards;animation-play-state:paused}@keyframes overlay-dash{to{stroke-dashoffset:7}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], viewProviders: [provideIcons({ matStar, matStarBorder })], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StarToggleComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gn-ui-star-toggle', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, NgIcon], viewProviders: [provideIcons({ matStar, matStarBorder })], template: "<div class=\"inline-block relative align-middle\" style=\"line-height: 0.7em\">\n  <button\n    type=\"button\"\n    class=\"-m-[8px] p-[8px]\"\n    (click)=\"toggle($event)\"\n    [ngClass]=\"{\n      enabled: toggled,\n      'disabled opacity-45': !toggled,\n      'transition hover:scale-125 will-change-transform': !disabled,\n      'cursor-default': disabled,\n    }\"\n  >\n    <ng-icon [name]=\"toggled ? 'matStar' : 'matStarBorder'\"></ng-icon>\n  </button>\n  <svg\n    #starOverlay\n    class=\"star-toggle-overlay\"\n    width=\"40px\"\n    height=\"40px\"\n    viewBox=\"-15 -15 30 30\"\n  >\n    <g>\n      <path d=\"M 0,13.229167 V 0\" />\n      <path d=\"M -12.484186,4.0880377 0,0\" />\n      <path d=\"M -7.6784102,-10.70262 0,0\" />\n      <path d=\"M 7.8734079,-10.70262 0,0\" />\n      <path d=\"M 12.679184,4.0880376 0,0\" />\n    </g>\n  </svg>\n</div>\n", styles: ["button.enabled{color:var(--star-toggle-enabled-color, var(--color-secondary))}button.disabled{color:var(--star-toggle-disabled-color, var(--color-primary))}.star-filled{font-variation-settings:\"FILL\" 1}.star-toggle-overlay{stroke:var(--color-secondary);stroke-width:3.5px;stroke-linecap:round;position:absolute;top:50%;left:50%;width:2.5em;height:2.5em;transform:translate(-50%,-50%);pointer-events:none;stroke-dasharray:5 20;stroke-dashoffset:-15;animation:overlay-dash .8s cubic-bezier(.16,.66,.44,.96) forwards;animation-play-state:paused}@keyframes overlay-dash{to{stroke-dashoffset:7}}\n"] }]
-        }], propDecorators: { toggled: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], newValue: [{
-                type: Output
-            }], overlay: [{
-                type: ViewChild,
-                args: ['starOverlay']
-            }] } });
-
-class TextAreaComponent {
-    constructor() {
-        this.value = '';
-        this.disabled = false;
-        this.extraClass = '';
-        this.placeholder = '';
-        this.required = false;
-        this.rawChange = new Subject();
-        this.valueChange = this.rawChange.pipe(distinctUntilChanged());
-    }
-    ngAfterViewInit() {
-        this.checkRequired(this.input.nativeElement.value);
-    }
-    checkRequired(value) {
-        this.input.nativeElement.classList.toggle('invalid', this.required && value === '');
-    }
-    handleChange($event) {
-        const value = $event.target.value;
-        this.checkRequired(value);
-        this.rawChange.next(value);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TextAreaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TextAreaComponent, isStandalone: true, selector: "gn-ui-text-area", inputs: { value: "value", disabled: "disabled", extraClass: "extraClass", placeholder: "placeholder", required: "required" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<div class=\"h-full flex\">\n  <textarea\n    #input\n    name=\"textArea\"\n    class=\"gn-ui-text-input leading-tight\"\n    [ngClass]=\"extraClass\"\n    [disabled]=\"disabled\"\n    [placeholder]=\"placeholder\"\n    [value]=\"value ?? ''\"\n    (change)=\"handleChange($event)\"\n    (input)=\"handleChange($event)\"\n    [attr.required]=\"required || null\"\n  ></textarea>\n</div>\n", styles: [".invalid{border-color:var(--color-secondary)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TextAreaComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gn-ui-text-area', standalone: true, imports: [CommonModule], template: "<div class=\"h-full flex\">\n  <textarea\n    #input\n    name=\"textArea\"\n    class=\"gn-ui-text-input leading-tight\"\n    [ngClass]=\"extraClass\"\n    [disabled]=\"disabled\"\n    [placeholder]=\"placeholder\"\n    [value]=\"value ?? ''\"\n    (change)=\"handleChange($event)\"\n    (input)=\"handleChange($event)\"\n    [attr.required]=\"required || null\"\n  ></textarea>\n</div>\n", styles: [".invalid{border-color:var(--color-secondary)}\n"] }]
-        }], propDecorators: { value: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], extraClass: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], required: [{
-                type: Input
-            }], valueChange: [{
-                type: Output
-            }], input: [{
-                type: ViewChild,
-                args: ['input']
-            }] } });
-
-class TextInputComponent {
-    constructor() {
-        this.value = '';
-        this.extraClass = '';
-        this.required = false;
-        this.rawChange = new Subject();
-        this.valueChange = this.rawChange.pipe(distinctUntilChanged());
-    }
-    ngAfterViewInit() {
-        this.checkRequired(this.input.nativeElement.value);
-    }
-    checkRequired(value) {
-        this.input.nativeElement.classList.toggle('invalid', this.required && value === '');
-    }
-    handleChange($event) {
-        const value = $event.target.value;
-        this.checkRequired(value);
-        this.rawChange.next(value);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TextInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TextInputComponent, isStandalone: true, selector: "gn-ui-text-input", inputs: { value: "value", extraClass: "extraClass", placeholder: "placeholder", required: "required", disabled: "disabled" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<input\n  #input\n  class=\"gn-ui-text-input\"\n  [ngClass]=\"extraClass\"\n  type=\"text\"\n  [value]=\"value\"\n  (change)=\"handleChange($event)\"\n  (input)=\"handleChange($event)\"\n  [placeholder]=\"placeholder\"\n  [attr.aria-label]=\"placeholder\"\n  [attr.required]=\"required || null\"\n  [disabled]=\"disabled\"\n/>\n", styles: [".invalid{border-color:var(--color-secondary)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TextInputComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gn-ui-text-input', standalone: true, imports: [CommonModule], template: "<input\n  #input\n  class=\"gn-ui-text-input\"\n  [ngClass]=\"extraClass\"\n  type=\"text\"\n  [value]=\"value\"\n  (change)=\"handleChange($event)\"\n  (input)=\"handleChange($event)\"\n  [placeholder]=\"placeholder\"\n  [attr.aria-label]=\"placeholder\"\n  [attr.required]=\"required || null\"\n  [disabled]=\"disabled\"\n/>\n", styles: [".invalid{border-color:var(--color-secondary)}\n"] }]
-        }], propDecorators: { value: [{
-                type: Input
-            }], extraClass: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], required: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], valueChange: [{
-                type: Output
-            }], input: [{
-                type: ViewChild,
-                args: ['input']
-            }] } });
-
-class ViewportIntersectorComponent {
-    constructor(vcRef) {
-        this.vcRef = vcRef;
-        this.isInViewport = new EventEmitter();
-        this.entersViewport = this.isInViewport.pipe(filter((inViewport) => inViewport), map$1(() => undefined));
-        this.exitsViewport = this.isInViewport.pipe(filter((inViewport) => !inViewport), map$1(() => undefined));
-    }
-    ngOnInit() {
-        const elToObserve = this.vcRef.element.nativeElement;
-        this.observeInputElement(elToObserve);
-    }
-    ngOnDestroy() {
-        const elToObserve = this.vcRef.element.nativeElement;
-        this.unObserveInputElement(elToObserve);
-    }
-    observeInputElement(elToObserve) {
-        if (!this.observer) {
-            this.observer = new IntersectionObserver((entries) => {
-                entries.forEach((entry) => {
-                    this.isInViewport.emit(entry.isIntersecting);
-                });
-            }, { root: null, threshold: 0 });
-        }
-        this.observer.observe(elToObserve);
-    }
-    unObserveInputElement(elToObserve) {
-        this.observer?.unobserve(elToObserve);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ViewportIntersectorComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ViewportIntersectorComponent, selector: "gn-ui-viewport-intersector", outputs: { isInViewport: "isInViewport", entersViewport: "entersViewport", exitsViewport: "exitsViewport" }, ngImport: i0, template: "<div class=\"w-full h-full\"></div>\n", styles: [""] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ViewportIntersectorComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gn-ui-viewport-intersector', template: "<div class=\"w-full h-full\"></div>\n" }]
-        }], ctorParameters: () => [{ type: i0.ViewContainerRef }], propDecorators: { isInViewport: [{
-                type: Output
-            }], entersViewport: [{
-                type: Output
-            }], exitsViewport: [{
-                type: Output
-            }] } });
-
 class FilesDropDirective {
     constructor() {
         this.dragFilesOver = new EventEmitter();
@@ -27369,7 +27400,7 @@ class UrlInputComponent {
         this.cd = cd;
         this.extraClass = '';
         this.placeholder = 'https://';
-        this.showUploadButton = true;
+        this.showValidateButton = true;
         /**
          * This will emit null if the field is emptied
          */
@@ -27403,12 +27434,12 @@ 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", showUploadButton: "showUploadButton" }, 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" }, outputs: { valueChange: "valueChange", uploadClick: "uploadClick" }, providers: [
             provideIcons({ iconoirLink, iconoirArrowUp }),
             provideNgIconsConfig({
                 size: '1.5em',
             }),
-        ], ngImport: i0, template: "<span class=\"w-full inline-block relative\">\n  <input\n    #input\n    class=\"gn-ui-text-input px-[var(--text-padding)]\"\n    [ngClass]=\"extraClass\"\n    type=\"url\"\n    [value]=\"inputValue\"\n    (input)=\"handleInput($event)\"\n    (keydown.enter)=\"handleUpload(input)\"\n    [placeholder]=\"placeholder\"\n    [attr.aria-label]=\"placeholder\"\n    [disabled]=\"disabled\"\n  />\n  <div\n    class=\"absolute inset-y-[var(--side-padding)] left-[var(--2x-side-padding)] grid justify-center items-center pointer-events-none\"\n    [ngClass]=\"{\n      'text-primary': !disabled,\n      'text-primary-lightest': disabled,\n    }\"\n  >\n    <ng-icon name=\"iconoirLink\"></ng-icon>\n  </div>\n  <gn-ui-button\n    *ngIf=\"showUploadButton\"\n    extraClass=\"absolute inset-y-[var(--side-padding)] right-[var(--side-padding)]\"\n    type=\"primary\"\n    [disabled]=\"disabled || input.value === '' || !isValidUrl(input.value)\"\n    (buttonClick)=\"handleUpload(input)\"\n  >\n    <ng-icon name=\"iconoirArrowUp\"> </ng-icon>\n  </gn-ui-button>\n</span>\n", styles: [":host{--gn-ui-button-rounded: 8px;--gn-ui-button-width: 32px;--gn-ui-button-padding: 0;--side-padding: calc(var(--gn-ui-text-input-padding, .6rem) - 6px);--2x-side-padding: calc(var(--side-padding) * 2);--text-padding: calc(var(--side-padding) + 40px)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$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: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], ngImport: i0, template: "<span class=\"w-full inline-block relative\">\n  <input\n    #input\n    class=\"gn-ui-text-input gn-ui-url-input px-[var(--text-padding)]\"\n    [ngClass]=\"extraClass\"\n    type=\"url\"\n    [value]=\"inputValue\"\n    (input)=\"handleInput($event)\"\n    (keydown.enter)=\"handleUpload(input)\"\n    [placeholder]=\"placeholder\"\n    [attr.aria-label]=\"placeholder\"\n    [disabled]=\"disabled\"\n  />\n  <div\n    class=\"absolute inset-y-[var(--side-padding)] left-[var(--2x-side-padding)] grid justify-center items-center pointer-events-none\"\n    [ngClass]=\"{\n      'text-primary': !disabled,\n      'text-primary-lightest': disabled,\n    }\"\n  >\n    <ng-icon name=\"iconoirLink\"></ng-icon>\n  </div>\n  <gn-ui-button\n    *ngIf=\"showValidateButton\"\n    extraClass=\"absolute inset-y-[var(--side-padding)] right-[var(--side-padding)]\"\n    type=\"primary\"\n    [disabled]=\"disabled || input.value === '' || !isValidUrl(input.value)\"\n    (buttonClick)=\"handleUpload(input)\"\n  >\n    <ng-content>\n      <ng-icon name=\"iconoirArrowUp\"></ng-icon>\n    </ng-content>\n  </gn-ui-button>\n</span>\n", styles: [":host{--gn-ui-button-rounded: 8px;--gn-ui-button-width: 32px;--gn-ui-button-padding: 0;--side-padding: calc(var(--gn-ui-text-input-padding, .6rem) - 6px);--2x-side-padding: calc(var(--side-padding) * 2);--text-padding: calc(var(--side-padding) + 40px)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$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: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UrlInputComponent, decorators: [{
             type: Component,
@@ -27417,7 +27448,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         provideNgIconsConfig({
                             size: '1.5em',
                         }),
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"w-full inline-block relative\">\n  <input\n    #input\n    class=\"gn-ui-text-input px-[var(--text-padding)]\"\n    [ngClass]=\"extraClass\"\n    type=\"url\"\n    [value]=\"inputValue\"\n    (input)=\"handleInput($event)\"\n    (keydown.enter)=\"handleUpload(input)\"\n    [placeholder]=\"placeholder\"\n    [attr.aria-label]=\"placeholder\"\n    [disabled]=\"disabled\"\n  />\n  <div\n    class=\"absolute inset-y-[var(--side-padding)] left-[var(--2x-side-padding)] grid justify-center items-center pointer-events-none\"\n    [ngClass]=\"{\n      'text-primary': !disabled,\n      'text-primary-lightest': disabled,\n    }\"\n  >\n    <ng-icon name=\"iconoirLink\"></ng-icon>\n  </div>\n  <gn-ui-button\n    *ngIf=\"showUploadButton\"\n    extraClass=\"absolute inset-y-[var(--side-padding)] right-[var(--side-padding)]\"\n    type=\"primary\"\n    [disabled]=\"disabled || input.value === '' || !isValidUrl(input.value)\"\n    (buttonClick)=\"handleUpload(input)\"\n  >\n    <ng-icon name=\"iconoirArrowUp\"> </ng-icon>\n  </gn-ui-button>\n</span>\n", styles: [":host{--gn-ui-button-rounded: 8px;--gn-ui-button-width: 32px;--gn-ui-button-padding: 0;--side-padding: calc(var(--gn-ui-text-input-padding, .6rem) - 6px);--2x-side-padding: calc(var(--side-padding) * 2);--text-padding: calc(var(--side-padding) + 40px)}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"w-full inline-block relative\">\n  <input\n    #input\n    class=\"gn-ui-text-input gn-ui-url-input px-[var(--text-padding)]\"\n    [ngClass]=\"extraClass\"\n    type=\"url\"\n    [value]=\"inputValue\"\n    (input)=\"handleInput($event)\"\n    (keydown.enter)=\"handleUpload(input)\"\n    [placeholder]=\"placeholder\"\n    [attr.aria-label]=\"placeholder\"\n    [disabled]=\"disabled\"\n  />\n  <div\n    class=\"absolute inset-y-[var(--side-padding)] left-[var(--2x-side-padding)] grid justify-center items-center pointer-events-none\"\n    [ngClass]=\"{\n      'text-primary': !disabled,\n      'text-primary-lightest': disabled,\n    }\"\n  >\n    <ng-icon name=\"iconoirLink\"></ng-icon>\n  </div>\n  <gn-ui-button\n    *ngIf=\"showValidateButton\"\n    extraClass=\"absolute inset-y-[var(--side-padding)] right-[var(--side-padding)]\"\n    type=\"primary\"\n    [disabled]=\"disabled || input.value === '' || !isValidUrl(input.value)\"\n    (buttonClick)=\"handleUpload(input)\"\n  >\n    <ng-content>\n      <ng-icon name=\"iconoirArrowUp\"></ng-icon>\n    </ng-content>\n  </gn-ui-button>\n</span>\n", styles: [":host{--gn-ui-button-rounded: 8px;--gn-ui-button-width: 32px;--gn-ui-button-padding: 0;--side-padding: calc(var(--gn-ui-text-input-padding, .6rem) - 6px);--2x-side-padding: calc(var(--side-padding) * 2);--text-padding: calc(var(--side-padding) + 40px)}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { value: [{
                 type: Input
             }], extraClass: [{
@@ -27426,7 +27457,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }], disabled: [{
                 type: Input
-            }], showUploadButton: [{
+            }], showValidateButton: [{
                 type: Input
             }], valueChange: [{
                 type: Output
@@ -27434,100 +27465,49 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Output
             }] } });
 
-class ImageInputComponent {
+class FileInputComponent {
     get isUploadInProgress() {
         return this.uploadProgress !== undefined;
     }
-    constructor(http, cd) {
-        this.http = http;
+    constructor(cd) {
         this.cd = cd;
-        this.disabled = false;
         this.fileChange = new EventEmitter();
         this.urlChange = new EventEmitter();
         this.uploadCancel = new EventEmitter();
-        this.delete = new EventEmitter();
-        this.altTextChange = new EventEmitter();
+        this.disabled = false;
         this.dragFilesOver = false;
-        this.showUrlInput = false;
-        this.downloadError = false;
-        this.showAltTextInput = false;
     }
     getPrimaryText() {
-        if (this.uploadError) {
-            return marker('input.image.uploadErrorLabel');
-        }
         if (this.uploadProgress) {
-            return marker('input.image.uploadProgressLabel');
+            return marker('input.file.uploadProgressLabel');
         }
-        return marker('input.image.selectFileLabel');
+        return marker('input.file.selectFileLabel');
     }
     getSecondaryText() {
-        if (this.uploadError) {
-            return marker('input.image.uploadErrorRetry');
-        }
         if (this.uploadProgress) {
-            return marker('input.image.uploadProgressCancel');
+            return marker('input.file.uploadProgressCancel');
         }
-        return marker('input.image.dropFileLabel');
+        return marker('input.file.dropFileLabel');
     }
     handleDragFilesOver(dragFilesOver) {
-        if (!this.showUrlInput) {
-            this.dragFilesOver = dragFilesOver;
-            this.cd.markForCheck();
-        }
+        this.dragFilesOver = dragFilesOver;
+        this.cd.markForCheck();
     }
     handleDropFiles(files) {
-        if (!this.showUrlInput) {
-            const validFiles = this.filterTypeImage(files);
-            if (validFiles.length > 0) {
-                this.resizeAndEmit(validFiles[0]);
-            }
+        if (files.length > 0) {
+            this.fileChange.emit(files[0]);
         }
     }
     handleFileInput(event) {
-        const inputFiles = Array.from(event.target.files);
-        const validFiles = this.filterTypeImage(inputFiles);
-        if (validFiles.length > 0) {
-            this.resizeAndEmit(validFiles[0]);
-        }
-    }
-    displayUrlInput() {
-        this.uploadCancel.emit();
-        this.showUrlInput = true;
+        this.handleDropFiles(Array.from(event.target.files));
     }
-    async downloadUrl(url) {
-        this.downloadError = false;
-        const name = url.split('/').pop();
-        try {
-            const response = await firstValueFrom(this.http.head(url, { observe: 'response' }));
-            if (response.headers.get('content-type')?.startsWith('image/') &&
-                parseInt(response.headers.get('content-length')) <
-                    megabytesToBytes(this.maxSizeMB)) {
-                this.http.get(url, { responseType: 'blob' }).subscribe({
-                    next: (blob) => {
-                        this.cd.markForCheck();
-                        const file = new File([blob], name);
-                        this.fileChange.emit(file);
-                    },
-                    error: () => {
-                        this.downloadError = true;
-                        this.cd.markForCheck();
-                        this.urlChange.emit(url);
-                    },
-                });
-            }
-        }
-        catch {
-            this.downloadError = true;
-            this.cd.markForCheck();
+    handleUrlChange(url) {
+        if (!url)
             return;
-        }
+        this.urlChange.emit(url);
     }
     handleSecondaryTextClick(event) {
-        if (this.uploadError) {
-            this.handleRetry();
-        }
-        else if (this.uploadProgress) {
+        if (this.uploadProgress) {
             this.handleCancel();
             event.preventDefault();
         }
@@ -27535,97 +27515,291 @@ class ImageInputComponent {
     handleCancel() {
         this.uploadCancel.emit();
     }
-    handleRetry() {
-        switch (this.lastUploadType) {
-            case 'file':
-                this.fileChange.emit(this.lastUploadContent);
-                break;
-            case 'url':
-                this.urlChange.emit(this.lastUploadContent);
-                break;
-        }
-    }
-    handleDelete() {
-        this.delete.emit();
-    }
-    toggleAltTextInput() {
-        this.showAltTextInput = !this.showAltTextInput;
-    }
-    handleAltTextChange(altText) {
-        this.altTextChange.emit(altText);
-    }
-    filterTypeImage(files) {
-        return files.filter((file) => {
-            return file.type.startsWith('image/');
-        });
-    }
-    resizeAndEmit(imageToResize) {
-        const maxSizeBytes = megabytesToBytes(this.maxSizeMB);
-        downgradeImage(imageToResize, maxSizeBytes).then((resizedImage) => {
-            const fileToEmit = new File([resizedImage], imageToResize.name);
-            this.fileChange.emit(fileToEmit);
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ImageInputComponent, deps: [{ token: i1.HttpClient }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ImageInputComponent, isStandalone: true, selector: "gn-ui-image-input", inputs: { maxSizeMB: "maxSizeMB", previewUrl: "previewUrl", altText: "altText", uploadProgress: "uploadProgress", uploadError: "uploadError", disabled: "disabled" }, outputs: { fileChange: "fileChange", urlChange: "urlChange", uploadCancel: "uploadCancel", delete: "delete", altTextChange: "altTextChange" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FileInputComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FileInputComponent, isStandalone: true, selector: "gn-ui-file-input", inputs: { maxSizeMB: "maxSizeMB", uploadProgress: "uploadProgress", disabled: "disabled" }, outputs: { fileChange: "fileChange", urlChange: "urlChange", uploadCancel: "uploadCancel" }, providers: [
             provideIcons({
-                iconoirMediaImage,
+                iconoirCloudUpload,
                 iconoirFramePlusIn,
-                iconoirMediaImageXmark,
-                iconoirBin,
-                iconoirPlus,
-                iconoirLink,
             }),
             provideNgIconsConfig({
-                size: '1.5rem',
+                size: '1.5em',
             }),
-        ], ngImport: i0, template: "<ng-container *ngIf=\"previewUrl; then withImage; else withoutImage\">\n</ng-container>\n\n<ng-template #withImage>\n  <div class=\"w-full h-full flex flex-col gap-2\">\n    <div class=\"flex-1 group relative\">\n      <img\n        class=\"w-full object-cover border-2 border-gray-300 rounded-lg h-[172px]\"\n        [alt]=\"altText\"\n        loading=\"lazy\"\n        [src]=\"previewUrl\"\n      />\n      <gn-ui-button\n        type=\"outline\"\n        style=\"--gn-ui-button-height: 40px; --gn-ui-button-width: 40px\"\n        extraClass=\"absolute right-2 bottom-2 invisible group-hover:visible bg-background\"\n        (buttonClick)=\"handleDelete()\"\n        [disabled]=\"disabled\"\n      >\n        <ng-icon name=\"iconoirBin\"></ng-icon>\n      </gn-ui-button>\n    </div>\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]=\"disabled\"\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", "showUploadButton"], 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"] }], 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"], 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: ImageInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FileInputComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-image-input', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+            args: [{ selector: 'gn-ui-file-input', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         CommonModule,
                         ButtonComponent,
                         FilesDropDirective,
                         MatProgressSpinnerModule,
                         TranslateModule,
                         UrlInputComponent,
-                        TextInputComponent,
                         NgIconComponent,
                     ], providers: [
                         provideIcons({
-                            iconoirMediaImage,
+                            iconoirCloudUpload,
                             iconoirFramePlusIn,
-                            iconoirMediaImageXmark,
-                            iconoirBin,
-                            iconoirPlus,
-                            iconoirLink,
                         }),
                         provideNgIconsConfig({
-                            size: '1.5rem',
+                            size: '1.5em',
                         }),
-                    ], template: "<ng-container *ngIf=\"previewUrl; then withImage; else withoutImage\">\n</ng-container>\n\n<ng-template #withImage>\n  <div class=\"w-full h-full flex flex-col gap-2\">\n    <div class=\"flex-1 group relative\">\n      <img\n        class=\"w-full object-cover border-2 border-gray-300 rounded-lg h-[172px]\"\n        [alt]=\"altText\"\n        loading=\"lazy\"\n        [src]=\"previewUrl\"\n      />\n      <gn-ui-button\n        type=\"outline\"\n        style=\"--gn-ui-button-height: 40px; --gn-ui-button-width: 40px\"\n        extraClass=\"absolute right-2 bottom-2 invisible group-hover:visible bg-background\"\n        (buttonClick)=\"handleDelete()\"\n        [disabled]=\"disabled\"\n      >\n        <ng-icon name=\"iconoirBin\"></ng-icon>\n      </gn-ui-button>\n    </div>\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]=\"disabled\"\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"] }]
-        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i0.ChangeDetectorRef }], propDecorators: { maxSizeMB: [{
+                    ], 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"] }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { maxSizeMB: [{
                 type: Input
-            }], previewUrl: [{
+            }], uploadProgress: [{
                 type: Input
-            }], altText: [{
+            }], fileChange: [{
+                type: Output
+            }], urlChange: [{
+                type: Output
+            }], uploadCancel: [{
+                type: Output
+            }], disabled: [{
                 type: Input
-            }], uploadProgress: [{
+            }] } });
+
+class NavigationButtonComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NavigationButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: NavigationButtonComponent, isStandalone: true, selector: "gn-ui-navigation-button", inputs: { label: "label", icon: "icon" }, ngImport: i0, template: "<button\n  class=\"group flex items-center justify-center gap-1 backdrop-blur p-1 bg-primary-opacity-30 rounded content-center\"\n>\n  <ng-icon [name]=\"icon\" class=\"align-middle w-[18px]\"></ng-icon>\n  <span\n    class=\"mx-2 mt-0.5 text-[16px] tracking-widest content-center opacity-75\"\n    >{{ label.toUpperCase() }}</span\n  >\n</button>\n", styles: ["button{color:var(--navigation-button-color, --color-background)}\n"], dependencies: [{ kind: "component", type: NgIcon, 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: NavigationButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-navigation-button', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgIcon], standalone: true, template: "<button\n  class=\"group flex items-center justify-center gap-1 backdrop-blur p-1 bg-primary-opacity-30 rounded content-center\"\n>\n  <ng-icon [name]=\"icon\" class=\"align-middle w-[18px]\"></ng-icon>\n  <span\n    class=\"mx-2 mt-0.5 text-[16px] tracking-widest content-center opacity-75\"\n    >{{ label.toUpperCase() }}</span\n  >\n</button>\n", styles: ["button{color:var(--navigation-button-color, --color-background)}\n"] }]
+        }], propDecorators: { label: [{
                 type: Input
-            }], uploadError: [{
+            }], icon: [{
+                type: Input
+            }] } });
+
+class SearchInputComponent {
+    constructor() {
+        this.value = '';
+        this.placeholder = '';
+        this.rawChange = new Subject();
+        this.valueChange = this.rawChange.pipe(distinctUntilChanged$1());
+    }
+    handleChange($event) {
+        const value = $event.target.value;
+        this.rawChange.next(value);
+    }
+    clear() {
+        this.value = null;
+        this.rawChange.next(null);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SearchInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SearchInputComponent, isStandalone: true, selector: "gn-ui-search-input", inputs: { value: "value", placeholder: "placeholder" }, outputs: { valueChange: "valueChange" }, providers: [
+            provideIcons({ matSearch, matClose }),
+            provideNgIconsConfig({
+                size: '1.5em',
+            }),
+        ], ngImport: i0, template: "<div class=\"h-full relative text-gray-300\">\n  <input\n    #input\n    class=\"peer h-full appearance-none border border-gray-300 rounded w-full p-2 pl-10 text-gray-700 leading-tight hover:border-primary focus:text-primary focus:outline-none focus:border-primary focus:border-2\"\n    type=\"text\"\n    [value]=\"value\"\n    [placeholder]=\"placeholder\"\n    (change)=\"handleChange($event)\"\n    (input)=\"handleChange($event)\"\n  />\n  <div\n    class=\"absolute inset-y-0 left-0 pl-2.5 flex items-center peer-hover:text-primary peer-focus:text-primary\"\n  >\n    <ng-icon name=\"matSearch\"></ng-icon>\n  </div>\n  <button\n    *ngIf=\"rawChange | async\"\n    type=\"button\"\n    class=\"text-primary-lightest hover:text-primary absolute transition-all duration-100 inset-y-0 right-0 pr-2.5\"\n    aria-label=\"Clear\"\n    (click)=\"clear()\"\n  >\n    <ng-icon name=\"matClose\" class=\"align-middle\"></ng-icon>\n  </button>\n</div>\n", 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: 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: SearchInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-search-input', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, NgIconComponent], providers: [
+                        provideIcons({ matSearch, matClose }),
+                        provideNgIconsConfig({
+                            size: '1.5em',
+                        }),
+                    ], template: "<div class=\"h-full relative text-gray-300\">\n  <input\n    #input\n    class=\"peer h-full appearance-none border border-gray-300 rounded w-full p-2 pl-10 text-gray-700 leading-tight hover:border-primary focus:text-primary focus:outline-none focus:border-primary focus:border-2\"\n    type=\"text\"\n    [value]=\"value\"\n    [placeholder]=\"placeholder\"\n    (change)=\"handleChange($event)\"\n    (input)=\"handleChange($event)\"\n  />\n  <div\n    class=\"absolute inset-y-0 left-0 pl-2.5 flex items-center peer-hover:text-primary peer-focus:text-primary\"\n  >\n    <ng-icon name=\"matSearch\"></ng-icon>\n  </div>\n  <button\n    *ngIf=\"rawChange | async\"\n    type=\"button\"\n    class=\"text-primary-lightest hover:text-primary absolute transition-all duration-100 inset-y-0 right-0 pr-2.5\"\n    aria-label=\"Clear\"\n    (click)=\"clear()\"\n  >\n    <ng-icon name=\"matClose\" class=\"align-middle\"></ng-icon>\n  </button>\n</div>\n" }]
+        }], propDecorators: { value: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }] } });
+
+class StarToggleComponent {
+    constructor() {
+        this.disabled = false;
+        this.newValue = new EventEmitter();
+    }
+    toggle(event) {
+        if (!this.disabled) {
+            this.toggled = !this.toggled;
+            if (this.toggled) {
+                const anim = this.overlay.nativeElement.getAnimations()[0];
+                anim.cancel();
+                anim.play();
+            }
+            this.newValue.emit(this.toggled);
+        }
+        propagateToDocumentOnly(event);
+        event.preventDefault();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StarToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: StarToggleComponent, isStandalone: true, selector: "gn-ui-star-toggle", inputs: { toggled: "toggled", disabled: "disabled" }, outputs: { newValue: "newValue" }, viewQueries: [{ propertyName: "overlay", first: true, predicate: ["starOverlay"], descendants: true }], ngImport: i0, template: "<div class=\"inline-block relative align-middle\" style=\"line-height: 0.7em\">\n  <button\n    type=\"button\"\n    class=\"-m-[8px] p-[8px]\"\n    (click)=\"toggle($event)\"\n    [ngClass]=\"{\n      enabled: toggled,\n      'disabled opacity-45': !toggled,\n      'transition hover:scale-125 will-change-transform': !disabled,\n      'cursor-default': disabled,\n    }\"\n  >\n    <ng-icon [name]=\"toggled ? 'matStar' : 'matStarBorder'\"></ng-icon>\n  </button>\n  <svg\n    #starOverlay\n    class=\"star-toggle-overlay\"\n    width=\"40px\"\n    height=\"40px\"\n    viewBox=\"-15 -15 30 30\"\n  >\n    <g>\n      <path d=\"M 0,13.229167 V 0\" />\n      <path d=\"M -12.484186,4.0880377 0,0\" />\n      <path d=\"M -7.6784102,-10.70262 0,0\" />\n      <path d=\"M 7.8734079,-10.70262 0,0\" />\n      <path d=\"M 12.679184,4.0880376 0,0\" />\n    </g>\n  </svg>\n</div>\n", styles: ["button.enabled{color:var(--star-toggle-enabled-color, var(--color-secondary))}button.disabled{color:var(--star-toggle-disabled-color, var(--color-primary))}.star-filled{font-variation-settings:\"FILL\" 1}.star-toggle-overlay{stroke:var(--color-secondary);stroke-width:3.5px;stroke-linecap:round;position:absolute;top:50%;left:50%;width:2.5em;height:2.5em;transform:translate(-50%,-50%);pointer-events:none;stroke-dasharray:5 20;stroke-dashoffset:-15;animation:overlay-dash .8s cubic-bezier(.16,.66,.44,.96) forwards;animation-play-state:paused}@keyframes overlay-dash{to{stroke-dashoffset:7}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], viewProviders: [provideIcons({ matStar, matStarBorder })], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StarToggleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-star-toggle', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, NgIcon], viewProviders: [provideIcons({ matStar, matStarBorder })], template: "<div class=\"inline-block relative align-middle\" style=\"line-height: 0.7em\">\n  <button\n    type=\"button\"\n    class=\"-m-[8px] p-[8px]\"\n    (click)=\"toggle($event)\"\n    [ngClass]=\"{\n      enabled: toggled,\n      'disabled opacity-45': !toggled,\n      'transition hover:scale-125 will-change-transform': !disabled,\n      'cursor-default': disabled,\n    }\"\n  >\n    <ng-icon [name]=\"toggled ? 'matStar' : 'matStarBorder'\"></ng-icon>\n  </button>\n  <svg\n    #starOverlay\n    class=\"star-toggle-overlay\"\n    width=\"40px\"\n    height=\"40px\"\n    viewBox=\"-15 -15 30 30\"\n  >\n    <g>\n      <path d=\"M 0,13.229167 V 0\" />\n      <path d=\"M -12.484186,4.0880377 0,0\" />\n      <path d=\"M -7.6784102,-10.70262 0,0\" />\n      <path d=\"M 7.8734079,-10.70262 0,0\" />\n      <path d=\"M 12.679184,4.0880376 0,0\" />\n    </g>\n  </svg>\n</div>\n", styles: ["button.enabled{color:var(--star-toggle-enabled-color, var(--color-secondary))}button.disabled{color:var(--star-toggle-disabled-color, var(--color-primary))}.star-filled{font-variation-settings:\"FILL\" 1}.star-toggle-overlay{stroke:var(--color-secondary);stroke-width:3.5px;stroke-linecap:round;position:absolute;top:50%;left:50%;width:2.5em;height:2.5em;transform:translate(-50%,-50%);pointer-events:none;stroke-dasharray:5 20;stroke-dashoffset:-15;animation:overlay-dash .8s cubic-bezier(.16,.66,.44,.96) forwards;animation-play-state:paused}@keyframes overlay-dash{to{stroke-dashoffset:7}}\n"] }]
+        }], propDecorators: { toggled: [{
                 type: Input
             }], disabled: [{
                 type: Input
-            }], fileChange: [{
+            }], newValue: [{
                 type: Output
-            }], urlChange: [{
+            }], overlay: [{
+                type: ViewChild,
+                args: ['starOverlay']
+            }] } });
+
+class SwitchToggleComponent {
+    constructor() {
+        this.ariaLabel = '';
+        this.extraClasses = '';
+        this.disabled = false;
+        this.selectedValue = new EventEmitter();
+    }
+    onChange(selectedOption) {
+        this.options.find((option) => option.label === selectedOption.label).checked = true;
+        this.selectedValue.emit(selectedOption);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SwitchToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SwitchToggleComponent, isStandalone: true, selector: "gn-ui-switch-toggle", inputs: { options: "options", ariaLabel: "ariaLabel", extraClasses: "extraClasses", disabled: "disabled" }, outputs: { selectedValue: "selectedValue" }, ngImport: i0, template: "<mat-button-toggle-group\n  #group=\"matButtonToggleGroup\"\n  multiple=\"false\"\n  class=\"flex w-full\"\n  [disabled]=\"disabled\"\n>\n  <mat-button-toggle\n    *ngFor=\"let option of options\"\n    [aria-label]=\"option.label\"\n    [checked]=\"option.checked\"\n    (change)=\"onChange(option)\"\n    [class]=\"extraClasses\"\n    >{{ option.label | translate }}</mat-button-toggle\n  >\n</mat-button-toggle-group>\n", styles: [":host{--mat-standard-button-toggle-height: 32px}.mat-button-toggle-group-appearance-standard{background-color:var(--color-gray-200);padding:4px;display:flex;gap:4px;border-radius:8px}.mat-button-toggle-appearance-standard{color:#000;background-color:var(--color-gray-200);border-radius:4px;border-left:none;font-family:var(--font-family-main)}.mat-button-toggle-appearance-standard.mat-button-toggle-checked{background-color:#000;color:var(--color-background)}button.mat-button-toggle-button.mat-focus-indicator.mat-button-toggle-label-content,.mat-button-toggle-label-content{line-height:32px}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonToggleModule }, { kind: "directive", type: i1$a.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled", "disabledInteractive", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i1$a.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled", "disabledInteractive"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: TranslateModule }, { 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: SwitchToggleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-switch-toggle', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [MatButtonToggleModule, CommonModule, TranslateModule], template: "<mat-button-toggle-group\n  #group=\"matButtonToggleGroup\"\n  multiple=\"false\"\n  class=\"flex w-full\"\n  [disabled]=\"disabled\"\n>\n  <mat-button-toggle\n    *ngFor=\"let option of options\"\n    [aria-label]=\"option.label\"\n    [checked]=\"option.checked\"\n    (change)=\"onChange(option)\"\n    [class]=\"extraClasses\"\n    >{{ option.label | translate }}</mat-button-toggle\n  >\n</mat-button-toggle-group>\n", styles: [":host{--mat-standard-button-toggle-height: 32px}.mat-button-toggle-group-appearance-standard{background-color:var(--color-gray-200);padding:4px;display:flex;gap:4px;border-radius:8px}.mat-button-toggle-appearance-standard{color:#000;background-color:var(--color-gray-200);border-radius:4px;border-left:none;font-family:var(--font-family-main)}.mat-button-toggle-appearance-standard.mat-button-toggle-checked{background-color:#000;color:var(--color-background)}button.mat-button-toggle-button.mat-focus-indicator.mat-button-toggle-label-content,.mat-button-toggle-label-content{line-height:32px}\n"] }]
+        }], propDecorators: { options: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input
+            }], extraClasses: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], selectedValue: [{
                 type: Output
-            }], uploadCancel: [{
+            }] } });
+
+class TextAreaComponent {
+    constructor() {
+        this.value = '';
+        this.disabled = false;
+        this.extraClass = '';
+        this.placeholder = '';
+        this.required = false;
+        this.rawChange = new Subject();
+        this.valueChange = this.rawChange.pipe(distinctUntilChanged());
+    }
+    ngAfterViewInit() {
+        this.checkRequired(this.input.nativeElement.value);
+    }
+    checkRequired(value) {
+        this.input.nativeElement.classList.toggle('invalid', this.required && value === '');
+    }
+    handleChange($event) {
+        const value = $event.target.value;
+        this.checkRequired(value);
+        this.rawChange.next(value);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TextAreaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TextAreaComponent, isStandalone: true, selector: "gn-ui-text-area", inputs: { value: "value", disabled: "disabled", extraClass: "extraClass", placeholder: "placeholder", required: "required" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<div class=\"h-full flex\">\n  <textarea\n    #input\n    name=\"textArea\"\n    class=\"gn-ui-text-input leading-tight\"\n    [ngClass]=\"extraClass\"\n    [disabled]=\"disabled\"\n    [placeholder]=\"placeholder\"\n    [value]=\"value ?? ''\"\n    (change)=\"handleChange($event)\"\n    (input)=\"handleChange($event)\"\n    [attr.required]=\"required || null\"\n  ></textarea>\n</div>\n", styles: [".invalid{border-color:var(--color-secondary)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TextAreaComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-text-area', standalone: true, imports: [CommonModule], template: "<div class=\"h-full flex\">\n  <textarea\n    #input\n    name=\"textArea\"\n    class=\"gn-ui-text-input leading-tight\"\n    [ngClass]=\"extraClass\"\n    [disabled]=\"disabled\"\n    [placeholder]=\"placeholder\"\n    [value]=\"value ?? ''\"\n    (change)=\"handleChange($event)\"\n    (input)=\"handleChange($event)\"\n    [attr.required]=\"required || null\"\n  ></textarea>\n</div>\n", styles: [".invalid{border-color:var(--color-secondary)}\n"] }]
+        }], propDecorators: { value: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], extraClass: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], required: [{
+                type: Input
+            }], valueChange: [{
                 type: Output
-            }], delete: [{
+            }], input: [{
+                type: ViewChild,
+                args: ['input']
+            }] } });
+
+class TextInputComponent {
+    constructor() {
+        this.value = '';
+        this.extraClass = '';
+        this.required = false;
+        this.rawChange = new Subject();
+        this.valueChange = this.rawChange.pipe(distinctUntilChanged());
+    }
+    ngAfterViewInit() {
+        this.checkRequired(this.input.nativeElement.value);
+    }
+    checkRequired(value) {
+        this.input.nativeElement.classList.toggle('invalid', this.required && value === '');
+    }
+    handleChange($event) {
+        const value = $event.target.value;
+        this.checkRequired(value);
+        this.rawChange.next(value);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TextInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TextInputComponent, isStandalone: true, selector: "gn-ui-text-input", inputs: { value: "value", extraClass: "extraClass", placeholder: "placeholder", required: "required", disabled: "disabled" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<input\n  #input\n  class=\"gn-ui-text-input\"\n  [ngClass]=\"extraClass\"\n  type=\"text\"\n  [value]=\"value\"\n  (change)=\"handleChange($event)\"\n  (input)=\"handleChange($event)\"\n  [placeholder]=\"placeholder\"\n  [attr.aria-label]=\"placeholder\"\n  [attr.required]=\"required || null\"\n  [disabled]=\"disabled\"\n/>\n", styles: [".invalid{border-color:var(--color-secondary)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TextInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-text-input', standalone: true, imports: [CommonModule], template: "<input\n  #input\n  class=\"gn-ui-text-input\"\n  [ngClass]=\"extraClass\"\n  type=\"text\"\n  [value]=\"value\"\n  (change)=\"handleChange($event)\"\n  (input)=\"handleChange($event)\"\n  [placeholder]=\"placeholder\"\n  [attr.aria-label]=\"placeholder\"\n  [attr.required]=\"required || null\"\n  [disabled]=\"disabled\"\n/>\n", styles: [".invalid{border-color:var(--color-secondary)}\n"] }]
+        }], propDecorators: { value: [{
+                type: Input
+            }], extraClass: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], required: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], valueChange: [{
                 type: Output
-            }], altTextChange: [{
+            }], input: [{
+                type: ViewChild,
+                args: ['input']
+            }] } });
+
+class ViewportIntersectorComponent {
+    constructor(vcRef) {
+        this.vcRef = vcRef;
+        this.isInViewport = new EventEmitter();
+        this.entersViewport = this.isInViewport.pipe(filter((inViewport) => inViewport), map$1(() => undefined));
+        this.exitsViewport = this.isInViewport.pipe(filter((inViewport) => !inViewport), map$1(() => undefined));
+    }
+    ngOnInit() {
+        const elToObserve = this.vcRef.element.nativeElement;
+        this.observeInputElement(elToObserve);
+    }
+    ngOnDestroy() {
+        const elToObserve = this.vcRef.element.nativeElement;
+        this.unObserveInputElement(elToObserve);
+    }
+    observeInputElement(elToObserve) {
+        if (!this.observer) {
+            this.observer = new IntersectionObserver((entries) => {
+                entries.forEach((entry) => {
+                    this.isInViewport.emit(entry.isIntersecting);
+                });
+            }, { root: null, threshold: 0 });
+        }
+        this.observer.observe(elToObserve);
+    }
+    unObserveInputElement(elToObserve) {
+        this.observer?.unobserve(elToObserve);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ViewportIntersectorComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ViewportIntersectorComponent, selector: "gn-ui-viewport-intersector", outputs: { isInViewport: "isInViewport", entersViewport: "entersViewport", exitsViewport: "exitsViewport" }, ngImport: i0, template: "<div class=\"w-full h-full\"></div>\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ViewportIntersectorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-viewport-intersector', template: "<div class=\"w-full h-full\"></div>\n" }]
+        }], ctorParameters: () => [{ type: i0.ViewContainerRef }], propDecorators: { isInViewport: [{
+                type: Output
+            }], entersViewport: [{
+                type: Output
+            }], exitsViewport: [{
                 type: Output
             }] } });
 
@@ -27652,7 +27826,6 @@ class UiInputsModule {
             EditableLabelDirective,
             TextAreaComponent,
             ButtonComponent,
-            ImageInputComponent,
             DropdownSelectorComponent,
             DateRangePickerComponent,
             CheckToggleComponent,
@@ -27668,7 +27841,6 @@ class UiInputsModule {
             CheckboxComponent,
             DateRangePickerComponent,
             EditableLabelDirective,
-            ImageInputComponent,
             BadgeComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UiInputsModule, providers: [
             provideIcons({
@@ -27696,7 +27868,6 @@ class UiInputsModule {
             MatDatepickerModule,
             MatNativeDateModule,
             TextAreaComponent,
-            ImageInputComponent,
             DropdownSelectorComponent,
             DateRangePickerComponent,
             CheckToggleComponent,
@@ -27733,7 +27904,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         EditableLabelDirective,
                         TextAreaComponent,
                         ButtonComponent,
-                        ImageInputComponent,
                         DropdownSelectorComponent,
                         DateRangePickerComponent,
                         CheckToggleComponent,
@@ -27762,135 +27932,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         CheckboxComponent,
                         DateRangePickerComponent,
                         EditableLabelDirective,
-                        ImageInputComponent,
                         BadgeComponent,
                     ],
                 }]
         }] });
 
-class SwitchToggleComponent {
-    constructor() {
-        this.ariaLabel = '';
-        this.extraClasses = '';
-        this.disabled = false;
-        this.selectedValue = new EventEmitter();
-    }
-    onChange(selectedOption) {
-        this.options.find((option) => option.label === selectedOption.label).checked = true;
-        this.selectedValue.emit(selectedOption);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SwitchToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SwitchToggleComponent, isStandalone: true, selector: "gn-ui-switch-toggle", inputs: { options: "options", ariaLabel: "ariaLabel", extraClasses: "extraClasses", disabled: "disabled" }, outputs: { selectedValue: "selectedValue" }, ngImport: i0, template: "<mat-button-toggle-group\n  #group=\"matButtonToggleGroup\"\n  multiple=\"false\"\n  class=\"flex w-full\"\n  [disabled]=\"disabled\"\n>\n  <mat-button-toggle\n    *ngFor=\"let option of options\"\n    [aria-label]=\"option.label\"\n    [checked]=\"option.checked\"\n    (change)=\"onChange(option)\"\n    [class]=\"extraClasses\"\n    >{{ option.label | translate }}</mat-button-toggle\n  >\n</mat-button-toggle-group>\n", styles: [":host{--mat-standard-button-toggle-height: 32px}.mat-button-toggle-group-appearance-standard{background-color:var(--color-gray-200);padding:4px;display:flex;gap:4px;border-radius:8px}.mat-button-toggle-appearance-standard{color:#000;background-color:var(--color-gray-200);border-radius:4px;border-left:none;font-family:var(--font-family-main)}.mat-button-toggle-appearance-standard.mat-button-toggle-checked{background-color:#000;color:var(--color-background)}button.mat-button-toggle-button.mat-focus-indicator.mat-button-toggle-label-content,.mat-button-toggle-label-content{line-height:32px}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonToggleModule }, { kind: "directive", type: i1$a.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled", "disabledInteractive", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i1$a.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled", "disabledInteractive"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: TranslateModule }, { 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: SwitchToggleComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gn-ui-switch-toggle', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [MatButtonToggleModule, CommonModule, TranslateModule], template: "<mat-button-toggle-group\n  #group=\"matButtonToggleGroup\"\n  multiple=\"false\"\n  class=\"flex w-full\"\n  [disabled]=\"disabled\"\n>\n  <mat-button-toggle\n    *ngFor=\"let option of options\"\n    [aria-label]=\"option.label\"\n    [checked]=\"option.checked\"\n    (change)=\"onChange(option)\"\n    [class]=\"extraClasses\"\n    >{{ option.label | translate }}</mat-button-toggle\n  >\n</mat-button-toggle-group>\n", styles: [":host{--mat-standard-button-toggle-height: 32px}.mat-button-toggle-group-appearance-standard{background-color:var(--color-gray-200);padding:4px;display:flex;gap:4px;border-radius:8px}.mat-button-toggle-appearance-standard{color:#000;background-color:var(--color-gray-200);border-radius:4px;border-left:none;font-family:var(--font-family-main)}.mat-button-toggle-appearance-standard.mat-button-toggle-checked{background-color:#000;color:var(--color-background)}button.mat-button-toggle-button.mat-focus-indicator.mat-button-toggle-label-content,.mat-button-toggle-label-content{line-height:32px}\n"] }]
-        }], propDecorators: { options: [{
-                type: Input
-            }], ariaLabel: [{
-                type: Input
-            }], extraClasses: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], selectedValue: [{
-                type: Output
-            }] } });
-
-class FileInputComponent {
-    get isUploadInProgress() {
-        return this.uploadProgress !== undefined;
-    }
-    constructor(cd) {
-        this.cd = cd;
-        this.disabled = false;
-        this.fileChange = new EventEmitter();
-        this.urlChange = new EventEmitter();
-        this.uploadCancel = new EventEmitter();
-        this.dragFilesOver = false;
-    }
-    getPrimaryText() {
-        if (this.uploadProgress) {
-            return marker('input.file.uploadProgressLabel');
-        }
-        return marker('input.file.selectFileLabel');
-    }
-    getSecondaryText() {
-        if (this.uploadProgress) {
-            return marker('input.file.uploadProgressCancel');
-        }
-        return marker('input.file.dropFileLabel');
-    }
-    handleDragFilesOver(dragFilesOver) {
-        this.dragFilesOver = dragFilesOver;
-        this.cd.markForCheck();
-    }
-    handleDropFiles(files) {
-        if (files.length > 0) {
-            this.fileChange.emit(files[0]);
-        }
-    }
-    handleFileInput(event) {
-        this.handleDropFiles(Array.from(event.target.files));
-    }
-    handleUrlChange(url) {
-        if (!url)
-            return;
-        this.urlChange.emit(url);
-    }
-    handleSecondaryTextClick(event) {
-        if (this.uploadProgress) {
-            this.handleCancel();
-            event.preventDefault();
-        }
-    }
-    handleCancel() {
-        this.uploadCancel.emit();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FileInputComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FileInputComponent, isStandalone: true, selector: "gn-ui-file-input", inputs: { maxSizeMB: "maxSizeMB", uploadProgress: "uploadProgress", disabled: "disabled" }, outputs: { fileChange: "fileChange", urlChange: "urlChange", uploadCancel: "uploadCancel" }, providers: [
-            provideIcons({
-                iconoirCloudUpload,
-                iconoirFramePlusIn,
-            }),
-            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", "showUploadButton"], 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,
-            args: [{ selector: 'gn-ui-file-input', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
-                        CommonModule,
-                        ButtonComponent,
-                        FilesDropDirective,
-                        MatProgressSpinnerModule,
-                        TranslateModule,
-                        UrlInputComponent,
-                        NgIconComponent,
-                    ], providers: [
-                        provideIcons({
-                            iconoirCloudUpload,
-                            iconoirFramePlusIn,
-                        }),
-                        provideNgIconsConfig({
-                            size: '1.5em',
-                        }),
-                    ], 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"] }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { maxSizeMB: [{
-                type: Input
-            }], uploadProgress: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], fileChange: [{
-                type: Output
-            }], urlChange: [{
-                type: Output
-            }], uploadCancel: [{
-                type: Output
-            }] } });
-
 class SortableListComponent {
     constructor() {
         this.itemsOrderChange = new EventEmitter();
@@ -29117,6 +29163,202 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Output
             }] } });
 
+class ImageInputComponent {
+    get isUploadInProgress() {
+        return this.uploadProgress !== undefined;
+    }
+    constructor(http, cd) {
+        this.http = http;
+        this.cd = cd;
+        this.disabled = false;
+        this.fileChange = new EventEmitter();
+        this.urlChange = new EventEmitter();
+        this.uploadCancel = new EventEmitter();
+        this.delete = new EventEmitter();
+        this.altTextChange = new EventEmitter();
+        this.dragFilesOver = false;
+        this.showUrlInput = false;
+        this.downloadError = false;
+        this.showAltTextInput = false;
+    }
+    getPrimaryText() {
+        if (this.uploadError) {
+            return marker('input.image.uploadErrorLabel');
+        }
+        if (this.uploadProgress) {
+            return marker('input.image.uploadProgressLabel');
+        }
+        return marker('input.image.selectFileLabel');
+    }
+    getSecondaryText() {
+        if (this.uploadError) {
+            return marker('input.image.uploadErrorRetry');
+        }
+        if (this.uploadProgress) {
+            return marker('input.image.uploadProgressCancel');
+        }
+        return marker('input.image.dropFileLabel');
+    }
+    handleDragFilesOver(dragFilesOver) {
+        if (!this.showUrlInput) {
+            this.dragFilesOver = dragFilesOver;
+            this.cd.markForCheck();
+        }
+    }
+    handleDropFiles(files) {
+        if (!this.showUrlInput) {
+            const validFiles = this.filterTypeImage(files);
+            if (validFiles.length > 0) {
+                this.resizeAndEmit(validFiles[0]);
+            }
+        }
+    }
+    handleFileInput(event) {
+        const inputFiles = Array.from(event.target.files);
+        const validFiles = this.filterTypeImage(inputFiles);
+        if (validFiles.length > 0) {
+            this.resizeAndEmit(validFiles[0]);
+        }
+    }
+    displayUrlInput() {
+        this.uploadCancel.emit();
+        this.showUrlInput = true;
+    }
+    async downloadUrl(url) {
+        this.downloadError = false;
+        const name = url.split('/').pop();
+        try {
+            const response = await firstValueFrom(this.http.head(url, { observe: 'response' }));
+            if (response.headers.get('content-type')?.startsWith('image/') &&
+                parseInt(response.headers.get('content-length')) <
+                    megabytesToBytes(this.maxSizeMB)) {
+                this.http.get(url, { responseType: 'blob' }).subscribe({
+                    next: (blob) => {
+                        this.cd.markForCheck();
+                        const file = new File([blob], name);
+                        this.fileChange.emit(file);
+                    },
+                    error: () => {
+                        this.downloadError = true;
+                        this.cd.markForCheck();
+                        this.urlChange.emit(url);
+                    },
+                });
+            }
+        }
+        catch {
+            this.downloadError = true;
+            this.cd.markForCheck();
+            return;
+        }
+    }
+    handleSecondaryTextClick(event) {
+        if (this.uploadError) {
+            this.handleRetry();
+        }
+        else if (this.uploadProgress) {
+            this.handleCancel();
+            event.preventDefault();
+        }
+    }
+    handleCancel() {
+        this.uploadCancel.emit();
+    }
+    handleRetry() {
+        switch (this.lastUploadType) {
+            case 'file':
+                this.fileChange.emit(this.lastUploadContent);
+                break;
+            case 'url':
+                this.urlChange.emit(this.lastUploadContent);
+                break;
+        }
+    }
+    handleDelete() {
+        this.delete.emit();
+    }
+    toggleAltTextInput() {
+        this.showAltTextInput = !this.showAltTextInput;
+    }
+    handleAltTextChange(altText) {
+        this.altTextChange.emit(altText);
+    }
+    filterTypeImage(files) {
+        return files.filter((file) => {
+            return file.type.startsWith('image/');
+        });
+    }
+    resizeAndEmit(imageToResize) {
+        const maxSizeBytes = megabytesToBytes(this.maxSizeMB);
+        downgradeImage(imageToResize, maxSizeBytes).then((resizedImage) => {
+            const fileToEmit = new File([resizedImage], imageToResize.name);
+            this.fileChange.emit(fileToEmit);
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ImageInputComponent, deps: [{ token: i1.HttpClient }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ImageInputComponent, isStandalone: true, selector: "gn-ui-image-input", inputs: { maxSizeMB: "maxSizeMB", previewUrl: "previewUrl", altText: "altText", uploadProgress: "uploadProgress", uploadError: "uploadError", disabled: "disabled" }, outputs: { fileChange: "fileChange", urlChange: "urlChange", uploadCancel: "uploadCancel", delete: "delete", altTextChange: "altTextChange" }, providers: [
+            provideIcons({
+                iconoirMediaImage,
+                iconoirFramePlusIn,
+                iconoirMediaImageXmark,
+                iconoirBin,
+                iconoirPlus,
+                iconoirLink,
+            }),
+            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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ImageInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-image-input', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        CommonModule,
+                        ButtonComponent,
+                        FilesDropDirective,
+                        MatProgressSpinnerModule,
+                        TranslateModule,
+                        UrlInputComponent,
+                        TextInputComponent,
+                        NgIconComponent,
+                        ImageOverlayPreviewComponent,
+                    ], providers: [
+                        provideIcons({
+                            iconoirMediaImage,
+                            iconoirFramePlusIn,
+                            iconoirMediaImageXmark,
+                            iconoirBin,
+                            iconoirPlus,
+                            iconoirLink,
+                        }),
+                        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"] }]
+        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i0.ChangeDetectorRef }], propDecorators: { maxSizeMB: [{
+                type: Input
+            }], previewUrl: [{
+                type: Input
+            }], altText: [{
+                type: Input
+            }], uploadProgress: [{
+                type: Input
+            }], uploadError: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], fileChange: [{
+                type: Output
+            }], urlChange: [{
+                type: Output
+            }], uploadCancel: [{
+                type: Output
+            }], delete: [{
+                type: Output
+            }], altTextChange: [{
+                type: Output
+            }] } });
+
 class LinkCardComponent {
     constructor() {
         this.compact = false;
@@ -29647,22 +29889,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }] } });
 
-class UserPreviewComponent {
-    get userFullName() {
-        return (this.user.name + ' ' + this.user.surname).trim();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UserPreviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: UserPreviewComponent, selector: "gn-ui-user-preview", inputs: { user: "user", avatarPlaceholder: "avatarPlaceholder" }, ngImport: i0, template: "<figure class=\"text-center\">\n  <div class=\"w-10 h-10 rounded-full capitalize\" [matTooltip]=\"userFullName\">\n    <gn-ui-avatar\n      [avatarUrl]=\"user.profileIcon\"\n      [avatarPlaceholder]=\"avatarPlaceholder\"\n    ></gn-ui-avatar>\n  </div>\n</figure>\n", dependencies: [{ kind: "directive", type: i1$4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: AvatarComponent, selector: "gn-ui-avatar", inputs: ["avatarUrl", "avatarPlaceholder"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UserPreviewComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gn-ui-user-preview', changeDetection: ChangeDetectionStrategy.OnPush, template: "<figure class=\"text-center\">\n  <div class=\"w-10 h-10 rounded-full capitalize\" [matTooltip]=\"userFullName\">\n    <gn-ui-avatar\n      [avatarUrl]=\"user.profileIcon\"\n      [avatarPlaceholder]=\"avatarPlaceholder\"\n    ></gn-ui-avatar>\n  </div>\n</figure>\n" }]
-        }], propDecorators: { user: [{
-                type: Input
-            }], avatarPlaceholder: [{
-                type: Input
-            }] } });
-
 class TimeSincePipe {
     constructor(translate) {
         this.translate = translate;
@@ -29716,6 +29942,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }], ctorParameters: () => [{ type: i1$1.TranslateService }] });
 
+class UserPreviewComponent {
+    get userFullName() {
+        return (this.user.name + ' ' + this.user.surname).trim();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UserPreviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: UserPreviewComponent, selector: "gn-ui-user-preview", inputs: { user: "user", avatarPlaceholder: "avatarPlaceholder" }, ngImport: i0, template: "<figure class=\"text-center\">\n  <div class=\"w-10 h-10 rounded-full capitalize\" [matTooltip]=\"userFullName\">\n    <gn-ui-avatar\n      [avatarUrl]=\"user.profileIcon\"\n      [avatarPlaceholder]=\"avatarPlaceholder\"\n    ></gn-ui-avatar>\n  </div>\n</figure>\n", dependencies: [{ kind: "directive", type: i1$4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: AvatarComponent, selector: "gn-ui-avatar", inputs: ["avatarUrl", "avatarPlaceholder"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UserPreviewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-user-preview', changeDetection: ChangeDetectionStrategy.OnPush, template: "<figure class=\"text-center\">\n  <div class=\"w-10 h-10 rounded-full capitalize\" [matTooltip]=\"userFullName\">\n    <gn-ui-avatar\n      [avatarUrl]=\"user.profileIcon\"\n      [avatarPlaceholder]=\"avatarPlaceholder\"\n    ></gn-ui-avatar>\n  </div>\n</figure>\n" }]
+        }], propDecorators: { user: [{
+                type: Input
+            }], avatarPlaceholder: [{
+                type: Input
+            }] } });
+
 class UiElementsModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UiElementsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: UiElementsModule, declarations: [AvatarComponent, UserPreviewComponent], imports: [CommonModule,
@@ -29732,10 +29974,12 @@ class UiElementsModule {
             TimeSincePipe,
             BadgeComponent,
             MaxLinesComponent,
-            TextInputComponent], exports: [ThumbnailComponent,
+            TextInputComponent,
+            ImageInputComponent], exports: [ThumbnailComponent,
             AvatarComponent,
             UserPreviewComponent,
-            MarkdownParserComponent] }); }
+            MarkdownParserComponent,
+            ImageInputComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UiElementsModule, providers: [
             provideNgIconsConfig({
                 size: '1.5em',
@@ -29753,7 +29997,8 @@ class UiElementsModule {
             ThumbnailComponent,
             BadgeComponent,
             MaxLinesComponent,
-            TextInputComponent] }); }
+            TextInputComponent,
+            ImageInputComponent] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UiElementsModule, decorators: [{
             type: NgModule,
@@ -29776,6 +30021,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         BadgeComponent,
                         MaxLinesComponent,
                         TextInputComponent,
+                        ImageInputComponent,
                     ],
                     providers: [
                         provideNgIconsConfig({
@@ -29788,6 +30034,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         AvatarComponent,
                         UserPreviewComponent,
                         MarkdownParserComponent,
+                        ImageInputComponent,
                     ],
                 }]
         }] });
@@ -30040,7 +30287,6 @@ class ResultsTableComponent {
         this.sortOrder = null;
         this.hasDraft = () => false;
         this.canDuplicate = () => true;
-        this.isUnsavedDraft = () => true;
         this.canDelete = () => true;
         // emits the column (field) as well as the order
         this.sortByChange = new EventEmitter();
@@ -30148,7 +30394,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 }], 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", isUnsavedDraft: "isUnsavedDraft", canDelete: "canDelete" }, outputs: { sortByChange: "sortByChange", recordClick: "recordClick", duplicateRecord: "duplicateRecord", deleteRecord: "deleteRecord", recordsSelectedChange: "recordsSelectedChange" }, providers: [provideIcons({ iconoirUser, matMoreVert })], viewQueries: [{ propertyName: "actionMenuButtons", predicate: ["actionMenuButton"], descendants: true, read: ElementRef }], ngImport: i0, template: "<gn-ui-interactive-table\n  [items]=\"records\"\n  (itemClick)=\"handleRecordClick($event)\"\n>\n  <!-- SELECTED COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'3rem'\">\n    <ng-template #cell let-item>\n      <gn-ui-checkbox\n        [checked]=\"isChecked(item)\"\n        (changed)=\"handleRecordSelectedChange($event, item)\"\n        class=\"-m-2\"\n        type=\"default\"\n      ></gn-ui-checkbox>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- TITLE COLUMN -->\n  <gn-ui-interactive-table-column\n    [sortable]=\"true\"\n    [grow]=\"true\"\n    [activeSort]=\"isSortedBy('resourceTitleObject.default.keyword')\"\n    (sortChange)=\"setSortBy('resourceTitleObject.default.keyword', $event)\"\n  >\n    <ng-template #header>\n      <span translate>record.metadata.title</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div class=\"flex flex-row items-center gap-2 max-w-full font-semibold\">\n        <span data-cy=\"resultItemTitle\" class=\"overflow-hidden text-ellipsis\">{{\n          item.title\n        }}</span>\n        <gn-ui-badge\n          *ngIf=\"hasDraft(item)\"\n          [style.--gn-ui-badge-padding]=\"'0.2em 0.6em'\"\n          [style.--gn-ui-badge-text-size]=\"'12px'\"\n          [style.--gn-ui-badge-text-color]=\"'#3d2006'\"\n          [style.--gn-ui-badge-background-color]=\"'#ffbc7b'\"\n          [style.--gn-ui-badge-rounded]=\"'4px'\"\n        >\n          <span translate>dashboard.records.hasDraft</span>\n        </gn-ui-badge>\n      </div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- FORMATS COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'9rem'\">\n    <ng-template #header>\n      <span translate>record.metadata.formats</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div\n        class=\"flex justify-start items-center gap-2 font-medium\"\n        *ngIf=\"getRecordFormats(item) as formats\"\n        [title]=\"formats.join(', ')\"\n      >\n        <span\n          class=\"badge-btn min-w-[45px] text-xs text-gray-900 px-2 shrink-0\"\n          [style.background-color]=\"getBadgeColor(formats[0])\"\n          *ngIf=\"formats[0]\"\n        >\n          {{ formats[0] }}\n        </span>\n        <span\n          class=\"badge-btn min-w-[45px] text-xs text-gray-900 px-2 shrink-0\"\n          [style.background-color]=\"getBadgeColor(formats[1])\"\n          *ngIf=\"formats[1]\"\n        >\n          {{ formats[1] }}\n        </span>\n        <div class=\"shrink-0 text-xs\" *ngIf=\"formats.slice(2).length > 0\">\n          <span>+{{ formats.slice(2).length }}</span>\n        </div>\n      </div>\n      <div *ngIf=\"!getRecordFormats(item)\"></div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- OWNER COLUMN -->\n  <gn-ui-interactive-table-column\n    [width]=\"'9rem'\"\n    [sortable]=\"true\"\n    [activeSort]=\"isSortedBy('recordOwner')\"\n    (sortChange)=\"setSortBy('recordOwner', $event)\"\n  >\n    <ng-template #header>\n      <span translate>search.filters.user</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <ng-icon name=\"iconoirUser\" size=\"16px\"></ng-icon>\n      <span data-cy=\"ownerInfo\" class=\"text-xs\">{{\n        formatUserInfo(item.extras?.ownerInfo)\n      }}</span>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- STATUS COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'6rem'\">\n    <ng-template #header>\n      <span translate>record.metadata.status</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <span class=\"text-xs\">\n        {{\n          (isUnsavedDraft(item)\n            ? 'record.metadata.status.notPublished'\n            : 'record.metadata.status.published'\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        {{ isUnsavedDraft(item) ? '-' : dateToString(item.recordUpdated) }}\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      >\n        <ng-icon name=\"matMoreVert\"></ng-icon>\n      </gn-ui-button>\n      <ng-template #template>\n        <gn-ui-action-menu\n          [canDuplicate]=\"canDuplicate(item)\"\n          [canDelete]=\"canDelete(item)\"\n          (duplicate)=\"handleDuplicate(item)\"\n          (delete)=\"handleDelete(item)\"\n          (closeActionMenu)=\"closeActionMenu()\"\n        >\n        </gn-ui-action-menu>\n      </ng-template>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n</gn-ui-interactive-table>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$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"], 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" }, outputs: { sortByChange: "sortByChange", recordClick: "recordClick", duplicateRecord: "duplicateRecord", deleteRecord: "deleteRecord", recordsSelectedChange: "recordsSelectedChange" }, providers: [provideIcons({ iconoirUser, matMoreVert })], viewQueries: [{ propertyName: "actionMenuButtons", predicate: ["actionMenuButton"], descendants: true, read: ElementRef }], ngImport: i0, template: "<gn-ui-interactive-table\n  [items]=\"records\"\n  (itemClick)=\"handleRecordClick($event)\"\n>\n  <!-- SELECTED COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'3rem'\">\n    <ng-template #cell let-item>\n      <gn-ui-checkbox\n        [checked]=\"isChecked(item)\"\n        (changed)=\"handleRecordSelectedChange($event, item)\"\n        class=\"-m-2\"\n        type=\"default\"\n      ></gn-ui-checkbox>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- TITLE COLUMN -->\n  <gn-ui-interactive-table-column\n    [sortable]=\"true\"\n    [grow]=\"true\"\n    [activeSort]=\"isSortedBy('resourceTitleObject.default.keyword')\"\n    (sortChange)=\"setSortBy('resourceTitleObject.default.keyword', $event)\"\n  >\n    <ng-template #header>\n      <span translate>record.metadata.title</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div class=\"flex flex-row items-center gap-2 max-w-full font-semibold\">\n        <span data-cy=\"resultItemTitle\" class=\"overflow-hidden text-ellipsis\">{{\n          item.title\n        }}</span>\n        <gn-ui-badge\n          *ngIf=\"hasDraft(item)\"\n          [style.--gn-ui-badge-padding]=\"'0.2em 0.6em'\"\n          [style.--gn-ui-badge-text-size]=\"'12px'\"\n          [style.--gn-ui-badge-text-color]=\"'#3d2006'\"\n          [style.--gn-ui-badge-background-color]=\"'#ffbc7b'\"\n          [style.--gn-ui-badge-rounded]=\"'4px'\"\n        >\n          <span translate>dashboard.records.hasDraft</span>\n        </gn-ui-badge>\n      </div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- FORMATS COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'9rem'\">\n    <ng-template #header>\n      <span translate>record.metadata.formats</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div\n        class=\"flex justify-start items-center gap-2 font-medium\"\n        *ngIf=\"getRecordFormats(item) as formats\"\n        [title]=\"formats.join(', ')\"\n      >\n        <span\n          class=\"badge-btn min-w-[45px] text-xs text-gray-900 px-2 shrink-0\"\n          [style.background-color]=\"getBadgeColor(formats[0])\"\n          *ngIf=\"formats[0]\"\n        >\n          {{ formats[0] }}\n        </span>\n        <span\n          class=\"badge-btn min-w-[45px] text-xs text-gray-900 px-2 shrink-0\"\n          [style.background-color]=\"getBadgeColor(formats[1])\"\n          *ngIf=\"formats[1]\"\n        >\n          {{ formats[1] }}\n        </span>\n        <div class=\"shrink-0 text-xs\" *ngIf=\"formats.slice(2).length > 0\">\n          <span>+{{ formats.slice(2).length }}</span>\n        </div>\n      </div>\n      <div *ngIf=\"!getRecordFormats(item)\"></div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- OWNER COLUMN -->\n  <gn-ui-interactive-table-column\n    [width]=\"'9rem'\"\n    [sortable]=\"true\"\n    [activeSort]=\"isSortedBy('recordOwner')\"\n    (sortChange)=\"setSortBy('recordOwner', $event)\"\n  >\n    <ng-template #header>\n      <span translate>search.filters.user</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <ng-icon name=\"iconoirUser\" size=\"16px\"></ng-icon>\n      <span data-cy=\"ownerInfo\" class=\"text-xs\">{{\n        formatUserInfo(item.extras?.ownerInfo)\n      }}</span>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- STATUS COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'6rem'\">\n    <ng-template #header>\n      <span translate>record.metadata.status</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <span class=\"text-xs\">\n        {{\n          (item.extras?.['isPublishedToAll']\n            ? 'record.metadata.status.published'\n            : 'record.metadata.status.notPublished'\n          ) | translate\n        }}</span\n      >\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- UPDATE DATE COLUMN -->\n  <gn-ui-interactive-table-column\n    [width]=\"'8rem'\"\n    [sortable]=\"true\"\n    [activeSort]=\"isSortedBy('changeDate')\"\n    (sortChange)=\"setSortBy('changeDate', $event)\"\n  >\n    <ng-template #header>\n      <span translate>search.filters.changeDate</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div class=\"flex text-left w-full text-xs\">\n        {{\n          item.extras?.['isPublishedToAll']\n            ? dateToString(item.recordUpdated)\n            : '-'\n        }}\n      </div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- ACTION MENU COLUMN -->\n  <gn-ui-interactive-table-column>\n    <ng-template #header> </ng-template>\n    <ng-template #cell let-item>\n      <gn-ui-button\n        cdkOverlayOrigin\n        #actionMenuButton\n        (buttonClick)=\"openActionMenu(item, template)\"\n        type=\"light\"\n        data-test=\"record-menu-button\"\n      >\n        <ng-icon name=\"matMoreVert\"></ng-icon>\n      </gn-ui-button>\n      <ng-template #template>\n        <gn-ui-action-menu\n          [canDuplicate]=\"canDuplicate(item)\"\n          [canDelete]=\"canDelete(item)\"\n          (duplicate)=\"handleDuplicate(item)\"\n          (delete)=\"handleDelete(item)\"\n          (closeActionMenu)=\"closeActionMenu()\"\n        >\n        </gn-ui-action-menu>\n      </ng-template>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n</gn-ui-interactive-table>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$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"], 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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ResultsTableComponent, decorators: [{
             type: Component,
@@ -30163,7 +30409,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         NgIconComponent,
                         CdkOverlayOrigin,
                         CdkConnectedOverlay,
-                    ], providers: [provideIcons({ iconoirUser, matMoreVert })], template: "<gn-ui-interactive-table\n  [items]=\"records\"\n  (itemClick)=\"handleRecordClick($event)\"\n>\n  <!-- SELECTED COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'3rem'\">\n    <ng-template #cell let-item>\n      <gn-ui-checkbox\n        [checked]=\"isChecked(item)\"\n        (changed)=\"handleRecordSelectedChange($event, item)\"\n        class=\"-m-2\"\n        type=\"default\"\n      ></gn-ui-checkbox>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- TITLE COLUMN -->\n  <gn-ui-interactive-table-column\n    [sortable]=\"true\"\n    [grow]=\"true\"\n    [activeSort]=\"isSortedBy('resourceTitleObject.default.keyword')\"\n    (sortChange)=\"setSortBy('resourceTitleObject.default.keyword', $event)\"\n  >\n    <ng-template #header>\n      <span translate>record.metadata.title</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div class=\"flex flex-row items-center gap-2 max-w-full font-semibold\">\n        <span data-cy=\"resultItemTitle\" class=\"overflow-hidden text-ellipsis\">{{\n          item.title\n        }}</span>\n        <gn-ui-badge\n          *ngIf=\"hasDraft(item)\"\n          [style.--gn-ui-badge-padding]=\"'0.2em 0.6em'\"\n          [style.--gn-ui-badge-text-size]=\"'12px'\"\n          [style.--gn-ui-badge-text-color]=\"'#3d2006'\"\n          [style.--gn-ui-badge-background-color]=\"'#ffbc7b'\"\n          [style.--gn-ui-badge-rounded]=\"'4px'\"\n        >\n          <span translate>dashboard.records.hasDraft</span>\n        </gn-ui-badge>\n      </div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- FORMATS COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'9rem'\">\n    <ng-template #header>\n      <span translate>record.metadata.formats</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div\n        class=\"flex justify-start items-center gap-2 font-medium\"\n        *ngIf=\"getRecordFormats(item) as formats\"\n        [title]=\"formats.join(', ')\"\n      >\n        <span\n          class=\"badge-btn min-w-[45px] text-xs text-gray-900 px-2 shrink-0\"\n          [style.background-color]=\"getBadgeColor(formats[0])\"\n          *ngIf=\"formats[0]\"\n        >\n          {{ formats[0] }}\n        </span>\n        <span\n          class=\"badge-btn min-w-[45px] text-xs text-gray-900 px-2 shrink-0\"\n          [style.background-color]=\"getBadgeColor(formats[1])\"\n          *ngIf=\"formats[1]\"\n        >\n          {{ formats[1] }}\n        </span>\n        <div class=\"shrink-0 text-xs\" *ngIf=\"formats.slice(2).length > 0\">\n          <span>+{{ formats.slice(2).length }}</span>\n        </div>\n      </div>\n      <div *ngIf=\"!getRecordFormats(item)\"></div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- OWNER COLUMN -->\n  <gn-ui-interactive-table-column\n    [width]=\"'9rem'\"\n    [sortable]=\"true\"\n    [activeSort]=\"isSortedBy('recordOwner')\"\n    (sortChange)=\"setSortBy('recordOwner', $event)\"\n  >\n    <ng-template #header>\n      <span translate>search.filters.user</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <ng-icon name=\"iconoirUser\" size=\"16px\"></ng-icon>\n      <span data-cy=\"ownerInfo\" class=\"text-xs\">{{\n        formatUserInfo(item.extras?.ownerInfo)\n      }}</span>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- STATUS COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'6rem'\">\n    <ng-template #header>\n      <span translate>record.metadata.status</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <span class=\"text-xs\">\n        {{\n          (isUnsavedDraft(item)\n            ? 'record.metadata.status.notPublished'\n            : 'record.metadata.status.published'\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        {{ isUnsavedDraft(item) ? '-' : dateToString(item.recordUpdated) }}\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      >\n        <ng-icon name=\"matMoreVert\"></ng-icon>\n      </gn-ui-button>\n      <ng-template #template>\n        <gn-ui-action-menu\n          [canDuplicate]=\"canDuplicate(item)\"\n          [canDelete]=\"canDelete(item)\"\n          (duplicate)=\"handleDuplicate(item)\"\n          (delete)=\"handleDelete(item)\"\n          (closeActionMenu)=\"closeActionMenu()\"\n        >\n        </gn-ui-action-menu>\n      </ng-template>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n</gn-ui-interactive-table>\n" }]
+                    ], providers: [provideIcons({ iconoirUser, matMoreVert })], template: "<gn-ui-interactive-table\n  [items]=\"records\"\n  (itemClick)=\"handleRecordClick($event)\"\n>\n  <!-- SELECTED COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'3rem'\">\n    <ng-template #cell let-item>\n      <gn-ui-checkbox\n        [checked]=\"isChecked(item)\"\n        (changed)=\"handleRecordSelectedChange($event, item)\"\n        class=\"-m-2\"\n        type=\"default\"\n      ></gn-ui-checkbox>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- TITLE COLUMN -->\n  <gn-ui-interactive-table-column\n    [sortable]=\"true\"\n    [grow]=\"true\"\n    [activeSort]=\"isSortedBy('resourceTitleObject.default.keyword')\"\n    (sortChange)=\"setSortBy('resourceTitleObject.default.keyword', $event)\"\n  >\n    <ng-template #header>\n      <span translate>record.metadata.title</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div class=\"flex flex-row items-center gap-2 max-w-full font-semibold\">\n        <span data-cy=\"resultItemTitle\" class=\"overflow-hidden text-ellipsis\">{{\n          item.title\n        }}</span>\n        <gn-ui-badge\n          *ngIf=\"hasDraft(item)\"\n          [style.--gn-ui-badge-padding]=\"'0.2em 0.6em'\"\n          [style.--gn-ui-badge-text-size]=\"'12px'\"\n          [style.--gn-ui-badge-text-color]=\"'#3d2006'\"\n          [style.--gn-ui-badge-background-color]=\"'#ffbc7b'\"\n          [style.--gn-ui-badge-rounded]=\"'4px'\"\n        >\n          <span translate>dashboard.records.hasDraft</span>\n        </gn-ui-badge>\n      </div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- FORMATS COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'9rem'\">\n    <ng-template #header>\n      <span translate>record.metadata.formats</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div\n        class=\"flex justify-start items-center gap-2 font-medium\"\n        *ngIf=\"getRecordFormats(item) as formats\"\n        [title]=\"formats.join(', ')\"\n      >\n        <span\n          class=\"badge-btn min-w-[45px] text-xs text-gray-900 px-2 shrink-0\"\n          [style.background-color]=\"getBadgeColor(formats[0])\"\n          *ngIf=\"formats[0]\"\n        >\n          {{ formats[0] }}\n        </span>\n        <span\n          class=\"badge-btn min-w-[45px] text-xs text-gray-900 px-2 shrink-0\"\n          [style.background-color]=\"getBadgeColor(formats[1])\"\n          *ngIf=\"formats[1]\"\n        >\n          {{ formats[1] }}\n        </span>\n        <div class=\"shrink-0 text-xs\" *ngIf=\"formats.slice(2).length > 0\">\n          <span>+{{ formats.slice(2).length }}</span>\n        </div>\n      </div>\n      <div *ngIf=\"!getRecordFormats(item)\"></div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- OWNER COLUMN -->\n  <gn-ui-interactive-table-column\n    [width]=\"'9rem'\"\n    [sortable]=\"true\"\n    [activeSort]=\"isSortedBy('recordOwner')\"\n    (sortChange)=\"setSortBy('recordOwner', $event)\"\n  >\n    <ng-template #header>\n      <span translate>search.filters.user</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <ng-icon name=\"iconoirUser\" size=\"16px\"></ng-icon>\n      <span data-cy=\"ownerInfo\" class=\"text-xs\">{{\n        formatUserInfo(item.extras?.ownerInfo)\n      }}</span>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- STATUS COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'6rem'\">\n    <ng-template #header>\n      <span translate>record.metadata.status</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <span class=\"text-xs\">\n        {{\n          (item.extras?.['isPublishedToAll']\n            ? 'record.metadata.status.published'\n            : 'record.metadata.status.notPublished'\n          ) | translate\n        }}</span\n      >\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- UPDATE DATE COLUMN -->\n  <gn-ui-interactive-table-column\n    [width]=\"'8rem'\"\n    [sortable]=\"true\"\n    [activeSort]=\"isSortedBy('changeDate')\"\n    (sortChange)=\"setSortBy('changeDate', $event)\"\n  >\n    <ng-template #header>\n      <span translate>search.filters.changeDate</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div class=\"flex text-left w-full text-xs\">\n        {{\n          item.extras?.['isPublishedToAll']\n            ? dateToString(item.recordUpdated)\n            : '-'\n        }}\n      </div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- ACTION MENU COLUMN -->\n  <gn-ui-interactive-table-column>\n    <ng-template #header> </ng-template>\n    <ng-template #cell let-item>\n      <gn-ui-button\n        cdkOverlayOrigin\n        #actionMenuButton\n        (buttonClick)=\"openActionMenu(item, template)\"\n        type=\"light\"\n        data-test=\"record-menu-button\"\n      >\n        <ng-icon name=\"matMoreVert\"></ng-icon>\n      </gn-ui-button>\n      <ng-template #template>\n        <gn-ui-action-menu\n          [canDuplicate]=\"canDuplicate(item)\"\n          [canDelete]=\"canDelete(item)\"\n          (duplicate)=\"handleDuplicate(item)\"\n          (delete)=\"handleDelete(item)\"\n          (closeActionMenu)=\"closeActionMenu()\"\n        >\n        </gn-ui-action-menu>\n      </ng-template>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n</gn-ui-interactive-table>\n" }]
         }], ctorParameters: () => [{ type: i1$9.Overlay }, { type: i0.ViewContainerRef }, { type: i0.ChangeDetectorRef }], propDecorators: { records: [{
                 type: Input
             }], selectedRecordsIdentifiers: [{
@@ -30174,8 +30420,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }], canDuplicate: [{
                 type: Input
-            }], isUnsavedDraft: [{
-                type: Input
             }], canDelete: [{
                 type: Input
             }], sortByChange: [{
@@ -32352,7 +32596,6 @@ class ResultsTableContainerComponent {
         this.selectedRecords$ = this.selectionService.selectedRecordsIdentifiers$;
         this.sortBy$ = this.searchFacade.sortBy$;
         this.hasDraft = (record) => this.recordsRepository.recordHasDraft(record.uniqueIdentifier);
-        this.isUnsavedDraft = (record) => this.recordsRepository.isRecordNotYetSaved(record.uniqueIdentifier);
     }
     handleRecordClick(item) {
         this.recordClick.emit(item);
@@ -32397,11 +32640,11 @@ 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" }, 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  [isUnsavedDraft]=\"isUnsavedDraft\"\n  [canDelete]=\"canDelete\"\n  [canDuplicate]=\"canDuplicate\"\n  (recordClick)=\"handleRecordClick($event)\"\n  (duplicateRecord)=\"handleDuplicateRecord($event)\"\n  (deleteRecord)=\"handleDeleteRecord($event)\"\n  (recordsSelectedChange)=\"handleRecordsSelectedChange($event[0], $event[1])\"\n  (sortByChange)=\"handleSortByChange($event[0], $event[1])\"\n></gn-ui-results-table>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$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", "isUnsavedDraft", "canDelete"], 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" }, outputs: { recordClick: "recordClick", duplicateRecord: "duplicateRecord" }, ngImport: i0, template: "<gn-ui-results-table\n  *ngIf=\"searchFacade.results$ | async as records\"\n  [records]=\"records\"\n  [hasDraft]=\"hasDraft\"\n  [selectedRecordsIdentifiers]=\"selectedRecords$ | async\"\n  [sortOrder]=\"sortBy$ | async\"\n  [canDelete]=\"canDelete\"\n  [canDuplicate]=\"canDuplicate\"\n  (recordClick)=\"handleRecordClick($event)\"\n  (duplicateRecord)=\"handleDuplicateRecord($event)\"\n  (deleteRecord)=\"handleDeleteRecord($event)\"\n  (recordsSelectedChange)=\"handleRecordsSelectedChange($event[0], $event[1])\"\n  (sortByChange)=\"handleSortByChange($event[0], $event[1])\"\n></gn-ui-results-table>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$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"], outputs: ["sortByChange", "recordClick", "duplicateRecord", "deleteRecord", "recordsSelectedChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ResultsTableContainerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-results-table-container', standalone: true, imports: [CommonModule, ResultsTableComponent], template: "<gn-ui-results-table\n  *ngIf=\"searchFacade.results$ | async as records\"\n  [records]=\"records\"\n  [hasDraft]=\"hasDraft\"\n  [selectedRecordsIdentifiers]=\"selectedRecords$ | async\"\n  [sortOrder]=\"sortBy$ | async\"\n  [isUnsavedDraft]=\"isUnsavedDraft\"\n  [canDelete]=\"canDelete\"\n  [canDuplicate]=\"canDuplicate\"\n  (recordClick)=\"handleRecordClick($event)\"\n  (duplicateRecord)=\"handleDuplicateRecord($event)\"\n  (deleteRecord)=\"handleDeleteRecord($event)\"\n  (recordsSelectedChange)=\"handleRecordsSelectedChange($event[0], $event[1])\"\n  (sortByChange)=\"handleSortByChange($event[0], $event[1])\"\n></gn-ui-results-table>\n" }]
+            args: [{ selector: 'gn-ui-results-table-container', standalone: true, imports: [CommonModule, ResultsTableComponent], template: "<gn-ui-results-table\n  *ngIf=\"searchFacade.results$ | async as records\"\n  [records]=\"records\"\n  [hasDraft]=\"hasDraft\"\n  [selectedRecordsIdentifiers]=\"selectedRecords$ | async\"\n  [sortOrder]=\"sortBy$ | async\"\n  [canDelete]=\"canDelete\"\n  [canDuplicate]=\"canDuplicate\"\n  (recordClick)=\"handleRecordClick($event)\"\n  (duplicateRecord)=\"handleDuplicateRecord($event)\"\n  (deleteRecord)=\"handleDeleteRecord($event)\"\n  (recordsSelectedChange)=\"handleRecordsSelectedChange($event[0], $event[1])\"\n  (sortByChange)=\"handleSortByChange($event[0], $event[1])\"\n></gn-ui-results-table>\n" }]
         }], ctorParameters: () => [{ type: SearchFacade }, { type: SearchService }, { type: SelectionService }, { type: RecordsRepositoryInterface }, { type: NotificationsService }, { type: i1$1.TranslateService }], propDecorators: { canDuplicate: [{
                 type: Input
             }], canDelete: [{
@@ -35525,11 +35768,11 @@ class FigureComponent {
         return this.color === 'primary' ? 'bg-primary-white' : 'bg-secondary-white';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FigureComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FigureComponent, selector: "gn-ui-figure", inputs: { icon: "icon", title: "title", figure: "figure", unit: "unit", color: "color" }, ngImport: i0, template: "<div\n  class=\"flex flex-row justify-start items-center overflow-hidden\"\n  data-test=\"figureTitle\"\n  [title]=\"\n    figure.toString() +\n    ' ' +\n    unit +\n    ' ' +\n    (title | translate: { count: figure })\n  \"\n>\n  <div\n    class=\"{{ bgClass }} {{\n      textClass\n    }} text-[1.875em] rounded-full mr-[0.55em] flex justify-center items-center w-[2.2em] h-[2.2em] shrink-0\"\n    style=\"width: 2.2em; height: 2.2em\"\n    data-test=\"icon-container\"\n  >\n    <ng-icon class=\"text-[0.66em]\" [name]=\"icon\"> </ng-icon>\n  </div>\n  <div class=\"shrink overflow-hidden\">\n    <div class=\"figure-block text-[1.5em] text-black\">\n      <span class=\"figure font-medium mr-[0.3em]\" data-test=\"figure\">{{\n        figure\n      }}</span>\n      <span class=\"unit text-[0.665em]\">{{ unit }}</span>\n    </div>\n    <div translate class=\"title truncate\" [translateParams]=\"{ count: figure }\">\n      {{ title }}\n    </div>\n  </div>\n</div>\n", styles: [":host{display:inherit}\n"], dependencies: [{ kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i2$2.NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { 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: FigureComponent, selector: "gn-ui-figure", inputs: { icon: "icon", title: "title", figure: "figure", unit: "unit", color: "color" }, ngImport: i0, template: "<div\n  class=\"flex flex-row justify-start items-center overflow-hidden\"\n  data-test=\"figureTitle\"\n  [title]=\"\n    figure.toString() +\n    ' ' +\n    unit +\n    ' ' +\n    (title | translate: { count: figure })\n  \"\n>\n  <div\n    data-test=\"icon-container\"\n    class=\"{{ bgClass }} {{\n      textClass\n    }} text-[1.875em] rounded-full mr-[0.55em] flex justify-center items-center w-[2.2em] h-[2.2em] shrink-0\"\n    style=\"width: 2.2em; height: 2.2em\"\n    data-test=\"icon-container\"\n  >\n    <ng-icon class=\"text-[0.66em]\" [name]=\"icon\"> </ng-icon>\n  </div>\n  <div class=\"shrink overflow-hidden\">\n    <div class=\"figure-block text-[1.5em] text-black\">\n      <span class=\"figure font-medium mr-[0.3em]\" data-test=\"figure\">{{\n        figure\n      }}</span>\n      <span class=\"unit text-[0.665em]\">{{ unit }}</span>\n    </div>\n    <div translate class=\"title truncate\" [translateParams]=\"{ count: figure }\">\n      {{ title }}\n    </div>\n  </div>\n</div>\n", styles: [":host{display:inherit}\n"], dependencies: [{ kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i2$2.NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { 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: FigureComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-figure', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"flex flex-row justify-start items-center overflow-hidden\"\n  data-test=\"figureTitle\"\n  [title]=\"\n    figure.toString() +\n    ' ' +\n    unit +\n    ' ' +\n    (title | translate: { count: figure })\n  \"\n>\n  <div\n    class=\"{{ bgClass }} {{\n      textClass\n    }} text-[1.875em] rounded-full mr-[0.55em] flex justify-center items-center w-[2.2em] h-[2.2em] shrink-0\"\n    style=\"width: 2.2em; height: 2.2em\"\n    data-test=\"icon-container\"\n  >\n    <ng-icon class=\"text-[0.66em]\" [name]=\"icon\"> </ng-icon>\n  </div>\n  <div class=\"shrink overflow-hidden\">\n    <div class=\"figure-block text-[1.5em] text-black\">\n      <span class=\"figure font-medium mr-[0.3em]\" data-test=\"figure\">{{\n        figure\n      }}</span>\n      <span class=\"unit text-[0.665em]\">{{ unit }}</span>\n    </div>\n    <div translate class=\"title truncate\" [translateParams]=\"{ count: figure }\">\n      {{ title }}\n    </div>\n  </div>\n</div>\n", styles: [":host{display:inherit}\n"] }]
+            args: [{ selector: 'gn-ui-figure', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"flex flex-row justify-start items-center overflow-hidden\"\n  data-test=\"figureTitle\"\n  [title]=\"\n    figure.toString() +\n    ' ' +\n    unit +\n    ' ' +\n    (title | translate: { count: figure })\n  \"\n>\n  <div\n    data-test=\"icon-container\"\n    class=\"{{ bgClass }} {{\n      textClass\n    }} text-[1.875em] rounded-full mr-[0.55em] flex justify-center items-center w-[2.2em] h-[2.2em] shrink-0\"\n    style=\"width: 2.2em; height: 2.2em\"\n    data-test=\"icon-container\"\n  >\n    <ng-icon class=\"text-[0.66em]\" [name]=\"icon\"> </ng-icon>\n  </div>\n  <div class=\"shrink overflow-hidden\">\n    <div class=\"figure-block text-[1.5em] text-black\">\n      <span class=\"figure font-medium mr-[0.3em]\" data-test=\"figure\">{{\n        figure\n      }}</span>\n      <span class=\"unit text-[0.665em]\">{{ unit }}</span>\n    </div>\n    <div translate class=\"title truncate\" [translateParams]=\"{ count: figure }\">\n      {{ title }}\n    </div>\n  </div>\n</div>\n", styles: [":host{display:inherit}\n"] }]
         }], propDecorators: { icon: [{
                 type: Input
             }], title: [{
@@ -37531,6 +37774,7 @@ const setCurrentPage = createAction('[Editor] Set current page', props());
 const setFieldVisibility = createAction('[Editor] Set field visibility', props());
 const hasRecordChangedSinceDraft = createAction('[Editor] Has Record Changed Since Draft', props());
 const hasRecordChangedSinceDraftSuccess = createAction('[Editor] Has Record Changed Since Draft Success', props());
+const isPublished = createAction('[Editor] Record Saved But Not Published', props());
 
 /**
  * This file contains the configuration of the fields that will be displayed in the editor.
@@ -37581,9 +37825,7 @@ const RECORD_LICENSE_FIELD = {
 };
 const RECORD_KEYWORDS_FIELD = {
     model: 'keywords',
-    formFieldConfig: {
-        labelKey: marker('editor.record.form.field.keywords'),
-    },
+    formFieldConfig: {},
 };
 const RECORD_RESOURCE_CREATED_FIELD = {
     model: 'resourceCreated',
@@ -37663,23 +37905,17 @@ const RECORD_SPATIAL_TOGGLE_FIELD = {
 };
 const RECORD_SPATIAL_EXTENTS_FIELD = {
     model: 'spatialExtents',
-    formFieldConfig: {
-        labelKey: marker('editor.record.form.field.spatialExtents'),
-    },
+    formFieldConfig: {},
 };
 const RECORD_ONLINE_RESOURCES = {
     model: 'onlineResources',
     modelSpecifier: 'onlineResourceType:!link',
-    formFieldConfig: {
-        labelKey: marker('editor.record.form.field.onlineResources'),
-    },
+    formFieldConfig: {},
 };
 const RECORD_ONLINE_LINK_RESOURCES = {
     model: 'onlineResources',
     modelSpecifier: 'onlineResourceType:link',
-    formFieldConfig: {
-        labelKey: marker('editor.record.form.field.onlineLinkResources'),
-    },
+    formFieldConfig: {},
 };
 /************************************************************
  ***************          SECTIONS          *****************
@@ -37761,7 +37997,12 @@ const DEFAULT_CONFIGURATION = {
     pages: [
         {
             labelKey: marker('editor.record.form.page.description'),
-            sections: [TITLE_SECTION, ABOUT_SECTION, GEOGRAPHICAL_COVERAGE_SECTION],
+            sections: [
+                TITLE_SECTION,
+                ABOUT_SECTION,
+                CLASSIFICATION_SECTION,
+                GEOGRAPHICAL_COVERAGE_SECTION,
+            ],
         },
         {
             labelKey: marker('editor.record.form.page.ressources'),
@@ -37770,7 +38011,6 @@ const DEFAULT_CONFIGURATION = {
         {
             labelKey: marker('editor.record.form.page.accessAndContact'),
             sections: [
-                CLASSIFICATION_SECTION,
                 USE_AND_ACCESS_CONDITIONS_SECTION,
                 DATA_MANAGERS_SECTION,
                 METADATA_POINT_OF_CONTACT_SECTION,
@@ -37827,19 +38067,18 @@ const EDITOR_FEATURE_KEY = 'editor';
 const initialEditorState = {
     record: null,
     recordSource: null,
-    alreadySavedOnce: false,
     saving: false,
     saveError: null,
     changedSinceSave: false,
     editorConfig: DEFAULT_CONFIGURATION,
     currentPage: 0,
     hasRecordChanged: null,
+    isPublished: true,
 };
-const reducer = createReducer(initialEditorState, on(openRecord, (state, { record, recordSource, alreadySavedOnce }) => ({
+const reducer = createReducer(initialEditorState, on(openRecord, (state, { record, recordSource }) => ({
     ...state,
     changedSinceSave: false,
     recordSource: recordSource ?? null,
-    alreadySavedOnce,
     record,
 })), on(saveRecord, (state) => ({
     ...state,
@@ -37889,6 +38128,9 @@ const reducer = createReducer(initialEditorState, on(openRecord, (state, { recor
 })), on(hasRecordChangedSinceDraftSuccess, (state, { changes }) => ({
     ...state,
     hasRecordChanged: changes,
+})), on(isPublished, (state, { isPublished }) => ({
+    ...state,
+    isPublished: isPublished,
 })));
 function editorReducer(state, action) {
     return reducer(state, action);
@@ -37900,7 +38142,6 @@ const selectRecordSource = createSelector(selectEditorState, (state) => state.re
 const selectRecordSaving = createSelector(selectEditorState, (state) => state.saving);
 const selectRecordSaveError = createSelector(selectEditorState, (state) => state.saveError);
 const selectRecordChangedSinceSave = createSelector(selectEditorState, (state) => state.changedSinceSave);
-const selectRecordAlreadySavedOnce = createSelector(selectEditorState, (state) => state.alreadySavedOnce);
 const selectEditorConfig = createSelector(selectEditorState, (state) => state.editorConfig);
 const selectCurrentPage = createSelector(selectEditorState, (state) => state.currentPage);
 const selectRecordSections = createSelector(selectEditorState, (state) => {
@@ -37917,6 +38158,7 @@ const selectRecordSections = createSelector(selectEditorState, (state) => {
     }));
 });
 const selectHasRecordChanged = createSelector(selectEditorState, (state) => state.hasRecordChanged);
+const selectIsPublished = createSelector(selectEditorState, (state) => state.isPublished);
 
 class EditorFacade {
     constructor() {
@@ -37924,7 +38166,6 @@ class EditorFacade {
         this.actions$ = inject(Actions);
         this.record$ = this.store.pipe(select(selectRecord));
         this.recordSource$ = this.store.pipe(select(selectRecordSource));
-        this.alreadySavedOnce$ = this.store.pipe(select(selectRecordAlreadySavedOnce));
         this.saving$ = this.store.pipe(select(selectRecordSaving));
         this.saveError$ = this.store.pipe(select(selectRecordSaveError), filter$1((error) => !!error));
         this.saveSuccess$ = this.actions$.pipe(ofType(saveRecordSuccess));
@@ -37934,9 +38175,13 @@ class EditorFacade {
         this.currentPage$ = this.store.pipe(select(selectCurrentPage));
         this.editorConfig$ = this.store.pipe(select(selectEditorConfig));
         this.hasRecordChanged$ = this.store.pipe(select(selectHasRecordChanged));
+        this.isPublished$ = this.store.pipe(select(selectIsPublished));
     }
-    openRecord(record, recordSource, alreadySavedOnce) {
-        this.store.dispatch(openRecord({ record, recordSource, alreadySavedOnce }));
+    openRecord(record, recordSource) {
+        this.store.dispatch(openRecord({
+            record,
+            recordSource,
+        }));
         this.setCurrentPage(0);
     }
     saveRecord() {
@@ -37957,6 +38202,9 @@ class EditorFacade {
     checkHasRecordChanged(record) {
         this.store.dispatch(hasRecordChangedSinceDraft({ record }));
     }
+    isPublished(isPublished$1) {
+        this.store.dispatch(isPublished({ isPublished: isPublished$1 }));
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EditorFacade, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EditorFacade }); }
 }
@@ -37982,7 +38230,7 @@ class EditorService {
         this.recordsRepository = recordsRepository;
     }
     // returns the record as it was when saved, alongside its source
-    saveRecord(record, recordSource, fieldsConfig, generateNewUniqueIdentifier = false) {
+    saveRecord(record, recordSource, fieldsConfig) {
         const savedRecord = { ...record };
         const fields = fieldsConfig.pages.flatMap((page) => page.sections.flatMap((section) => section.fields));
         // run onSave processes
@@ -37995,11 +38243,15 @@ class EditorService {
                 });
             }
         }
-        // if we want a new unique identifier, clear the existing one
-        if (generateNewUniqueIdentifier) {
+        let publishToAll = true;
+        // if the record is new, generate a new unique identifier and pass publishToAll as false
+        if (!record.uniqueIdentifier) {
             savedRecord.uniqueIdentifier = null;
+            publishToAll = false;
         }
-        return this.recordsRepository.saveRecord(savedRecord, recordSource).pipe(switchMap((uniqueIdentifier) => this.recordsRepository.openRecordForEdition(uniqueIdentifier)), tap$1(() => {
+        return this.recordsRepository
+            .saveRecord(savedRecord, recordSource, publishToAll)
+            .pipe(switchMap((uniqueIdentifier) => this.recordsRepository.openRecordForEdition(uniqueIdentifier)), tap$1(() => {
             // if saving was successful, the original draft can be discarded
             this.recordsRepository.clearRecordDraft(record.uniqueIdentifier);
         }), map$1(([record, recordSource]) => [record, recordSource]));
@@ -38036,22 +38288,21 @@ class EditorEffects {
         this.recordsRepository = inject(RecordsRepositoryInterface);
         this.gn4PlateformService = inject(Gn4PlatformService);
         this.store = inject(Store);
-        this.saveRecord$ = createEffect(() => this.actions$.pipe(ofType(saveRecord), withLatestFrom$1(this.store.select(selectRecord), this.store.select(selectRecordSource), this.store.select(selectEditorConfig), this.store.select(selectRecordAlreadySavedOnce)), switchMap$1(([, record, recordSource, fieldsConfig, alreadySavedOnce]) => this.editorService
-            .saveRecord(record, recordSource, fieldsConfig, !alreadySavedOnce)
-            .pipe(switchMap$1(([record, recordSource]) => of(saveRecordSuccess(), openRecord({
+        this.saveRecord$ = createEffect(() => this.actions$.pipe(ofType(saveRecord), withLatestFrom$1(this.store.select(selectRecord), this.store.select(selectRecordSource), this.store.select(selectEditorConfig)), switchMap$1(([, record, recordSource, fieldsConfig]) => this.editorService.saveRecord(record, recordSource, fieldsConfig).pipe(switchMap$1(([record, recordSource]) => of(saveRecordSuccess(), openRecord({
             record,
-            alreadySavedOnce: true,
             recordSource,
         }))), catchError((error) => of(saveRecordFailure({
             error,
         })))))));
         this.cleanRecordAttachments$ = createEffect(() => this.actions$.pipe(ofType(saveRecordSuccess), withLatestFrom$1(this.store.select(selectRecord)), switchMap$1(([_, record]) => {
-            this.gn4PlateformService.cleanRecordAttachments(record).subscribe({
-                next: (_) => undefined,
-                error: (err) => {
-                    console.error(err);
-                },
-            });
+            if (record.uniqueIdentifier !== null) {
+                this.gn4PlateformService.cleanRecordAttachments(record).subscribe({
+                    next: (_) => undefined,
+                    error: (err) => {
+                        console.error(err);
+                    },
+                });
+            }
             return EMPTY;
         }), catchError((error) => {
             console.error(error);
@@ -38059,15 +38310,17 @@ class EditorEffects {
         })), { dispatch: false });
         this.markAsChanged$ = createEffect(() => this.actions$.pipe(ofType(updateRecordField), map$1(() => markRecordAsChanged())));
         this.saveRecordDraft$ = createEffect(() => this.actions$.pipe(ofType(updateRecordField), debounceTime$1(1000), withLatestFrom$1(this.store.select(selectRecord), this.store.select(selectRecordSource)), switchMap$1(([, record, recordSource]) => this.editorService.saveRecordAsDraft(record, recordSource)), map$1(() => draftSaveSuccess())));
-        this.undoRecordDraft$ = createEffect(() => this.actions$.pipe(ofType(undoRecordDraft), withLatestFrom$1(this.store.select(selectRecord)), switchMap$1(([, record]) => this.editorService.undoRecordDraft(record)), map$1(([record, recordSource, alreadySavedOnce]) => openRecord({
+        this.undoRecordDraft$ = createEffect(() => this.actions$.pipe(ofType(undoRecordDraft), withLatestFrom$1(this.store.select(selectRecord)), switchMap$1(([, record]) => this.editorService.undoRecordDraft(record)), map$1(([record, recordSource]) => openRecord({
             record,
-            alreadySavedOnce,
             recordSource,
         }))));
         this.checkHasChangesOnOpen$ = createEffect(() => this.actions$.pipe(ofType(openRecord), map$1(({ record }) => this.recordsRepository.recordHasDraft(record.uniqueIdentifier)), filter$1((hasDraft) => hasDraft), map$1(() => markRecordAsChanged())));
         this.hasRecordChangedSinceDraft$ = createEffect(() => this.actions$.pipe(ofType(hasRecordChangedSinceDraft), switchMap$1(({ record }) => this.editorService
             .hasRecordChangedSinceDraft(record)
             .pipe(map$1((changes) => hasRecordChangedSinceDraftSuccess({ changes }))))));
+        this.checkIsRecordPublished$ = createEffect(() => this.actions$.pipe(ofType(openRecord), map$1(({ record }) => record.uniqueIdentifier), switchMap$1((uniqueIdentifier) => this.recordsRepository.getRecordPublicationStatus(uniqueIdentifier)), map$1((isPublished$1) => isPublished({
+            isPublished: isPublished$1,
+        }))));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EditorEffects, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EditorEffects }); }
@@ -38560,7 +38813,7 @@ class ImportRecordComponent {
             provideNgIconsConfig({
                 size: '1.5em',
             }),
-        ], ngImport: i0, template: "<ng-container [ngSwitch]=\"sectionDisplayed\">\n  <ng-container *ngSwitchCase=\"'mainMenu'\">\n    <div\n      data-test=\"importMenuMainSection\"\n      class=\"mt-2 border border-gray-100 p-2 flex items-center bg-white shadow-2xl rounded-2xl\"\n    >\n      <ul class=\"flex flex-col gap-2 w-full\">\n        <li *ngFor=\"let menuItem of importMenuItems\">\n          <gn-ui-button\n            [attr.data-test]=\"menuItem.dataTest\"\n            type=\"light\"\n            extraClass=\"flex flex-row items-center gap-2 w-full justify-start\"\n            (buttonClick)=\"menuItem.action()\"\n            [disabled]=\"menuItem.disabled\"\n            [title]=\"\n              (menuItem.disabled ? 'editor.temporary.disabled' : '') | translate\n            \"\n            ><ng-icon [name]=\"menuItem.icon\"></ng-icon\n            ><span>{{ menuItem.label }}</span></gn-ui-button\n          >\n        </li>\n      </ul>\n    </div>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"'importExternalFile'\">\n    <div\n      data-test=\"importMenuImportExternalFileSection\"\n      class=\"p-6 flex flex-col gap-2 mt-2 border border-gray-100 bg-white shadow-2xl rounded-2xl\"\n    >\n      <div class=\"flex flex-row items-center gap-2\">\n        <gn-ui-button\n          data-test=\"importMenuImportExternalFileSectionBackButton\"\n          type=\"light\"\n          (buttonClick)=\"displayMainMenu()\"\n        >\n          <ng-icon name=\"iconoirArrowLeft\"></ng-icon>\n        </gn-ui-button>\n        <span class=\"font-bold\"> {{ externalImportBackLabel }}</span>\n      </div>\n      <gn-ui-url-input\n        (uploadClick)=\"importRecord($event)\"\n        [disabled]=\"isRecordImportInProgress\"\n      ></gn-ui-url-input>\n    </div>\n  </ng-container>\n</ng-container>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$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", "showUploadButton"], outputs: ["valueChange", "uploadClick"] }, { 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: "<ng-container [ngSwitch]=\"sectionDisplayed\">\n  <ng-container *ngSwitchCase=\"'mainMenu'\">\n    <div\n      data-test=\"importMenuMainSection\"\n      class=\"mt-2 border border-gray-100 p-2 flex items-center bg-white shadow-2xl rounded-2xl\"\n    >\n      <ul class=\"flex flex-col gap-2 w-full\">\n        <li *ngFor=\"let menuItem of importMenuItems\">\n          <gn-ui-button\n            [attr.data-test]=\"menuItem.dataTest\"\n            type=\"light\"\n            extraClass=\"flex flex-row items-center gap-2 w-full justify-start\"\n            (buttonClick)=\"menuItem.action()\"\n            [disabled]=\"menuItem.disabled\"\n            [title]=\"\n              (menuItem.disabled ? 'editor.temporary.disabled' : '') | translate\n            \"\n            ><ng-icon [name]=\"menuItem.icon\"></ng-icon\n            ><span>{{ menuItem.label }}</span></gn-ui-button\n          >\n        </li>\n      </ul>\n    </div>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"'importExternalFile'\">\n    <div\n      data-test=\"importMenuImportExternalFileSection\"\n      class=\"p-6 flex flex-col gap-2 mt-2 border border-gray-100 bg-white shadow-2xl rounded-2xl\"\n    >\n      <div class=\"flex flex-row items-center gap-2\">\n        <gn-ui-button\n          data-test=\"importMenuImportExternalFileSectionBackButton\"\n          type=\"light\"\n          (buttonClick)=\"displayMainMenu()\"\n        >\n          <ng-icon name=\"iconoirArrowLeft\"></ng-icon>\n        </gn-ui-button>\n        <span class=\"font-bold\"> {{ externalImportBackLabel }}</span>\n      </div>\n      <gn-ui-url-input\n        (uploadClick)=\"importRecord($event)\"\n        [disabled]=\"isRecordImportInProgress\"\n      ></gn-ui-url-input>\n    </div>\n  </ng-container>\n</ng-container>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$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: "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,
@@ -38626,7 +38879,7 @@ class GenericKeywordsComponent {
             provideIcons({
                 matWarningAmberOutline,
             }),
-        ], ngImport: i0, template: "<div class=\"flex flex-col gap-3\">\n  <gn-ui-autocomplete\n    [placeholder]=\"placeholder\"\n    [displayWithFn]=\"displayWithFn\"\n    [action]=\"autoCompleteAction\"\n    (itemSelected)=\"handleItemSelection($event)\"\n    [preventCompleteOnSelection]=\"false\"\n    [minCharacterCount]=\"1\"\n    [allowSubmit]=\"false\"\n    [clearOnSelection]=\"true\"\n  ></gn-ui-autocomplete>\n  <div class=\"flex gap-2 flex-wrap\">\n    <gn-ui-badge\n      *ngFor=\"let keyword of keywords\"\n      [removable]=\"true\"\n      (badgeRemoveClicked)=\"removeKeyword(keyword)\"\n      >{{ keyword.label }}\n\n      <ng-icon\n        *ngIf=\"isPlaceWithoutExtent(keyword)\"\n        [title]=\"'editor.form.placeKeywordWithoutExtent' | translate\"\n        class=\"badge-warning\"\n        name=\"matWarningAmberOutline\"\n      ></ng-icon>\n    </gn-ui-badge>\n  </div>\n</div>\n", styles: [".badge-warning{font-size:1.4em}\n"], dependencies: [{ kind: "ngmodule", type: UiInputsModule }, { kind: "component", type: BadgeComponent, selector: "gn-ui-badge", inputs: ["clickable", "removable"], outputs: ["badgeRemoveClicked"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$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.form.placeKeywordWithoutExtent' | translate\"\n        class=\"badge-warning\"\n        name=\"matWarningAmberOutline\"\n      ></ng-icon>\n    </gn-ui-badge>\n  </div>\n</div>\n", styles: [".badge-warning{font-size:1.4em}\n"], dependencies: [{ kind: "ngmodule", type: UiInputsModule }, { kind: "component", type: BadgeComponent, selector: "gn-ui-badge", inputs: ["clickable", "removable"], outputs: ["badgeRemoveClicked"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GenericKeywordsComponent, decorators: [{
             type: Component,
@@ -38642,7 +38895,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         provideIcons({
                             matWarningAmberOutline,
                         }),
-                    ], template: "<div class=\"flex flex-col gap-3\">\n  <gn-ui-autocomplete\n    [placeholder]=\"placeholder\"\n    [displayWithFn]=\"displayWithFn\"\n    [action]=\"autoCompleteAction\"\n    (itemSelected)=\"handleItemSelection($event)\"\n    [preventCompleteOnSelection]=\"false\"\n    [minCharacterCount]=\"1\"\n    [allowSubmit]=\"false\"\n    [clearOnSelection]=\"true\"\n  ></gn-ui-autocomplete>\n  <div class=\"flex gap-2 flex-wrap\">\n    <gn-ui-badge\n      *ngFor=\"let keyword of keywords\"\n      [removable]=\"true\"\n      (badgeRemoveClicked)=\"removeKeyword(keyword)\"\n      >{{ keyword.label }}\n\n      <ng-icon\n        *ngIf=\"isPlaceWithoutExtent(keyword)\"\n        [title]=\"'editor.form.placeKeywordWithoutExtent' | translate\"\n        class=\"badge-warning\"\n        name=\"matWarningAmberOutline\"\n      ></ng-icon>\n    </gn-ui-badge>\n  </div>\n</div>\n", styles: [".badge-warning{font-size:1.4em}\n"] }]
+                    ], template: "<div class=\"flex flex-col gap-4\">\n  <gn-ui-autocomplete\n    [placeholder]=\"placeholder\"\n    [displayWithFn]=\"displayWithFn\"\n    [action]=\"autoCompleteAction\"\n    (itemSelected)=\"handleItemSelection($event)\"\n    [preventCompleteOnSelection]=\"false\"\n    [minCharacterCount]=\"1\"\n    [allowSubmit]=\"false\"\n    [clearOnSelection]=\"true\"\n  ></gn-ui-autocomplete>\n  <div class=\"flex gap-2 flex-wrap\">\n    <gn-ui-badge\n      *ngFor=\"let keyword of keywords\"\n      [removable]=\"true\"\n      (badgeRemoveClicked)=\"removeKeyword(keyword)\"\n      >{{ keyword.label }}\n\n      <ng-icon\n        *ngIf=\"isPlaceWithoutExtent(keyword)\"\n        [title]=\"'editor.form.placeKeywordWithoutExtent' | translate\"\n        class=\"badge-warning\"\n        name=\"matWarningAmberOutline\"\n      ></ng-icon>\n    </gn-ui-badge>\n  </div>\n</div>\n", styles: [".badge-warning{font-size:1.4em}\n"] }]
         }], ctorParameters: () => [{ type: PlatformServiceInterface }], propDecorators: { keywords: [{
                 type: Input
             }], keywordTypes: [{
@@ -39097,7 +39350,7 @@ class FormFieldSpatialExtentComponent {
         this.editorFacade.updateRecordField('spatialExtents', spatialExtents);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormFieldSpatialExtentComponent, deps: [{ token: PlatformServiceInterface }, { token: EditorFacade }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FormFieldSpatialExtentComponent, isStandalone: true, selector: "gn-ui-form-field-spatial-extent", ngImport: i0, template: "<div class=\"flex flex-col gap-8\">\n  <gn-ui-generic-keywords\n    [placeholder]=\"'Search for place keywords'\"\n    [keywords]=\"shownKeywords$ | async\"\n    [keywordTypes]=\"['place']\"\n    (deletedKeyword)=\"handleKeywordDelete($event)\"\n    (addedKeyword)=\"handleKeywordAdd($event)\"\n  >\n  </gn-ui-generic-keywords>\n</div>\n<div class=\"w-full h-96 mt-2\">\n  <gn-ui-form-field-map-container\n    [spatialExtents]=\"spatialExtents$ | async\"\n  ></gn-ui-form-field-map-container>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: GenericKeywordsComponent, selector: "gn-ui-generic-keywords", inputs: ["keywords", "keywordTypes", "placeholder", "allowSubmit"], outputs: ["changedKeywords", "addedKeyword", "deletedKeyword"] }, { kind: "component", type: FormFieldMapContainerComponent, selector: "gn-ui-form-field-map-container", inputs: ["spatialExtents"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FormFieldSpatialExtentComponent, isStandalone: true, selector: "gn-ui-form-field-spatial-extent", ngImport: i0, template: "<div class=\"flex flex-col gap-3\">\n  <gn-ui-generic-keywords\n    [placeholder]=\"'Search for place keywords'\"\n    [keywords]=\"shownKeywords$ | async\"\n    [keywordTypes]=\"['place']\"\n    (deletedKeyword)=\"handleKeywordDelete($event)\"\n    (addedKeyword)=\"handleKeywordAdd($event)\"\n  >\n  </gn-ui-generic-keywords>\n  <div class=\"w-full h-96 mt-2\">\n    <gn-ui-form-field-map-container\n      [spatialExtents]=\"spatialExtents$ | async\"\n    ></gn-ui-form-field-map-container>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: GenericKeywordsComponent, selector: "gn-ui-generic-keywords", inputs: ["keywords", "keywordTypes", "placeholder", "allowSubmit"], outputs: ["changedKeywords", "addedKeyword", "deletedKeyword"] }, { kind: "component", type: FormFieldMapContainerComponent, selector: "gn-ui-form-field-map-container", inputs: ["spatialExtents"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormFieldSpatialExtentComponent, decorators: [{
             type: Component,
@@ -39105,82 +39358,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         CommonModule,
                         GenericKeywordsComponent,
                         FormFieldMapContainerComponent,
-                    ], template: "<div class=\"flex flex-col gap-8\">\n  <gn-ui-generic-keywords\n    [placeholder]=\"'Search for place keywords'\"\n    [keywords]=\"shownKeywords$ | async\"\n    [keywordTypes]=\"['place']\"\n    (deletedKeyword)=\"handleKeywordDelete($event)\"\n    (addedKeyword)=\"handleKeywordAdd($event)\"\n  >\n  </gn-ui-generic-keywords>\n</div>\n<div class=\"w-full h-96 mt-2\">\n  <gn-ui-form-field-map-container\n    [spatialExtents]=\"spatialExtents$ | async\"\n  ></gn-ui-form-field-map-container>\n</div>\n" }]
+                    ], template: "<div class=\"flex flex-col gap-3\">\n  <gn-ui-generic-keywords\n    [placeholder]=\"'Search for place keywords'\"\n    [keywords]=\"shownKeywords$ | async\"\n    [keywordTypes]=\"['place']\"\n    (deletedKeyword)=\"handleKeywordDelete($event)\"\n    (addedKeyword)=\"handleKeywordAdd($event)\"\n  >\n  </gn-ui-generic-keywords>\n  <div class=\"w-full h-96 mt-2\">\n    <gn-ui-form-field-map-container\n      [spatialExtents]=\"spatialExtents$ | async\"\n    ></gn-ui-form-field-map-container>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: PlatformServiceInterface }, { type: EditorFacade }, { type: i1$1.TranslateService }] });
 
-const RoleValues = [
-    'unspecified',
-    'other',
-    'author', // Party who authored the resource
-    'collaborator', // party who assists with the generation of the resource other than the principal investigator
-    'contributor', // party contributing to the resource
-    'custodian', // Party that accepts accountability and responsibility for the data and ensures appropriate care and maintenance of the resource
-    'distributor', // Party who distributes the resource
-    'editor', // party who reviewed or modified the resource to improve the content
-    'funder', // party providing monetary support for the resource
-    'mediator', // a class of entity that mediates access to the resource and for whom the resource is intended or useful
-    'originator', // Party who created the resource
-    'owner', // Party that owns the resource
-    'point_of_contact', // Party who can be contacted for acquiring knowledge about or acquisition of the resource
-    'principal_investigator', // Key party responsible for gathering information and conducting research
-    'processor', // Party who has processed the data in a manner such that the resource has been modified
-    'publisher', // Party who published the resource
-    'resource_provider', // Party that supplies the resource
-    'rights_holder', // party owning or managing rights over the resource
-    'sponsor', // party that sponsors the resource
-    'stakeholder', // party who has an interest in the resource or the use of the resource
-    'user', // Party who uses the resource
-];
-const RoleLabels = new Map([
-    ['unspecified', marker('domain.contact.role.unspecified')],
-    ['other', marker('domain.contact.role.other')],
-    ['author', marker('domain.contact.role.author')],
-    ['collaborator', marker('domain.contact.role.collaborator')],
-    ['contributor', marker('domain.contact.role.contributor')],
-    ['custodian', marker('domain.contact.role.custodian')],
-    ['distributor', marker('domain.contact.role.distributor')],
-    ['editor', marker('domain.contact.role.editor')],
-    ['funder', marker('domain.contact.role.funder')],
-    ['mediator', marker('domain.contact.role.mediator')],
-    ['originator', marker('domain.contact.role.originator')],
-    ['owner', marker('domain.contact.role.owner')],
-    ['point_of_contact', marker('domain.contact.role.point_of_contact')],
-    [
-        'principal_investigator',
-        marker('domain.contact.role.principal_investigator'),
-    ],
-    ['processor', marker('domain.contact.role.processor')],
-    ['publisher', marker('domain.contact.role.publisher')],
-    ['resource_provider', marker('domain.contact.role.resource_provider')],
-    ['rights_holder', marker('domain.contact.role.rights_holder')],
-    ['sponsor', marker('domain.contact.role.sponsor')],
-    ['stakeholder', marker('domain.contact.role.stakeholder')],
-    ['user', marker('domain.contact.role.user')],
-]);
-
-marker('domain.record.updateFrequency.unknown');
-marker('domain.record.updateFrequency.notPlanned');
-marker('domain.record.updateFrequency.asNeeded');
-marker('domain.record.updateFrequency.irregular');
-marker('domain.record.updateFrequency.continual');
-marker('domain.record.updateFrequency.periodic');
-marker('domain.record.updateFrequency.day');
-marker('domain.record.updateFrequency.week');
-marker('domain.record.updateFrequency.month');
-marker('domain.record.updateFrequency.year');
-marker('domain.record.status.completed');
-marker('domain.record.status.ongoing');
-marker('domain.record.status.under_development');
-marker('domain.record.status.deprecated');
-marker('domain.record.status.removed');
-const RecordStatusValues = [
-    'completed',
-    'ongoing',
-    'under_development',
-    'deprecated',
-    'removed',
-];
-
 class ContactCardComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ContactCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ContactCardComponent, isStandalone: true, selector: "gn-ui-contact-card", inputs: { contact: "contact" }, ngImport: i0, template: "<div class=\"gn-ui-card\">\n  <gn-ui-thumbnail\n    class=\"w-[56px] h-[56px] rounded-[4px] overflow-hidden shrink-0\"\n    [thumbnailUrl]=\"contact.organization?.logoUrl?.href\"\n    [fit]=\"'contain'\"\n  ></gn-ui-thumbnail>\n  <div class=\"flex flex-col w-full overflow-hidden leading-snug\">\n    <div class=\"text-[16px] font-bold text-main\" data-test=\"contactCardName\">\n      {{ contact.firstName }} {{ contact.lastName }}\n    </div>\n    <div class=\"text-[14px] text-gray-900\" data-test=\"contactCardEmail\">\n      {{ contact.email }}\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ThumbnailComponent, selector: "gn-ui-thumbnail", inputs: ["thumbnailUrl", "fit"], outputs: ["placeholderShown"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
@@ -39499,20 +39679,18 @@ class FormFieldOnlineLinkResourcesComponent {
         this.allResources = onlineResources;
         this.linkResources = onlineResources.filter((res) => res.type === 'link');
     }
-    constructor(notificationsService, translateService, platformService, cd, dialog, editorFacade) {
+    constructor(notificationsService, translateService, platformService, cd, dialog) {
         this.notificationsService = notificationsService;
         this.translateService = translateService;
         this.platformService = platformService;
         this.cd = cd;
         this.dialog = dialog;
-        this.editorFacade = editorFacade;
         this.valueChange = new EventEmitter();
         this.allResources = [];
         this.linkResources = [];
         this.uploadProgress = undefined;
         this.uploadSubscription = null;
         this.MAX_UPLOAD_SIZE_MB = MAX_UPLOAD_SIZE_MB;
-        this.disabled$ = this.editorFacade.alreadySavedOnce$.pipe(map$2((alreadySavedOnce) => !alreadySavedOnce));
     }
     handleFileChange(file) {
         this.uploadProgress = 0;
@@ -39606,8 +39784,8 @@ 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 }, { token: EditorFacade }], 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    [disabled]=\"disabled$ | async\"\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        [showUploadButton]=\"false\"\n        [disabled]=\"disabled$ | async\"\n      ></gn-ui-url-input>\n    </div>\n  </ng-template>\n  <div\n    *ngIf=\"disabled$ | async\"\n    class=\"p-4 text-sm border border-primary bg-primary-lightest rounded-lg\"\n    translate\n    data-test=\"disabled-message\"\n  >\n    editor.record.form.field.draft.only.disabled\n  </div>\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: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: SortableListComponent, selector: "gn-ui-sortable-list", inputs: ["elementTemplate", "items"], outputs: ["itemsOrderChange"] }, { kind: "component", type: OnlineResourceCardComponent, selector: "gn-ui-online-resource-card", inputs: ["onlineResource"], outputs: ["modifyClick"] }, { kind: "component", type: TextInputComponent, selector: "gn-ui-text-input", inputs: ["value", "extraClass", "placeholder", "required", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: TextAreaComponent, selector: "gn-ui-text-area", inputs: ["value", "disabled", "extraClass", "placeholder", "required"], outputs: ["valueChange"] }, { kind: "component", type: UrlInputComponent, selector: "gn-ui-url-input", inputs: ["value", "extraClass", "placeholder", "disabled", "showUploadButton"], 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.ɵ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        [disabled]=\"disabled$ | async\"\n        [showValidateButton]=\"false\"\n      ></gn-ui-url-input>\n    </div>\n  </ng-template>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: FileInputComponent, selector: "gn-ui-file-input", inputs: ["maxSizeMB", "uploadProgress", "disabled"], outputs: ["fileChange", "urlChange", "uploadCancel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: SortableListComponent, selector: "gn-ui-sortable-list", inputs: ["elementTemplate", "items"], outputs: ["itemsOrderChange"] }, { kind: "component", type: OnlineResourceCardComponent, selector: "gn-ui-online-resource-card", inputs: ["onlineResource"], outputs: ["modifyClick"] }, { kind: "component", type: TextInputComponent, selector: "gn-ui-text-input", inputs: ["value", "extraClass", "placeholder", "required", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: TextAreaComponent, selector: "gn-ui-text-area", inputs: ["value", "disabled", "extraClass", "placeholder", "required"], outputs: ["valueChange"] }, { kind: "component", type: UrlInputComponent, selector: "gn-ui-url-input", inputs: ["value", "extraClass", "placeholder", "disabled", "showValidateButton"], outputs: ["valueChange", "uploadClick"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: 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,
@@ -39620,8 +39798,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         TextAreaComponent,
                         UrlInputComponent,
                         TranslateModule,
-                    ], template: "<div class=\"flex flex-col\">\n  <gn-ui-file-input\n    [maxSizeMB]=\"MAX_UPLOAD_SIZE_MB\"\n    (fileChange)=\"handleFileChange($event)\"\n    (uploadCancel)=\"handleUploadCancel()\"\n    [uploadProgress]=\"uploadProgress\"\n    (urlChange)=\"handleUrlChange($event)\"\n    [disabled]=\"disabled$ | async\"\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        [showUploadButton]=\"false\"\n        [disabled]=\"disabled$ | async\"\n      ></gn-ui-url-input>\n    </div>\n  </ng-template>\n  <div\n    *ngIf=\"disabled$ | async\"\n    class=\"p-4 text-sm border border-primary bg-primary-lightest rounded-lg\"\n    translate\n    data-test=\"disabled-message\"\n  >\n    editor.record.form.field.draft.only.disabled\n  </div>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: NotificationsService }, { type: i1$1.TranslateService }, { type: PlatformServiceInterface }, { type: i0.ChangeDetectorRef }, { type: i1$b.MatDialog }, { type: EditorFacade }], propDecorators: { metadataUuid: [{
+                    ], template: "<div class=\"flex flex-col\">\n  <gn-ui-file-input\n    [maxSizeMB]=\"MAX_UPLOAD_SIZE_MB\"\n    (fileChange)=\"handleFileChange($event)\"\n    (uploadCancel)=\"handleUploadCancel()\"\n    [uploadProgress]=\"uploadProgress\"\n    (urlChange)=\"handleUrlChange($event)\"\n  ></gn-ui-file-input>\n  <div class=\"h-[8px]\"></div>\n  <gn-ui-sortable-list\n    [items]=\"linkResources\"\n    (itemsOrderChange)=\"handleResourcesChange($event)\"\n    [elementTemplate]=\"template\"\n  >\n  </gn-ui-sortable-list>\n  <ng-template #template let-onlineResource let-index=\"index\">\n    <gn-ui-online-resource-card\n      [onlineResource]=\"onlineResource\"\n      (modifyClick)=\"handleResourceModify(onlineResource, index)\"\n    ></gn-ui-online-resource-card>\n  </ng-template>\n\n  <ng-template #dialogTemplate let-onlineResource>\n    <div class=\"flex flex-col gap-[16px]\">\n      <div>\n        <h3 class=\"text-[16px] font-bold text-main mb-[12px]\" translate>\n          editor.record.form.field.onlineResource.edit.title\n        </h3>\n        <gn-ui-text-input [(value)]=\"onlineResource.name\"></gn-ui-text-input>\n      </div>\n      <div>\n        <h3 class=\"text-[16px] font-bold text-main mb-[12px]\" translate>\n          editor.record.form.field.onlineResource.edit.description\n        </h3>\n        <gn-ui-text-area\n          [(value)]=\"onlineResource.description\"\n        ></gn-ui-text-area>\n      </div>\n      <span class=\"w-full border-b border-gray-300\"></span>\n      <gn-ui-url-input\n        class=\"w-full\"\n        [disabled]=\"true\"\n        [value]=\"onlineResource.url\"\n        [disabled]=\"disabled$ | async\"\n        [showValidateButton]=\"false\"\n      ></gn-ui-url-input>\n    </div>\n  </ng-template>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: NotificationsService }, { type: i1$1.TranslateService }, { type: PlatformServiceInterface }, { type: i0.ChangeDetectorRef }, { type: i1$b.MatDialog }], propDecorators: { metadataUuid: [{
                 type: Input
             }], value: [{
                 type: Input
@@ -39635,6 +39813,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 class OnlineServiceResourceInputComponent {
     constructor() {
         this.disabled = false;
+        this.urlChange = new EventEmitter();
+        this.identifierSubmit = new EventEmitter();
         this.protocolOptions = [
             {
                 label: 'OGC API',
@@ -39670,25 +39850,57 @@ class OnlineServiceResourceInputComponent {
         this.selectedProtocol =
             this.protocolOptions.find((option) => option.value === this.service.accessServiceProtocol)?.value ?? 'other';
     }
+    handleUrlChange(url) {
+        this.url = url;
+    }
+    submitIdentifier(identifier) {
+        if (!identifier)
+            return;
+        this.identifierSubmit.emit({ url: this.url, identifier });
+        this.service.identifierInService = null;
+    }
+    getIdentifierPlaceholder() {
+        const baseKey = 'editor.record.form.field.onlineResource.edit.identifier.placeholder';
+        return this.service.accessServiceProtocol === 'wps'
+            ? `${baseKey}.wps`
+            : baseKey;
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnlineServiceResourceInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: OnlineServiceResourceInputComponent, isStandalone: true, selector: "gn-ui-online-service-resource-input", inputs: { service: "service", protocolHint: "protocolHint", disabled: "disabled" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"flex flex-row justify-between\">\n  <h3 class=\"text-[16px] font-bold text-main mb-[12px]\" translate>\n    editor.record.form.field.onlineResource.edit.protocol\n  </h3>\n  <span\n    *ngIf=\"protocolHint\"\n    class=\"material-symbols-outlined m-2 gn-ui-icon-small\"\n    [matTooltip]=\"protocolHint\"\n    matTooltipPosition=\"above\"\n  >\n    help\n  </span>\n</div>\n<div class=\"flex flex-row items-center gap-[16px] 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  >\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<gn-ui-text-input\n  [(value)]=\"service.identifierInService\"\n  data-cy=\"identifier-in-service\"\n  [disabled]=\"disabled\"\n></gn-ui-text-input>\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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: i3$2.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i3$2.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: "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: "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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: OnlineServiceResourceInputComponent, isStandalone: true, selector: "gn-ui-online-service-resource-input", inputs: { service: "service", protocolHint: "protocolHint", disabled: "disabled" }, outputs: { urlChange: "urlChange", identifierSubmit: "identifierSubmit" }, providers: [
+            provideIcons({ iconoirCloudUpload }),
+            provideNgIconsConfig({
+                size: '1.5em',
+            }),
+        ], usesOnChanges: true, ngImport: i0, template: "<div class=\"flex flex-row justify-between\">\n  <h3 class=\"text-[16px] font-bold text-main mb-[12px]\" translate>\n    editor.record.form.field.onlineResource.edit.protocol\n  </h3>\n  <span\n    *ngIf=\"protocolHint\"\n    class=\"material-symbols-outlined m-2 gn-ui-icon-small\"\n    [matTooltip]=\"protocolHint\"\n    matTooltipPosition=\"above\"\n  >\n    help\n  </span>\n</div>\n<div class=\"flex flex-row items-center gap-4 h-[48px]\">\n  <mat-radio-group\n    aria-labelledby=\"example-radio-group-label\"\n    class=\"flex flex-row gap-[8px]\"\n    [(ngModel)]=\"service.accessServiceProtocol\"\n    [disabled]=\"disabled\"\n  >\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    (valueChange)=\"handleUrlChange($event)\"\n    [disabled]=\"disabled\"\n    [value]=\"url\"\n    [showValidateButton]=\"false\"\n  >\n    <ng-icon name=\"iconoirCloudUpload\"></ng-icon>\n  </gn-ui-url-input>\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  ></gn-ui-text-input>\n\n  <gn-ui-button\n    (buttonClick)=\"submitIdentifier(service.identifierInService)\"\n    [disabled]=\"disabled || !service.identifierInService || !url\"\n    type=\"primary\"\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: 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: 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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnlineServiceResourceInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'gn-ui-online-service-resource-input', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        ButtonComponent,
                         CommonModule,
+                        FormsModule,
                         MatTooltipModule,
                         MatRadioModule,
-                        FormsModule,
+                        NgIconComponent,
                         TextInputComponent,
                         TranslateModule,
-                    ], 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-[16px] 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  >\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<gn-ui-text-input\n  [(value)]=\"service.identifierInService\"\n  data-cy=\"identifier-in-service\"\n  [disabled]=\"disabled\"\n></gn-ui-text-input>\n" }]
+                        UrlInputComponent,
+                    ], providers: [
+                        provideIcons({ iconoirCloudUpload }),
+                        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  >\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    (valueChange)=\"handleUrlChange($event)\"\n    [disabled]=\"disabled\"\n    [value]=\"url\"\n    [showValidateButton]=\"false\"\n  >\n    <ng-icon name=\"iconoirCloudUpload\"></ng-icon>\n  </gn-ui-url-input>\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  ></gn-ui-text-input>\n\n  <gn-ui-button\n    (buttonClick)=\"submitIdentifier(service.identifierInService)\"\n    [disabled]=\"disabled || !service.identifierInService || !url\"\n    type=\"primary\"\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" }]
         }], propDecorators: { service: [{
                 type: Input
             }], protocolHint: [{
                 type: Input
             }], disabled: [{
                 type: Input
+            }], urlChange: [{
+                type: Output
+            }], identifierSubmit: [{
+                type: Output
             }] } });
 
 class FormFieldOnlineResourcesComponent {
@@ -39696,13 +39908,12 @@ class FormFieldOnlineResourcesComponent {
         this.allResources = onlineResources;
         this.notLinkResources = onlineResources.filter((res) => res.type !== 'link');
     }
-    constructor(notificationsService, translateService, platformService, cd, dialog, editorFacade) {
+    constructor(notificationsService, translateService, platformService, cd, dialog) {
         this.notificationsService = notificationsService;
         this.translateService = translateService;
         this.platformService = platformService;
         this.cd = cd;
         this.dialog = dialog;
-        this.editorFacade = editorFacade;
         this.valueChange = new EventEmitter();
         this.typeOptions = [
             {
@@ -39727,7 +39938,6 @@ class FormFieldOnlineResourcesComponent {
             identifierInService: '',
         };
         this.MAX_UPLOAD_SIZE_MB = MAX_UPLOAD_SIZE_MB;
-        this.disabled$ = this.editorFacade.alreadySavedOnce$.pipe(map$2((alreadySavedOnce) => !alreadySavedOnce));
     }
     onSelectedTypeChange(selectedType) {
         this.selectedType = selectedType;
@@ -39786,6 +39996,15 @@ class FormFieldOnlineResourcesComponent {
             },
         ]);
     }
+    handleIdentifierSubmit(payload) {
+        this.valueChange.emit([
+            ...this.allResources,
+            {
+                ...this.newService,
+                url: new URL(payload.url),
+            },
+        ]);
+    }
     handleServiceModify(oldService, newService) {
         oldService.accessServiceProtocol = newService.accessServiceProtocol;
         oldService.identifierInService = newService.identifierInService;
@@ -39838,8 +40057,8 @@ 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 }, { token: EditorFacade }], 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    [disabled]=\"disabled$ | async\"\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    [disabled]=\"disabled$ | async\"\n  ></gn-ui-file-input>\n  <div\n    *ngIf=\"selectedType === 'service'\"\n    class=\"w-full border-2 border-dashed rounded-lg p-6 flex flex-col gap-[16px]\"\n  >\n    <gn-ui-online-service-resource-input\n      [service]=\"newService\"\n      [disabled]=\"disabled$ | async\"\n    ></gn-ui-online-service-resource-input>\n    <span class=\"w-full border-b border-gray-300\"></span>\n    <gn-ui-url-input\n      class=\"w-full\"\n      (uploadClick)=\"handleServiceUrlChange($event)\"\n      [disabled]=\"disabled$ | async\"\n    ></gn-ui-url-input>\n  </div>\n  <div class=\"h-[8px]\"></div>\n  <gn-ui-sortable-list\n    [items]=\"notLinkResources\"\n    (itemsOrderChange)=\"handleResourcesChange($event)\"\n    [elementTemplate]=\"template\"\n  >\n  </gn-ui-sortable-list>\n  <ng-template #template let-onlineResource let-index=\"index\">\n    <gn-ui-online-resource-card\n      [onlineResource]=\"onlineResource\"\n      (modifyClick)=\"handleResourceModify(onlineResource, index)\"\n    ></gn-ui-online-resource-card>\n  </ng-template>\n\n  <ng-template #dialogTemplate let-onlineResource>\n    <div class=\"flex flex-col gap-[16px]\">\n      <div>\n        <h3 class=\"text-[16px] font-bold text-main mb-[12px]\" translate>\n          editor.record.form.field.onlineResource.edit.title\n        </h3>\n        <gn-ui-text-input [(value)]=\"onlineResource.name\"></gn-ui-text-input>\n      </div>\n      <div>\n        <h3 class=\"text-[16px] font-bold text-main mb-[12px]\" translate>\n          editor.record.form.field.onlineResource.edit.description\n        </h3>\n        <gn-ui-text-area\n          [(value)]=\"onlineResource.description\"\n        ></gn-ui-text-area>\n      </div>\n      <ng-container *ngIf=\"onlineResource.type === 'service'\">\n        <span class=\"w-full border-b border-gray-300\"></span>\n        <gn-ui-online-service-resource-input\n          [service]=\"onlineResource\"\n          [disabled]=\"disabled$ | async\"\n        ></gn-ui-online-service-resource-input>\n      </ng-container>\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        [showUploadButton]=\"false\"\n      ></gn-ui-url-input>\n    </div>\n  </ng-template>\n  <div\n    *ngIf=\"disabled$ | async\"\n    class=\"p-4 text-sm border border-primary bg-primary-lightest rounded-lg\"\n    translate\n    data-test=\"disabled-message\"\n  >\n    editor.record.form.field.draft.only.disabled\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: 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"] }, { kind: "component", type: UrlInputComponent, selector: "gn-ui-url-input", inputs: ["value", "extraClass", "placeholder", "disabled", "showUploadButton"], 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.ɵ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      [disabled]=\"disabled$ | async\"\n      (urlChange)=\"handleServiceUrlChange($event)\"\n      (identifierSubmit)=\"handleIdentifierSubmit($event)\"\n    ></gn-ui-online-service-resource-input>\n  </div>\n  <div class=\"h-[8px]\"></div>\n  <gn-ui-sortable-list\n    [items]=\"notLinkResources\"\n    (itemsOrderChange)=\"handleResourcesChange($event)\"\n    [elementTemplate]=\"template\"\n  >\n  </gn-ui-sortable-list>\n  <ng-template #template let-onlineResource let-index=\"index\">\n    <gn-ui-online-resource-card\n      [onlineResource]=\"onlineResource\"\n      (modifyClick)=\"handleResourceModify(onlineResource, index)\"\n    ></gn-ui-online-resource-card>\n  </ng-template>\n\n  <ng-template #dialogTemplate let-onlineResource>\n    <div class=\"flex flex-col gap-[16px]\">\n      <div>\n        <h3 class=\"text-[16px] font-bold text-main mb-[12px]\" translate>\n          editor.record.form.field.onlineResource.edit.title\n        </h3>\n        <gn-ui-text-input [(value)]=\"onlineResource.name\"></gn-ui-text-input>\n      </div>\n      <div>\n        <h3 class=\"text-[16px] font-bold text-main mb-[12px]\" translate>\n          editor.record.form.field.onlineResource.edit.description\n        </h3>\n        <gn-ui-text-area\n          [(value)]=\"onlineResource.description\"\n        ></gn-ui-text-area>\n      </div>\n      <ng-container *ngIf=\"onlineResource.type === 'service'\">\n        <span class=\"w-full border-b border-gray-300\"></span>\n        <gn-ui-online-service-resource-input\n          [service]=\"onlineResource\"\n        ></gn-ui-online-service-resource-input>\n      </ng-container>\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: "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: 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"], outputs: ["urlChange", "identifierSubmit"] }, { kind: "component", type: UrlInputComponent, selector: "gn-ui-url-input", inputs: ["value", "extraClass", "placeholder", "disabled", "showValidateButton"], outputs: ["valueChange", "uploadClick"] }, { kind: "component", type: SortableListComponent, selector: "gn-ui-sortable-list", inputs: ["elementTemplate", "items"], outputs: ["itemsOrderChange"] }, { kind: "component", type: OnlineResourceCardComponent, selector: "gn-ui-online-resource-card", inputs: ["onlineResource"], outputs: ["modifyClick"] }, { kind: "component", type: TextInputComponent, selector: "gn-ui-text-input", inputs: ["value", "extraClass", "placeholder", "required", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: TextAreaComponent, selector: "gn-ui-text-area", inputs: ["value", "disabled", "extraClass", "placeholder", "required"], outputs: ["valueChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: 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,
@@ -39854,8 +40073,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         TextInputComponent,
                         TextAreaComponent,
                         TranslateModule,
-                    ], template: "<div class=\"flex flex-col\">\n  <gn-ui-switch-toggle\n    [options]=\"typeOptions\"\n    (selectedValue)=\"onSelectedTypeChange($event.value)\"\n    extraClasses=\"grow text-sm\"\n    data-cy=\"online-resources-type\"\n    [disabled]=\"disabled$ | async\"\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    [disabled]=\"disabled$ | async\"\n  ></gn-ui-file-input>\n  <div\n    *ngIf=\"selectedType === 'service'\"\n    class=\"w-full border-2 border-dashed rounded-lg p-6 flex flex-col gap-[16px]\"\n  >\n    <gn-ui-online-service-resource-input\n      [service]=\"newService\"\n      [disabled]=\"disabled$ | async\"\n    ></gn-ui-online-service-resource-input>\n    <span class=\"w-full border-b border-gray-300\"></span>\n    <gn-ui-url-input\n      class=\"w-full\"\n      (uploadClick)=\"handleServiceUrlChange($event)\"\n      [disabled]=\"disabled$ | async\"\n    ></gn-ui-url-input>\n  </div>\n  <div class=\"h-[8px]\"></div>\n  <gn-ui-sortable-list\n    [items]=\"notLinkResources\"\n    (itemsOrderChange)=\"handleResourcesChange($event)\"\n    [elementTemplate]=\"template\"\n  >\n  </gn-ui-sortable-list>\n  <ng-template #template let-onlineResource let-index=\"index\">\n    <gn-ui-online-resource-card\n      [onlineResource]=\"onlineResource\"\n      (modifyClick)=\"handleResourceModify(onlineResource, index)\"\n    ></gn-ui-online-resource-card>\n  </ng-template>\n\n  <ng-template #dialogTemplate let-onlineResource>\n    <div class=\"flex flex-col gap-[16px]\">\n      <div>\n        <h3 class=\"text-[16px] font-bold text-main mb-[12px]\" translate>\n          editor.record.form.field.onlineResource.edit.title\n        </h3>\n        <gn-ui-text-input [(value)]=\"onlineResource.name\"></gn-ui-text-input>\n      </div>\n      <div>\n        <h3 class=\"text-[16px] font-bold text-main mb-[12px]\" translate>\n          editor.record.form.field.onlineResource.edit.description\n        </h3>\n        <gn-ui-text-area\n          [(value)]=\"onlineResource.description\"\n        ></gn-ui-text-area>\n      </div>\n      <ng-container *ngIf=\"onlineResource.type === 'service'\">\n        <span class=\"w-full border-b border-gray-300\"></span>\n        <gn-ui-online-service-resource-input\n          [service]=\"onlineResource\"\n          [disabled]=\"disabled$ | async\"\n        ></gn-ui-online-service-resource-input>\n      </ng-container>\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        [showUploadButton]=\"false\"\n      ></gn-ui-url-input>\n    </div>\n  </ng-template>\n  <div\n    *ngIf=\"disabled$ | async\"\n    class=\"p-4 text-sm border border-primary bg-primary-lightest rounded-lg\"\n    translate\n    data-test=\"disabled-message\"\n  >\n    editor.record.form.field.draft.only.disabled\n  </div>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: NotificationsService }, { type: i1$1.TranslateService }, { type: PlatformServiceInterface }, { type: i0.ChangeDetectorRef }, { type: i1$b.MatDialog }, { type: EditorFacade }], propDecorators: { metadataUuid: [{
+                    ], template: "<div class=\"flex flex-col\">\n  <gn-ui-switch-toggle\n    [options]=\"typeOptions\"\n    (selectedValue)=\"onSelectedTypeChange($event.value)\"\n    extraClasses=\"grow text-sm\"\n    data-cy=\"online-resources-type\"\n  ></gn-ui-switch-toggle>\n  <div class=\"h-[8px]\"></div>\n  <gn-ui-file-input\n    *ngIf=\"selectedType === 'download'\"\n    [maxSizeMB]=\"MAX_UPLOAD_SIZE_MB\"\n    (fileChange)=\"handleFileChange($event)\"\n    (uploadCancel)=\"handleUploadCancel()\"\n    [uploadProgress]=\"uploadProgress\"\n    (urlChange)=\"handleDownloadUrlChange($event)\"\n  ></gn-ui-file-input>\n  <div\n    *ngIf=\"selectedType === 'service'\"\n    class=\"w-full border-2 border-dashed rounded-lg p-6 flex flex-col gap-[16px]\"\n  >\n    <gn-ui-online-service-resource-input\n      [service]=\"newService\"\n      [disabled]=\"disabled$ | async\"\n      (urlChange)=\"handleServiceUrlChange($event)\"\n      (identifierSubmit)=\"handleIdentifierSubmit($event)\"\n    ></gn-ui-online-service-resource-input>\n  </div>\n  <div class=\"h-[8px]\"></div>\n  <gn-ui-sortable-list\n    [items]=\"notLinkResources\"\n    (itemsOrderChange)=\"handleResourcesChange($event)\"\n    [elementTemplate]=\"template\"\n  >\n  </gn-ui-sortable-list>\n  <ng-template #template let-onlineResource let-index=\"index\">\n    <gn-ui-online-resource-card\n      [onlineResource]=\"onlineResource\"\n      (modifyClick)=\"handleResourceModify(onlineResource, index)\"\n    ></gn-ui-online-resource-card>\n  </ng-template>\n\n  <ng-template #dialogTemplate let-onlineResource>\n    <div class=\"flex flex-col gap-[16px]\">\n      <div>\n        <h3 class=\"text-[16px] font-bold text-main mb-[12px]\" translate>\n          editor.record.form.field.onlineResource.edit.title\n        </h3>\n        <gn-ui-text-input [(value)]=\"onlineResource.name\"></gn-ui-text-input>\n      </div>\n      <div>\n        <h3 class=\"text-[16px] font-bold text-main mb-[12px]\" translate>\n          editor.record.form.field.onlineResource.edit.description\n        </h3>\n        <gn-ui-text-area\n          [(value)]=\"onlineResource.description\"\n        ></gn-ui-text-area>\n      </div>\n      <ng-container *ngIf=\"onlineResource.type === 'service'\">\n        <span class=\"w-full border-b border-gray-300\"></span>\n        <gn-ui-online-service-resource-input\n          [service]=\"onlineResource\"\n        ></gn-ui-online-service-resource-input>\n      </ng-container>\n      <span class=\"w-full border-b border-gray-300\"></span>\n      <gn-ui-url-input\n        class=\"w-full\"\n        [disabled]=\"true\"\n        [value]=\"onlineResource.url\"\n        [showValidateButton]=\"false\"\n      ></gn-ui-url-input>\n    </div>\n  </ng-template>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: NotificationsService }, { type: i1$1.TranslateService }, { type: PlatformServiceInterface }, { type: i0.ChangeDetectorRef }, { type: i1$b.MatDialog }], propDecorators: { metadataUuid: [{
                 type: Input
             }], value: [{
                 type: Input
@@ -39911,14 +40130,12 @@ class FormFieldOverviewsComponent {
             description: '',
         });
     }
-    constructor(platformService, notificationsService, translateService, cd, editorFacade) {
+    constructor(platformService, notificationsService, translateService, cd) {
         this.platformService = platformService;
         this.notificationsService = notificationsService;
         this.translateService = translateService;
         this.cd = cd;
-        this.editorFacade = editorFacade;
         this.valueChange = new EventEmitter();
-        this.disabled$ = this.editorFacade.alreadySavedOnce$.pipe(map$2((alreadySavedOnce) => !alreadySavedOnce));
         this.uploadProgress = undefined;
         this.uploadSubscription = null;
         this.MAX_UPLOAD_SIZE_MB = MAX_UPLOAD_SIZE_MB;
@@ -39985,13 +40202,13 @@ class FormFieldOverviewsComponent {
     emitOverview(overView) {
         this.valueChange.emit(overView ? [overView] : []);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormFieldOverviewsComponent, deps: [{ token: PlatformServiceInterface }, { token: NotificationsService }, { token: i1$1.TranslateService }, { token: i0.ChangeDetectorRef }, { token: EditorFacade }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FormFieldOverviewsComponent, isStandalone: true, selector: "gn-ui-form-field-overviews", inputs: { metadataUuid: "metadataUuid", value: "value" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"flex flex-col gap-2\">\n  <gn-ui-image-input\n    [maxSizeMB]=\"MAX_UPLOAD_SIZE_MB\"\n    [previewUrl]=\"firstOverview.url\"\n    [altText]=\"firstOverview.description\"\n    (fileChange)=\"handleFileChange($event)\"\n    (urlChange)=\"handleUrlChange($event)\"\n    (altTextChange)=\"handleAltTextChange($event)\"\n    (delete)=\"handleDelete()\"\n    [uploadProgress]=\"uploadProgress\"\n    (uploadCancel)=\"handleUploadCancel()\"\n    [disabled]=\"disabled$ | async\"\n  ></gn-ui-image-input>\n  <div\n    *ngIf=\"disabled$ | async\"\n    class=\"p-4 text-sm border border-primary bg-primary-lightest rounded-lg\"\n    translate\n    data-test=\"disabled-message\"\n  >\n    editor.record.form.field.draft.only.disabled\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: ImageInputComponent, selector: "gn-ui-image-input", inputs: ["maxSizeMB", "previewUrl", "altText", "uploadProgress", "uploadError", "disabled"], outputs: ["fileChange", "urlChange", "uploadCancel", "delete", "altTextChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormFieldOverviewsComponent, deps: [{ token: PlatformServiceInterface }, { token: NotificationsService }, { token: i1$1.TranslateService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FormFieldOverviewsComponent, isStandalone: true, selector: "gn-ui-form-field-overviews", inputs: { metadataUuid: "metadataUuid", value: "value" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"flex flex-col gap-2\">\n  <gn-ui-image-input\n    [maxSizeMB]=\"MAX_UPLOAD_SIZE_MB\"\n    [previewUrl]=\"firstOverview.url\"\n    [altText]=\"firstOverview.description\"\n    (fileChange)=\"handleFileChange($event)\"\n    (urlChange)=\"handleUrlChange($event)\"\n    (altTextChange)=\"handleAltTextChange($event)\"\n    (delete)=\"handleDelete()\"\n    [uploadProgress]=\"uploadProgress\"\n    (uploadCancel)=\"handleUploadCancel()\"\n  ></gn-ui-image-input>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ImageInputComponent, selector: "gn-ui-image-input", inputs: ["maxSizeMB", "previewUrl", "altText", "uploadProgress", "uploadError", "disabled"], outputs: ["fileChange", "urlChange", "uploadCancel", "delete", "altTextChange"] }, { kind: "ngmodule", type: TranslateModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormFieldOverviewsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-form-field-overviews', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, ImageInputComponent, TranslateModule], template: "<div class=\"flex flex-col gap-2\">\n  <gn-ui-image-input\n    [maxSizeMB]=\"MAX_UPLOAD_SIZE_MB\"\n    [previewUrl]=\"firstOverview.url\"\n    [altText]=\"firstOverview.description\"\n    (fileChange)=\"handleFileChange($event)\"\n    (urlChange)=\"handleUrlChange($event)\"\n    (altTextChange)=\"handleAltTextChange($event)\"\n    (delete)=\"handleDelete()\"\n    [uploadProgress]=\"uploadProgress\"\n    (uploadCancel)=\"handleUploadCancel()\"\n    [disabled]=\"disabled$ | async\"\n  ></gn-ui-image-input>\n  <div\n    *ngIf=\"disabled$ | async\"\n    class=\"p-4 text-sm border border-primary bg-primary-lightest rounded-lg\"\n    translate\n    data-test=\"disabled-message\"\n  >\n    editor.record.form.field.draft.only.disabled\n  </div>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: PlatformServiceInterface }, { type: NotificationsService }, { type: i1$1.TranslateService }, { type: i0.ChangeDetectorRef }, { type: EditorFacade }], propDecorators: { metadataUuid: [{
+            args: [{ selector: 'gn-ui-form-field-overviews', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, ImageInputComponent, TranslateModule], template: "<div class=\"flex flex-col gap-2\">\n  <gn-ui-image-input\n    [maxSizeMB]=\"MAX_UPLOAD_SIZE_MB\"\n    [previewUrl]=\"firstOverview.url\"\n    [altText]=\"firstOverview.description\"\n    (fileChange)=\"handleFileChange($event)\"\n    (urlChange)=\"handleUrlChange($event)\"\n    (altTextChange)=\"handleAltTextChange($event)\"\n    (delete)=\"handleDelete()\"\n    [uploadProgress]=\"uploadProgress\"\n    (uploadCancel)=\"handleUploadCancel()\"\n  ></gn-ui-image-input>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: PlatformServiceInterface }, { type: NotificationsService }, { type: i1$1.TranslateService }, { type: i0.ChangeDetectorRef }], propDecorators: { metadataUuid: [{
                 type: Input
             }], value: [{
                 type: Input
@@ -39999,9 +40216,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Output
             }] } });
 
+const initialListValues = updateFrequencyCodeValues.filter((code) => !['unknown', 'notPlanned', 'asNeeded', 'irregular'].includes(code));
 class FormFieldUpdateFrequencyComponent {
     get planned() {
-        return typeof this.value !== 'string';
+        return this.value && this.value !== 'notPlanned' && this.value !== 'unknown';
     }
     constructor(translateService) {
         this.translateService = translateService;
@@ -40010,13 +40228,26 @@ class FormFieldUpdateFrequencyComponent {
     }
     async ngOnInit() {
         this.choices = await this.getInitialChoices();
+        if (!this.planned) {
+            return;
+        }
+        if (typeof this.value === 'string' &&
+            !this.choices.map((choice) => choice.value).includes(this.value)) {
+            this.choices = [
+                {
+                    value: this.value,
+                    label: await firstValueFrom(this.translateService.get(`domain.record.updateFrequency.${this.value}`)),
+                },
+                ...this.choices,
+            ];
+        }
         if (typeof this.value === 'string') {
             return;
         }
         const updatedTimes = this.value.updatedTimes;
         const per = this.value.per;
         // the update frequency is not in the list; make it appear there
-        if (updatedTimes && updatedTimes !== 1 && updatedTimes !== 2) {
+        if (updatedTimes) {
             this.choices = [
                 {
                     value: `${per}.${updatedTimes}`,
@@ -40033,73 +40264,34 @@ class FormFieldUpdateFrequencyComponent {
             this.valueChange.emit('notPlanned');
         }
         else {
-            this.valueChange.emit({ updatedTimes: 1, per: 'day' });
+            this.valueChange.emit(this.choices[0].value);
         }
     }
     get selectedFrequency() {
-        if (!this.value || typeof this.value === 'string')
+        if (!this.value)
             return null;
+        if (typeof this.value === 'string')
+            return this.value;
         const { updatedTimes, per } = this.value;
         return `${per}.${updatedTimes}`;
     }
     onSelectFrequencyValue(value) {
-        const split = value.split('.');
-        this.valueChange.emit({
-            updatedTimes: Number(split[1]),
-            per: split[0],
-        });
+        if (!value.includes('.')) {
+            this.valueChange.emit(value);
+        }
+        else {
+            const split = value.split('.');
+            this.valueChange.emit({
+                updatedTimes: Number(split[1]),
+                per: split[0],
+            });
+        }
     }
     async getInitialChoices() {
-        return [
-            {
-                value: 'day.1',
-                label: await firstValueFrom(this.translateService.get('domain.record.updateFrequency.day', {
-                    count: 1,
-                })),
-            },
-            {
-                value: 'day.2',
-                label: await firstValueFrom(this.translateService.get('domain.record.updateFrequency.day', {
-                    count: 2,
-                })),
-            },
-            {
-                value: 'week.1',
-                label: await firstValueFrom(this.translateService.get('domain.record.updateFrequency.week', {
-                    count: 1,
-                })),
-            },
-            {
-                value: 'week.2',
-                label: await firstValueFrom(this.translateService.get('domain.record.updateFrequency.week', {
-                    count: 2,
-                })),
-            },
-            {
-                value: 'month.1',
-                label: await firstValueFrom(this.translateService.get('domain.record.updateFrequency.month', {
-                    count: 1,
-                })),
-            },
-            {
-                value: 'month.2',
-                label: await firstValueFrom(this.translateService.get('domain.record.updateFrequency.month', {
-                    count: 2,
-                })),
-            },
-            {
-                value: 'year.1',
-                label: await firstValueFrom(this.translateService.get('domain.record.updateFrequency.year', {
-                    count: 1,
-                })),
-            },
-            {
-                value: 'year.2',
-                label: await firstValueFrom(this.translateService.get('domain.record.updateFrequency.year', {
-                    count: 2,
-                })),
-            },
-        ];
+        return Promise.all(initialListValues.map(async (value) => ({
+            value,
+            label: await firstValueFrom(this.translateService.get(`domain.record.updateFrequency.${value}`)),
+        })));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormFieldUpdateFrequencyComponent, deps: [{ token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FormFieldUpdateFrequencyComponent, isStandalone: true, selector: "gn-ui-form-field-update-frequency", inputs: { value: "value" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"flex flex-col gap-2\">\n  <gn-ui-check-toggle\n    [label]=\"'editor.record.form.updateFrequency.planned' | translate\"\n    [value]=\"planned\"\n    (toggled)=\"onPlannedToggled()\"\n  ></gn-ui-check-toggle>\n  <gn-ui-dropdown-selector\n    title=\"updateFrequency\"\n    [showTitle]=\"false\"\n    [choices]=\"choices\"\n    [selected]=\"selectedFrequency\"\n    (selectValue)=\"onSelectFrequencyValue($event)\"\n    [disabled]=\"!planned\"\n    [extraBtnClass]=\"'input-as-button gn-ui-text-input'\"\n  >\n  </gn-ui-dropdown-selector>\n</div>\n", styles: ["gn-ui-dropdown-selector{max-width:calc(50% - 16px)}\n"], dependencies: [{ kind: "component", type: CheckToggleComponent, selector: "gn-ui-check-toggle", inputs: ["title", "label", "value", "color"], outputs: ["toggled"] }, { kind: "component", type: DropdownSelectorComponent, selector: "gn-ui-dropdown-selector", inputs: ["title", "showTitle", "ariaName", "choices", "selected", "maxRows", "extraBtnClass", "minWidth", "disabled"], outputs: ["selectValue"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
@@ -40292,7 +40484,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    [showUploadButton]=\"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", "showUploadButton"], 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    [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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ConstraintCardComponent, decorators: [{
             type: Component,
@@ -40310,7 +40502,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    [showUploadButton]=\"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    [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"] }]
         }], propDecorators: { label: [{
                 type: Input
             }], constraint: [{
@@ -40465,7 +40657,7 @@ class FormFieldComponent {
         return this.value;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FormFieldComponent, isStandalone: true, selector: "gn-ui-form-field", inputs: { uniqueIdentifier: "uniqueIdentifier", model: "model", modelSpecifier: "modelSpecifier", componentName: "componentName", config: "config", value: "value" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "titleInput", first: true, predicate: ["titleInput"], descendants: true }], ngImport: i0, template: "<!-- TEMPORARY - disabling the open data switch -->\n<!-- <ng-container *ngIf=\"model === 'licenses'\">\n  <gn-ui-form-field-open-data\n    [value]=\"valueAsConstraints\"\n    (valueChange)=\"valueChange.emit($event)\"\n    (openDataChange)=\"toggleIsOpenData($event)\"\n  ></gn-ui-form-field-open-data>\n</ng-container> -->\n<div class=\"flex flex-col h-full\">\n  <ng-container *ngIf=\"withoutWrapper; else withGenericWrapper\">\n    <ng-container *ngTemplateOutlet=\"fieldContent\"></ng-container>\n  </ng-container>\n  <ng-template #withGenericWrapper>\n    <gn-ui-form-field-wrapper\n      [label]=\"config.labelKey! | translate\"\n      [hint]=\"config.hintKey! | translate\"\n    >\n      <ng-container *ngTemplateOutlet=\"fieldContent\"></ng-container>\n    </gn-ui-form-field-wrapper>\n  </ng-template>\n</div>\n\n<ng-template #fieldContent>\n  <ng-container [ngSwitch]=\"model\">\n    <ng-container *ngSwitchCase=\"'title'\">\n      <div class=\"flex flex-row flex-start items-center gap-3 mb-[12px]\">\n        <textarea\n          #titleInput\n          cdkTextareaAutosize\n          #autosize=\"cdkTextareaAutosize\"\n          cdkAutosizeMinRows=\"1\"\n          data-test=\"recordTitleInput\"\n          class=\"grow font-title text-3xl font-normal overflow-hidden\"\n          (change)=\"valueChange.emit($event.target.value)\"\n          >{{ valueAsString }}</textarea\n        >\n        <div class=\"flex flex-row justify-between self-start mt-0.5\">\n          <span\n            class=\"material-symbols-outlined gn-ui-icon-small m-2 cursor-pointer\"\n            (click)=\"focusTitleInput()\"\n            >edit</span\n          >\n          <span\n            *ngIf=\"config.hintKey\"\n            class=\"material-symbols-outlined gn-ui-icon-small m-2\"\n            [matTooltip]=\"config.hintKey! | translate\"\n            matTooltipPosition=\"above\"\n          >\n            help\n          </span>\n        </div>\n      </div>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'abstract'\">\n      <gn-ui-form-field-rich\n        [label]=\"config.labelKey! | translate\"\n        [hint]=\"config.hintKey! | translate\"\n        [value]=\"valueAsString\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-rich>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'overviews'\">\n      <gn-ui-form-field-overviews\n        [metadataUuid]=\"uniqueIdentifier\"\n        [value]=\"valueAsOverviews\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-overviews>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'resourceIdentifier'\">\n      <gn-ui-form-field-simple\n        [type]=\"'text'\"\n        [value]=\"valueAsString\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-simple>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'resourceCreated'\">\n      <gn-ui-form-field-date\n        [value]=\"valueAsDate\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-date>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'resourceUpdated'\">\n      <gn-ui-form-field-date\n        [value]=\"valueAsDate\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-date>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'updateFrequency'\">\n      <gn-ui-form-field-update-frequency\n        [value]=\"valueAsUpdateFrequency\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-update-frequency>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'temporalExtents'\">\n      <gn-ui-form-field-temporal-extents\n        [value]=\"valueAsTemporalExtents\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-temporal-extents>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'spatialExtents'\">\n      <gn-ui-form-field-spatial-extent></gn-ui-form-field-spatial-extent>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'keywords'\">\n      <gn-ui-form-field-keywords\n        [value]=\"valueAsKeywords\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-keywords>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'licenses'\">\n      <gn-ui-form-field-license\n        [label]=\"config.labelKey! | translate\"\n        [recordConstraints]=\"valueAsConstraints\"\n        (recordConstraintsChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-license>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"'legalConstraints'\">\n      <ng-container *ngTemplateOutlet=\"formFieldConstraints\"></ng-container>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'securityConstraints'\">\n      <ng-container *ngTemplateOutlet=\"formFieldConstraints\"></ng-container>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'otherConstraints'\">\n      <ng-container *ngTemplateOutlet=\"formFieldConstraints\"></ng-container\n    ></ng-container>\n    <ng-template #formFieldConstraints>\n      <gn-ui-form-field-constraints\n        [label]=\"config.labelKey\"\n        [value]=\"valueAsConstraints\"\n        [constraintType]=\"model\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-constraints\n    ></ng-template>\n\n    <ng-container *ngSwitchCase=\"'contactsForResource'\">\n      <gn-ui-form-field-contacts-for-resource\n        [value]=\"valueAsIndividuals\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-contacts-for-resource>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'contacts'\">\n      <gn-ui-form-field-contacts\n        [value]=\"valueAsIndividuals\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-contacts>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'onlineResources'\">\n      <gn-ui-form-field-online-resources\n        *ngIf=\"modelSpecifier === 'onlineResourceType:!link'\"\n        [metadataUuid]=\"uniqueIdentifier\"\n        [value]=\"valueAsOnlineResources\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-online-resources>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'onlineResources'\">\n      <gn-ui-form-field-online-link-resources\n        *ngIf=\"modelSpecifier === 'onlineResourceType:link'\"\n        [metadataUuid]=\"uniqueIdentifier\"\n        [value]=\"valueAsOnlineResources\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-online-link-resources>\n    </ng-container>\n  </ng-container>\n\n  <ng-container *ngIf=\"!model\">\n    <ng-container [ngSwitch]=\"componentName\">\n      <ng-container *ngSwitchCase=\"'form-field-constraints-shortcuts'\">\n        <gn-ui-form-field-constraints-shortcuts></gn-ui-form-field-constraints-shortcuts>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'form-field-spatial-toggle'\">\n        <gn-ui-form-field-spatial-toggle></gn-ui-form-field-spatial-toggle>\n      </ng-container>\n    </ng-container>\n  </ng-container>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1$4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: FormFieldWrapperComponent, selector: "gn-ui-form-field-wrapper", inputs: ["label", "hint"] }, { kind: "component", type: FormFieldLicenseComponent, selector: "gn-ui-form-field-license", inputs: ["label", "recordConstraints"], outputs: ["recordConstraintsChange"] }, { kind: "component", type: FormFieldDateComponent, selector: "gn-ui-form-field-date", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldUpdateFrequencyComponent, selector: "gn-ui-form-field-update-frequency", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldTemporalExtentsComponent, selector: "gn-ui-form-field-temporal-extents", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldSimpleComponent, selector: "gn-ui-form-field-simple", inputs: ["type", "readonly", "invalid", "placeholder", "value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldRichComponent, selector: "gn-ui-form-field-rich", inputs: ["label", "hint", "placeholder", "value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldSpatialExtentComponent, selector: "gn-ui-form-field-spatial-extent" }, { kind: "component", type: FormFieldKeywordsComponent, selector: "gn-ui-form-field-keywords", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldOverviewsComponent, selector: "gn-ui-form-field-overviews", inputs: ["metadataUuid", "value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldContactsForResourceComponent, selector: "gn-ui-form-field-contacts-for-resource", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldOnlineResourcesComponent, selector: "gn-ui-form-field-online-resources", inputs: ["metadataUuid", "value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldOnlineLinkResourcesComponent, selector: "gn-ui-form-field-online-link-resources", inputs: ["metadataUuid", "value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldContactsComponent, selector: "gn-ui-form-field-contacts", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldConstraintsComponent, selector: "gn-ui-form-field-constraints", inputs: ["label", "value", "constraintType"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldConstraintsShortcutsComponent, selector: "gn-ui-form-field-constraints-shortcuts" }, { kind: "component", type: FormFieldSpatialToggleComponent, selector: "gn-ui-form-field-spatial-toggle" }, { kind: "ngmodule", type: TextFieldModule }, { kind: "directive", type: i4$1.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FormFieldComponent, isStandalone: true, selector: "gn-ui-form-field", inputs: { uniqueIdentifier: "uniqueIdentifier", model: "model", modelSpecifier: "modelSpecifier", componentName: "componentName", config: "config", value: "value" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "titleInput", first: true, predicate: ["titleInput"], descendants: true }], ngImport: i0, template: "<!-- TEMPORARY - disabling the open data switch -->\n<!-- <ng-container *ngIf=\"model === 'licenses'\">\n  <gn-ui-form-field-open-data\n    [value]=\"valueAsConstraints\"\n    (valueChange)=\"valueChange.emit($event)\"\n    (openDataChange)=\"toggleIsOpenData($event)\"\n  ></gn-ui-form-field-open-data>\n</ng-container> -->\n<div class=\"flex flex-col h-full\">\n  <ng-container *ngIf=\"withoutWrapper; else withGenericWrapper\">\n    <ng-container *ngTemplateOutlet=\"fieldContent\"></ng-container>\n  </ng-container>\n  <ng-template #withGenericWrapper>\n    <gn-ui-form-field-wrapper\n      [label]=\"config.labelKey! | translate\"\n      [hint]=\"config.hintKey! | translate\"\n    >\n      <ng-container *ngTemplateOutlet=\"fieldContent\"></ng-container>\n    </gn-ui-form-field-wrapper>\n  </ng-template>\n</div>\n\n<ng-template #fieldContent>\n  <ng-container [ngSwitch]=\"model\">\n    <ng-container *ngSwitchCase=\"'title'\">\n      <div class=\"flex flex-row flex-start items-center gap-3 mb-[12px]\">\n        <textarea\n          #titleInput\n          cdkTextareaAutosize\n          #autosize=\"cdkTextareaAutosize\"\n          cdkAutosizeMinRows=\"1\"\n          data-test=\"recordTitleInput\"\n          class=\"grow font-title text-3xl font-normal overflow-hidden text-black/80\"\n          (change)=\"valueChange.emit($event.target.value)\"\n          [placeholder]=\"\n            'editor.record.form.field.title.placeholder' | translate\n          \"\n          >{{ valueAsString }}</textarea\n        >\n        <div class=\"flex flex-row justify-between self-start mt-0.5\">\n          <span\n            class=\"material-symbols-outlined gn-ui-icon-small m-2 cursor-pointer\"\n            (click)=\"focusTitleInput()\"\n            >edit</span\n          >\n          <span\n            *ngIf=\"config.hintKey\"\n            class=\"material-symbols-outlined gn-ui-icon-small m-2\"\n            [matTooltip]=\"config.hintKey! | translate\"\n            matTooltipPosition=\"above\"\n          >\n            help\n          </span>\n        </div>\n      </div>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'abstract'\">\n      <gn-ui-form-field-rich\n        [label]=\"config.labelKey! | translate\"\n        [hint]=\"config.hintKey! | translate\"\n        [value]=\"valueAsString\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-rich>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'overviews'\">\n      <gn-ui-form-field-overviews\n        [metadataUuid]=\"uniqueIdentifier\"\n        [value]=\"valueAsOverviews\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-overviews>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'resourceIdentifier'\">\n      <gn-ui-form-field-simple\n        [type]=\"'text'\"\n        [value]=\"valueAsString\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-simple>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'resourceCreated'\">\n      <gn-ui-form-field-date\n        [value]=\"valueAsDate\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-date>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'resourceUpdated'\">\n      <gn-ui-form-field-date\n        [value]=\"valueAsDate\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-date>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'updateFrequency'\">\n      <gn-ui-form-field-update-frequency\n        [value]=\"valueAsUpdateFrequency\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-update-frequency>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'temporalExtents'\">\n      <gn-ui-form-field-temporal-extents\n        [value]=\"valueAsTemporalExtents\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-temporal-extents>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'spatialExtents'\">\n      <gn-ui-form-field-spatial-extent></gn-ui-form-field-spatial-extent>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'keywords'\">\n      <gn-ui-form-field-keywords\n        [value]=\"valueAsKeywords\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-keywords>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'licenses'\">\n      <gn-ui-form-field-license\n        [label]=\"config.labelKey! | translate\"\n        [recordConstraints]=\"valueAsConstraints\"\n        (recordConstraintsChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-license>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"'legalConstraints'\">\n      <ng-container *ngTemplateOutlet=\"formFieldConstraints\"></ng-container>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'securityConstraints'\">\n      <ng-container *ngTemplateOutlet=\"formFieldConstraints\"></ng-container>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'otherConstraints'\">\n      <ng-container *ngTemplateOutlet=\"formFieldConstraints\"></ng-container\n    ></ng-container>\n    <ng-template #formFieldConstraints>\n      <gn-ui-form-field-constraints\n        [label]=\"config.labelKey\"\n        [value]=\"valueAsConstraints\"\n        [constraintType]=\"model\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-constraints\n    ></ng-template>\n\n    <ng-container *ngSwitchCase=\"'contactsForResource'\">\n      <gn-ui-form-field-contacts-for-resource\n        [value]=\"valueAsIndividuals\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-contacts-for-resource>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'contacts'\">\n      <gn-ui-form-field-contacts\n        [value]=\"valueAsIndividuals\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-contacts>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'onlineResources'\">\n      <gn-ui-form-field-online-resources\n        *ngIf=\"modelSpecifier === 'onlineResourceType:!link'\"\n        [metadataUuid]=\"uniqueIdentifier\"\n        [value]=\"valueAsOnlineResources\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-online-resources>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'onlineResources'\">\n      <gn-ui-form-field-online-link-resources\n        *ngIf=\"modelSpecifier === 'onlineResourceType:link'\"\n        [metadataUuid]=\"uniqueIdentifier\"\n        [value]=\"valueAsOnlineResources\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-online-link-resources>\n    </ng-container>\n  </ng-container>\n\n  <ng-container *ngIf=\"!model\">\n    <ng-container [ngSwitch]=\"componentName\">\n      <ng-container *ngSwitchCase=\"'form-field-constraints-shortcuts'\">\n        <gn-ui-form-field-constraints-shortcuts></gn-ui-form-field-constraints-shortcuts>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'form-field-spatial-toggle'\">\n        <gn-ui-form-field-spatial-toggle></gn-ui-form-field-spatial-toggle>\n      </ng-container>\n    </ng-container>\n  </ng-container>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1$4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: FormFieldWrapperComponent, selector: "gn-ui-form-field-wrapper", inputs: ["label", "hint"] }, { kind: "component", type: FormFieldLicenseComponent, selector: "gn-ui-form-field-license", inputs: ["label", "recordConstraints"], outputs: ["recordConstraintsChange"] }, { kind: "component", type: FormFieldDateComponent, selector: "gn-ui-form-field-date", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldUpdateFrequencyComponent, selector: "gn-ui-form-field-update-frequency", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldTemporalExtentsComponent, selector: "gn-ui-form-field-temporal-extents", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldSimpleComponent, selector: "gn-ui-form-field-simple", inputs: ["type", "readonly", "invalid", "placeholder", "value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldRichComponent, selector: "gn-ui-form-field-rich", inputs: ["label", "hint", "placeholder", "value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldSpatialExtentComponent, selector: "gn-ui-form-field-spatial-extent" }, { kind: "component", type: FormFieldKeywordsComponent, selector: "gn-ui-form-field-keywords", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldOverviewsComponent, selector: "gn-ui-form-field-overviews", inputs: ["metadataUuid", "value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldContactsForResourceComponent, selector: "gn-ui-form-field-contacts-for-resource", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldOnlineResourcesComponent, selector: "gn-ui-form-field-online-resources", inputs: ["metadataUuid", "value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldOnlineLinkResourcesComponent, selector: "gn-ui-form-field-online-link-resources", inputs: ["metadataUuid", "value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldContactsComponent, selector: "gn-ui-form-field-contacts", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldConstraintsComponent, selector: "gn-ui-form-field-constraints", inputs: ["label", "value", "constraintType"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldConstraintsShortcutsComponent, selector: "gn-ui-form-field-constraints-shortcuts" }, { kind: "component", type: FormFieldSpatialToggleComponent, selector: "gn-ui-form-field-spatial-toggle" }, { kind: "ngmodule", type: TextFieldModule }, { kind: "directive", type: i4$2.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormFieldComponent, decorators: [{
             type: Component,
@@ -40496,7 +40688,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         FormFieldConstraintsShortcutsComponent,
                         FormFieldSpatialToggleComponent,
                         TextFieldModule,
-                    ], template: "<!-- TEMPORARY - disabling the open data switch -->\n<!-- <ng-container *ngIf=\"model === 'licenses'\">\n  <gn-ui-form-field-open-data\n    [value]=\"valueAsConstraints\"\n    (valueChange)=\"valueChange.emit($event)\"\n    (openDataChange)=\"toggleIsOpenData($event)\"\n  ></gn-ui-form-field-open-data>\n</ng-container> -->\n<div class=\"flex flex-col h-full\">\n  <ng-container *ngIf=\"withoutWrapper; else withGenericWrapper\">\n    <ng-container *ngTemplateOutlet=\"fieldContent\"></ng-container>\n  </ng-container>\n  <ng-template #withGenericWrapper>\n    <gn-ui-form-field-wrapper\n      [label]=\"config.labelKey! | translate\"\n      [hint]=\"config.hintKey! | translate\"\n    >\n      <ng-container *ngTemplateOutlet=\"fieldContent\"></ng-container>\n    </gn-ui-form-field-wrapper>\n  </ng-template>\n</div>\n\n<ng-template #fieldContent>\n  <ng-container [ngSwitch]=\"model\">\n    <ng-container *ngSwitchCase=\"'title'\">\n      <div class=\"flex flex-row flex-start items-center gap-3 mb-[12px]\">\n        <textarea\n          #titleInput\n          cdkTextareaAutosize\n          #autosize=\"cdkTextareaAutosize\"\n          cdkAutosizeMinRows=\"1\"\n          data-test=\"recordTitleInput\"\n          class=\"grow font-title text-3xl font-normal overflow-hidden\"\n          (change)=\"valueChange.emit($event.target.value)\"\n          >{{ valueAsString }}</textarea\n        >\n        <div class=\"flex flex-row justify-between self-start mt-0.5\">\n          <span\n            class=\"material-symbols-outlined gn-ui-icon-small m-2 cursor-pointer\"\n            (click)=\"focusTitleInput()\"\n            >edit</span\n          >\n          <span\n            *ngIf=\"config.hintKey\"\n            class=\"material-symbols-outlined gn-ui-icon-small m-2\"\n            [matTooltip]=\"config.hintKey! | translate\"\n            matTooltipPosition=\"above\"\n          >\n            help\n          </span>\n        </div>\n      </div>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'abstract'\">\n      <gn-ui-form-field-rich\n        [label]=\"config.labelKey! | translate\"\n        [hint]=\"config.hintKey! | translate\"\n        [value]=\"valueAsString\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-rich>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'overviews'\">\n      <gn-ui-form-field-overviews\n        [metadataUuid]=\"uniqueIdentifier\"\n        [value]=\"valueAsOverviews\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-overviews>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'resourceIdentifier'\">\n      <gn-ui-form-field-simple\n        [type]=\"'text'\"\n        [value]=\"valueAsString\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-simple>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'resourceCreated'\">\n      <gn-ui-form-field-date\n        [value]=\"valueAsDate\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-date>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'resourceUpdated'\">\n      <gn-ui-form-field-date\n        [value]=\"valueAsDate\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-date>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'updateFrequency'\">\n      <gn-ui-form-field-update-frequency\n        [value]=\"valueAsUpdateFrequency\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-update-frequency>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'temporalExtents'\">\n      <gn-ui-form-field-temporal-extents\n        [value]=\"valueAsTemporalExtents\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-temporal-extents>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'spatialExtents'\">\n      <gn-ui-form-field-spatial-extent></gn-ui-form-field-spatial-extent>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'keywords'\">\n      <gn-ui-form-field-keywords\n        [value]=\"valueAsKeywords\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-keywords>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'licenses'\">\n      <gn-ui-form-field-license\n        [label]=\"config.labelKey! | translate\"\n        [recordConstraints]=\"valueAsConstraints\"\n        (recordConstraintsChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-license>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"'legalConstraints'\">\n      <ng-container *ngTemplateOutlet=\"formFieldConstraints\"></ng-container>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'securityConstraints'\">\n      <ng-container *ngTemplateOutlet=\"formFieldConstraints\"></ng-container>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'otherConstraints'\">\n      <ng-container *ngTemplateOutlet=\"formFieldConstraints\"></ng-container\n    ></ng-container>\n    <ng-template #formFieldConstraints>\n      <gn-ui-form-field-constraints\n        [label]=\"config.labelKey\"\n        [value]=\"valueAsConstraints\"\n        [constraintType]=\"model\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-constraints\n    ></ng-template>\n\n    <ng-container *ngSwitchCase=\"'contactsForResource'\">\n      <gn-ui-form-field-contacts-for-resource\n        [value]=\"valueAsIndividuals\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-contacts-for-resource>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'contacts'\">\n      <gn-ui-form-field-contacts\n        [value]=\"valueAsIndividuals\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-contacts>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'onlineResources'\">\n      <gn-ui-form-field-online-resources\n        *ngIf=\"modelSpecifier === 'onlineResourceType:!link'\"\n        [metadataUuid]=\"uniqueIdentifier\"\n        [value]=\"valueAsOnlineResources\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-online-resources>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'onlineResources'\">\n      <gn-ui-form-field-online-link-resources\n        *ngIf=\"modelSpecifier === 'onlineResourceType:link'\"\n        [metadataUuid]=\"uniqueIdentifier\"\n        [value]=\"valueAsOnlineResources\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-online-link-resources>\n    </ng-container>\n  </ng-container>\n\n  <ng-container *ngIf=\"!model\">\n    <ng-container [ngSwitch]=\"componentName\">\n      <ng-container *ngSwitchCase=\"'form-field-constraints-shortcuts'\">\n        <gn-ui-form-field-constraints-shortcuts></gn-ui-form-field-constraints-shortcuts>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'form-field-spatial-toggle'\">\n        <gn-ui-form-field-spatial-toggle></gn-ui-form-field-spatial-toggle>\n      </ng-container>\n    </ng-container>\n  </ng-container>\n</ng-template>\n" }]
+                    ], template: "<!-- TEMPORARY - disabling the open data switch -->\n<!-- <ng-container *ngIf=\"model === 'licenses'\">\n  <gn-ui-form-field-open-data\n    [value]=\"valueAsConstraints\"\n    (valueChange)=\"valueChange.emit($event)\"\n    (openDataChange)=\"toggleIsOpenData($event)\"\n  ></gn-ui-form-field-open-data>\n</ng-container> -->\n<div class=\"flex flex-col h-full\">\n  <ng-container *ngIf=\"withoutWrapper; else withGenericWrapper\">\n    <ng-container *ngTemplateOutlet=\"fieldContent\"></ng-container>\n  </ng-container>\n  <ng-template #withGenericWrapper>\n    <gn-ui-form-field-wrapper\n      [label]=\"config.labelKey! | translate\"\n      [hint]=\"config.hintKey! | translate\"\n    >\n      <ng-container *ngTemplateOutlet=\"fieldContent\"></ng-container>\n    </gn-ui-form-field-wrapper>\n  </ng-template>\n</div>\n\n<ng-template #fieldContent>\n  <ng-container [ngSwitch]=\"model\">\n    <ng-container *ngSwitchCase=\"'title'\">\n      <div class=\"flex flex-row flex-start items-center gap-3 mb-[12px]\">\n        <textarea\n          #titleInput\n          cdkTextareaAutosize\n          #autosize=\"cdkTextareaAutosize\"\n          cdkAutosizeMinRows=\"1\"\n          data-test=\"recordTitleInput\"\n          class=\"grow font-title text-3xl font-normal overflow-hidden text-black/80\"\n          (change)=\"valueChange.emit($event.target.value)\"\n          [placeholder]=\"\n            'editor.record.form.field.title.placeholder' | translate\n          \"\n          >{{ valueAsString }}</textarea\n        >\n        <div class=\"flex flex-row justify-between self-start mt-0.5\">\n          <span\n            class=\"material-symbols-outlined gn-ui-icon-small m-2 cursor-pointer\"\n            (click)=\"focusTitleInput()\"\n            >edit</span\n          >\n          <span\n            *ngIf=\"config.hintKey\"\n            class=\"material-symbols-outlined gn-ui-icon-small m-2\"\n            [matTooltip]=\"config.hintKey! | translate\"\n            matTooltipPosition=\"above\"\n          >\n            help\n          </span>\n        </div>\n      </div>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'abstract'\">\n      <gn-ui-form-field-rich\n        [label]=\"config.labelKey! | translate\"\n        [hint]=\"config.hintKey! | translate\"\n        [value]=\"valueAsString\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-rich>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'overviews'\">\n      <gn-ui-form-field-overviews\n        [metadataUuid]=\"uniqueIdentifier\"\n        [value]=\"valueAsOverviews\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-overviews>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'resourceIdentifier'\">\n      <gn-ui-form-field-simple\n        [type]=\"'text'\"\n        [value]=\"valueAsString\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-simple>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'resourceCreated'\">\n      <gn-ui-form-field-date\n        [value]=\"valueAsDate\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-date>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'resourceUpdated'\">\n      <gn-ui-form-field-date\n        [value]=\"valueAsDate\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-date>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'updateFrequency'\">\n      <gn-ui-form-field-update-frequency\n        [value]=\"valueAsUpdateFrequency\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-update-frequency>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'temporalExtents'\">\n      <gn-ui-form-field-temporal-extents\n        [value]=\"valueAsTemporalExtents\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-temporal-extents>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'spatialExtents'\">\n      <gn-ui-form-field-spatial-extent></gn-ui-form-field-spatial-extent>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'keywords'\">\n      <gn-ui-form-field-keywords\n        [value]=\"valueAsKeywords\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-keywords>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'licenses'\">\n      <gn-ui-form-field-license\n        [label]=\"config.labelKey! | translate\"\n        [recordConstraints]=\"valueAsConstraints\"\n        (recordConstraintsChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-license>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"'legalConstraints'\">\n      <ng-container *ngTemplateOutlet=\"formFieldConstraints\"></ng-container>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'securityConstraints'\">\n      <ng-container *ngTemplateOutlet=\"formFieldConstraints\"></ng-container>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'otherConstraints'\">\n      <ng-container *ngTemplateOutlet=\"formFieldConstraints\"></ng-container\n    ></ng-container>\n    <ng-template #formFieldConstraints>\n      <gn-ui-form-field-constraints\n        [label]=\"config.labelKey\"\n        [value]=\"valueAsConstraints\"\n        [constraintType]=\"model\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-constraints\n    ></ng-template>\n\n    <ng-container *ngSwitchCase=\"'contactsForResource'\">\n      <gn-ui-form-field-contacts-for-resource\n        [value]=\"valueAsIndividuals\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-contacts-for-resource>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'contacts'\">\n      <gn-ui-form-field-contacts\n        [value]=\"valueAsIndividuals\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-contacts>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'onlineResources'\">\n      <gn-ui-form-field-online-resources\n        *ngIf=\"modelSpecifier === 'onlineResourceType:!link'\"\n        [metadataUuid]=\"uniqueIdentifier\"\n        [value]=\"valueAsOnlineResources\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-online-resources>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'onlineResources'\">\n      <gn-ui-form-field-online-link-resources\n        *ngIf=\"modelSpecifier === 'onlineResourceType:link'\"\n        [metadataUuid]=\"uniqueIdentifier\"\n        [value]=\"valueAsOnlineResources\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-online-link-resources>\n    </ng-container>\n  </ng-container>\n\n  <ng-container *ngIf=\"!model\">\n    <ng-container [ngSwitch]=\"componentName\">\n      <ng-container *ngSwitchCase=\"'form-field-constraints-shortcuts'\">\n        <gn-ui-form-field-constraints-shortcuts></gn-ui-form-field-constraints-shortcuts>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'form-field-spatial-toggle'\">\n        <gn-ui-form-field-spatial-toggle></gn-ui-form-field-spatial-toggle>\n      </ng-container>\n    </ng-container>\n  </ng-container>\n</ng-template>\n" }]
         }], propDecorators: { uniqueIdentifier: [{
                 type: Input
             }], model: [{
@@ -40534,11 +40726,11 @@ class RecordFormComponent {
         return section.labelKey;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RecordFormComponent, deps: [{ token: EditorFacade }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: RecordFormComponent, isStandalone: true, selector: "gn-ui-record-form", ngImport: i0, template: "<div class=\"flex flex-col gap-6\">\n  <ng-container\n    *ngFor=\"\n      let section of facade.currentSections$ | async;\n      trackBy: sectionTracker\n    \"\n  >\n    <ng-container *ngIf=\"!section.hidden\">\n      <div class=\"flex flex-col gap-8 border p-8 rounded-[8px] shadow\">\n        <div\n          class=\"flex flex-col gap-2\"\n          [ngClass]=\"section.labelKey ? 'mb-4' : 'hidden'\"\n        >\n          <div\n            *ngIf=\"section.labelKey\"\n            class=\"text-2xl font-title text-main\"\n            translate\n          >\n            {{ section.labelKey }}\n          </div>\n          <div\n            *ngIf=\"section.descriptionKey\"\n            class=\"text-gray-800 text-sm\"\n            translate\n          >\n            {{ section.descriptionKey }}\n          </div>\n        </div>\n        <div class=\"grid auto-rows-auto grid-cols-2 gap-[32px]\">\n          <ng-container\n            *ngFor=\"\n              let field of section.fieldsWithValues;\n              trackBy: fieldTracker\n            \"\n          >\n            <ng-container *ngIf=\"!field.config.hidden\">\n              <gn-ui-form-field\n                [ngClass]=\"\n                  field.config.gridColumnSpan === 1\n                    ? 'col-span-1'\n                    : 'col-span-2'\n                \"\n                [uniqueIdentifier]=\"recordUniqueIdentifier$ | async\"\n                [model]=\"field.config.model!\"\n                [modelSpecifier]=\"field.config.modelSpecifier!\"\n                [config]=\"field.config.formFieldConfig\"\n                [value]=\"field.value\"\n                [componentName]=\"field.config.componentName\"\n                (valueChange)=\"\n                  handleFieldValueChange(field.config.model!, $event)\n                \"\n              ></gn-ui-form-field>\n            </ng-container>\n          </ng-container>\n        </div>\n      </div>\n    </ng-container>\n  </ng-container>\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.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: "component", type: FormFieldComponent, selector: "gn-ui-form-field", inputs: ["uniqueIdentifier", "model", "modelSpecifier", "componentName", "config", "value"], outputs: ["valueChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: RecordFormComponent, isStandalone: true, selector: "gn-ui-record-form", ngImport: i0, template: "<div class=\"flex flex-col gap-6\">\n  <ng-container\n    *ngFor=\"\n      let section of facade.currentSections$ | async;\n      trackBy: sectionTracker\n    \"\n  >\n    <ng-container *ngIf=\"!section.hidden\">\n      <div class=\"flex flex-col gap-6 border p-8 rounded-[8px] shadow\">\n        <div class=\"flex flex-col gap-2\">\n          <div\n            *ngIf=\"section.labelKey\"\n            class=\"text-2xl font-title text-black\"\n            translate\n          >\n            {{ section.labelKey }}\n          </div>\n          <div\n            *ngIf=\"section.descriptionKey\"\n            class=\"text-gray-800 text-sm\"\n            translate\n          >\n            {{ section.descriptionKey }}\n          </div>\n        </div>\n        <div class=\"grid auto-rows-auto grid-cols-2 gap-[32px]\">\n          <ng-container\n            *ngFor=\"\n              let field of section.fieldsWithValues;\n              trackBy: fieldTracker\n            \"\n          >\n            <ng-container *ngIf=\"!field.config.hidden\">\n              <gn-ui-form-field\n                [ngClass]=\"\n                  field.config.gridColumnSpan === 1\n                    ? 'col-span-1'\n                    : 'col-span-2'\n                \"\n                [uniqueIdentifier]=\"recordUniqueIdentifier$ | async\"\n                [model]=\"field.config.model!\"\n                [modelSpecifier]=\"field.config.modelSpecifier!\"\n                [config]=\"field.config.formFieldConfig\"\n                [value]=\"field.value\"\n                [componentName]=\"field.config.componentName\"\n                (valueChange)=\"\n                  handleFieldValueChange(field.config.model!, $event)\n                \"\n              ></gn-ui-form-field>\n            </ng-container>\n          </ng-container>\n        </div>\n      </div>\n    </ng-container>\n  </ng-container>\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.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: "component", type: FormFieldComponent, selector: "gn-ui-form-field", inputs: ["uniqueIdentifier", "model", "modelSpecifier", "componentName", "config", "value"], outputs: ["valueChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RecordFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-record-form', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, FormFieldComponent, TranslateModule], template: "<div class=\"flex flex-col gap-6\">\n  <ng-container\n    *ngFor=\"\n      let section of facade.currentSections$ | async;\n      trackBy: sectionTracker\n    \"\n  >\n    <ng-container *ngIf=\"!section.hidden\">\n      <div class=\"flex flex-col gap-8 border p-8 rounded-[8px] shadow\">\n        <div\n          class=\"flex flex-col gap-2\"\n          [ngClass]=\"section.labelKey ? 'mb-4' : 'hidden'\"\n        >\n          <div\n            *ngIf=\"section.labelKey\"\n            class=\"text-2xl font-title text-main\"\n            translate\n          >\n            {{ section.labelKey }}\n          </div>\n          <div\n            *ngIf=\"section.descriptionKey\"\n            class=\"text-gray-800 text-sm\"\n            translate\n          >\n            {{ section.descriptionKey }}\n          </div>\n        </div>\n        <div class=\"grid auto-rows-auto grid-cols-2 gap-[32px]\">\n          <ng-container\n            *ngFor=\"\n              let field of section.fieldsWithValues;\n              trackBy: fieldTracker\n            \"\n          >\n            <ng-container *ngIf=\"!field.config.hidden\">\n              <gn-ui-form-field\n                [ngClass]=\"\n                  field.config.gridColumnSpan === 1\n                    ? 'col-span-1'\n                    : 'col-span-2'\n                \"\n                [uniqueIdentifier]=\"recordUniqueIdentifier$ | async\"\n                [model]=\"field.config.model!\"\n                [modelSpecifier]=\"field.config.modelSpecifier!\"\n                [config]=\"field.config.formFieldConfig\"\n                [value]=\"field.value\"\n                [componentName]=\"field.config.componentName\"\n                (valueChange)=\"\n                  handleFieldValueChange(field.config.model!, $event)\n                \"\n              ></gn-ui-form-field>\n            </ng-container>\n          </ng-container>\n        </div>\n      </div>\n    </ng-container>\n  </ng-container>\n</div>\n" }]
+            args: [{ selector: 'gn-ui-record-form', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, FormFieldComponent, TranslateModule], template: "<div class=\"flex flex-col gap-6\">\n  <ng-container\n    *ngFor=\"\n      let section of facade.currentSections$ | async;\n      trackBy: sectionTracker\n    \"\n  >\n    <ng-container *ngIf=\"!section.hidden\">\n      <div class=\"flex flex-col gap-6 border p-8 rounded-[8px] shadow\">\n        <div class=\"flex flex-col gap-2\">\n          <div\n            *ngIf=\"section.labelKey\"\n            class=\"text-2xl font-title text-black\"\n            translate\n          >\n            {{ section.labelKey }}\n          </div>\n          <div\n            *ngIf=\"section.descriptionKey\"\n            class=\"text-gray-800 text-sm\"\n            translate\n          >\n            {{ section.descriptionKey }}\n          </div>\n        </div>\n        <div class=\"grid auto-rows-auto grid-cols-2 gap-[32px]\">\n          <ng-container\n            *ngFor=\"\n              let field of section.fieldsWithValues;\n              trackBy: fieldTracker\n            \"\n          >\n            <ng-container *ngIf=\"!field.config.hidden\">\n              <gn-ui-form-field\n                [ngClass]=\"\n                  field.config.gridColumnSpan === 1\n                    ? 'col-span-1'\n                    : 'col-span-2'\n                \"\n                [uniqueIdentifier]=\"recordUniqueIdentifier$ | async\"\n                [model]=\"field.config.model!\"\n                [modelSpecifier]=\"field.config.modelSpecifier!\"\n                [config]=\"field.config.formFieldConfig\"\n                [value]=\"field.value\"\n                [componentName]=\"field.config.componentName\"\n                (valueChange)=\"\n                  handleFieldValueChange(field.config.model!, $event)\n                \"\n              ></gn-ui-form-field>\n            </ng-container>\n          </ng-container>\n        </div>\n      </div>\n    </ng-container>\n  </ng-container>\n</div>\n" }]
         }], ctorParameters: () => [{ type: EditorFacade }] });
 
 const ROUTER_STATE_KEY = 'router';
@@ -40926,7 +41118,7 @@ class DefaultRouterModule {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DefaultRouterModule, deps: [{ token: RouterService }], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DefaultRouterModule, declarations: [SearchRouterContainerDirective], imports: [i1$3.StoreFeatureModule, i3$3.StoreRouterConnectingModule, i1$c.EffectsFeatureModule], exports: [SearchRouterContainerDirective] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DefaultRouterModule, declarations: [SearchRouterContainerDirective], imports: [i1$3.StoreFeatureModule, i3$2.StoreRouterConnectingModule, i1$c.EffectsFeatureModule], exports: [SearchRouterContainerDirective] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DefaultRouterModule, providers: [
             RouterFacade,
             {
@@ -40969,5 +41161,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, AuthService, AutocompleteComponent, AvatarComponent, AvatarServiceInterface, BASEMAP_LAYERS, BadgeComponent, BaseConverter, 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, DataViewComponent, DataViewPermalinkComponent, DataViewShareComponent, DataViewWebComponentComponent, DatePickerComponent, DateRangeDropdownComponent, DateRangePickerComponent, DateRangeSearchField, 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, FilterDropdownComponent, FormFieldWrapperComponent, FullTextSearchField, FuzzySearchComponent, GN_UI_VERSION, GeoTableViewComponent, GeocodingComponent, 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, TableComponent, 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, 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, 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, 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, selectCurrentPage, selectEditorConfig, selectEditorState, selectFallback, selectFallbackFields, selectField, selectHasRecordChanged, selectRecord, selectRecordAlreadySavedOnce, selectRecordChangedSinceSave, selectRecordSaveError, selectRecordSaving, selectRecordSections, selectRecordSource, selectTranslatedField, selectTranslatedValue, setContext, setCurrentPage, setFieldVisibility, setSelectedFeatures, setTextContent, someHabTableItemFixture, sortByFromString, sortByToString, sortByToStrings, stripHtml, stripNamespace, tableItemFixture, toDate, totalPages, undoRecordDraft, unrecognizedKeysConfigFixture, updateRecordField, writeAttribute, wrongLanguageCodeConfigFixture, xmlToString };
+export { ADD_RESULTS, ADD_SEARCH, AbstractAction, AbstractSearchField, AddLayerFromCatalogComponent, AddLayerRecordPreviewComponent, AddResults, AddSearch, AnchorLinkDirective, ApiCardComponent, AuthService, AutocompleteComponent, AvatarComponent, AvatarServiceInterface, BASEMAP_LAYERS, BadgeComponent, BaseConverter, 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, DataViewComponent, DataViewPermalinkComponent, DataViewShareComponent, DataViewWebComponentComponent, DatePickerComponent, DateRangeDropdownComponent, DateRangePickerComponent, DateRangeSearchField, 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, 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, TableComponent, 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, 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, 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, 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, tableItemFixture, toDate, totalPages, undoRecordDraft, unrecognizedKeysConfigFixture, updateRecordField, writeAttribute, wrongLanguageCodeConfigFixture, xmlToString };
 //# sourceMappingURL=geonetwork-ui.mjs.map