geonetwork-ui 2.4.0-dev.9075aa64 → 2.4.0-dev.9b37393d

package/fesm2022/geonetwork-ui.mjs

@@ -1,4 +1,5 @@
 import { parseXml, XmlDocument, XmlElement, XmlText } from '@rgrove/parse-xml';
+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';
@@ -15,7 +16,7 @@ import { map as map$1, catchError, tap as tap$1, shareReplay, filter, startWith,
 import { marker } from '@biesbjerg/ngx-translate-extract-marker';
 import * as i1$3 from '@angular/common';
 import { CommonModule, NgOptimizedImage, NgForOf } from '@angular/common';
-import { of, map as map$2, lastValueFrom, Subject, switchMap, throwError, combineLatest, from, takeLast, forkJoin, firstValueFrom, merge, BehaviorSubject, fromEvent, timer, 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, takeUntil, EMPTY, exhaustMap, mergeMap as mergeMap$1, withLatestFrom as withLatestFrom$1, shareReplay as shareReplay$1, startWith as startWith$1, pairwise as pairwise$1 } from 'rxjs';
+import { of, map as map$2, lastValueFrom, Subject, switchMap, combineLatest, exhaustMap, throwError, from, takeLast, forkJoin, firstValueFrom, merge, BehaviorSubject, fromEvent, timer, 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, takeUntil, EMPTY, mergeMap as mergeMap$1, withLatestFrom as withLatestFrom$1, shareReplay as shareReplay$1, startWith as startWith$1, pairwise as pairwise$1 } from 'rxjs';
 import { valid, coerce, satisfies, ltr } from 'semver';
 import * as i1$2 from '@ngrx/store';
 import { createAction, props, createReducer, on, createFeatureSelector, createSelector, select, StoreModule, Store } from '@ngrx/store';
@@ -213,7 +214,8 @@ function createDocument(rootEl) {
         if (rootEl.attributes[`xmlns:${namespace}`])
             return;
         if (!NAMESPACES[namespace]) {
-            throw new Error(`No known URI for namespace ${namespace}`);
+            // the namespace is unknown but it might still be declared correctly: ignore it
+            return;
         }
         rootEl.attributes[`xmlns:${namespace}`] = NAMESPACES[namespace];
     }
@@ -551,6 +553,21 @@ function renameElements(rootElement, replaceMap) {
     doReplace(rootElement);
     return rootElement;
 }
+/**
+ * This function use the DOMParser to check if the given xmlString is a valid XML file or throw an error
+ * (Generated by chatGPT)
+ * @param xmlString
+ */
+function assertValidXml(xmlString) {
+    const parser = new DOMParser();
+    const xmlDoc = parser.parseFromString(xmlString, 'application/xml');
+    const parserError = xmlDoc.querySelector('parsererror');
+    if (parserError) {
+        console.error(parserError);
+        throw new Error('File is not a valid XML.');
+    }
+    return xmlDoc;
+}
 
 function matchProtocol(protocol) {
     if (/wms/i.test(protocol))
@@ -1437,21 +1454,6 @@ function writeUniqueIdentifier$1(record, rootEl) {
 function writeKind$1(record, rootEl) {
     pipe(findNestedChildOrCreate('gmd:hierarchyLevel', 'gmd:MD_ScopeCode'), addAttribute('codeList', 'http://standards.iso.org/iso/19139/resources/gmxCodelists.xml#MD_ScopeCode'), addAttribute('codeListValue', record.kind))(rootEl);
 }
-function writeOwnerOrganization$1(record, rootEl) {
-    // if no contact matches the owner org, create an empty one
-    const ownerContact = record.contacts.find((contact) => contact.organization.name === record.ownerOrganization.name);
-    pipe(findChildOrCreate('gmd:contact'), removeAllChildren(), appendResponsibleParty$1(ownerContact
-        ? {
-            ...ownerContact,
-            // owner responsible party is always point of contact
-            role: 'point_of_contact',
-        }
-        : {
-            organization: record.ownerOrganization,
-            email: '',
-            role: 'point_of_contact',
-        }))(rootEl);
-}
 function writeRecordUpdated$1(record, rootEl) {
     pipe(findChildOrCreate('gmd:dateStamp'), removeAllChildren(), writeDateTime(record.recordUpdated))(rootEl);
 }
@@ -1633,7 +1635,7 @@ class Iso19139Converter extends BaseConverter {
         this.writers = {
             uniqueIdentifier: writeUniqueIdentifier$1,
             kind: writeKind$1,
-            ownerOrganization: writeOwnerOrganization$1,
+            ownerOrganization: () => undefined,
             recordUpdated: writeRecordUpdated$1,
             recordCreated: () => undefined,
             recordPublished: () => undefined,
@@ -17429,6 +17431,10 @@ var de = {
 	"dashboard.catalog.discussion": "Diskussion",
 	"dashboard.catalog.thesaurus": "Thesaurus",
 	"dashboard.createRecord": "Neuer Eintrag",
+	"dashboard.importRecord": "",
+	"dashboard.importRecord.importExternal": "",
+	"dashboard.importRecord.importExternalLabel": "",
+	"dashboard.importRecord.useModel": "",
 	"dashboard.labels.catalog": "Katalog",
 	"dashboard.labels.mySpace": "Mein Bereich",
 	"dashboard.records.all": "Katalog",
@@ -17591,6 +17597,7 @@ var de = {
 	"downloads.format.unknown": "unbekannt",
 	"downloads.wfs.featuretype.not.found": "Der Layer wurde nicht gefunden",
 	dropFile: dropFile$6,
+	"editor.form.keywords.placeholder": "",
 	"editor.form.placeKeywordWithoutExtent": "",
 	"editor.record.delete.confirmation.cancelText": "Stornieren",
 	"editor.record.delete.confirmation.confirmText": "Löschen",
@@ -17655,6 +17662,10 @@ var de = {
 	"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.importFromExternalFile.failure.body": "",
+	"editor.record.importFromExternalFile.failure.title": "",
+	"editor.record.importFromExternalFile.success.body": "",
+	"editor.record.importFromExternalFile.success.title": "",
 	"editor.record.loadError.body": "Der Datensatz konnte nicht geladen werden:",
 	"editor.record.loadError.closeMessage": "Verstanden",
 	"editor.record.loadError.title": "Fehler beim Laden des Datensatzes",
@@ -17949,6 +17960,10 @@ var en = {
 	"dashboard.catalog.discussion": "Discussion",
 	"dashboard.catalog.thesaurus": "Thesaurus",
 	"dashboard.createRecord": "New record",
+	"dashboard.importRecord": "Import",
+	"dashboard.importRecord.importExternal": "Import an external file",
+	"dashboard.importRecord.importExternalLabel": "External file URL",
+	"dashboard.importRecord.useModel": "Use a model",
 	"dashboard.labels.catalog": "Catalog",
 	"dashboard.labels.mySpace": "My space",
 	"dashboard.records.all": "Metadata records",
@@ -18111,6 +18126,7 @@ var en = {
 	"downloads.format.unknown": "unknown",
 	"downloads.wfs.featuretype.not.found": "The layer was not found",
 	dropFile: dropFile$5,
+	"editor.form.keywords.placeholder": "Select a keyword",
 	"editor.form.placeKeywordWithoutExtent": "This keyword is not associated with a geographical extent",
 	"editor.record.delete.confirmation.cancelText": "Cancel",
 	"editor.record.delete.confirmation.confirmText": "Delete",
@@ -18175,6 +18191,10 @@ var en = {
 	"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.importFromExternalFile.failure.body": "Failure",
+	"editor.record.importFromExternalFile.failure.title": "The import of the record has failed: ",
+	"editor.record.importFromExternalFile.success.body": "Import succesful",
+	"editor.record.importFromExternalFile.success.title": "The record has been succefuly imported.",
 	"editor.record.loadError.body": "The record could not be loaded:",
 	"editor.record.loadError.closeMessage": "Understood",
 	"editor.record.loadError.title": "Error loading record",
@@ -18469,6 +18489,10 @@ var es = {
 	"dashboard.catalog.discussion": "",
 	"dashboard.catalog.thesaurus": "",
 	"dashboard.createRecord": "",
+	"dashboard.importRecord": "",
+	"dashboard.importRecord.importExternal": "",
+	"dashboard.importRecord.importExternalLabel": "",
+	"dashboard.importRecord.useModel": "",
 	"dashboard.labels.catalog": "Catálogo",
 	"dashboard.labels.mySpace": "Mi espacio",
 	"dashboard.records.all": "Catálogo",
@@ -18631,6 +18655,7 @@ var es = {
 	"downloads.format.unknown": "",
 	"downloads.wfs.featuretype.not.found": "",
 	dropFile: dropFile$4,
+	"editor.form.keywords.placeholder": "",
 	"editor.form.placeKeywordWithoutExtent": "",
 	"editor.record.delete.confirmation.cancelText": "",
 	"editor.record.delete.confirmation.confirmText": "",
@@ -18695,6 +18720,10 @@ var es = {
 	"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": "",
@@ -18989,6 +19018,10 @@ var fr = {
 	"dashboard.catalog.discussion": "Discussions",
 	"dashboard.catalog.thesaurus": "Thesaurus",
 	"dashboard.createRecord": "Nouvel enregistrement",
+	"dashboard.importRecord": "Importer",
+	"dashboard.importRecord.importExternal": "Importer une fiche externe",
+	"dashboard.importRecord.importExternalLabel": "URL de la fiche externe",
+	"dashboard.importRecord.useModel": "Utiliser un modele",
 	"dashboard.labels.catalog": "Catalogue",
 	"dashboard.labels.mySpace": "Mon espace",
 	"dashboard.records.all": "Catalogue",
@@ -19151,6 +19184,7 @@ var fr = {
 	"downloads.format.unknown": "inconnu",
 	"downloads.wfs.featuretype.not.found": "La couche n'a pas été retrouvée",
 	dropFile: dropFile$3,
+	"editor.form.keywords.placeholder": "Sélectionner un mot-clé",
 	"editor.form.placeKeywordWithoutExtent": "Ce mot-clé n'a pas de localisation géographique associée",
 	"editor.record.delete.confirmation.cancelText": "Annuler",
 	"editor.record.delete.confirmation.confirmText": "Supprimer",
@@ -19215,6 +19249,10 @@ var fr = {
 	"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.importFromExternalFile.failure.body": "Une erreur est survenue pendant l'import de la fiche: ",
+	"editor.record.importFromExternalFile.failure.title": "Erreur",
+	"editor.record.importFromExternalFile.success.body": "L'import de la fiche de metadonnée à été realisée avec succès.",
+	"editor.record.importFromExternalFile.success.title": "Import reussi",
 	"editor.record.loadError.body": "La fiche n'a pas pu être chargée :",
 	"editor.record.loadError.closeMessage": "Compris",
 	"editor.record.loadError.title": "Erreur lors du chargement",
@@ -19509,6 +19547,10 @@ var it = {
 	"dashboard.catalog.discussion": "",
 	"dashboard.catalog.thesaurus": "",
 	"dashboard.createRecord": "Crea un record",
+	"dashboard.importRecord": "",
+	"dashboard.importRecord.importExternal": "",
+	"dashboard.importRecord.importExternalLabel": "",
+	"dashboard.importRecord.useModel": "",
 	"dashboard.labels.catalog": "Catalogo",
 	"dashboard.labels.mySpace": "Il mio spazio",
 	"dashboard.records.all": "Catalogo",
@@ -19671,6 +19713,7 @@ var it = {
 	"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": "",
@@ -19735,6 +19778,10 @@ var it = {
 	"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": "",
@@ -20029,6 +20076,10 @@ var nl = {
 	"dashboard.catalog.discussion": "",
 	"dashboard.catalog.thesaurus": "",
 	"dashboard.createRecord": "",
+	"dashboard.importRecord": "",
+	"dashboard.importRecord.importExternal": "",
+	"dashboard.importRecord.importExternalLabel": "",
+	"dashboard.importRecord.useModel": "",
 	"dashboard.labels.catalog": "Catalogus",
 	"dashboard.labels.mySpace": "Mijn ruimte",
 	"dashboard.records.all": "Catalogus",
@@ -20191,6 +20242,7 @@ var nl = {
 	"downloads.format.unknown": "",
 	"downloads.wfs.featuretype.not.found": "",
 	dropFile: dropFile$1,
+	"editor.form.keywords.placeholder": "",
 	"editor.form.placeKeywordWithoutExtent": "",
 	"editor.record.delete.confirmation.cancelText": "",
 	"editor.record.delete.confirmation.confirmText": "",
@@ -20255,6 +20307,10 @@ var nl = {
 	"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": "",
@@ -20549,6 +20605,10 @@ var pt = {
 	"dashboard.catalog.discussion": "",
 	"dashboard.catalog.thesaurus": "",
 	"dashboard.createRecord": "",
+	"dashboard.importRecord": "",
+	"dashboard.importRecord.importExternal": "",
+	"dashboard.importRecord.importExternalLabel": "",
+	"dashboard.importRecord.useModel": "",
 	"dashboard.labels.catalog": "Catálogo",
 	"dashboard.labels.mySpace": "Meu espaço",
 	"dashboard.records.all": "Catálogo",
@@ -20711,6 +20771,7 @@ var pt = {
 	"downloads.format.unknown": "",
 	"downloads.wfs.featuretype.not.found": "",
 	dropFile: dropFile,
+	"editor.form.keywords.placeholder": "",
 	"editor.form.placeKeywordWithoutExtent": "",
 	"editor.record.delete.confirmation.cancelText": "",
 	"editor.record.delete.confirmation.confirmText": "",
@@ -20775,6 +20836,10 @@ var pt = {
 	"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": "",
@@ -21953,7 +22018,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 
 const TEMPORARY_ID_PREFIX = 'TEMP-ID-';
 class Gn4Repository {
-    constructor(gn4SearchApi, gn4SearchHelper, gn4Mapper, gn4RecordsApi) {
+    constructor(httpClient, gn4SearchApi, gn4SearchHelper, gn4Mapper, gn4RecordsApi) {
+        this.httpClient = httpClient;
         this.gn4SearchApi = gn4SearchApi;
         this.gn4SearchHelper = gn4SearchHelper;
         this.gn4Mapper = gn4Mapper;
@@ -22007,21 +22073,9 @@ class Gn4Repository {
             records,
         }))));
     }
-    /**
-     * Returns null if the record is not found
-     */
-    loadRecordAsXml(uniqueIdentifier) {
-        return this.gn4RecordsApi
-            .getRecordAs(uniqueIdentifier, undefined, false, undefined, undefined, undefined, 'application/xml', 'response', undefined, { httpHeaderAccept: 'text/xml,application/xml' } // this is to make sure that the response is parsed as text
-        )
-            .pipe(map$1((response) => response.body), catchError((error) => error.status === 404 ? of(null) : throwError(() => error)));
-    }
-    getLocalStorageKeyForRecord(uniqueIdentifier) {
-        return `geonetwork-ui-draft-${uniqueIdentifier}`;
-    }
     openRecordForEdition(uniqueIdentifier) {
-        const draft$ = of(window.localStorage.getItem(this.getLocalStorageKeyForRecord(uniqueIdentifier)));
-        const recordAsXml$ = this.loadRecordAsXml(uniqueIdentifier);
+        const draft$ = of(this.getRecordFromLocalStorage(uniqueIdentifier));
+        const recordAsXml$ = this.getRecordAsXml(uniqueIdentifier);
         return combineLatest([draft$, recordAsXml$]).pipe(switchMap(([draft, recordAsXml]) => {
             const xml = draft ?? recordAsXml;
             const isSavedAlready = recordAsXml !== null;
@@ -22031,24 +22085,17 @@ class Gn4Repository {
         }));
     }
     openRecordForDuplication(uniqueIdentifier) {
-        return this.loadRecordAsXml(uniqueIdentifier).pipe(switchMap(async (recordAsXml) => {
-            const converter = findConverterForDocument(recordAsXml);
-            const record = await converter.readRecord(recordAsXml);
+        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 xml = await converter.writeRecord(record, recordAsXml);
-            window.localStorage.setItem(this.getLocalStorageKeyForRecord(record.uniqueIdentifier), xml);
+            const recordAsXml = await converter.writeRecord(record, fetchedRecordAsXml);
+            this.saveRecordToLocalStorage(recordAsXml, record.uniqueIdentifier);
             this._draftsChanged.next();
-            return [record, xml, false];
+            return [record, recordAsXml, false];
         }));
     }
-    serializeRecordToXml(record, referenceRecordSource) {
-        // if there's a reference record, use that standard; otherwise, use iso19139
-        const converter = referenceRecordSource
-            ? findConverterForDocument(referenceRecordSource)
-            : new Iso19139Converter();
-        return from(converter.writeRecord(record, referenceRecordSource));
-    }
     saveRecord(record, referenceRecordSource) {
         return this.serializeRecordToXml(record, referenceRecordSource).pipe(switchMap((recordXml) => this.gn4RecordsApi
             .insert('METADATA', undefined, undefined, undefined, true, undefined, 'OVERWRITE', undefined, undefined, undefined, '_none_', undefined, undefined, undefined, recordXml)
@@ -22057,6 +22104,21 @@ class Gn4Repository {
             return response.metadataInfos[metadataId][0].uuid;
         }))));
     }
+    duplicateExternalRecord(recordDownloadUrl) {
+        return this.getExternalRecordAsXml(recordDownloadUrl).pipe(exhaustMap(async (fetchedRecordAsXml) => {
+            const converter = findConverterForDocument(fetchedRecordAsXml);
+            const record = await converter.readRecord(fetchedRecordAsXml);
+            const tempId = this.generateTemporaryId();
+            record.title = `${record.title} (Copy)`;
+            record.uniqueIdentifier = tempId;
+            const recordAsXml = await converter.writeRecord(record, fetchedRecordAsXml);
+            this.saveRecordToLocalStorage(recordAsXml, record.uniqueIdentifier);
+            this._draftsChanged.next();
+            return tempId;
+        }), catchError((error) => {
+            return throwError(() => error);
+        }));
+    }
     deleteRecord(uniqueIdentifier) {
         return this.gn4RecordsApi.deleteRecord(uniqueIdentifier);
     }
@@ -22065,16 +22127,16 @@ class Gn4Repository {
     }
     saveRecordAsDraft(record, referenceRecordSource) {
         return this.serializeRecordToXml(record, referenceRecordSource).pipe(tap$1((recordXml) => {
-            window.localStorage.setItem(this.getLocalStorageKeyForRecord(record.uniqueIdentifier), recordXml);
+            this.saveRecordToLocalStorage(recordXml, record.uniqueIdentifier);
             this._draftsChanged.next();
         }));
     }
     clearRecordDraft(uniqueIdentifier) {
-        window.localStorage.removeItem(this.getLocalStorageKeyForRecord(uniqueIdentifier));
+        this.removeRecordFromLocalStorage(uniqueIdentifier);
         this._draftsChanged.next();
     }
     recordHasDraft(uniqueIdentifier) {
-        return (window.localStorage.getItem(this.getLocalStorageKeyForRecord(uniqueIdentifier)) !== null);
+        return this.getRecordFromLocalStorage(uniqueIdentifier) !== null;
     }
     isRecordNotYetSaved(uniqueIdentifier) {
         return uniqueIdentifier.startsWith(TEMPORARY_ID_PREFIX);
@@ -22088,12 +22150,52 @@ class Gn4Repository {
             .filter((draft) => draft !== null);
         return from(Promise.all(drafts.map((draft) => findConverterForDocument(draft).readRecord(draft))));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: Gn4Repository, deps: [{ token: SearchApiService }, { token: ElasticsearchService }, { token: Gn4Converter }, { token: RecordsApiService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    getRecordAsXml(uniqueIdentifier) {
+        return this.gn4RecordsApi
+            .getRecordAs(uniqueIdentifier, undefined, false, undefined, undefined, undefined, 'application/xml', 'response', undefined, { httpHeaderAccept: 'text/xml,application/xml' } // this is to make sure that the response is parsed as text
+        )
+            .pipe(map$1((response) => response.body), catchError((error) => error.status === 404 ? of(null) : throwError(() => error)));
+    }
+    serializeRecordToXml(record, referenceRecordSource) {
+        // if there's a reference record, use that standard; otherwise, use iso19139
+        const converter = referenceRecordSource
+            ? findConverterForDocument(referenceRecordSource)
+            : new Iso19139Converter();
+        return from(converter.writeRecord(record, referenceRecordSource));
+    }
+    getExternalRecordAsXml(recordDownloadUrl) {
+        let headers = new HttpHeaders();
+        const responseType_ = 'text';
+        headers = headers.set('Accept', 'text/xml,application/xml');
+        return this.httpClient
+            .get(recordDownloadUrl, {
+            responseType: responseType_,
+            headers: headers,
+            observe: 'body',
+        })
+            .pipe(map$1((recordAsXmlFile) => {
+            assertValidXml(recordAsXmlFile);
+            return recordAsXmlFile;
+        }));
+    }
+    getLocalStorageKeyForRecord(recordId) {
+        return `geonetwork-ui-draft-${recordId}`; // Never change this prefix as it is a breaking change
+    }
+    saveRecordToLocalStorage(recordAsXml, recordId) {
+        window.localStorage.setItem(this.getLocalStorageKeyForRecord(recordId), recordAsXml);
+    }
+    getRecordFromLocalStorage(recordId) {
+        return window.localStorage.getItem(this.getLocalStorageKeyForRecord(recordId));
+    }
+    removeRecordFromLocalStorage(recordId) {
+        window.localStorage.removeItem(this.getLocalStorageKeyForRecord(recordId));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: Gn4Repository, deps: [{ token: i1.HttpClient }, { token: SearchApiService }, { token: ElasticsearchService }, { token: Gn4Converter }, { token: RecordsApiService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: Gn4Repository }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: Gn4Repository, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: SearchApiService }, { type: ElasticsearchService }, { type: Gn4Converter }, { type: RecordsApiService }]; } });
+        }], ctorParameters: function () { return [{ type: i1.HttpClient }, { type: SearchApiService }, { type: ElasticsearchService }, { type: Gn4Converter }, { type: RecordsApiService }]; } });
 
 class PlatformServiceInterface {
 }
@@ -23131,6 +23233,7 @@ class ThemeService {
         applyColor('gray-700', scale(0.7));
         applyColor('gray-800', scale(0.8));
         applyColor('gray-900', scale(0.9));
+        applyColor('gray-950', scale(0.95));
         if (mainFont) {
             document.documentElement.style.setProperty(`--font-family-main`, mainFont);
         }
@@ -25454,11 +25557,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 
 class FormFieldWrapperComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormFieldWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormFieldWrapperComponent, isStandalone: true, selector: "gn-ui-form-field-wrapper", inputs: { label: "label", hint: "hint" }, ngImport: i0, template: "<div class=\"h-full flex flex-col\">\n  <div class=\"flex-none w-full flex flex-row items-center\">\n    <span class=\"flex-none font-bold\">{{ label }}</span>\n    <div class=\"flex-1 flex justify-end items-center\">\n      <ng-content select=\"[form-field-interaction]\"></ng-content>\n      <span\n        class=\"material-symbols-outlined m-2 gn-ui-icon-small\"\n        [matTooltip]=\"hint\"\n        matTooltipPosition=\"above\"\n      >\n        help\n      </span>\n    </div>\n  </div>\n  <div class=\"flex-1 overflow-y-auto\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormFieldWrapperComponent, isStandalone: true, selector: "gn-ui-form-field-wrapper", inputs: { label: "label", hint: "hint" }, ngImport: i0, template: "<div class=\"h-full flex flex-col\" *ngIf=\"label; else onlyContent\">\n  <div class=\"flex-none w-full flex flex-row items-center\">\n    <span class=\"flex-none font-bold\">{{ label }}</span>\n    <div class=\"flex-1 flex justify-end items-center\">\n      <ng-content select=\"[form-field-interaction]\"></ng-content>\n      <span\n        *ngIf=\"hint\"\n        class=\"material-symbols-outlined m-2 gn-ui-icon-small\"\n        [matTooltip]=\"hint\"\n        matTooltipPosition=\"above\"\n      >\n        help\n      </span>\n    </div>\n  </div>\n  <div class=\"flex-1 mt-2\">\n    <ng-container *ngTemplateOutlet=\"onlyContent\"> </ng-container>\n  </div>\n</div>\n\n<ng-template #onlyContent>\n  <ng-content></ng-content>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormFieldWrapperComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-form-field-wrapper', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [MatIconModule, MatTooltipModule], template: "<div class=\"h-full flex flex-col\">\n  <div class=\"flex-none w-full flex flex-row items-center\">\n    <span class=\"flex-none font-bold\">{{ label }}</span>\n    <div class=\"flex-1 flex justify-end items-center\">\n      <ng-content select=\"[form-field-interaction]\"></ng-content>\n      <span\n        class=\"material-symbols-outlined m-2 gn-ui-icon-small\"\n        [matTooltip]=\"hint\"\n        matTooltipPosition=\"above\"\n      >\n        help\n      </span>\n    </div>\n  </div>\n  <div class=\"flex-1 overflow-y-auto\">\n    <ng-content></ng-content>\n  </div>\n</div>\n" }]
+            args: [{ selector: 'gn-ui-form-field-wrapper', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [MatIconModule, MatTooltipModule, CommonModule], template: "<div class=\"h-full flex flex-col\" *ngIf=\"label; else onlyContent\">\n  <div class=\"flex-none w-full flex flex-row items-center\">\n    <span class=\"flex-none font-bold\">{{ label }}</span>\n    <div class=\"flex-1 flex justify-end items-center\">\n      <ng-content select=\"[form-field-interaction]\"></ng-content>\n      <span\n        *ngIf=\"hint\"\n        class=\"material-symbols-outlined m-2 gn-ui-icon-small\"\n        [matTooltip]=\"hint\"\n        matTooltipPosition=\"above\"\n      >\n        help\n      </span>\n    </div>\n  </div>\n  <div class=\"flex-1 mt-2\">\n    <ng-container *ngTemplateOutlet=\"onlyContent\"> </ng-container>\n  </div>\n</div>\n\n<ng-template #onlyContent>\n  <ng-content></ng-content>\n</ng-template>\n" }]
         }], propDecorators: { label: [{
                 type: Input
             }], hint: [{
@@ -26029,6 +26132,64 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 args: ['content']
             }] } });
 
+class ButtonComponent {
+    constructor() {
+        this.btnClass = 'gn-ui-btn-default';
+        this.disabled = false;
+        this.extraClass = '';
+        this.buttonClick = new EventEmitter();
+    }
+    set type(value) {
+        // btn-classes are written in full to be picked up by tailwind
+        switch (value) {
+            case 'primary':
+                this.btnClass = 'gn-ui-btn-primary';
+                break;
+            case 'secondary':
+                this.btnClass = 'gn-ui-btn-secondary';
+                break;
+            case 'outline':
+                this.btnClass = 'gn-ui-btn-outline';
+                break;
+            case 'light':
+                this.btnClass = 'gn-ui-btn-light';
+                break;
+            case 'gray':
+                this.btnClass = 'gn-ui-btn-gray';
+                break;
+            case 'black':
+                this.btnClass = 'gn-ui-btn-black';
+                break;
+            case 'default':
+            default:
+                this.btnClass = 'gn-ui-btn-default';
+                break;
+        }
+    }
+    get classList() {
+        return `${this.btnClass} ${this.extraClass}`;
+    }
+    handleClick(event) {
+        this.buttonClick.emit();
+        event.preventDefault();
+        propagateToDocumentOnly(event);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ButtonComponent, isStandalone: true, selector: "gn-ui-button", inputs: { type: "type", disabled: "disabled", extraClass: "extraClass" }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<button\n  type=\"button\"\n  [class]=\"classList\"\n  [disabled]=\"disabled\"\n  (click)=\"handleClick($event)\"\n>\n  <ng-content></ng-content>\n</button>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-button', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<button\n  type=\"button\"\n  [class]=\"classList\"\n  [disabled]=\"disabled\"\n  (click)=\"handleClick($event)\"\n>\n  <ng-content></ng-content>\n</button>\n" }]
+        }], propDecorators: { type: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], extraClass: [{
+                type: Input
+            }], buttonClick: [{
+                type: Output
+            }] } });
+
 class AutocompleteComponent {
     constructor(cdRef) {
         this.cdRef = cdRef;
@@ -26036,7 +26197,8 @@ class AutocompleteComponent {
         this.preventCompleteOnSelection = false;
         this.autoFocus = false;
         this.minCharacterCount = 3;
-        this.allowSubmit = true;
+        // this will show a submit button next to the input; if false, a search icon will appear on the left
+        this.allowSubmit = false;
         this.itemSelected = new EventEmitter();
         this.inputSubmitted = new EventEmitter();
         this.inputCleared = new EventEmitter();
@@ -26147,7 +26309,7 @@ class AutocompleteComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AutocompleteComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AutocompleteComponent, isStandalone: true, selector: "gn-ui-autocomplete", inputs: { placeholder: "placeholder", action: "action", value: "value", clearOnSelection: "clearOnSelection", preventCompleteOnSelection: "preventCompleteOnSelection", autoFocus: "autoFocus", minCharacterCount: "minCharacterCount", allowSubmit: "allowSubmit", displayWithFn: "displayWithFn" }, outputs: { itemSelected: "itemSelected", inputSubmitted: "inputSubmitted", inputCleared: "inputCleared" }, viewQueries: [{ propertyName: "triggerRef", first: true, predicate: MatAutocompleteTrigger, descendants: true }, { propertyName: "autocomplete", first: true, predicate: MatAutocomplete, descendants: true }, { propertyName: "inputRef", first: true, predicate: ["searchInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"relative\">\n  <input\n    #searchInput\n    type=\"text\"\n    class=\"appearance-none focus:outline-white focus:outline-2 focus:outline-dotted focus:outline-offset-2 leading-tight rounded w-full text-black shadow-xl focus:shadow-[0_0_24px_0_rgba(21,40,184,0.09)]\"\n    [placeholder]=\"placeholder\"\n    [formControl]=\"control\"\n    [matAutocomplete]=\"auto\"\n    (keyup.enter)=\"handleEnter(searchInput.value)\"\n  />\n  <div class=\"flex flex-row absolute inset-y-0 right-0\">\n    <button\n      type=\"button\"\n      class=\"text-primary-lightest hover:text-primary hover:bg-gray-50 transition-all duration-100 clear-btn\"\n      *ngIf=\"searchInput.value\"\n      aria-label=\"Clear\"\n      (click)=\"clear()\"\n    >\n      <mat-icon class=\"material-symbols-outlined\">close</mat-icon>\n    </button>\n    <button\n      type=\"button\"\n      class=\"text-primary bg-white hover:text-primary-darkest hover:bg-gray-100 border-gray-300 hover:border-gray-500 transition-all duration-100 search-btn rounded-r\"\n      aria-label=\"Trigger search\"\n      *ngIf=\"allowSubmit\"\n      data-test=\"autocomplete-submit-btn\"\n      (click)=\"handleClickSearch()\"\n    >\n      <mat-icon class=\"material-symbols-outlined\">search</mat-icon>\n    </button>\n  </div>\n  <gn-ui-popup-alert\n    *ngIf=\"error\"\n    class=\"absolute mt-2 w-full top-[100%] left-0\"\n    icon=\"error_outline\"\n    position=\"top\"\n    type=\"warning\"\n  >\n    <span translate>search.autocomplete.error</span>\n    {{ error }}\n  </gn-ui-popup-alert>\n</div>\n<mat-autocomplete\n  #auto=\"matAutocomplete\"\n  (optionSelected)=\"handleSelection($event)\"\n  [displayWith]=\"displayWithFnInternal\"\n>\n  <mat-option\n    *ngFor=\"let suggestion of suggestions$ | async\"\n    [value]=\"suggestion\"\n    class=\"p-2 suggestion\"\n  >\n    {{ displayWithFnInternal(suggestion) }}\n  </mat-option>\n</mat-autocomplete>\n", styles: [":host{--input-height: 3.5em}.clear-btn{width:var(--input-height);height:100%}.search-btn{width:var(--input-height);height:100%;border-left-width:.1em}mat-icon{width:100%;height:100%;padding:.65em;font-size:1.5em}input{height:var(--input-height);padding:1.05em;padding-right:calc(2 * var(--input-height))}input:placeholder-shown{text-overflow:ellipsis}.mat-mdc-option.suggestion.mat-mdc-option-active{background-color:var(--color-primary-lightest)}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: PopupAlertComponent, selector: "gn-ui-popup-alert", inputs: ["icon", "type", "position"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i2$1.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple", "hideSingleSelectionIndicator"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i3$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i2$1.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AutocompleteComponent, isStandalone: true, selector: "gn-ui-autocomplete", inputs: { placeholder: "placeholder", action: "action", value: "value", clearOnSelection: "clearOnSelection", preventCompleteOnSelection: "preventCompleteOnSelection", autoFocus: "autoFocus", minCharacterCount: "minCharacterCount", allowSubmit: "allowSubmit", displayWithFn: "displayWithFn" }, outputs: { itemSelected: "itemSelected", inputSubmitted: "inputSubmitted", inputCleared: "inputCleared" }, viewQueries: [{ propertyName: "triggerRef", first: true, predicate: MatAutocompleteTrigger, descendants: true }, { propertyName: "autocomplete", first: true, predicate: MatAutocomplete, descendants: true }, { propertyName: "inputRef", first: true, predicate: ["searchInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<span class=\"w-full inline-block relative\">\n  <div\n    class=\"absolute inset-y-[--icon-padding] left-[--icon-padding] w-[--icon-width] pointer-events-none\"\n    *ngIf=\"!allowSubmit\"\n  >\n    <mat-icon class=\"material-symbols-outlined text-primary\"> search </mat-icon>\n  </div>\n  <input\n    #searchInput\n    type=\"text\"\n    class=\"gn-ui-text-input\"\n    [ngClass]=\"{\n      'px-[--icon-width]': !allowSubmit\n    }\"\n    [placeholder]=\"placeholder\"\n    [formControl]=\"control\"\n    [matAutocomplete]=\"auto\"\n    (keyup.enter)=\"handleEnter(searchInput.value)\"\n  />\n  <gn-ui-button\n    type=\"light\"\n    extraClass=\"border-0 text-primary-lightest hover:text-primary focus:text-primary absolute inset-y-[--icon-padding] {{\n      allowSubmit\n        ? 'right-[calc(var(--icon-width)+var(--icon-padding))]'\n        : 'right-[--icon-padding]'\n    }}\"\n    data-test=\"clear-btn\"\n    *ngIf=\"searchInput.value\"\n    aria-label=\"Clear\"\n    (buttonClick)=\"clear()\"\n  >\n    <mat-icon class=\"material-symbols-outlined\">close</mat-icon>\n  </gn-ui-button>\n  <gn-ui-button\n    type=\"light\"\n    extraClass=\"border-0 border-l-[1px] border-gray-300 hover:border-gray-500 text-primary hover:text-primary-darkest focus:text-primary-darkest absolute inset-y-[--icon-padding] right-[--icon-padding]\"\n    aria-label=\"Trigger search\"\n    *ngIf=\"allowSubmit\"\n    data-test=\"autocomplete-submit-btn\"\n    (buttonClick)=\"handleClickSearch()\"\n  >\n    <mat-icon class=\"material-symbols-outlined\">search</mat-icon>\n  </gn-ui-button>\n\n  <gn-ui-popup-alert\n    *ngIf=\"error\"\n    class=\"absolute mt-2 w-full top-[100%] left-0\"\n    icon=\"error_outline\"\n    position=\"top\"\n    type=\"warning\"\n  >\n    <span translate>search.autocomplete.error</span>\n    {{ error }}\n  </gn-ui-popup-alert>\n</span>\n\n<mat-autocomplete\n  #auto=\"matAutocomplete\"\n  (optionSelected)=\"handleSelection($event)\"\n  [displayWith]=\"displayWithFnInternal\"\n>\n  <mat-option\n    *ngFor=\"let suggestion of suggestions$ | async\"\n    [value]=\"suggestion\"\n    class=\"p-2 suggestion\"\n  >\n    {{ displayWithFnInternal(suggestion) }}\n  </mat-option>\n</mat-autocomplete>\n", styles: ["span{--icon-padding: var(--gn-ui-text-input-border-size, 2px);--icon-width: calc(var(--gn-ui-text-input-padding, .6em) * 2 + 1.25em)}span>*:not(gn-ui-popup-alert){font-size:var(--gn-ui-text-input-font-size, 1em)}input:placeholder-shown{text-overflow:ellipsis}gn-ui-button{--gn-ui-button-rounded: 0;--gn-ui-button-width: var(--icon-width);--gn-ui-button-padding: 0;font-size:1em}mat-icon{width:100%;height:100%;font-size:calc(.9em + 11px);line-height:.8em;display:grid;align-items:center;justify-content:center}gn-ui-button:last-of-type{--gn-ui-button-rounded: 0 var(--gn-ui-text-input-rounded, .25em) var(--gn-ui-text-input-rounded, .25em) 0}.mat-mdc-option.suggestion.mat-mdc-option-active{background-color:var(--color-primary-lightest)}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: PopupAlertComponent, selector: "gn-ui-popup-alert", inputs: ["icon", "type", "position"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i2$1.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple", "hideSingleSelectionIndicator"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i3$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i2$1.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AutocompleteComponent, decorators: [{
             type: Component,
@@ -26158,7 +26320,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         CommonModule,
                         TranslateModule,
                         ReactiveFormsModule,
-                    ], template: "<div class=\"relative\">\n  <input\n    #searchInput\n    type=\"text\"\n    class=\"appearance-none focus:outline-white focus:outline-2 focus:outline-dotted focus:outline-offset-2 leading-tight rounded w-full text-black shadow-xl focus:shadow-[0_0_24px_0_rgba(21,40,184,0.09)]\"\n    [placeholder]=\"placeholder\"\n    [formControl]=\"control\"\n    [matAutocomplete]=\"auto\"\n    (keyup.enter)=\"handleEnter(searchInput.value)\"\n  />\n  <div class=\"flex flex-row absolute inset-y-0 right-0\">\n    <button\n      type=\"button\"\n      class=\"text-primary-lightest hover:text-primary hover:bg-gray-50 transition-all duration-100 clear-btn\"\n      *ngIf=\"searchInput.value\"\n      aria-label=\"Clear\"\n      (click)=\"clear()\"\n    >\n      <mat-icon class=\"material-symbols-outlined\">close</mat-icon>\n    </button>\n    <button\n      type=\"button\"\n      class=\"text-primary bg-white hover:text-primary-darkest hover:bg-gray-100 border-gray-300 hover:border-gray-500 transition-all duration-100 search-btn rounded-r\"\n      aria-label=\"Trigger search\"\n      *ngIf=\"allowSubmit\"\n      data-test=\"autocomplete-submit-btn\"\n      (click)=\"handleClickSearch()\"\n    >\n      <mat-icon class=\"material-symbols-outlined\">search</mat-icon>\n    </button>\n  </div>\n  <gn-ui-popup-alert\n    *ngIf=\"error\"\n    class=\"absolute mt-2 w-full top-[100%] left-0\"\n    icon=\"error_outline\"\n    position=\"top\"\n    type=\"warning\"\n  >\n    <span translate>search.autocomplete.error</span>\n    {{ error }}\n  </gn-ui-popup-alert>\n</div>\n<mat-autocomplete\n  #auto=\"matAutocomplete\"\n  (optionSelected)=\"handleSelection($event)\"\n  [displayWith]=\"displayWithFnInternal\"\n>\n  <mat-option\n    *ngFor=\"let suggestion of suggestions$ | async\"\n    [value]=\"suggestion\"\n    class=\"p-2 suggestion\"\n  >\n    {{ displayWithFnInternal(suggestion) }}\n  </mat-option>\n</mat-autocomplete>\n", styles: [":host{--input-height: 3.5em}.clear-btn{width:var(--input-height);height:100%}.search-btn{width:var(--input-height);height:100%;border-left-width:.1em}mat-icon{width:100%;height:100%;padding:.65em;font-size:1.5em}input{height:var(--input-height);padding:1.05em;padding-right:calc(2 * var(--input-height))}input:placeholder-shown{text-overflow:ellipsis}.mat-mdc-option.suggestion.mat-mdc-option-active{background-color:var(--color-primary-lightest)}\n"] }]
+                        ButtonComponent,
+                    ], template: "<span class=\"w-full inline-block relative\">\n  <div\n    class=\"absolute inset-y-[--icon-padding] left-[--icon-padding] w-[--icon-width] pointer-events-none\"\n    *ngIf=\"!allowSubmit\"\n  >\n    <mat-icon class=\"material-symbols-outlined text-primary\"> search </mat-icon>\n  </div>\n  <input\n    #searchInput\n    type=\"text\"\n    class=\"gn-ui-text-input\"\n    [ngClass]=\"{\n      'px-[--icon-width]': !allowSubmit\n    }\"\n    [placeholder]=\"placeholder\"\n    [formControl]=\"control\"\n    [matAutocomplete]=\"auto\"\n    (keyup.enter)=\"handleEnter(searchInput.value)\"\n  />\n  <gn-ui-button\n    type=\"light\"\n    extraClass=\"border-0 text-primary-lightest hover:text-primary focus:text-primary absolute inset-y-[--icon-padding] {{\n      allowSubmit\n        ? 'right-[calc(var(--icon-width)+var(--icon-padding))]'\n        : 'right-[--icon-padding]'\n    }}\"\n    data-test=\"clear-btn\"\n    *ngIf=\"searchInput.value\"\n    aria-label=\"Clear\"\n    (buttonClick)=\"clear()\"\n  >\n    <mat-icon class=\"material-symbols-outlined\">close</mat-icon>\n  </gn-ui-button>\n  <gn-ui-button\n    type=\"light\"\n    extraClass=\"border-0 border-l-[1px] border-gray-300 hover:border-gray-500 text-primary hover:text-primary-darkest focus:text-primary-darkest absolute inset-y-[--icon-padding] right-[--icon-padding]\"\n    aria-label=\"Trigger search\"\n    *ngIf=\"allowSubmit\"\n    data-test=\"autocomplete-submit-btn\"\n    (buttonClick)=\"handleClickSearch()\"\n  >\n    <mat-icon class=\"material-symbols-outlined\">search</mat-icon>\n  </gn-ui-button>\n\n  <gn-ui-popup-alert\n    *ngIf=\"error\"\n    class=\"absolute mt-2 w-full top-[100%] left-0\"\n    icon=\"error_outline\"\n    position=\"top\"\n    type=\"warning\"\n  >\n    <span translate>search.autocomplete.error</span>\n    {{ error }}\n  </gn-ui-popup-alert>\n</span>\n\n<mat-autocomplete\n  #auto=\"matAutocomplete\"\n  (optionSelected)=\"handleSelection($event)\"\n  [displayWith]=\"displayWithFnInternal\"\n>\n  <mat-option\n    *ngFor=\"let suggestion of suggestions$ | async\"\n    [value]=\"suggestion\"\n    class=\"p-2 suggestion\"\n  >\n    {{ displayWithFnInternal(suggestion) }}\n  </mat-option>\n</mat-autocomplete>\n", styles: ["span{--icon-padding: var(--gn-ui-text-input-border-size, 2px);--icon-width: calc(var(--gn-ui-text-input-padding, .6em) * 2 + 1.25em)}span>*:not(gn-ui-popup-alert){font-size:var(--gn-ui-text-input-font-size, 1em)}input:placeholder-shown{text-overflow:ellipsis}gn-ui-button{--gn-ui-button-rounded: 0;--gn-ui-button-width: var(--icon-width);--gn-ui-button-padding: 0;font-size:1em}mat-icon{width:100%;height:100%;font-size:calc(.9em + 11px);line-height:.8em;display:grid;align-items:center;justify-content:center}gn-ui-button:last-of-type{--gn-ui-button-rounded: 0 var(--gn-ui-text-input-rounded, .25em) var(--gn-ui-text-input-rounded, .25em) 0}.mat-mdc-option.suggestion.mat-mdc-option-active{background-color:var(--color-primary-lightest)}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { placeholder: [{
                 type: Input
             }], action: [{
@@ -26194,57 +26357,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }] } });
 
-class ButtonComponent {
-    constructor() {
-        this.btnClass = 'gn-ui-btn-default';
-        this.disabled = false;
-        this.extraClass = '';
-        this.buttonClick = new EventEmitter();
-    }
-    set type(value) {
-        // btn-classes are written in full to be picked up by tailwind
-        switch (value) {
-            case 'primary':
-                this.btnClass = 'gn-ui-btn-primary';
-                break;
-            case 'secondary':
-                this.btnClass = 'gn-ui-btn-secondary';
-                break;
-            case 'outline':
-                this.btnClass = 'gn-ui-btn-outline';
-                break;
-            case 'light':
-                this.btnClass = 'gn-ui-btn-light';
-                break;
-            default:
-                this.btnClass = 'gn-ui-btn-default';
-                break;
-        }
-    }
-    get classList() {
-        return `${this.btnClass} ${this.extraClass}`;
-    }
-    handleClick(event) {
-        this.buttonClick.emit();
-        event.preventDefault();
-        propagateToDocumentOnly(event);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ButtonComponent, isStandalone: true, selector: "gn-ui-button", inputs: { type: "type", disabled: "disabled", extraClass: "extraClass" }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<button\n  type=\"button\"\n  [class]=\"classList\"\n  [disabled]=\"disabled\"\n  (click)=\"handleClick($event)\"\n>\n  <ng-content></ng-content>\n</button>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gn-ui-button', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<button\n  type=\"button\"\n  [class]=\"classList\"\n  [disabled]=\"disabled\"\n  (click)=\"handleClick($event)\"\n>\n  <ng-content></ng-content>\n</button>\n" }]
-        }], propDecorators: { type: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], extraClass: [{
-                type: Input
-            }], buttonClick: [{
-                type: Output
-            }] } });
-
 class BadgeComponent {
     constructor() {
         this.clickable = false;
@@ -26255,11 +26367,11 @@ class BadgeComponent {
         this.badgeRemoveClicked.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BadgeComponent, isStandalone: true, selector: "gn-ui-badge", inputs: { clickable: "clickable", removable: "removable" }, outputs: { badgeRemoveClicked: "badgeRemoveClicked" }, ngImport: i0, template: "<div\n  class=\"gn-ui-badge flex items-center gap-1.5\"\n  [ngClass]=\"\n    clickable\n      ? 'hover:bg-primary cursor-pointer transition-colors duration-100'\n      : ''\n  \"\n>\n  <span><ng-content></ng-content></span>\n  <gn-ui-button\n    class=\"material-symbols-outlined cursor-pointer text-xs\"\n    *ngIf=\"removable\"\n    (buttonClick)=\"removeBadge()\"\n    extraClass=\"p-1 bg-transparent border-0 border-transparent \"\n  >\n    close\n  </gn-ui-button>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BadgeComponent, isStandalone: true, selector: "gn-ui-badge", inputs: { clickable: "clickable", removable: "removable" }, outputs: { badgeRemoveClicked: "badgeRemoveClicked" }, ngImport: i0, template: "<div\n  class=\"gn-ui-badge flex items-center gap-1.5\"\n  [ngClass]=\"\n    clickable\n      ? 'hover:bg-primary cursor-pointer transition-colors duration-100'\n      : ''\n  \"\n>\n  <span><ng-content></ng-content></span>\n  <gn-ui-button\n    type=\"light\"\n    *ngIf=\"removable\"\n    (buttonClick)=\"removeBadge()\"\n    class=\"ml-1 -my-[0.4em] -mr-[0.45em]\"\n    extraClass=\"border-0\"\n    style=\"\n      --gn-ui-button-padding: 0;\n      --gn-ui-button-font-size: 0.8em;\n      --gn-ui-button-width: 1.4em;\n      --gn-ui-button-height: 1.4em;\n      --gn-ui-button-rounded: 1.4em;\n      --gn-ui-button-background: white;\n    \"\n  >\n    <mat-icon class=\"material-symbols-outlined leading-[1.1]\">close</mat-icon>\n  </gn-ui-button>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BadgeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-badge', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, ButtonComponent], template: "<div\n  class=\"gn-ui-badge flex items-center gap-1.5\"\n  [ngClass]=\"\n    clickable\n      ? 'hover:bg-primary cursor-pointer transition-colors duration-100'\n      : ''\n  \"\n>\n  <span><ng-content></ng-content></span>\n  <gn-ui-button\n    class=\"material-symbols-outlined cursor-pointer text-xs\"\n    *ngIf=\"removable\"\n    (buttonClick)=\"removeBadge()\"\n    extraClass=\"p-1 bg-transparent border-0 border-transparent \"\n  >\n    close\n  </gn-ui-button>\n</div>\n" }]
+            args: [{ selector: 'gn-ui-badge', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, ButtonComponent, MatIconModule], template: "<div\n  class=\"gn-ui-badge flex items-center gap-1.5\"\n  [ngClass]=\"\n    clickable\n      ? 'hover:bg-primary cursor-pointer transition-colors duration-100'\n      : ''\n  \"\n>\n  <span><ng-content></ng-content></span>\n  <gn-ui-button\n    type=\"light\"\n    *ngIf=\"removable\"\n    (buttonClick)=\"removeBadge()\"\n    class=\"ml-1 -my-[0.4em] -mr-[0.45em]\"\n    extraClass=\"border-0\"\n    style=\"\n      --gn-ui-button-padding: 0;\n      --gn-ui-button-font-size: 0.8em;\n      --gn-ui-button-width: 1.4em;\n      --gn-ui-button-height: 1.4em;\n      --gn-ui-button-rounded: 1.4em;\n      --gn-ui-button-background: white;\n    \"\n  >\n    <mat-icon class=\"material-symbols-outlined leading-[1.1]\">close</mat-icon>\n  </gn-ui-button>\n</div>\n" }]
         }], propDecorators: { clickable: [{
                 type: Input
             }], removable: [{
@@ -26421,11 +26533,16 @@ class DatePickerComponent {
         this.dateChange = new EventEmitter();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DatePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DatePickerComponent, isStandalone: true, selector: "gn-ui-date-picker", inputs: { date: "date" }, outputs: { dateChange: "dateChange" }, ngImport: i0, template: "<div\n  class=\"flex items-center justify-between rounded-lg border border-gray-300 bg-white\"\n>\n  <input\n    class=\"pl-3\"\n    [matDatepicker]=\"picker\"\n    [value]=\"date\"\n    (dateChange)=\"dateChange.emit($event.value)\"\n  />\n  <mat-datepicker-toggle matIconSuffix [for]=\"picker\"></mat-datepicker-toggle>\n</div>\n<mat-datepicker #picker></mat-datepicker>\n", styles: ["mat-datepicker-toggle{@apply text-primary;}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatNativeDateModule }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i2$2.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i2$2.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i2$2.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DatePickerComponent, isStandalone: true, selector: "gn-ui-date-picker", inputs: { date: "date" }, outputs: { dateChange: "dateChange" }, ngImport: i0, template: "<span class=\"w-full inline-block relative\">\n  <input\n    class=\"gn-ui-text-input pr-[var(--text-padding)]\"\n    [matDatepicker]=\"picker\"\n    [value]=\"date\"\n    (dateChange)=\"dateChange.emit($event.value)\"\n  />\n  <gn-ui-button\n    type=\"light\"\n    (buttonClick)=\"picker.open()\"\n    extraClass=\"absolute inset-y-[var(--side-padding)] right-[var(--side-padding)]\"\n    data-cy=\"date-picker-button\"\n  >\n    <mat-icon class=\"material-symbols-outlined text-primary\"\n      >calendar_today</mat-icon\n    >\n  </gn-ui-button>\n</span>\n<mat-datepicker #picker></mat-datepicker>\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: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatNativeDateModule }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i2$2.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i2$2.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DatePickerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-date-picker', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [MatIconModule, MatNativeDateModule, MatDatepickerModule], template: "<div\n  class=\"flex items-center justify-between rounded-lg border border-gray-300 bg-white\"\n>\n  <input\n    class=\"pl-3\"\n    [matDatepicker]=\"picker\"\n    [value]=\"date\"\n    (dateChange)=\"dateChange.emit($event.value)\"\n  />\n  <mat-datepicker-toggle matIconSuffix [for]=\"picker\"></mat-datepicker-toggle>\n</div>\n<mat-datepicker #picker></mat-datepicker>\n", styles: ["mat-datepicker-toggle{@apply text-primary;}\n"] }]
+            args: [{ selector: 'gn-ui-date-picker', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        MatIconModule,
+                        MatNativeDateModule,
+                        MatDatepickerModule,
+                        ButtonComponent,
+                    ], template: "<span class=\"w-full inline-block relative\">\n  <input\n    class=\"gn-ui-text-input pr-[var(--text-padding)]\"\n    [matDatepicker]=\"picker\"\n    [value]=\"date\"\n    (dateChange)=\"dateChange.emit($event.value)\"\n  />\n  <gn-ui-button\n    type=\"light\"\n    (buttonClick)=\"picker.open()\"\n    extraClass=\"absolute inset-y-[var(--side-padding)] right-[var(--side-padding)]\"\n    data-cy=\"date-picker-button\"\n  >\n    <mat-icon class=\"material-symbols-outlined text-primary\"\n      >calendar_today</mat-icon\n    >\n  </gn-ui-button>\n</span>\n<mat-datepicker #picker></mat-datepicker>\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: { date: [{
                 type: Input
             }], dateChange: [{
@@ -26438,11 +26555,16 @@ class DateRangePickerComponent {
         this.endDateChange = new EventEmitter();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateRangePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DateRangePickerComponent, isStandalone: true, selector: "gn-ui-date-range-picker", inputs: { startDate: "startDate", endDate: "endDate" }, outputs: { startDateChange: "startDateChange", endDateChange: "endDateChange" }, ngImport: i0, template: "<div\n  class=\"flex items-center justify-between rounded-lg border border-gray-300 bg-white\"\n>\n  <div class=\"pl-3 flex justify-center\">\n    <mat-date-range-input [rangePicker]=\"picker\" class=\"w-full\">\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  </div>\n  <mat-datepicker-toggle matSuffix [for]=\"picker\">\n    <mat-icon>calendar_today</mat-icon>\n  </mat-datepicker-toggle>\n</div>\n<mat-date-range-picker #picker></mat-date-range-picker>\n", styles: ["mat-datepicker-toggle{@apply text-primary;}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatNativeDateModule }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i2$2.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i2$2.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i2$2.MatStartDate, selector: "input[matStartDate]", inputs: ["errorStateMatcher"], outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i2$2.MatEndDate, selector: "input[matEndDate]", inputs: ["errorStateMatcher"], outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i2$2.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DateRangePickerComponent, isStandalone: true, selector: "gn-ui-date-range-picker", inputs: { startDate: "startDate", endDate: "endDate" }, outputs: { startDateChange: "startDateChange", endDateChange: "endDateChange" }, 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    (buttonClick)=\"picker.open()\"\n    extraClass=\"absolute inset-y-[var(--side-padding)] right-[var(--side-padding)]\"\n    data-cy=\"date-picker-button\"\n  >\n    <mat-icon class=\"material-symbols-outlined text-primary\"\n      >date_range</mat-icon\n    >\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: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatNativeDateModule }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i2$2.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i2$2.MatStartDate, selector: "input[matStartDate]", inputs: ["errorStateMatcher"], outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i2$2.MatEndDate, selector: "input[matEndDate]", inputs: ["errorStateMatcher"], outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i2$2.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateRangePickerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-date-range-picker', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [MatIconModule, MatNativeDateModule, MatDatepickerModule], template: "<div\n  class=\"flex items-center justify-between rounded-lg border border-gray-300 bg-white\"\n>\n  <div class=\"pl-3 flex justify-center\">\n    <mat-date-range-input [rangePicker]=\"picker\" class=\"w-full\">\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  </div>\n  <mat-datepicker-toggle matSuffix [for]=\"picker\">\n    <mat-icon>calendar_today</mat-icon>\n  </mat-datepicker-toggle>\n</div>\n<mat-date-range-picker #picker></mat-date-range-picker>\n", styles: ["mat-datepicker-toggle{@apply text-primary;}\n"] }]
+            args: [{ selector: 'gn-ui-date-range-picker', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        MatIconModule,
+                        MatNativeDateModule,
+                        MatDatepickerModule,
+                        ButtonComponent,
+                    ], 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    (buttonClick)=\"picker.open()\"\n    extraClass=\"absolute inset-y-[var(--side-padding)] right-[var(--side-padding)]\"\n    data-cy=\"date-picker-button\"\n  >\n    <mat-icon class=\"material-symbols-outlined text-primary\"\n      >date_range</mat-icon\n    >\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: [{
@@ -27165,11 +27287,11 @@ class UrlInputComponent {
         this.rawChange.next(value);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UrlInputComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: UrlInputComponent, isStandalone: true, selector: "gn-ui-url-input", inputs: { value: "value", extraClass: "extraClass", placeholder: "placeholder", disabled: "disabled" }, outputs: { valueChange: "valueChange" }, 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]=\"value\"\n    (input)=\"handleInput()\"\n    (keydown.enter)=\"handleChange(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    <mat-icon\n      class=\"material-symbols-outlined h-[24px] !w-[26px] text-[28px] leading-[24px]\"\n    >\n      link\n    </mat-icon>\n  </div>\n  <gn-ui-button\n    extraClass=\"absolute inset-y-[var(--side-padding)] right-[var(--side-padding)]\"\n    type=\"primary\"\n    [disabled]=\"disabled || input.value === ''\"\n    (buttonClick)=\"handleChange(input)\"\n  >\n    <mat-icon class=\"material-symbols-outlined text-[20px] leading-[26px]\">\n      arrow_upward\n    </mat-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, .6em) - 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$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: UrlInputComponent, isStandalone: true, selector: "gn-ui-url-input", inputs: { value: "value", extraClass: "extraClass", placeholder: "placeholder", disabled: "disabled" }, outputs: { valueChange: "valueChange" }, 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]=\"value\"\n    (input)=\"handleInput()\"\n    (keydown.enter)=\"handleChange(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    <mat-icon\n      class=\"material-symbols-outlined h-[24px] !w-[26px] text-[28px] leading-[24px]\"\n    >\n      link\n    </mat-icon>\n  </div>\n  <gn-ui-button\n    extraClass=\"absolute inset-y-[var(--side-padding)] right-[var(--side-padding)]\"\n    type=\"primary\"\n    [disabled]=\"disabled || input.value === ''\"\n    (buttonClick)=\"handleChange(input)\"\n  >\n    <mat-icon class=\"material-symbols-outlined text-[20px] leading-[24px]\">\n      arrow_upward\n    </mat-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, .6em) - 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$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UrlInputComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-url-input', standalone: true, imports: [CommonModule, ButtonComponent, MatIconModule], 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]=\"value\"\n    (input)=\"handleInput()\"\n    (keydown.enter)=\"handleChange(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    <mat-icon\n      class=\"material-symbols-outlined h-[24px] !w-[26px] text-[28px] leading-[24px]\"\n    >\n      link\n    </mat-icon>\n  </div>\n  <gn-ui-button\n    extraClass=\"absolute inset-y-[var(--side-padding)] right-[var(--side-padding)]\"\n    type=\"primary\"\n    [disabled]=\"disabled || input.value === ''\"\n    (buttonClick)=\"handleChange(input)\"\n  >\n    <mat-icon class=\"material-symbols-outlined text-[20px] leading-[26px]\">\n      arrow_upward\n    </mat-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, .6em) - 6px);--2x-side-padding: calc(var(--side-padding) * 2);--text-padding: calc(var(--side-padding) + 40px)}\n"] }]
+            args: [{ selector: 'gn-ui-url-input', standalone: true, imports: [CommonModule, ButtonComponent, MatIconModule], 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]=\"value\"\n    (input)=\"handleInput()\"\n    (keydown.enter)=\"handleChange(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    <mat-icon\n      class=\"material-symbols-outlined h-[24px] !w-[26px] text-[28px] leading-[24px]\"\n    >\n      link\n    </mat-icon>\n  </div>\n  <gn-ui-button\n    extraClass=\"absolute inset-y-[var(--side-padding)] right-[var(--side-padding)]\"\n    type=\"primary\"\n    [disabled]=\"disabled || input.value === ''\"\n    (buttonClick)=\"handleChange(input)\"\n  >\n    <mat-icon class=\"material-symbols-outlined text-[20px] leading-[24px]\">\n      arrow_upward\n    </mat-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, .6em) - 6px);--2x-side-padding: calc(var(--side-padding) * 2);--text-padding: calc(var(--side-padding) + 40px)}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { value: [{
                 type: Input
             }], extraClass: [{
@@ -27314,7 +27436,7 @@ class ImageInputComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", 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: "16.2.12", type: ImageInputComponent, isStandalone: true, selector: "gn-ui-image-input", inputs: { maxSizeMB: "maxSizeMB", previewUrl: "previewUrl", altText: "altText", uploadProgress: "uploadProgress", uploadError: "uploadError" }, outputs: { fileChange: "fileChange", urlChange: "urlChange", uploadCancel: "uploadCancel", delete: "delete", altTextChange: "altTextChange" }, 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 h-full object-cover border-2 border-gray-300 rounded-lg\"\n        [alt]=\"altText\"\n        loading=\"lazy\"\n        [src]=\"previewUrl\"\n      />\n      <gn-ui-button\n        [extraClass]=\"\n          'bg-gray-200 absolute right-2 bottom-2 invisible group-hover:visible'\n        \"\n        (buttonClick)=\"handleDelete()\"\n      >\n        <mat-icon class=\"material-symbols-outlined\">delete</mat-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    ></gn-ui-text-input>\n    <div class=\"flex flex-row gap-2\">\n      <gn-ui-button\n        [extraClass]=\"'bg-gray-200 font-bold'\"\n        (buttonClick)=\"handleDelete()\"\n      >\n        <mat-icon class=\"material-symbols-outlined me-1\">delete</mat-icon>\n        {{ 'input.image.delete' | translate }}\n      </gn-ui-button>\n      <gn-ui-button\n        *ngIf=\"!showAltTextInput\"\n        [extraClass]=\"'bg-gray-200 font-bold'\"\n        (buttonClick)=\"toggleAltTextInput()\"\n      >\n        <mat-icon class=\"material-symbols-outlined me-1\">add</mat-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\"\n      [ngClass]=\"{\n        'border-primary-lighter bg-primary-white': dragFilesOver,\n        'border-gray-300': !dragFilesOver\n      }\"\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        <mat-icon\n          *ngIf=\"!dragFilesOver\"\n          class=\"material-symbols-outlined place-self-center text-primary\"\n          >image</mat-icon\n        >\n        <mat-icon\n          *ngIf=\"dragFilesOver\"\n          class=\"material-symbols-outlined place-self-center text-primary\"\n          >add_box</mat-icon\n        >\n      </div>\n\n      <div\n        *ngIf=\"isUploadInProgress && !uploadError\"\n        class=\"w-14 h-14 grid items-center justify-center\"\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        <mat-icon\n          class=\"material-symbols-outlined place-self-center text-rose-500\"\n          >broken_image</mat-icon\n        >\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        type=\"file\"\n        class=\"hidden\"\n        (change)=\"handleFileInput($event)\"\n        [disabled]=\"showUrlInput || isUploadInProgress || uploadError\"\n      />\n    </label>\n\n    <div *ngIf=\"!showUrlInput\" class=\"flex-none\">\n      <gn-ui-button\n        [extraClass]=\"'bg-gray-200 font-bold'\"\n        (buttonClick)=\"displayUrlInput()\"\n      >\n        <mat-icon class=\"material-symbols-outlined me-1\">link</mat-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      (valueChange)=\"downloadUrl($event)\"\n      [disabled]=\"isUploadInProgress\"\n    >\n    </gn-ui-url-input>\n  </div>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: FilesDropDirective, selector: "[gnUiFilesDrop]", outputs: ["dragFilesOver", "dropFiles"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i1$4.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"], outputs: ["valueChange"] }, { kind: "component", type: TextInputComponent, selector: "gn-ui-text-input", inputs: ["value", "extraClass", "placeholder", "required", "disabled"], outputs: ["valueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ImageInputComponent, isStandalone: true, selector: "gn-ui-image-input", inputs: { maxSizeMB: "maxSizeMB", previewUrl: "previewUrl", altText: "altText", uploadProgress: "uploadProgress", uploadError: "uploadError" }, outputs: { fileChange: "fileChange", urlChange: "urlChange", uploadCancel: "uploadCancel", delete: "delete", altTextChange: "altTextChange" }, 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      >\n        <mat-icon class=\"material-symbols-outlined\">delete</mat-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    ></gn-ui-text-input>\n    <div class=\"flex flex-row gap-2 mt-2\">\n      <gn-ui-button type=\"gray\" (buttonClick)=\"handleDelete()\">\n        <mat-icon class=\"material-symbols-outlined me-1 text-primary\"\n          >delete</mat-icon\n        >\n        {{ 'input.image.delete' | translate }}\n      </gn-ui-button>\n      <gn-ui-button\n        *ngIf=\"!showAltTextInput\"\n        type=\"gray\"\n        (buttonClick)=\"toggleAltTextInput()\"\n      >\n        <mat-icon class=\"material-symbols-outlined me-1 text-primary\"\n          >add</mat-icon\n        >\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\n      }\"\n      [attr.tabindex]=\"\n        isUploadInProgress || uploadError || showUrlInput ? 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        <mat-icon\n          *ngIf=\"!dragFilesOver\"\n          class=\"material-symbols-outlined place-self-center text-primary\"\n          >image</mat-icon\n        >\n        <mat-icon\n          *ngIf=\"dragFilesOver\"\n          class=\"material-symbols-outlined place-self-center text-primary\"\n          >add_box</mat-icon\n        >\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        <mat-icon\n          class=\"material-symbols-outlined place-self-center text-rose-500\"\n          >broken_image</mat-icon\n        >\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]=\"showUrlInput || isUploadInProgress || uploadError\"\n      />\n    </label>\n\n    <div *ngIf=\"!showUrlInput\" class=\"flex-none mt-2\">\n      <gn-ui-button (buttonClick)=\"displayUrlInput()\" type=\"gray\">\n        <mat-icon class=\"material-symbols-outlined me-1 text-primary\"\n          >link</mat-icon\n        >\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      (valueChange)=\"downloadUrl($event)\"\n      [disabled]=\"isUploadInProgress\"\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$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: FilesDropDirective, selector: "[gnUiFilesDrop]", outputs: ["dragFilesOver", "dropFiles"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i1$4.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"], outputs: ["valueChange"] }, { kind: "component", type: TextInputComponent, selector: "gn-ui-text-input", inputs: ["value", "extraClass", "placeholder", "required", "disabled"], outputs: ["valueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ImageInputComponent, decorators: [{
             type: Component,
@@ -27327,7 +27449,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         TranslateModule,
                         UrlInputComponent,
                         TextInputComponent,
-                    ], 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 h-full object-cover border-2 border-gray-300 rounded-lg\"\n        [alt]=\"altText\"\n        loading=\"lazy\"\n        [src]=\"previewUrl\"\n      />\n      <gn-ui-button\n        [extraClass]=\"\n          'bg-gray-200 absolute right-2 bottom-2 invisible group-hover:visible'\n        \"\n        (buttonClick)=\"handleDelete()\"\n      >\n        <mat-icon class=\"material-symbols-outlined\">delete</mat-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    ></gn-ui-text-input>\n    <div class=\"flex flex-row gap-2\">\n      <gn-ui-button\n        [extraClass]=\"'bg-gray-200 font-bold'\"\n        (buttonClick)=\"handleDelete()\"\n      >\n        <mat-icon class=\"material-symbols-outlined me-1\">delete</mat-icon>\n        {{ 'input.image.delete' | translate }}\n      </gn-ui-button>\n      <gn-ui-button\n        *ngIf=\"!showAltTextInput\"\n        [extraClass]=\"'bg-gray-200 font-bold'\"\n        (buttonClick)=\"toggleAltTextInput()\"\n      >\n        <mat-icon class=\"material-symbols-outlined me-1\">add</mat-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\"\n      [ngClass]=\"{\n        'border-primary-lighter bg-primary-white': dragFilesOver,\n        'border-gray-300': !dragFilesOver\n      }\"\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        <mat-icon\n          *ngIf=\"!dragFilesOver\"\n          class=\"material-symbols-outlined place-self-center text-primary\"\n          >image</mat-icon\n        >\n        <mat-icon\n          *ngIf=\"dragFilesOver\"\n          class=\"material-symbols-outlined place-self-center text-primary\"\n          >add_box</mat-icon\n        >\n      </div>\n\n      <div\n        *ngIf=\"isUploadInProgress && !uploadError\"\n        class=\"w-14 h-14 grid items-center justify-center\"\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        <mat-icon\n          class=\"material-symbols-outlined place-self-center text-rose-500\"\n          >broken_image</mat-icon\n        >\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        type=\"file\"\n        class=\"hidden\"\n        (change)=\"handleFileInput($event)\"\n        [disabled]=\"showUrlInput || isUploadInProgress || uploadError\"\n      />\n    </label>\n\n    <div *ngIf=\"!showUrlInput\" class=\"flex-none\">\n      <gn-ui-button\n        [extraClass]=\"'bg-gray-200 font-bold'\"\n        (buttonClick)=\"displayUrlInput()\"\n      >\n        <mat-icon class=\"material-symbols-outlined me-1\">link</mat-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      (valueChange)=\"downloadUrl($event)\"\n      [disabled]=\"isUploadInProgress\"\n    >\n    </gn-ui-url-input>\n  </div>\n</ng-template>\n" }]
+                    ], 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      >\n        <mat-icon class=\"material-symbols-outlined\">delete</mat-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    ></gn-ui-text-input>\n    <div class=\"flex flex-row gap-2 mt-2\">\n      <gn-ui-button type=\"gray\" (buttonClick)=\"handleDelete()\">\n        <mat-icon class=\"material-symbols-outlined me-1 text-primary\"\n          >delete</mat-icon\n        >\n        {{ 'input.image.delete' | translate }}\n      </gn-ui-button>\n      <gn-ui-button\n        *ngIf=\"!showAltTextInput\"\n        type=\"gray\"\n        (buttonClick)=\"toggleAltTextInput()\"\n      >\n        <mat-icon class=\"material-symbols-outlined me-1 text-primary\"\n          >add</mat-icon\n        >\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\n      }\"\n      [attr.tabindex]=\"\n        isUploadInProgress || uploadError || showUrlInput ? 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        <mat-icon\n          *ngIf=\"!dragFilesOver\"\n          class=\"material-symbols-outlined place-self-center text-primary\"\n          >image</mat-icon\n        >\n        <mat-icon\n          *ngIf=\"dragFilesOver\"\n          class=\"material-symbols-outlined place-self-center text-primary\"\n          >add_box</mat-icon\n        >\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        <mat-icon\n          class=\"material-symbols-outlined place-self-center text-rose-500\"\n          >broken_image</mat-icon\n        >\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]=\"showUrlInput || isUploadInProgress || uploadError\"\n      />\n    </label>\n\n    <div *ngIf=\"!showUrlInput\" class=\"flex-none mt-2\">\n      <gn-ui-button (buttonClick)=\"displayUrlInput()\" type=\"gray\">\n        <mat-icon class=\"material-symbols-outlined me-1 text-primary\"\n          >link</mat-icon\n        >\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      (valueChange)=\"downloadUrl($event)\"\n      [disabled]=\"isUploadInProgress\"\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: function () { return [{ type: i1.HttpClient }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { maxSizeMB: [{
                 type: Input
             }], previewUrl: [{
@@ -27521,11 +27643,11 @@ class SwitchToggleComponent {
         this.selectedValue.emit(selectedOption);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SwitchToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SwitchToggleComponent, isStandalone: true, selector: "gn-ui-switch-toggle", inputs: { options: "options", ariaLabel: "ariaLabel", extraClasses: "extraClasses" }, outputs: { selectedValue: "selectedValue" }, ngImport: i0, template: "<mat-button-toggle-group\n  #group=\"matButtonToggleGroup\"\n  multiple=\"false\"\n  class=\"flex w-full\"\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 }}</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:var(--color-main);background-color:var(--color-gray-200);border-radius:4px;border-left:none}.mat-button-toggle-appearance-standard.mat-button-toggle-checked{background-color:var(--color-main);color:var(--color-primary-white)}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$7.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i1$7.MatButtonToggle, selector: "mat-button-toggle", inputs: ["disableRipple", "aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "appearance", "checked", "disabled"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SwitchToggleComponent, isStandalone: true, selector: "gn-ui-switch-toggle", inputs: { options: "options", ariaLabel: "ariaLabel", extraClasses: "extraClasses" }, outputs: { selectedValue: "selectedValue" }, ngImport: i0, template: "<mat-button-toggle-group\n  #group=\"matButtonToggleGroup\"\n  multiple=\"false\"\n  class=\"flex w-full\"\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 }}</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$7.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i1$7.MatButtonToggle, selector: "mat-button-toggle", inputs: ["disableRipple", "aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "appearance", "checked", "disabled"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SwitchToggleComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-switch-toggle', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [MatButtonToggleModule, CommonModule], template: "<mat-button-toggle-group\n  #group=\"matButtonToggleGroup\"\n  multiple=\"false\"\n  class=\"flex w-full\"\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 }}</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:var(--color-main);background-color:var(--color-gray-200);border-radius:4px;border-left:none}.mat-button-toggle-appearance-standard.mat-button-toggle-checked{background-color:var(--color-main);color:var(--color-primary-white)}button.mat-button-toggle-button.mat-focus-indicator.mat-button-toggle-label-content,.mat-button-toggle-label-content{line-height:32px}\n"] }]
+            args: [{ selector: 'gn-ui-switch-toggle', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [MatButtonToggleModule, CommonModule], template: "<mat-button-toggle-group\n  #group=\"matButtonToggleGroup\"\n  multiple=\"false\"\n  class=\"flex w-full\"\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 }}</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: [{
@@ -27584,7 +27706,7 @@ class FileInputComponent {
         this.uploadCancel.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FileInputComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FileInputComponent, isStandalone: true, selector: "gn-ui-file-input", inputs: { maxSizeMB: "maxSizeMB", uploadProgress: "uploadProgress" }, outputs: { fileChange: "fileChange", urlChange: "urlChange", uploadCancel: "uploadCancel" }, 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    }\"\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\"\n    >\n      <mat-icon\n        *ngIf=\"!dragFilesOver\"\n        class=\"material-symbols-outlined place-self-center text-primary\"\n        >cloud_upload</mat-icon\n      >\n      <mat-icon\n        *ngIf=\"dragFilesOver\"\n        class=\"material-symbols-outlined place-self-center text-primary\"\n        >add_box</mat-icon\n      >\n    </div>\n    <div\n      *ngIf=\"isUploadInProgress\"\n      class=\"w-14 h-14 grid items-center justify-center\"\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    <input\n      type=\"file\"\n      class=\"hidden\"\n      (change)=\"handleFileInput($event)\"\n      [disabled]=\"isUploadInProgress\"\n    />\n\n    <gn-ui-url-input\n      class=\"w-full\"\n      [disabled]=\"isUploadInProgress\"\n      (valueChange)=\"handleUrlChange($event)\"\n    ></gn-ui-url-input>\n  </label>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: FilesDropDirective, selector: "[gnUiFilesDrop]", outputs: ["dragFilesOver", "dropFiles"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i1$4.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"], outputs: ["valueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FileInputComponent, isStandalone: true, selector: "gn-ui-file-input", inputs: { maxSizeMB: "maxSizeMB", uploadProgress: "uploadProgress" }, outputs: { fileChange: "fileChange", urlChange: "urlChange", uploadCancel: "uploadCancel" }, 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\n    }\"\n    [attr.tabindex]=\"isUploadInProgress ? null : 0\"\n    (dragFilesOver)=\"handleDragFilesOver($event)\"\n    (dropFiles)=\"handleDropFiles($event)\"\n    (keydown.enter)=\"fileInput.click()\"\n  >\n    <div\n      class=\"w-14 h-14 rounded-md bg-gray-50 grid\"\n      *ngIf=\"!isUploadInProgress\"\n    >\n      <mat-icon\n        *ngIf=\"!dragFilesOver\"\n        class=\"material-symbols-outlined place-self-center text-primary\"\n        >cloud_upload</mat-icon\n      >\n      <mat-icon\n        *ngIf=\"dragFilesOver\"\n        class=\"material-symbols-outlined place-self-center text-primary\"\n        >add_box</mat-icon\n      >\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    <input\n      #fileInput\n      type=\"file\"\n      class=\"hidden\"\n      (change)=\"handleFileInput($event)\"\n      [disabled]=\"isUploadInProgress\"\n    />\n\n    <gn-ui-url-input\n      class=\"w-full\"\n      [disabled]=\"isUploadInProgress\"\n      (valueChange)=\"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$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: FilesDropDirective, selector: "[gnUiFilesDrop]", outputs: ["dragFilesOver", "dropFiles"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i1$4.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"], outputs: ["valueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FileInputComponent, decorators: [{
             type: Component,
@@ -27596,7 +27718,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         MatProgressSpinnerModule,
                         TranslateModule,
                         UrlInputComponent,
-                    ], 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    }\"\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\"\n    >\n      <mat-icon\n        *ngIf=\"!dragFilesOver\"\n        class=\"material-symbols-outlined place-self-center text-primary\"\n        >cloud_upload</mat-icon\n      >\n      <mat-icon\n        *ngIf=\"dragFilesOver\"\n        class=\"material-symbols-outlined place-self-center text-primary\"\n        >add_box</mat-icon\n      >\n    </div>\n    <div\n      *ngIf=\"isUploadInProgress\"\n      class=\"w-14 h-14 grid items-center justify-center\"\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    <input\n      type=\"file\"\n      class=\"hidden\"\n      (change)=\"handleFileInput($event)\"\n      [disabled]=\"isUploadInProgress\"\n    />\n\n    <gn-ui-url-input\n      class=\"w-full\"\n      [disabled]=\"isUploadInProgress\"\n      (valueChange)=\"handleUrlChange($event)\"\n    ></gn-ui-url-input>\n  </label>\n</div>\n" }]
+                    ], 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\n    }\"\n    [attr.tabindex]=\"isUploadInProgress ? null : 0\"\n    (dragFilesOver)=\"handleDragFilesOver($event)\"\n    (dropFiles)=\"handleDropFiles($event)\"\n    (keydown.enter)=\"fileInput.click()\"\n  >\n    <div\n      class=\"w-14 h-14 rounded-md bg-gray-50 grid\"\n      *ngIf=\"!isUploadInProgress\"\n    >\n      <mat-icon\n        *ngIf=\"!dragFilesOver\"\n        class=\"material-symbols-outlined place-self-center text-primary\"\n        >cloud_upload</mat-icon\n      >\n      <mat-icon\n        *ngIf=\"dragFilesOver\"\n        class=\"material-symbols-outlined place-self-center text-primary\"\n        >add_box</mat-icon\n      >\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    <input\n      #fileInput\n      type=\"file\"\n      class=\"hidden\"\n      (change)=\"handleFileInput($event)\"\n      [disabled]=\"isUploadInProgress\"\n    />\n\n    <gn-ui-url-input\n      class=\"w-full\"\n      [disabled]=\"isUploadInProgress\"\n      (valueChange)=\"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: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { maxSizeMB: [{
                 type: Input
             }], uploadProgress: [{
@@ -28689,6 +28811,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 class MarkdownEditorComponent {
     constructor() {
         this.preview = false;
+        this.textAreaExtraClass = '';
         this.textContentChanged = new EventEmitter();
     }
     textContentChangedHandler(textContent) {
@@ -28696,7 +28819,7 @@ class MarkdownEditorComponent {
         this.textContentChanged.emit(this.textContent);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MarkdownEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MarkdownEditorComponent, isStandalone: true, selector: "gn-ui-markdown-editor", inputs: { preview: "preview", helperText: "helperText", placeholder: "placeholder", textContent: "textContent" }, outputs: { textContentChanged: "textContentChanged" }, ngImport: i0, template: "<div class=\"h-full flex flex-col\">\n  <p\n    *ngIf=\"helperText\"\n    class=\"flex-none mb-2 font-medium text-sm text-gray-900\"\n  >\n    {{ helperText }}\n  </p>\n  <div class=\"flex-1\" [hidden]=\"preview\">\n    <gn-ui-text-area\n      [placeholder]=\"placeholder\"\n      [value]=\"textContent\"\n      (valueChange)=\"textContentChangedHandler($event)\"\n    ></gn-ui-text-area>\n  </div>\n  <div\n    class=\"flex-1 border border-gray-800 rounded overflow-y-scroll\"\n    [hidden]=\"!preview\"\n  >\n    <gn-ui-markdown-parser [textContent]=\"textContent\"></gn-ui-markdown-parser>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "component", type: TextAreaComponent, selector: "gn-ui-text-area", inputs: ["value", "disabled", "extraClass", "placeholder", "required"], outputs: ["valueChange"] }, { kind: "component", type: MarkdownParserComponent, selector: "gn-ui-markdown-parser", inputs: ["textContent"] }, { kind: "ngmodule", type: TranslateModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MarkdownEditorComponent, isStandalone: true, selector: "gn-ui-markdown-editor", inputs: { preview: "preview", placeholder: "placeholder", textContent: "textContent", textAreaExtraClass: "textAreaExtraClass" }, outputs: { textContentChanged: "textContentChanged" }, ngImport: i0, template: "<gn-ui-text-area\n  [hidden]=\"preview\"\n  [placeholder]=\"placeholder\"\n  [value]=\"textContent\"\n  [extraClass]=\"textAreaExtraClass + ' !leading-normal'\"\n  (valueChange)=\"textContentChangedHandler($event)\"\n></gn-ui-text-area>\n\n<div\n  class=\"gn-ui-text-input border-gray-100 hover:border-gray-100\"\n  [hidden]=\"!preview\"\n>\n  <gn-ui-markdown-parser [textContent]=\"textContent\"></gn-ui-markdown-parser>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "component", type: TextAreaComponent, selector: "gn-ui-text-area", inputs: ["value", "disabled", "extraClass", "placeholder", "required"], outputs: ["valueChange"] }, { kind: "component", type: MarkdownParserComponent, selector: "gn-ui-markdown-parser", inputs: ["textContent"] }, { kind: "ngmodule", type: TranslateModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MarkdownEditorComponent, decorators: [{
             type: Component,
@@ -28709,15 +28832,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         TextAreaComponent,
                         MarkdownParserComponent,
                         TranslateModule,
-                    ], template: "<div class=\"h-full flex flex-col\">\n  <p\n    *ngIf=\"helperText\"\n    class=\"flex-none mb-2 font-medium text-sm text-gray-900\"\n  >\n    {{ helperText }}\n  </p>\n  <div class=\"flex-1\" [hidden]=\"preview\">\n    <gn-ui-text-area\n      [placeholder]=\"placeholder\"\n      [value]=\"textContent\"\n      (valueChange)=\"textContentChangedHandler($event)\"\n    ></gn-ui-text-area>\n  </div>\n  <div\n    class=\"flex-1 border border-gray-800 rounded overflow-y-scroll\"\n    [hidden]=\"!preview\"\n  >\n    <gn-ui-markdown-parser [textContent]=\"textContent\"></gn-ui-markdown-parser>\n  </div>\n</div>\n" }]
+                    ], template: "<gn-ui-text-area\n  [hidden]=\"preview\"\n  [placeholder]=\"placeholder\"\n  [value]=\"textContent\"\n  [extraClass]=\"textAreaExtraClass + ' !leading-normal'\"\n  (valueChange)=\"textContentChangedHandler($event)\"\n></gn-ui-text-area>\n\n<div\n  class=\"gn-ui-text-input border-gray-100 hover:border-gray-100\"\n  [hidden]=\"!preview\"\n>\n  <gn-ui-markdown-parser [textContent]=\"textContent\"></gn-ui-markdown-parser>\n</div>\n" }]
         }], propDecorators: { preview: [{
                 type: Input
-            }], helperText: [{
-                type: Input
             }], placeholder: [{
                 type: Input
             }], textContent: [{
                 type: Input
+            }], textAreaExtraClass: [{
+                type: Input
             }], textContentChanged: [{
                 type: Output
             }] } });
@@ -30811,11 +30934,11 @@ class FuzzySearchComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FuzzySearchComponent, deps: [{ token: SearchFacade }, { token: SearchService }, { token: RecordsRepositoryInterface }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FuzzySearchComponent, selector: "gn-ui-fuzzy-search", inputs: { autoFocus: "autoFocus" }, outputs: { itemSelected: "itemSelected", inputSubmitted: "inputSubmitted" }, viewQueries: [{ propertyName: "autocomplete", first: true, predicate: AutocompleteComponent, descendants: true }], ngImport: i0, template: "<gn-ui-autocomplete\n  [placeholder]=\"'search.field.any.placeholder' | translate\"\n  [displayWithFn]=\"displayWithFn\"\n  [action]=\"autoCompleteAction\"\n  (itemSelected)=\"handleItemSelection($event)\"\n  (inputSubmitted)=\"handleInputSubmission($event)\"\n  (inputCleared)=\"handleInputCleared()\"\n  [value]=\"searchInputValue$ | async\"\n  [preventCompleteOnSelection]=\"true\"\n  [autoFocus]=\"autoFocus\"\n></gn-ui-autocomplete>\n", styles: [""], dependencies: [{ kind: "component", type: AutocompleteComponent, selector: "gn-ui-autocomplete", inputs: ["placeholder", "action", "value", "clearOnSelection", "preventCompleteOnSelection", "autoFocus", "minCharacterCount", "allowSubmit", "displayWithFn"], outputs: ["itemSelected", "inputSubmitted", "inputCleared"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FuzzySearchComponent, selector: "gn-ui-fuzzy-search", inputs: { autoFocus: "autoFocus" }, outputs: { itemSelected: "itemSelected", inputSubmitted: "inputSubmitted" }, viewQueries: [{ propertyName: "autocomplete", first: true, predicate: AutocompleteComponent, descendants: true }], ngImport: i0, template: "<gn-ui-autocomplete\n  [placeholder]=\"'search.field.any.placeholder' | translate\"\n  [displayWithFn]=\"displayWithFn\"\n  [action]=\"autoCompleteAction\"\n  (itemSelected)=\"handleItemSelection($event)\"\n  (inputSubmitted)=\"handleInputSubmission($event)\"\n  (inputCleared)=\"handleInputCleared()\"\n  [value]=\"searchInputValue$ | async\"\n  [preventCompleteOnSelection]=\"true\"\n  [autoFocus]=\"autoFocus\"\n  [allowSubmit]=\"true\"\n></gn-ui-autocomplete>\n", styles: [""], dependencies: [{ kind: "component", type: AutocompleteComponent, selector: "gn-ui-autocomplete", inputs: ["placeholder", "action", "value", "clearOnSelection", "preventCompleteOnSelection", "autoFocus", "minCharacterCount", "allowSubmit", "displayWithFn"], outputs: ["itemSelected", "inputSubmitted", "inputCleared"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FuzzySearchComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-fuzzy-search', changeDetection: ChangeDetectionStrategy.OnPush, template: "<gn-ui-autocomplete\n  [placeholder]=\"'search.field.any.placeholder' | translate\"\n  [displayWithFn]=\"displayWithFn\"\n  [action]=\"autoCompleteAction\"\n  (itemSelected)=\"handleItemSelection($event)\"\n  (inputSubmitted)=\"handleInputSubmission($event)\"\n  (inputCleared)=\"handleInputCleared()\"\n  [value]=\"searchInputValue$ | async\"\n  [preventCompleteOnSelection]=\"true\"\n  [autoFocus]=\"autoFocus\"\n></gn-ui-autocomplete>\n" }]
+            args: [{ selector: 'gn-ui-fuzzy-search', changeDetection: ChangeDetectionStrategy.OnPush, template: "<gn-ui-autocomplete\n  [placeholder]=\"'search.field.any.placeholder' | translate\"\n  [displayWithFn]=\"displayWithFn\"\n  [action]=\"autoCompleteAction\"\n  (itemSelected)=\"handleItemSelection($event)\"\n  (inputSubmitted)=\"handleInputSubmission($event)\"\n  (inputCleared)=\"handleInputCleared()\"\n  [value]=\"searchInputValue$ | async\"\n  [preventCompleteOnSelection]=\"true\"\n  [autoFocus]=\"autoFocus\"\n  [allowSubmit]=\"true\"\n></gn-ui-autocomplete>\n" }]
         }], ctorParameters: function () { return [{ type: SearchFacade }, { type: SearchService }, { type: RecordsRepositoryInterface }]; }, propDecorators: { autocomplete: [{
                 type: ViewChild,
                 args: [AutocompleteComponent]
@@ -35387,6 +35510,7 @@ const RECORD_RESOURCE_UPDATED_FIELD = {
     formFieldConfig: {
         labelKey: marker('editor.record.form.field.resourceUpdated'),
     },
+    gridColumnSpan: 1,
 };
 const RECORD_UPDATED_FIELD = {
     model: 'recordUpdated',
@@ -35395,13 +35519,14 @@ const RECORD_UPDATED_FIELD = {
         locked: true,
     },
     onSaveProcess: '${dateNow()}',
+    gridColumnSpan: 1,
 };
 const RECORD_UPDATE_FREQUENCY_FIELD = {
     model: 'updateFrequency',
-    formFieldConfig: {
-        labelKey: marker('editor.record.form.field.updateFrequency'),
-    },
+    formFieldConfig: {},
 };
+// keeping track of the label to not lose existing translation
+marker('editor.record.form.field.updateFrequency');
 const RECORD_TEMPORAL_EXTENTS_FIELD = {
     model: 'temporalExtents',
     formFieldConfig: {
@@ -36176,6 +36301,83 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }]
         }] });
 
+class ImportRecordComponent {
+    constructor(router, translateService, cdr, notificationsService, recordsRepository) {
+        this.router = router;
+        this.translateService = translateService;
+        this.cdr = cdr;
+        this.notificationsService = notificationsService;
+        this.recordsRepository = recordsRepository;
+        this.closeImportMenu = new EventEmitter();
+        this.importMenuItems = [
+            {
+                label: this.translateService.instant('dashboard.importRecord.useModel'),
+                icon: 'highlight',
+                action: () => null,
+                dataTest: 'useAModelButton',
+            },
+            {
+                label: this.translateService.instant('dashboard.importRecord.importExternal'),
+                icon: 'cloud_download',
+                action: this.displayImportExternal.bind(this),
+                dataTest: 'importFromUrlButton',
+            },
+        ];
+        this.isRecordImportInProgress = false;
+        this.sectionDisplayed = 'mainMenu';
+        this.externalImportBackLabel = this.translateService.instant('dashboard.importRecord.importExternalLabel');
+    }
+    displayMainMenu() {
+        this.sectionDisplayed = 'mainMenu';
+        this.cdr.markForCheck();
+    }
+    displayImportExternal() {
+        this.sectionDisplayed = 'importExternalFile';
+        this.cdr.markForCheck();
+    }
+    importRecord(url) {
+        this.isRecordImportInProgress = true;
+        this.recordsRepository.duplicateExternalRecord(url).subscribe({
+            next: (recordTempId) => {
+                if (recordTempId) {
+                    this.notificationsService.showNotification({
+                        type: 'success',
+                        title: this.translateService.instant('editor.record.importFromExternalFile.success.title'),
+                        text: `${this.translateService.instant('editor.record.importFromExternalFile.success.body')}`,
+                    }, 2500);
+                    this.router
+                        .navigate(['/edit', recordTempId])
+                        .catch((err) => console.error(err));
+                }
+                this.closeImportMenu.next();
+            },
+            error: (error) => {
+                this.notificationsService.showNotification({
+                    type: 'error',
+                    title: this.translateService.instant('editor.record.importFromExternalFile.failure.title'),
+                    text: `${this.translateService.instant('editor.record.importFromExternalFile.failure.body')} ${error.message ?? ''}`,
+                }, 2500);
+                this.isRecordImportInProgress = false;
+                this.cdr.markForCheck();
+            },
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ImportRecordComponent, deps: [{ token: i1$9.Router }, { token: i1$1.TranslateService }, { token: i0.ChangeDetectorRef }, { token: NotificationsService }, { token: RecordsRepositoryInterface }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ImportRecordComponent, isStandalone: true, selector: "gn-ui-import-record", outputs: { closeImportMenu: "closeImportMenu" }, 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            ><mat-icon class=\"material-symbols-outlined\">\n              {{ menuItem.icon }} </mat-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          <mat-icon class=\"material-symbols-outlined\">arrow_back</mat-icon>\n        </gn-ui-button>\n        <span class=\"font-bold\"> {{ externalImportBackLabel }}</span>\n      </div>\n      <gn-ui-url-input\n        (valueChange)=\"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$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: UrlInputComponent, selector: "gn-ui-url-input", inputs: ["value", "extraClass", "placeholder", "disabled"], outputs: ["valueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ImportRecordComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-import-record', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        CommonModule,
+                        MatIconModule,
+                        ButtonComponent,
+                        ThumbnailComponent,
+                        UrlInputComponent,
+                    ], 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            ><mat-icon class=\"material-symbols-outlined\">\n              {{ menuItem.icon }} </mat-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          <mat-icon class=\"material-symbols-outlined\">arrow_back</mat-icon>\n        </gn-ui-button>\n        <span class=\"font-bold\"> {{ externalImportBackLabel }}</span>\n      </div>\n      <gn-ui-url-input\n        (valueChange)=\"importRecord($event)\"\n        [disabled]=\"isRecordImportInProgress\"\n      ></gn-ui-url-input>\n    </div>\n  </ng-container>\n</ng-container>\n" }]
+        }], ctorParameters: function () { return [{ type: i1$9.Router }, { type: i1$1.TranslateService }, { type: i0.ChangeDetectorRef }, { type: NotificationsService }, { type: RecordsRepositoryInterface }]; }, propDecorators: { closeImportMenu: [{
+                type: Output
+            }] } });
+
 class GenericKeywordsComponent {
     constructor(platformService) {
         this.platformService = platformService;
@@ -36213,7 +36415,7 @@ class GenericKeywordsComponent {
         return !keyword.bbox;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GenericKeywordsComponent, deps: [{ token: PlatformServiceInterface }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GenericKeywordsComponent, isStandalone: true, selector: "gn-ui-generic-keywords", inputs: { keywords: "keywords", keywordTypes: "keywordTypes", placeholder: "placeholder" }, outputs: { changedKeywords: "changedKeywords", addedKeyword: "addedKeyword", deletedKeyword: "deletedKeyword" }, 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]=\"true\"\n    [minCharacterCount]=\"0\"\n    [allowSubmit]=\"false\"\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      <mat-icon\n        *ngIf=\"isPlaceWithoutExtent(keyword)\"\n        [title]=\"'editor.form.placeKeywordWithoutExtent' | translate\"\n        class=\"material-symbols-outlined\"\n        >warning</mat-icon\n      >\n    </gn-ui-badge>\n  </div>\n</div>\n", styles: [""], 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$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.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: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GenericKeywordsComponent, isStandalone: true, selector: "gn-ui-generic-keywords", inputs: { keywords: "keywords", keywordTypes: "keywordTypes", placeholder: "placeholder", allowSubmit: "allowSubmit" }, outputs: { changedKeywords: "changedKeywords", addedKeyword: "addedKeyword", deletedKeyword: "deletedKeyword" }, 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]=\"true\"\n    [minCharacterCount]=\"0\"\n    [allowSubmit]=\"false\"\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      <mat-icon\n        *ngIf=\"isPlaceWithoutExtent(keyword)\"\n        [title]=\"'editor.form.placeKeywordWithoutExtent' | translate\"\n        class=\"material-symbols-outlined\"\n        >warning</mat-icon\n      >\n    </gn-ui-badge>\n  </div>\n</div>\n", styles: [""], 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$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.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: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GenericKeywordsComponent, decorators: [{
             type: Component,
@@ -36232,6 +36434,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], placeholder: [{
                 type: Input
+            }], allowSubmit: [{
+                type: Input
             }], changedKeywords: [{
                 type: Output
             }], addedKeyword: [{
@@ -36241,16 +36445,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 class FormFieldKeywordsComponent {
-    constructor() {
+    get filteredKeywords() {
+        return (this.value?.filter((keyword) => keyword.type !== 'place' && // filter out place keywords
+            !SPATIAL_SCOPES.some((spatialScope) => spatialScope.label === keyword.label) // filter out keywords matching spatialScope keys
+        ) || []);
+    }
+    constructor(editorFacade) {
+        this.editorFacade = editorFacade;
         this.valueChange = new EventEmitter();
         this.keywordTypes = ['temporal', 'theme', 'other'];
-        this.placeholder = 'editor.form.keywords.placeholder';
     }
-    handleKeywordsChange(keywords) {
-        this.valueChange.emit(keywords);
+    async handleKeywordsChange(keywords) {
+        const filteredKeywords = await firstValueFrom(this.editorFacade.record$.pipe(map$2((record) => record.keywords.filter((k) => k.type === 'place' || // get back place keyword
+            SPATIAL_SCOPES.some((spatialScope) => spatialScope.label === k.label // get back spatialScope keywords
+            )))));
+        const allKeywords = [...filteredKeywords, ...keywords];
+        this.valueChange.emit(allKeywords);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormFieldKeywordsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormFieldKeywordsComponent, isStandalone: true, selector: "gn-ui-form-field-keywords", inputs: { value: "value" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"flex flex-col gap-3\">\n  <gn-ui-generic-keywords\n    [keywords]=\"value\"\n    [keywordTypes]=\"keywordTypes\"\n    [placeholder]=\"placeholder | translate\"\n    (changedKeywords)=\"handleKeywordsChange($event)\"\n  >\n  </gn-ui-generic-keywords>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: UiInputsModule }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: UiWidgetsModule }, { kind: "component", type: GenericKeywordsComponent, selector: "gn-ui-generic-keywords", inputs: ["keywords", "keywordTypes", "placeholder"], outputs: ["changedKeywords", "addedKeyword", "deletedKeyword"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormFieldKeywordsComponent, deps: [{ token: EditorFacade }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormFieldKeywordsComponent, isStandalone: true, selector: "gn-ui-form-field-keywords", inputs: { value: "value" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"flex flex-col gap-3\">\n  <gn-ui-generic-keywords\n    [keywords]=\"filteredKeywords\"\n    [keywordTypes]=\"keywordTypes\"\n    [placeholder]=\"'editor.form.keywords.placeholder' | translate\"\n    (changedKeywords)=\"handleKeywordsChange($event)\"\n    [allowSubmit]=\"false\"\n  >\n  </gn-ui-generic-keywords>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: UiInputsModule }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: UiWidgetsModule }, { kind: "component", type: GenericKeywordsComponent, selector: "gn-ui-generic-keywords", inputs: ["keywords", "keywordTypes", "placeholder", "allowSubmit"], outputs: ["changedKeywords", "addedKeyword", "deletedKeyword"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormFieldKeywordsComponent, decorators: [{
             type: Component,
@@ -36262,8 +36475,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         AutocompleteComponent,
                         GenericKeywordsComponent,
                         TranslateModule,
-                    ], template: "<div class=\"flex flex-col gap-3\">\n  <gn-ui-generic-keywords\n    [keywords]=\"value\"\n    [keywordTypes]=\"keywordTypes\"\n    [placeholder]=\"placeholder | translate\"\n    (changedKeywords)=\"handleKeywordsChange($event)\"\n  >\n  </gn-ui-generic-keywords>\n</div>\n" }]
-        }], propDecorators: { value: [{
+                    ], template: "<div class=\"flex flex-col gap-3\">\n  <gn-ui-generic-keywords\n    [keywords]=\"filteredKeywords\"\n    [keywordTypes]=\"keywordTypes\"\n    [placeholder]=\"'editor.form.keywords.placeholder' | translate\"\n    (changedKeywords)=\"handleKeywordsChange($event)\"\n    [allowSubmit]=\"false\"\n  >\n  </gn-ui-generic-keywords>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: EditorFacade }]; }, propDecorators: { value: [{
                 type: Input
             }], valueChange: [{
                 type: Output
@@ -36318,11 +36531,11 @@ class FormFieldLicenseComponent {
         this.valueChange.emit([{ text: value }]);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormFieldLicenseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormFieldLicenseComponent, isStandalone: true, selector: "gn-ui-form-field-license", inputs: { label: "label", value: "value" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<gn-ui-dropdown-selector\n  [title]=\"label\"\n  [showTitle]=\"false\"\n  [choices]=\"choices\"\n  [selected]=\"selected\"\n  (selectValue)=\"onSelectValue($event)\"\n>\n</gn-ui-dropdown-selector>\n", styles: [""], dependencies: [{ kind: "component", type: DropdownSelectorComponent, selector: "gn-ui-dropdown-selector", inputs: ["title", "showTitle", "ariaName", "choices", "selected", "maxRows", "extraBtnClass", "minWidth", "disabled"], outputs: ["selectValue"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormFieldLicenseComponent, isStandalone: true, selector: "gn-ui-form-field-license", inputs: { label: "label", value: "value" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<gn-ui-dropdown-selector\n  [title]=\"label\"\n  [showTitle]=\"false\"\n  [choices]=\"choices\"\n  [selected]=\"selected\"\n  (selectValue)=\"onSelectValue($event)\"\n>\n</gn-ui-dropdown-selector>\n", styles: [":host{display:grid}gn-ui-dropdown-selector{max-width:calc(50% - 16px)}\n"], dependencies: [{ kind: "component", type: DropdownSelectorComponent, selector: "gn-ui-dropdown-selector", inputs: ["title", "showTitle", "ariaName", "choices", "selected", "maxRows", "extraBtnClass", "minWidth", "disabled"], outputs: ["selectValue"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormFieldLicenseComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-form-field-license', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [DropdownSelectorComponent], template: "<gn-ui-dropdown-selector\n  [title]=\"label\"\n  [showTitle]=\"false\"\n  [choices]=\"choices\"\n  [selected]=\"selected\"\n  (selectValue)=\"onSelectValue($event)\"\n>\n</gn-ui-dropdown-selector>\n" }]
+            args: [{ selector: 'gn-ui-form-field-license', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [DropdownSelectorComponent], template: "<gn-ui-dropdown-selector\n  [title]=\"label\"\n  [showTitle]=\"false\"\n  [choices]=\"choices\"\n  [selected]=\"selected\"\n  (selectValue)=\"onSelectValue($event)\"\n>\n</gn-ui-dropdown-selector>\n", styles: [":host{display:grid}gn-ui-dropdown-selector{max-width:calc(50% - 16px)}\n"] }]
         }], propDecorators: { label: [{
                 type: Input
             }], value: [{
@@ -36331,16 +36544,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Output
             }] } });
 
-class FormFieldResourceUpdatedComponent {
+class FormFieldDateUpdatedComponent {
     constructor() {
         this.valueChange = new EventEmitter();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormFieldResourceUpdatedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormFieldResourceUpdatedComponent, isStandalone: true, selector: "gn-ui-form-field-resource-updated", inputs: { value: "value" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<gn-ui-date-picker\n  [date]=\"value\"\n  (dateChange)=\"valueChange.emit($event)\"\n></gn-ui-date-picker>\n", styles: [""], dependencies: [{ kind: "component", type: DatePickerComponent, selector: "gn-ui-date-picker", inputs: ["date"], outputs: ["dateChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormFieldDateUpdatedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormFieldDateUpdatedComponent, isStandalone: true, selector: "gn-ui-form-field-date-updated", inputs: { value: "value" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<gn-ui-date-picker\n  [date]=\"value\"\n  (dateChange)=\"valueChange.emit($event)\"\n></gn-ui-date-picker>\n", styles: [""], dependencies: [{ kind: "component", type: DatePickerComponent, selector: "gn-ui-date-picker", inputs: ["date"], outputs: ["dateChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormFieldResourceUpdatedComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormFieldDateUpdatedComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-form-field-resource-updated', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [DatePickerComponent], template: "<gn-ui-date-picker\n  [date]=\"value\"\n  (dateChange)=\"valueChange.emit($event)\"\n></gn-ui-date-picker>\n" }]
+            args: [{ selector: 'gn-ui-form-field-date-updated', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [DatePickerComponent], template: "<gn-ui-date-picker\n  [date]=\"value\"\n  (dateChange)=\"valueChange.emit($event)\"\n></gn-ui-date-picker>\n" }]
         }], propDecorators: { value: [{
                 type: Input
             }], valueChange: [{
@@ -36395,7 +36608,7 @@ class FormFieldTemporalExtentsComponent {
         this.valueChange.emit(this.extents);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormFieldTemporalExtentsComponent, deps: [{ token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormFieldTemporalExtentsComponent, isStandalone: true, selector: "gn-ui-form-field-temporal-extents", inputs: { value: "value" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"flex gap-2 mb-2\">\n  <gn-ui-button\n    *ngFor=\"let addOption of addOptions$ | async\"\n    (buttonClick)=\"onAdd(addOption.eventName)\"\n  >\n    <span class=\"material-symbols-outlined gn-ui-icon-small\"> add </span>\n    &nbsp;{{ addOption.buttonLabel }}</gn-ui-button\n  >\n</div>\n<gn-ui-sortable-list\n  [items]=\"extents\"\n  (itemsOrderChange)=\"onItemsOrderChange($event)\"\n  [elementTemplate]=\"template\"\n></gn-ui-sortable-list>\n<ng-template #template let-extent let-index=\"index\">\n  <div class=\"border rounded-lg px-4 pb-4\" *ngIf=\"extent.end === undefined\">\n    <p class=\"my-2\" translate>editor.record.form.temporalExtents.date</p>\n    <gn-ui-date-picker\n      [date]=\"extent.start\"\n      (dateChange)=\"onExtentChange({ start: $event }, index)\"\n    ></gn-ui-date-picker>\n  </div>\n  <div class=\"border rounded-lg px-4 pb-4\" *ngIf=\"extent.end !== undefined\">\n    <p class=\"my-2\" translate>editor.record.form.temporalExtents.range</p>\n    <gn-ui-date-range-picker\n      [startDate]=\"extent.start\"\n      [endDate]=\"extent.end\"\n      (startDateChange)=\"onExtentChange({ start: $event }, index)\"\n      (endDateChange)=\"onExtentChange({ end: $event }, index)\"\n    ></gn-ui-date-range-picker>\n  </div>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: SortableListComponent, selector: "gn-ui-sortable-list", inputs: ["elementTemplate", "items"], outputs: ["itemsOrderChange"] }, { kind: "component", type: DatePickerComponent, selector: "gn-ui-date-picker", inputs: ["date"], outputs: ["dateChange"] }, { kind: "component", type: DateRangePickerComponent, selector: "gn-ui-date-range-picker", inputs: ["startDate", "endDate"], outputs: ["startDateChange", "endDateChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormFieldTemporalExtentsComponent, isStandalone: true, selector: "gn-ui-form-field-temporal-extents", inputs: { value: "value" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"flex gap-2 mb-2\">\n  <gn-ui-button\n    type=\"gray\"\n    *ngFor=\"let addOption of addOptions$ | async\"\n    (buttonClick)=\"onAdd(addOption.eventName)\"\n  >\n    <mat-icon class=\"material-symbols-outlined text-primary\">add</mat-icon>\n    &nbsp;{{ addOption.buttonLabel }}</gn-ui-button\n  >\n</div>\n<gn-ui-sortable-list\n  [items]=\"extents\"\n  (itemsOrderChange)=\"onItemsOrderChange($event)\"\n  [elementTemplate]=\"template\"\n></gn-ui-sortable-list>\n<ng-template #template let-extent let-index=\"index\">\n  <div class=\"border rounded-lg px-4 pb-4\" *ngIf=\"extent.end === undefined\">\n    <p class=\"my-2\" translate>editor.record.form.temporalExtents.date</p>\n    <gn-ui-date-picker\n      [date]=\"extent.start\"\n      (dateChange)=\"onExtentChange({ start: $event }, index)\"\n    ></gn-ui-date-picker>\n  </div>\n  <div class=\"border rounded-lg px-4 pb-4\" *ngIf=\"extent.end !== undefined\">\n    <p class=\"my-2\" translate>editor.record.form.temporalExtents.range</p>\n    <gn-ui-date-range-picker\n      [startDate]=\"extent.start\"\n      [endDate]=\"extent.end\"\n      (startDateChange)=\"onExtentChange({ start: $event }, index)\"\n      (endDateChange)=\"onExtentChange({ end: $event }, index)\"\n    ></gn-ui-date-range-picker>\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$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: SortableListComponent, selector: "gn-ui-sortable-list", inputs: ["elementTemplate", "items"], outputs: ["itemsOrderChange"] }, { kind: "component", type: DatePickerComponent, selector: "gn-ui-date-picker", inputs: ["date"], outputs: ["dateChange"] }, { kind: "component", type: DateRangePickerComponent, selector: "gn-ui-date-range-picker", inputs: ["startDate", "endDate"], outputs: ["startDateChange", "endDateChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormFieldTemporalExtentsComponent, decorators: [{
             type: Component,
@@ -36406,7 +36619,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         DatePickerComponent,
                         DateRangePickerComponent,
                         TranslateModule,
-                    ], template: "<div class=\"flex gap-2 mb-2\">\n  <gn-ui-button\n    *ngFor=\"let addOption of addOptions$ | async\"\n    (buttonClick)=\"onAdd(addOption.eventName)\"\n  >\n    <span class=\"material-symbols-outlined gn-ui-icon-small\"> add </span>\n    &nbsp;{{ addOption.buttonLabel }}</gn-ui-button\n  >\n</div>\n<gn-ui-sortable-list\n  [items]=\"extents\"\n  (itemsOrderChange)=\"onItemsOrderChange($event)\"\n  [elementTemplate]=\"template\"\n></gn-ui-sortable-list>\n<ng-template #template let-extent let-index=\"index\">\n  <div class=\"border rounded-lg px-4 pb-4\" *ngIf=\"extent.end === undefined\">\n    <p class=\"my-2\" translate>editor.record.form.temporalExtents.date</p>\n    <gn-ui-date-picker\n      [date]=\"extent.start\"\n      (dateChange)=\"onExtentChange({ start: $event }, index)\"\n    ></gn-ui-date-picker>\n  </div>\n  <div class=\"border rounded-lg px-4 pb-4\" *ngIf=\"extent.end !== undefined\">\n    <p class=\"my-2\" translate>editor.record.form.temporalExtents.range</p>\n    <gn-ui-date-range-picker\n      [startDate]=\"extent.start\"\n      [endDate]=\"extent.end\"\n      (startDateChange)=\"onExtentChange({ start: $event }, index)\"\n      (endDateChange)=\"onExtentChange({ end: $event }, index)\"\n    ></gn-ui-date-range-picker>\n  </div>\n</ng-template>\n" }]
+                        MatIconModule,
+                    ], template: "<div class=\"flex gap-2 mb-2\">\n  <gn-ui-button\n    type=\"gray\"\n    *ngFor=\"let addOption of addOptions$ | async\"\n    (buttonClick)=\"onAdd(addOption.eventName)\"\n  >\n    <mat-icon class=\"material-symbols-outlined text-primary\">add</mat-icon>\n    &nbsp;{{ addOption.buttonLabel }}</gn-ui-button\n  >\n</div>\n<gn-ui-sortable-list\n  [items]=\"extents\"\n  (itemsOrderChange)=\"onItemsOrderChange($event)\"\n  [elementTemplate]=\"template\"\n></gn-ui-sortable-list>\n<ng-template #template let-extent let-index=\"index\">\n  <div class=\"border rounded-lg px-4 pb-4\" *ngIf=\"extent.end === undefined\">\n    <p class=\"my-2\" translate>editor.record.form.temporalExtents.date</p>\n    <gn-ui-date-picker\n      [date]=\"extent.start\"\n      (dateChange)=\"onExtentChange({ start: $event }, index)\"\n    ></gn-ui-date-picker>\n  </div>\n  <div class=\"border rounded-lg px-4 pb-4\" *ngIf=\"extent.end !== undefined\">\n    <p class=\"my-2\" translate>editor.record.form.temporalExtents.range</p>\n    <gn-ui-date-range-picker\n      [startDate]=\"extent.start\"\n      [endDate]=\"extent.end\"\n      (startDateChange)=\"onExtentChange({ start: $event }, index)\"\n      (endDateChange)=\"onExtentChange({ end: $event }, index)\"\n    ></gn-ui-date-range-picker>\n  </div>\n</ng-template>\n", styles: [":host{--gn-ui-button-padding: 8px 8px;--gn-ui-button-rounded: 8px}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$1.TranslateService }]; }, propDecorators: { value: [{
                 type: Input
             }], valueChange: [{
@@ -36488,14 +36702,11 @@ class FormFieldRichComponent {
         this.valueChange = new EventEmitter();
         this.preview = false;
     }
-    getButtonExtraClass() {
-        return `${this.preview ? 'text-gray-200 bg-gray-900' : 'text-gray-900 bg-gray-200'} rounded-[1.25rem] p-[0.375rem] text-xs font-medium w-24`;
-    }
     togglePreview() {
         this.preview = !this.preview;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormFieldRichComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormFieldRichComponent, isStandalone: true, selector: "gn-ui-form-field-rich", inputs: { label: "label", hint: "hint", helperText: "helperText", placeholder: "placeholder", value: "value" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<gn-ui-form-field-wrapper [label]=\"label\" [hint]=\"hint\">\n  <gn-ui-button\n    form-field-interaction\n    [extraClass]=\"getButtonExtraClass()\"\n    (buttonClick)=\"togglePreview()\"\n  >\n    <span class=\"material-symbols-outlined mr-1 gn-ui-icon-small\">{{\n      preview ? 'visibility' : 'visibility_off'\n    }}</span>\n    {{ preview ? 'WYSIWYG' : 'Markdown' }}\n  </gn-ui-button>\n  <gn-ui-markdown-editor\n    class=\"h-full\"\n    [preview]=\"preview\"\n    [helperText]=\"helperText\"\n    [placeholder]=\"placeholder\"\n    [textContent]=\"value\"\n    (textContentChanged)=\"valueChange.emit($event)\"\n  ></gn-ui-markdown-editor>\n</gn-ui-form-field-wrapper>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: MarkdownEditorComponent, selector: "gn-ui-markdown-editor", inputs: ["preview", "helperText", "placeholder", "textContent"], outputs: ["textContentChanged"] }, { kind: "component", type: FormFieldWrapperComponent, selector: "gn-ui-form-field-wrapper", inputs: ["label", "hint"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormFieldRichComponent, isStandalone: true, selector: "gn-ui-form-field-rich", inputs: { label: "label", hint: "hint", placeholder: "placeholder", value: "value" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<gn-ui-form-field-wrapper [label]=\"label\" [hint]=\"hint\">\n  <gn-ui-button\n    form-field-interaction\n    [type]=\"preview ? 'black' : 'gray'\"\n    style=\"\n      --gn-ui-button-padding: 3px 8px;\n      --gn-ui-button-font-size: 12px;\n      --gn-ui-button-rounded: 20px;\n    \"\n    (buttonClick)=\"togglePreview()\"\n  >\n    <span\n      class=\"material-symbols-outlined gn-ui-icon-small\"\n      [ngClass]=\"{ 'text-primary': !preview }\"\n      >{{ preview ? 'visibility' : 'visibility_off' }}</span\n    >\n    &nbsp;\n    {{ preview ? 'WYSIWYG' : 'Markdown' }}\n  </gn-ui-button>\n  <gn-ui-markdown-editor\n    [preview]=\"preview\"\n    [placeholder]=\"placeholder\"\n    [textContent]=\"value\"\n    (textContentChanged)=\"valueChange.emit($event)\"\n    textAreaExtraClass=\"min-h-[100px]\"\n  ></gn-ui-markdown-editor>\n</gn-ui-form-field-wrapper>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: MarkdownEditorComponent, selector: "gn-ui-markdown-editor", inputs: ["preview", "placeholder", "textContent", "textAreaExtraClass"], outputs: ["textContentChanged"] }, { kind: "component", type: FormFieldWrapperComponent, selector: "gn-ui-form-field-wrapper", inputs: ["label", "hint"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormFieldRichComponent, decorators: [{
             type: Component,
@@ -36505,13 +36716,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         MarkdownEditorComponent,
                         FormFieldWrapperComponent,
                         ButtonComponent,
-                    ], template: "<gn-ui-form-field-wrapper [label]=\"label\" [hint]=\"hint\">\n  <gn-ui-button\n    form-field-interaction\n    [extraClass]=\"getButtonExtraClass()\"\n    (buttonClick)=\"togglePreview()\"\n  >\n    <span class=\"material-symbols-outlined mr-1 gn-ui-icon-small\">{{\n      preview ? 'visibility' : 'visibility_off'\n    }}</span>\n    {{ preview ? 'WYSIWYG' : 'Markdown' }}\n  </gn-ui-button>\n  <gn-ui-markdown-editor\n    class=\"h-full\"\n    [preview]=\"preview\"\n    [helperText]=\"helperText\"\n    [placeholder]=\"placeholder\"\n    [textContent]=\"value\"\n    (textContentChanged)=\"valueChange.emit($event)\"\n  ></gn-ui-markdown-editor>\n</gn-ui-form-field-wrapper>\n" }]
+                    ], template: "<gn-ui-form-field-wrapper [label]=\"label\" [hint]=\"hint\">\n  <gn-ui-button\n    form-field-interaction\n    [type]=\"preview ? 'black' : 'gray'\"\n    style=\"\n      --gn-ui-button-padding: 3px 8px;\n      --gn-ui-button-font-size: 12px;\n      --gn-ui-button-rounded: 20px;\n    \"\n    (buttonClick)=\"togglePreview()\"\n  >\n    <span\n      class=\"material-symbols-outlined gn-ui-icon-small\"\n      [ngClass]=\"{ 'text-primary': !preview }\"\n      >{{ preview ? 'visibility' : 'visibility_off' }}</span\n    >\n    &nbsp;\n    {{ preview ? 'WYSIWYG' : 'Markdown' }}\n  </gn-ui-button>\n  <gn-ui-markdown-editor\n    [preview]=\"preview\"\n    [placeholder]=\"placeholder\"\n    [textContent]=\"value\"\n    (textContentChanged)=\"valueChange.emit($event)\"\n    textAreaExtraClass=\"min-h-[100px]\"\n  ></gn-ui-markdown-editor>\n</gn-ui-form-field-wrapper>\n" }]
         }], propDecorators: { label: [{
                 type: Input
             }], hint: [{
                 type: Input
-            }], helperText: [{
-                type: Input
             }], placeholder: [{
                 type: Input
             }], value: [{
@@ -36719,11 +36928,14 @@ class FormFieldSpatialExtentComponent {
             type,
             ...(thesaurus && { thesaurus }),
         }));
-        const notPlaceKeywords = await firstValueFrom(this.editorFacade.record$.pipe(map$2((record) => record.keywords.filter((k) => k.type !== 'place'))));
-        this.editorFacade.updateRecordField('keywords', [
-            ...notPlaceKeywords,
+        const notPlaceKwAndSpatialScopeKw = await firstValueFrom(this.editorFacade.record$.pipe(map$2((record) => record.keywords.filter((k) => k.type !== 'place' ||
+            SPATIAL_SCOPES.some((spatialScope) => spatialScope.label === k.label // get back spatialScope keywords
+            )))));
+        const allKeywords = [
+            ...notPlaceKwAndSpatialScopeKw,
             ...filteredPlaceKeywords,
-        ]);
+        ];
+        this.editorFacade.updateRecordField('keywords', allKeywords);
         this.editorFacade.updateRecordField('spatialExtents', spatialExtents);
     }
     async onSpatialScopeChange(selectedOption) {
@@ -36742,7 +36954,7 @@ class FormFieldSpatialExtentComponent {
         ]);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", 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: "16.2.12", type: FormFieldSpatialExtentComponent, isStandalone: true, selector: "gn-ui-form-field-spatial-extent", ngImport: i0, template: "<div class=\"flex flex-col gap-8\">\n  <gn-ui-switch-toggle\n    [options]=\"switchToggleOptions$ | async\"\n    (selectedValue)=\"onSpatialScopeChange($event)\"\n    extraClasses=\"grow\"\n  ></gn-ui-switch-toggle>\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\">\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$3.AsyncPipe, name: "async" }, { kind: "component", type: GenericKeywordsComponent, selector: "gn-ui-generic-keywords", inputs: ["keywords", "keywordTypes", "placeholder"], outputs: ["changedKeywords", "addedKeyword", "deletedKeyword"] }, { kind: "component", type: FormFieldMapContainerComponent, selector: "gn-ui-form-field-map-container", inputs: ["spatialExtents"] }, { kind: "component", type: SwitchToggleComponent, selector: "gn-ui-switch-toggle", inputs: ["options", "ariaLabel", "extraClasses"], outputs: ["selectedValue"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormFieldSpatialExtentComponent, isStandalone: true, selector: "gn-ui-form-field-spatial-extent", ngImport: i0, template: "<div class=\"flex flex-col gap-8\">\n  <gn-ui-switch-toggle\n    [options]=\"switchToggleOptions$ | async\"\n    (selectedValue)=\"onSpatialScopeChange($event)\"\n    extraClasses=\"grow\"\n  ></gn-ui-switch-toggle>\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$3.AsyncPipe, name: "async" }, { kind: "component", type: GenericKeywordsComponent, selector: "gn-ui-generic-keywords", inputs: ["keywords", "keywordTypes", "placeholder", "allowSubmit"], outputs: ["changedKeywords", "addedKeyword", "deletedKeyword"] }, { kind: "component", type: FormFieldMapContainerComponent, selector: "gn-ui-form-field-map-container", inputs: ["spatialExtents"] }, { kind: "component", type: SwitchToggleComponent, selector: "gn-ui-switch-toggle", inputs: ["options", "ariaLabel", "extraClasses"], outputs: ["selectedValue"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormFieldSpatialExtentComponent, decorators: [{
             type: Component,
@@ -36751,7 +36963,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         GenericKeywordsComponent,
                         FormFieldMapContainerComponent,
                         SwitchToggleComponent,
-                    ], template: "<div class=\"flex flex-col gap-8\">\n  <gn-ui-switch-toggle\n    [options]=\"switchToggleOptions$ | async\"\n    (selectedValue)=\"onSpatialScopeChange($event)\"\n    extraClasses=\"grow\"\n  ></gn-ui-switch-toggle>\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\">\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-8\">\n  <gn-ui-switch-toggle\n    [options]=\"switchToggleOptions$ | async\"\n    (selectedValue)=\"onSpatialScopeChange($event)\"\n    extraClasses=\"grow\"\n  ></gn-ui-switch-toggle>\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" }]
         }], ctorParameters: function () { return [{ type: PlatformServiceInterface }, { type: EditorFacade }, { type: i1$1.TranslateService }]; } });
 
 const RoleValues = [
@@ -36828,25 +37040,14 @@ const RecordStatusValues = [
 ];
 
 class ContactCardComponent {
-    constructor() {
-        this.removable = true;
-        this.contactRemoved = new EventEmitter();
-    }
-    removeContact(contact) {
-        this.contactRemoved.emit(contact);
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContactCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ContactCardComponent, isStandalone: true, selector: "gn-ui-contact-card", inputs: { contact: "contact", removable: "removable" }, outputs: { contactRemoved: "contactRemoved" }, ngImport: i0, template: "<div class=\"flex flex-row gap-2 items-center\">\n  <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  <gn-ui-button\n    *ngIf=\"removable\"\n    data-test=\"removeContactButton\"\n    type=\"light\"\n    extraClass=\"w-[20px] h-[20px] flex items-center justify-center\"\n    (buttonClick)=\"removeContact(contact)\"\n    ><span class=\"material-symbols-outlined\"> close </span>\n  </gn-ui-button>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: ThumbnailComponent, selector: "gn-ui-thumbnail", inputs: ["thumbnailUrl", "fit"], outputs: ["placeholderShown"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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: "ngmodule", type: MatIconModule }, { kind: "component", type: ThumbnailComponent, selector: "gn-ui-thumbnail", inputs: ["thumbnailUrl", "fit"], outputs: ["placeholderShown"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContactCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-contact-card', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, MatIconModule, ButtonComponent, ThumbnailComponent], template: "<div class=\"flex flex-row gap-2 items-center\">\n  <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  <gn-ui-button\n    *ngIf=\"removable\"\n    data-test=\"removeContactButton\"\n    type=\"light\"\n    extraClass=\"w-[20px] h-[20px] flex items-center justify-center\"\n    (buttonClick)=\"removeContact(contact)\"\n    ><span class=\"material-symbols-outlined\"> close </span>\n  </gn-ui-button>\n</div>\n" }]
+            args: [{ selector: 'gn-ui-contact-card', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, MatIconModule, ButtonComponent, ThumbnailComponent], template: "<div class=\"gn-ui-card\">\n  <gn-ui-thumbnail\n    class=\"w-[56px] h-[56px] rounded-[4px] overflow-hidden shrink-0\"\n    [thumbnailUrl]=\"contact.organization.logoUrl?.href\"\n    [fit]=\"'contain'\"\n  ></gn-ui-thumbnail>\n  <div class=\"flex flex-col w-full overflow-hidden leading-snug\">\n    <div class=\"text-[16px] font-bold text-main\" data-test=\"contactCardName\">\n      {{ contact.firstName }} {{ contact.lastName }}\n    </div>\n    <div class=\"text-[14px] text-gray-900\" data-test=\"contactCardEmail\">\n      {{ contact.email }}\n    </div>\n  </div>\n</div>\n" }]
         }], propDecorators: { contact: [{
                 type: Input
-            }], removable: [{
-                type: Input
-            }], contactRemoved: [{
-                type: Output
             }] } });
 
 class FormFieldContactsForResourceComponent {
@@ -36953,7 +37154,7 @@ class FormFieldContactsForResourceComponent {
         this.valueChange.emit(newControlValue);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormFieldContactsForResourceComponent, deps: [{ token: PlatformServiceInterface }, { token: OrganizationsServiceInterface }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormFieldContactsForResourceComponent, isStandalone: true, selector: "gn-ui-form-field-contacts-for-resource", inputs: { value: "value" }, outputs: { valueChange: "valueChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"flex flex-col gap-3\">\n  <div class=\"flex flex-row flex-wrap gap-2\" data-test=\"rolesToPick\">\n    <ng-container *ngFor=\"let role of rolesToPick\">\n      <gn-ui-button\n        extraClass=\"px-2 py-1.5\"\n        (buttonClick)=\"addRoleToDisplay(role)\"\n      >\n        <div class=\"flex flex-row gap-1 items-center\">\n          <span class=\"text-primary text-[20px] leading-[0] font-bold pb-[5px]\"\n            >&#8330;</span\n          >\n          <span class=\"font-bold\" translate>{{ roleToLabel(role) }}</span>\n        </div>\n      </gn-ui-button>\n    </ng-container>\n  </div>\n  <div\n    class=\"mt-8\"\n    *ngIf=\"\n      roleSectionsToDisplay && roleSectionsToDisplay.length > 0;\n      else noContact\n    \"\n    data-test=\"displayedRoles\"\n  >\n    <div\n      *ngFor=\"\n        let role of roleSectionsToDisplay;\n        let index = index;\n        let isLast = last\n      \"\n      class=\"flex flex-col gap-4\"\n    >\n      <div class=\"flex flex-row justify-between\">\n        <span class=\"font-bold text-base\" translate>{{\n          roleToLabel(role)\n        }}</span>\n      </div>\n\n      <gn-ui-autocomplete\n        [placeholder]=\"'Choose a contact'\"\n        [action]=\"autoCompleteAction\"\n        (itemSelected)=\"addContact($event, role)\"\n        [displayWithFn]=\"displayWithFn\"\n        [minCharacterCount]=\"1\"\n        [clearOnSelection]=\"true\"\n      >\n      </gn-ui-autocomplete>\n\n      <ng-container *ngIf=\"contactsForRessourceByRole.get(role) as contacts\">\n        <ng-container *ngIf=\"contacts.length > 1\">\n          <gn-ui-sortable-list\n            [items]=\"contacts\"\n            (itemsOrderChange)=\"handleContactsChanged($event)\"\n            [elementTemplate]=\"contactTemplate\"\n          ></gn-ui-sortable-list>\n          <ng-template #contactTemplate let-contact>\n            <div class=\"flex flex-row items-center gap-2\">\n              <gn-ui-contact-card\n                [contact]=\"contact\"\n                [removable]=\"false\"\n              ></gn-ui-contact-card>\n            </div>\n          </ng-template>\n        </ng-container>\n        <ng-container *ngIf=\"contacts.length === 1\">\n          <ng-container *ngFor=\"let contact of contacts\">\n            <gn-ui-contact-card\n              [contact]=\"contact\"\n              (contactRemoved)=\"removeContact(index)\"\n            ></gn-ui-contact-card>\n          </ng-container>\n        </ng-container>\n      </ng-container>\n\n      <hr class=\"border-t-[#D6D3D1] mt-4 mb-6\" *ngIf=\"!isLast\" />\n    </div>\n  </div>\n  <ng-template #noContact>\n    <div\n      class=\"p-4 border border-primary bg-primary-lightest rounded-lg\"\n      translate\n    >\n      editor.record.form.field.contactsForResource.noContact\n    </div>\n  </ng-template>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: UiInputsModule }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: UiWidgetsModule }, { kind: "component", type: AutocompleteComponent, selector: "gn-ui-autocomplete", inputs: ["placeholder", "action", "value", "clearOnSelection", "preventCompleteOnSelection", "autoFocus", "minCharacterCount", "allowSubmit", "displayWithFn"], outputs: ["itemSelected", "inputSubmitted", "inputCleared"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: ContactCardComponent, selector: "gn-ui-contact-card", inputs: ["contact", "removable"], outputs: ["contactRemoved"] }, { kind: "component", type: SortableListComponent, selector: "gn-ui-sortable-list", inputs: ["elementTemplate", "items"], outputs: ["itemsOrderChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormFieldContactsForResourceComponent, isStandalone: true, selector: "gn-ui-form-field-contacts-for-resource", inputs: { value: "value" }, outputs: { valueChange: "valueChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"flex flex-col gap-3\">\n  <div class=\"flex flex-row flex-wrap gap-2\" data-test=\"rolesToPick\">\n    <ng-container *ngFor=\"let role of rolesToPick\">\n      <gn-ui-button type=\"gray\" (buttonClick)=\"addRoleToDisplay(role)\">\n        <mat-icon class=\"material-symbols-outlined text-primary\">add</mat-icon>\n        &nbsp;\n        <span translate>{{ roleToLabel(role) }}</span>\n      </gn-ui-button>\n    </ng-container>\n  </div>\n  <div\n    class=\"mt-8\"\n    *ngIf=\"\n      roleSectionsToDisplay && roleSectionsToDisplay.length > 0;\n      else noContact\n    \"\n    data-test=\"displayedRoles\"\n  >\n    <div\n      *ngFor=\"\n        let role of roleSectionsToDisplay;\n        let index = index;\n        let isLast = last\n      \"\n      class=\"flex flex-col gap-4\"\n    >\n      <div class=\"flex flex-row justify-between\">\n        <span class=\"font-bold text-base\" translate>{{\n          roleToLabel(role)\n        }}</span>\n      </div>\n\n      <gn-ui-autocomplete\n        [placeholder]=\"'Choose a contact'\"\n        [action]=\"autoCompleteAction\"\n        (itemSelected)=\"addContact($event, role)\"\n        [displayWithFn]=\"displayWithFn\"\n        [minCharacterCount]=\"1\"\n        [clearOnSelection]=\"true\"\n        [allowSubmit]=\"false\"\n      >\n      </gn-ui-autocomplete>\n\n      <ng-container *ngIf=\"contactsForRessourceByRole.get(role) as contacts\">\n        <gn-ui-sortable-list\n          [items]=\"contacts\"\n          (itemsOrderChange)=\"handleContactsChanged($event)\"\n          [elementTemplate]=\"contactTemplate\"\n        ></gn-ui-sortable-list>\n        <ng-template #contactTemplate let-contact>\n          <gn-ui-contact-card [contact]=\"contact\"></gn-ui-contact-card>\n        </ng-template>\n      </ng-container>\n\n      <hr class=\"border-t-[#D6D3D1] mt-4 mb-6\" *ngIf=\"!isLast\" />\n    </div>\n  </div>\n  <ng-template #noContact>\n    <div\n      class=\"p-4 border border-primary bg-primary-lightest rounded-lg\"\n      translate\n    >\n      editor.record.form.field.contactsForResource.noContact\n    </div>\n  </ng-template>\n</div>\n", styles: [":host{--gn-ui-button-padding: 8px 8px;--gn-ui-button-rounded: 8px}\n"], dependencies: [{ kind: "ngmodule", type: UiInputsModule }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: UiWidgetsModule }, { kind: "component", type: AutocompleteComponent, selector: "gn-ui-autocomplete", inputs: ["placeholder", "action", "value", "clearOnSelection", "preventCompleteOnSelection", "autoFocus", "minCharacterCount", "allowSubmit", "displayWithFn"], outputs: ["itemSelected", "inputSubmitted", "inputCleared"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: ContactCardComponent, selector: "gn-ui-contact-card", inputs: ["contact"] }, { kind: "component", type: SortableListComponent, selector: "gn-ui-sortable-list", inputs: ["elementTemplate", "items"], outputs: ["itemsOrderChange"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormFieldContactsForResourceComponent, decorators: [{
             type: Component,
@@ -36966,7 +37167,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         TranslateModule,
                         ContactCardComponent,
                         SortableListComponent,
-                    ], template: "<div class=\"flex flex-col gap-3\">\n  <div class=\"flex flex-row flex-wrap gap-2\" data-test=\"rolesToPick\">\n    <ng-container *ngFor=\"let role of rolesToPick\">\n      <gn-ui-button\n        extraClass=\"px-2 py-1.5\"\n        (buttonClick)=\"addRoleToDisplay(role)\"\n      >\n        <div class=\"flex flex-row gap-1 items-center\">\n          <span class=\"text-primary text-[20px] leading-[0] font-bold pb-[5px]\"\n            >&#8330;</span\n          >\n          <span class=\"font-bold\" translate>{{ roleToLabel(role) }}</span>\n        </div>\n      </gn-ui-button>\n    </ng-container>\n  </div>\n  <div\n    class=\"mt-8\"\n    *ngIf=\"\n      roleSectionsToDisplay && roleSectionsToDisplay.length > 0;\n      else noContact\n    \"\n    data-test=\"displayedRoles\"\n  >\n    <div\n      *ngFor=\"\n        let role of roleSectionsToDisplay;\n        let index = index;\n        let isLast = last\n      \"\n      class=\"flex flex-col gap-4\"\n    >\n      <div class=\"flex flex-row justify-between\">\n        <span class=\"font-bold text-base\" translate>{{\n          roleToLabel(role)\n        }}</span>\n      </div>\n\n      <gn-ui-autocomplete\n        [placeholder]=\"'Choose a contact'\"\n        [action]=\"autoCompleteAction\"\n        (itemSelected)=\"addContact($event, role)\"\n        [displayWithFn]=\"displayWithFn\"\n        [minCharacterCount]=\"1\"\n        [clearOnSelection]=\"true\"\n      >\n      </gn-ui-autocomplete>\n\n      <ng-container *ngIf=\"contactsForRessourceByRole.get(role) as contacts\">\n        <ng-container *ngIf=\"contacts.length > 1\">\n          <gn-ui-sortable-list\n            [items]=\"contacts\"\n            (itemsOrderChange)=\"handleContactsChanged($event)\"\n            [elementTemplate]=\"contactTemplate\"\n          ></gn-ui-sortable-list>\n          <ng-template #contactTemplate let-contact>\n            <div class=\"flex flex-row items-center gap-2\">\n              <gn-ui-contact-card\n                [contact]=\"contact\"\n                [removable]=\"false\"\n              ></gn-ui-contact-card>\n            </div>\n          </ng-template>\n        </ng-container>\n        <ng-container *ngIf=\"contacts.length === 1\">\n          <ng-container *ngFor=\"let contact of contacts\">\n            <gn-ui-contact-card\n              [contact]=\"contact\"\n              (contactRemoved)=\"removeContact(index)\"\n            ></gn-ui-contact-card>\n          </ng-container>\n        </ng-container>\n      </ng-container>\n\n      <hr class=\"border-t-[#D6D3D1] mt-4 mb-6\" *ngIf=\"!isLast\" />\n    </div>\n  </div>\n  <ng-template #noContact>\n    <div\n      class=\"p-4 border border-primary bg-primary-lightest rounded-lg\"\n      translate\n    >\n      editor.record.form.field.contactsForResource.noContact\n    </div>\n  </ng-template>\n</div>\n" }]
+                        MatIconModule,
+                    ], template: "<div class=\"flex flex-col gap-3\">\n  <div class=\"flex flex-row flex-wrap gap-2\" data-test=\"rolesToPick\">\n    <ng-container *ngFor=\"let role of rolesToPick\">\n      <gn-ui-button type=\"gray\" (buttonClick)=\"addRoleToDisplay(role)\">\n        <mat-icon class=\"material-symbols-outlined text-primary\">add</mat-icon>\n        &nbsp;\n        <span translate>{{ roleToLabel(role) }}</span>\n      </gn-ui-button>\n    </ng-container>\n  </div>\n  <div\n    class=\"mt-8\"\n    *ngIf=\"\n      roleSectionsToDisplay && roleSectionsToDisplay.length > 0;\n      else noContact\n    \"\n    data-test=\"displayedRoles\"\n  >\n    <div\n      *ngFor=\"\n        let role of roleSectionsToDisplay;\n        let index = index;\n        let isLast = last\n      \"\n      class=\"flex flex-col gap-4\"\n    >\n      <div class=\"flex flex-row justify-between\">\n        <span class=\"font-bold text-base\" translate>{{\n          roleToLabel(role)\n        }}</span>\n      </div>\n\n      <gn-ui-autocomplete\n        [placeholder]=\"'Choose a contact'\"\n        [action]=\"autoCompleteAction\"\n        (itemSelected)=\"addContact($event, role)\"\n        [displayWithFn]=\"displayWithFn\"\n        [minCharacterCount]=\"1\"\n        [clearOnSelection]=\"true\"\n        [allowSubmit]=\"false\"\n      >\n      </gn-ui-autocomplete>\n\n      <ng-container *ngIf=\"contactsForRessourceByRole.get(role) as contacts\">\n        <gn-ui-sortable-list\n          [items]=\"contacts\"\n          (itemsOrderChange)=\"handleContactsChanged($event)\"\n          [elementTemplate]=\"contactTemplate\"\n        ></gn-ui-sortable-list>\n        <ng-template #contactTemplate let-contact>\n          <gn-ui-contact-card [contact]=\"contact\"></gn-ui-contact-card>\n        </ng-template>\n      </ng-container>\n\n      <hr class=\"border-t-[#D6D3D1] mt-4 mb-6\" *ngIf=\"!isLast\" />\n    </div>\n  </div>\n  <ng-template #noContact>\n    <div\n      class=\"p-4 border border-primary bg-primary-lightest rounded-lg\"\n      translate\n    >\n      editor.record.form.field.contactsForResource.noContact\n    </div>\n  </ng-template>\n</div>\n", styles: [":host{--gn-ui-button-padding: 8px 8px;--gn-ui-button-rounded: 8px}\n"] }]
         }], ctorParameters: function () { return [{ type: PlatformServiceInterface }, { type: OrganizationsServiceInterface }]; }, propDecorators: { value: [{
                 type: Input
             }], valueChange: [{
@@ -37168,11 +37370,11 @@ class FormFieldUpdateFrequencyComponent {
         ];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormFieldUpdateFrequencyComponent, deps: [{ token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormFieldUpdateFrequencyComponent, isStandalone: true, selector: "gn-ui-form-field-update-frequency", inputs: { value: "value" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<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>\n</gn-ui-dropdown-selector>\n", styles: [""], 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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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  >\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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormFieldUpdateFrequencyComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-form-field-update-frequency', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CheckToggleComponent, DropdownSelectorComponent, TranslateModule], template: "<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>\n</gn-ui-dropdown-selector>\n" }]
+            args: [{ selector: 'gn-ui-form-field-update-frequency', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CheckToggleComponent, DropdownSelectorComponent, TranslateModule], template: "<div class=\"flex flex-col gap-2\">\n  <gn-ui-check-toggle\n    [label]=\"'editor.record.form.updateFrequency.planned' | translate\"\n    [value]=\"planned\"\n    (toggled)=\"onPlannedToggled()\"\n  ></gn-ui-check-toggle>\n  <gn-ui-dropdown-selector\n    title=\"updateFrequency\"\n    [showTitle]=\"false\"\n    [choices]=\"choices\"\n    [selected]=\"selectedFrequency\"\n    (selectValue)=\"onSelectFrequencyValue($event)\"\n    [disabled]=\"!planned\"\n  >\n  </gn-ui-dropdown-selector>\n</div>\n", styles: ["gn-ui-dropdown-selector{max-width:calc(50% - 16px)}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$1.TranslateService }]; }, propDecorators: { value: [{
                 type: Input
             }], valueChange: [{
@@ -37386,7 +37588,7 @@ class FormFieldOnlineLinkResourcesComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormFieldOnlineLinkResourcesComponent, deps: [{ token: NotificationsService }, { token: i1$1.TranslateService }, { token: PlatformServiceInterface }, { token: i0.ChangeDetectorRef }, { token: i1$8.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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: "<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<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  <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\n    extraClass=\"mb-[16px]\"\n    [(value)]=\"onlineResource.name\"\n  ></gn-ui-text-input>\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 [(value)]=\"onlineResource.description\"></gn-ui-text-area>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "component", type: FileInputComponent, selector: "gn-ui-file-input", inputs: ["maxSizeMB", "uploadProgress"], outputs: ["fileChange", "urlChange", "uploadCancel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "component", type: SortableListComponent, selector: "gn-ui-sortable-list", inputs: ["elementTemplate", "items"], outputs: ["itemsOrderChange"] }, { kind: "component", type: OnlineResourceCardComponent, selector: "gn-ui-online-resource-card", inputs: ["onlineResource"], outputs: ["modifyClick"] }, { kind: "component", type: TextInputComponent, selector: "gn-ui-text-input", inputs: ["value", "extraClass", "placeholder", "required", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: TextAreaComponent, selector: "gn-ui-text-area", inputs: ["value", "disabled", "extraClass", "placeholder", "required"], outputs: ["valueChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: 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: "<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  <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\n    extraClass=\"mb-[16px]\"\n    [(value)]=\"onlineResource.name\"\n  ></gn-ui-text-input>\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 [(value)]=\"onlineResource.description\"></gn-ui-text-area>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "component", type: FileInputComponent, selector: "gn-ui-file-input", inputs: ["maxSizeMB", "uploadProgress"], outputs: ["fileChange", "urlChange", "uploadCancel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "component", type: SortableListComponent, selector: "gn-ui-sortable-list", inputs: ["elementTemplate", "items"], outputs: ["itemsOrderChange"] }, { kind: "component", type: OnlineResourceCardComponent, selector: "gn-ui-online-resource-card", inputs: ["onlineResource"], outputs: ["modifyClick"] }, { kind: "component", type: TextInputComponent, selector: "gn-ui-text-input", inputs: ["value", "extraClass", "placeholder", "required", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: TextAreaComponent, selector: "gn-ui-text-area", inputs: ["value", "disabled", "extraClass", "placeholder", "required"], outputs: ["valueChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormFieldOnlineLinkResourcesComponent, decorators: [{
             type: Component,
@@ -37398,7 +37600,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         TextInputComponent,
                         TextAreaComponent,
                         TranslateModule,
-                    ], template: "<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<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  <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\n    extraClass=\"mb-[16px]\"\n    [(value)]=\"onlineResource.name\"\n  ></gn-ui-text-input>\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 [(value)]=\"onlineResource.description\"></gn-ui-text-area>\n</ng-template>\n" }]
+                    ], template: "<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  <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\n    extraClass=\"mb-[16px]\"\n    [(value)]=\"onlineResource.name\"\n  ></gn-ui-text-input>\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 [(value)]=\"onlineResource.description\"></gn-ui-text-area>\n</ng-template>\n" }]
         }], ctorParameters: function () { return [{ type: NotificationsService }, { type: i1$1.TranslateService }, { type: PlatformServiceInterface }, { type: i0.ChangeDetectorRef }, { type: i1$8.MatDialog }]; }, propDecorators: { metadataUuid: [{
                 type: Input
             }], value: [{
@@ -37449,7 +37651,7 @@ class FormFieldComponent {
         return this.value;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormFieldComponent, isStandalone: true, selector: "gn-ui-form-field", inputs: { uniqueIdentifier: "uniqueIdentifier", model: "model", modelSpecifier: "modelSpecifier", config: "config", value: "value" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "titleInput", first: true, predicate: ["titleInput"], descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"model === 'licenses'\">\n  <gn-ui-form-field-open-data\n    [value]=\"valueAsConstraints\"\n    (valueChange)=\"valueChange.emit($event)\"\n    (openDataChange)=\"isHidden = $event\"\n  ></gn-ui-form-field-open-data>\n</ng-container>\n<div class=\"flex flex-col h-full\" *ngIf=\"!isHidden\">\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 justify-between items-center gap-3\">\n        <span\n          #titleInput\n          class=\"grow font-title text-3xl font-normal\"\n          [gnUiEditableLabel]=\"valueAsString\"\n          (editableLabelChanged)=\"valueChange.emit($event)\"\n        ></span>\n        <span\n          class=\"material-symbols-outlined gn-ui-icon-small m-2 cursor-pointer\"\n          (click)=\"focusTitleInput()\"\n          >edit</span\n        >\n        <span\n          class=\"material-symbols-outlined gn-ui-icon-small m-2\"\n          [matTooltip]=\"config.hintKey! | translate\"\n          matTooltipPosition=\"above\"\n        >\n          help\n        </span>\n      </div>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'abstract'\">\n      <gn-ui-form-field-rich\n        class=\"h-[8rem]\"\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=\"'uniqueIdentifier'\">\n      <gn-ui-form-field-simple\n        type=\"text\"\n        [readonly]=\"true\"\n        [value]=\"valueAsString\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-simple>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'resourceUpdated'\">\n      <gn-ui-form-field-resource-updated\n        [value]=\"valueAsDate\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-resource-updated>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'recordUpdated'\">\n      <gn-ui-form-field-simple\n        type=\"date\"\n        [readonly]=\"true\"\n        [value]=\"valueAsDate\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-simple>\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        [value]=\"valueAsConstraints\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-license>\n    </ng-container>\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=\"'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</ng-template>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "directive", type: EditableLabelDirective, selector: "[gnUiEditableLabel]", inputs: ["gnUiEditableLabel"], outputs: ["editableLabelChanged"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: FormFieldWrapperComponent, selector: "gn-ui-form-field-wrapper", inputs: ["label", "hint"] }, { kind: "component", type: FormFieldLicenseComponent, selector: "gn-ui-form-field-license", inputs: ["label", "value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldResourceUpdatedComponent, selector: "gn-ui-form-field-resource-updated", 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", "options", "value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldRichComponent, selector: "gn-ui-form-field-rich", inputs: ["label", "hint", "helperText", "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: FormFieldOpenDataComponent, selector: "gn-ui-form-field-open-data", inputs: ["value"], outputs: ["valueChange", "openDataChange"] }, { kind: "component", type: FormFieldOnlineLinkResourcesComponent, selector: "gn-ui-form-field-online-link-resources", inputs: ["metadataUuid", "value"], outputs: ["valueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormFieldComponent, isStandalone: true, selector: "gn-ui-form-field", inputs: { uniqueIdentifier: "uniqueIdentifier", model: "model", modelSpecifier: "modelSpecifier", config: "config", value: "value" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "titleInput", first: true, predicate: ["titleInput"], descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"model === 'licenses'\">\n  <gn-ui-form-field-open-data\n    [value]=\"valueAsConstraints\"\n    (valueChange)=\"valueChange.emit($event)\"\n    (openDataChange)=\"isHidden = $event\"\n  ></gn-ui-form-field-open-data>\n</ng-container>\n<div class=\"flex flex-col h-full\" *ngIf=\"!isHidden\">\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        <span\n          #titleInput\n          class=\"grow font-title text-3xl font-normal\"\n          [gnUiEditableLabel]=\"valueAsString\"\n          (editableLabelChanged)=\"valueChange.emit($event)\"\n        ></span>\n        <div class=\"flex flex-row justify-between\">\n          <span\n            class=\"material-symbols-outlined gn-ui-icon-small m-2 cursor-pointer\"\n            (click)=\"focusTitleInput()\"\n            >edit</span\n          >\n          <span\n            class=\"material-symbols-outlined gn-ui-icon-small m-2\"\n            [matTooltip]=\"config.hintKey! | translate\"\n            matTooltipPosition=\"above\"\n          >\n            help\n          </span>\n        </div>\n      </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=\"'uniqueIdentifier'\">\n      <gn-ui-form-field-simple\n        type=\"text\"\n        [readonly]=\"true\"\n        [value]=\"valueAsString\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-simple>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'resourceUpdated'\">\n      <gn-ui-form-field-date-updated\n        [value]=\"valueAsDate\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-date-updated>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'recordUpdated'\">\n      <gn-ui-form-field-date-updated\n        [value]=\"valueAsDate\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-date-updated>\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        [value]=\"valueAsConstraints\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-license>\n    </ng-container>\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=\"'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</ng-template>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "directive", type: EditableLabelDirective, selector: "[gnUiEditableLabel]", inputs: ["gnUiEditableLabel"], outputs: ["editableLabelChanged"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: FormFieldWrapperComponent, selector: "gn-ui-form-field-wrapper", inputs: ["label", "hint"] }, { kind: "component", type: FormFieldLicenseComponent, selector: "gn-ui-form-field-license", inputs: ["label", "value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldDateUpdatedComponent, selector: "gn-ui-form-field-date-updated", 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", "options", "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: FormFieldOpenDataComponent, selector: "gn-ui-form-field-open-data", inputs: ["value"], outputs: ["valueChange", "openDataChange"] }, { kind: "component", type: FormFieldOnlineLinkResourcesComponent, selector: "gn-ui-form-field-online-link-resources", inputs: ["metadataUuid", "value"], outputs: ["valueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormFieldComponent, decorators: [{
             type: Component,
@@ -37461,7 +37663,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         MatTooltipModule,
                         FormFieldWrapperComponent,
                         FormFieldLicenseComponent,
-                        FormFieldResourceUpdatedComponent,
+                        FormFieldDateUpdatedComponent,
                         FormFieldUpdateFrequencyComponent,
                         FormFieldTemporalExtentsComponent,
                         FormFieldSimpleComponent,
@@ -37475,7 +37677,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         FormFieldContactsForResourceComponent,
                         FormFieldOpenDataComponent,
                         FormFieldOnlineLinkResourcesComponent,
-                    ], template: "<ng-container *ngIf=\"model === 'licenses'\">\n  <gn-ui-form-field-open-data\n    [value]=\"valueAsConstraints\"\n    (valueChange)=\"valueChange.emit($event)\"\n    (openDataChange)=\"isHidden = $event\"\n  ></gn-ui-form-field-open-data>\n</ng-container>\n<div class=\"flex flex-col h-full\" *ngIf=\"!isHidden\">\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 justify-between items-center gap-3\">\n        <span\n          #titleInput\n          class=\"grow font-title text-3xl font-normal\"\n          [gnUiEditableLabel]=\"valueAsString\"\n          (editableLabelChanged)=\"valueChange.emit($event)\"\n        ></span>\n        <span\n          class=\"material-symbols-outlined gn-ui-icon-small m-2 cursor-pointer\"\n          (click)=\"focusTitleInput()\"\n          >edit</span\n        >\n        <span\n          class=\"material-symbols-outlined gn-ui-icon-small m-2\"\n          [matTooltip]=\"config.hintKey! | translate\"\n          matTooltipPosition=\"above\"\n        >\n          help\n        </span>\n      </div>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'abstract'\">\n      <gn-ui-form-field-rich\n        class=\"h-[8rem]\"\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=\"'uniqueIdentifier'\">\n      <gn-ui-form-field-simple\n        type=\"text\"\n        [readonly]=\"true\"\n        [value]=\"valueAsString\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-simple>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'resourceUpdated'\">\n      <gn-ui-form-field-resource-updated\n        [value]=\"valueAsDate\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-resource-updated>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'recordUpdated'\">\n      <gn-ui-form-field-simple\n        type=\"date\"\n        [readonly]=\"true\"\n        [value]=\"valueAsDate\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-simple>\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        [value]=\"valueAsConstraints\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-license>\n    </ng-container>\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=\"'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</ng-template>\n" }]
+                    ], template: "<ng-container *ngIf=\"model === 'licenses'\">\n  <gn-ui-form-field-open-data\n    [value]=\"valueAsConstraints\"\n    (valueChange)=\"valueChange.emit($event)\"\n    (openDataChange)=\"isHidden = $event\"\n  ></gn-ui-form-field-open-data>\n</ng-container>\n<div class=\"flex flex-col h-full\" *ngIf=\"!isHidden\">\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        <span\n          #titleInput\n          class=\"grow font-title text-3xl font-normal\"\n          [gnUiEditableLabel]=\"valueAsString\"\n          (editableLabelChanged)=\"valueChange.emit($event)\"\n        ></span>\n        <div class=\"flex flex-row justify-between\">\n          <span\n            class=\"material-symbols-outlined gn-ui-icon-small m-2 cursor-pointer\"\n            (click)=\"focusTitleInput()\"\n            >edit</span\n          >\n          <span\n            class=\"material-symbols-outlined gn-ui-icon-small m-2\"\n            [matTooltip]=\"config.hintKey! | translate\"\n            matTooltipPosition=\"above\"\n          >\n            help\n          </span>\n        </div>\n      </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=\"'uniqueIdentifier'\">\n      <gn-ui-form-field-simple\n        type=\"text\"\n        [readonly]=\"true\"\n        [value]=\"valueAsString\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-simple>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'resourceUpdated'\">\n      <gn-ui-form-field-date-updated\n        [value]=\"valueAsDate\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-date-updated>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'recordUpdated'\">\n      <gn-ui-form-field-date-updated\n        [value]=\"valueAsDate\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-date-updated>\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        [value]=\"valueAsConstraints\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-license>\n    </ng-container>\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=\"'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</ng-template>\n" }]
         }], propDecorators: { uniqueIdentifier: [{
                 type: Input
             }], model: [{
@@ -37511,11 +37713,11 @@ class RecordFormComponent {
         return section.labelKey;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RecordFormComponent, deps: [{ token: EditorFacade }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RecordFormComponent, isStandalone: true, selector: "gn-ui-record-form", ngImport: i0, template: "<ng-container>\n  <div class=\"flex flex-col gap-6 p-8\">\n    <ng-container\n      *ngFor=\"\n        let section of facade.currentSections$ | async;\n        trackBy: sectionTracker\n      \"\n    >\n      <ng-container *ngIf=\"!section.hidden\">\n        <div class=\"flex flex-col gap-8 border p-8 rounded-[8px] shadow\">\n          <div\n            class=\"flex flex-col gap-2\"\n            [ngClass]=\"section.labelKey ? 'mb-4' : 'hidden'\"\n          >\n            <div\n              *ngIf=\"section.labelKey\"\n              class=\"text-2xl font-title text-secondary\"\n              translate\n            >\n              {{ section.labelKey }}\n            </div>\n            <div\n              *ngIf=\"section.descriptionKey\"\n              class=\"text-secondary-lightest\"\n              translate\n            >\n              {{ section.descriptionKey }}\n            </div>\n          </div>\n          <ng-container\n            *ngFor=\"\n              let field of section.fieldsWithValues;\n              trackBy: fieldTracker\n            \"\n          >\n            <ng-container *ngIf=\"!field.config.hidden\">\n              <gn-ui-form-field\n                [uniqueIdentifier]=\"recordUniqueIdentifier$ | async\"\n                [model]=\"field.config.model!\"\n                [modelSpecifier]=\"field.config.modelSpecifier!\"\n                [config]=\"field.config.formFieldConfig\"\n                [value]=\"field.value\"\n                (valueChange)=\"\n                  handleFieldValueChange(field.config.model!, $event)\n                \"\n              ></gn-ui-form-field>\n            </ng-container>\n          </ng-container>\n        </div>\n      </ng-container>\n    </ng-container>\n  </div>\n</ng-container>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "component", type: FormFieldComponent, selector: "gn-ui-form-field", inputs: ["uniqueIdentifier", "model", "modelSpecifier", "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: "16.2.12", 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 *ngIf=\"section.descriptionKey\" class=\"text-gray-800\" translate>\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                (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$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "component", type: FormFieldComponent, selector: "gn-ui-form-field", inputs: ["uniqueIdentifier", "model", "modelSpecifier", "config", "value"], outputs: ["valueChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RecordFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-record-form', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, FormFieldComponent, TranslateModule], template: "<ng-container>\n  <div class=\"flex flex-col gap-6 p-8\">\n    <ng-container\n      *ngFor=\"\n        let section of facade.currentSections$ | async;\n        trackBy: sectionTracker\n      \"\n    >\n      <ng-container *ngIf=\"!section.hidden\">\n        <div class=\"flex flex-col gap-8 border p-8 rounded-[8px] shadow\">\n          <div\n            class=\"flex flex-col gap-2\"\n            [ngClass]=\"section.labelKey ? 'mb-4' : 'hidden'\"\n          >\n            <div\n              *ngIf=\"section.labelKey\"\n              class=\"text-2xl font-title text-secondary\"\n              translate\n            >\n              {{ section.labelKey }}\n            </div>\n            <div\n              *ngIf=\"section.descriptionKey\"\n              class=\"text-secondary-lightest\"\n              translate\n            >\n              {{ section.descriptionKey }}\n            </div>\n          </div>\n          <ng-container\n            *ngFor=\"\n              let field of section.fieldsWithValues;\n              trackBy: fieldTracker\n            \"\n          >\n            <ng-container *ngIf=\"!field.config.hidden\">\n              <gn-ui-form-field\n                [uniqueIdentifier]=\"recordUniqueIdentifier$ | async\"\n                [model]=\"field.config.model!\"\n                [modelSpecifier]=\"field.config.modelSpecifier!\"\n                [config]=\"field.config.formFieldConfig\"\n                [value]=\"field.value\"\n                (valueChange)=\"\n                  handleFieldValueChange(field.config.model!, $event)\n                \"\n              ></gn-ui-form-field>\n            </ng-container>\n          </ng-container>\n        </div>\n      </ng-container>\n    </ng-container>\n  </div>\n</ng-container>\n" }]
+            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 *ngIf=\"section.descriptionKey\" class=\"text-gray-800\" translate>\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                (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: function () { return [{ type: EditorFacade }]; } });
 
 const ROUTER_STATE_KEY = 'router';
@@ -37898,5 +38100,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ADD_RESULTS, ADD_SEARCH, AbstractAction, AbstractSearchField, AddLayerFromCatalogComponent, AddLayerRecordPreviewComponent, AddResults, AddSearch, AnchorLinkDirective, ApiCardComponent, AuthService, AutocompleteComponent, AvatarComponent, AvatarServiceInterface, BadgeComponent, BaseReader, BlockListComponent, ButtonComponent, CLEAR_ERROR, CLEAR_RESULTS, CarouselComponent, CatalogTitleComponent, ChartComponent, ChartViewComponent, CheckToggleComponent, CheckboxComponent, ChipsInputComponent, ClearError, ClearResults, ColorScaleComponent, ConfirmationDialogComponent, ContentGhostComponent, CopyTextButtonComponent, DEFAULT_BASELAYER_CONTEXT, DEFAULT_GN4_LOGIN_URL, DEFAULT_LANG, DEFAULT_PAGE_SIZE, DEFAULT_RESULTS_LAYOUT_CONFIG, DEFAULT_SEARCH_KEY, DEFAULT_VIEW, DataService, DataViewComponent, DataViewPermalinkComponent, DataViewShareComponent, DataViewWebComponentComponent, DatePickerComponent, DateRangePickerComponent, DefaultRouterModule, DownloadItemComponent, DownloadsListComponent, DragAndDropFileInputComponent, DropdownMultiselectComponent, DropdownSelectorComponent, EDITOR_FEATURE_KEY, ES_QUERY_FIELDS_PRIORITY, ES_RESOURCES_VALUES, ES_SOURCE_SUMMARY, EditableLabelDirective, EditorFacade, EditorService, ElasticsearchService, EmbeddedTranslateLoader, ErrorComponent, ErrorType, ExpandablePanelButtonComponent, ExpandablePanelComponent, ExternalViewerButtonComponent, FEATURE_MAP_OPTIONS, FIELDS_BRIEF, FIELDS_SUMMARY, FILTER_GEOMETRY, FORMATS, FacetBlockComponent, FacetBlockStubComponent, FacetItemComponent, FacetItemStubComponent, FacetListComponent, FacetsContainerComponent, FacetsModule, FavoriteStarComponent, FavoritesService, FeatureAuthModule, FeatureCatalogModule, FeatureDatavizModule, FeatureDetailComponent, FeatureEditorModule, FeatureInfoService, FeatureMapModule, FeatureNotificationsModule, FeatureRecordModule, FeatureSearchModule, FetchError, FieldsService, FigureComponent, FigureContainerComponent, FileInputComponent, FileTranslateLoader, FilterDropdownComponent, FormFieldWrapperComponent, FullTextSearchField, FuzzySearchComponent, GN_UI_VERSION, GeoTableViewComponent, GeocodingComponent, Gn4Converter, Gn4PlatformMapper, Gn4PlatformService, Gn4Repository, Gn4SettingsService, GravatarService, HttpLoaderFactory, I18nInterceptor, ImageFallbackDirective, ImageInputComponent, ImageOverlayPreviewComponent, InteractiveTableColumnComponent, InteractiveTableComponent, IsSpatialSearchField, Iso191153Converter, Iso19139Converter, LANGUAGES_LIST, LANGUAGE_NAMES, LANGUAGE_STORAGE_KEY, LANG_2_TO_3_MAPPER, LANG_3_TO_2_MAPPER, LOGIN_URL, LONLAT_CRS_CODES, LangService, LanguageSwitcherComponent, LayersPanelComponent, LicenseSearchField, LinkCardComponent, LinkClassifierService, LinkUsage, LoadingMaskComponent, LogService, MAP_FEATURE_KEY, METADATA_LANGUAGE, MY_FORMATS, MapComponent, MapContainerComponent, MapContextComponent, MapContextLayerTypeEnum, MapContextService, MapFacade, MapInstanceDirective, MapManagerService, MapStyleService, MapUtilsService, MapViewComponent, MarkdownEditorComponent, MarkdownParserComponent, MaxLinesComponent, mdview_actions as MdViewActions, MdViewFacade, MetadataCatalogComponent, MetadataContactComponent, MetadataInfoComponent, MetadataLinkType, MetadataQualityComponent, MetadataQualityItemComponent, ModalDialogComponent, MultilingualSearchField, MyOrgService, NavigationButtonComponent, NotificationComponent, NotificationsContainerComponent, NotificationsService, ORGANIZATIONS_STRATEGY, ORGANIZATION_PAGE_URL_TOKEN, ORGANIZATION_URL_TOKEN, OrganisationPreviewComponent, OrganisationsComponent, OrganisationsFilterComponent, OrganisationsResultComponent, OrganizationSearchField, OrganizationsFromGroupsService, OrganizationsFromMetadataService, OwnerSearchField, PAGINATE, PARSE_DELIMITER, PATCH_RESULTS_AGGREGATIONS, PROXY_PATH, Paginate, PaginationButtonsComponent, PaginationComponent, PatchResultsAggregations, PopoverComponent, PopupAlertComponent, PreviousNextButtonsComponent, ProgressBarComponent, ProxyService, QUERY_FIELDS, RECORD_URL_TOKEN, REQUEST_MORE_ON_AGGREGATION, REQUEST_MORE_RESULTS, REQUEST_NEW_RESULTS, RESULTS_LAYOUT_CONFIG, ROUTER_CONFIG, ROUTER_ROUTE_DATASET, ROUTER_ROUTE_ORGANIZATION, ROUTER_ROUTE_SEARCH, ROUTER_STATE_KEY, ROUTE_PARAMS, RecordApiFormComponent, RecordFormComponent, RecordMetricComponent, RecordPreviewCardComponent, RecordPreviewComponent, RecordPreviewFeedComponent, RecordPreviewListComponent, RecordPreviewRowComponent, RecordPreviewTextComponent, RecordPreviewTitleComponent, RecordsMetricsComponent, RecordsService, RelatedRecordCardComponent, RequestMoreOnAggregation, RequestMoreResults, RequestNewResults, ResultsHitsContainerComponent, ResultsHitsNumberComponent, ResultsLayoutComponent, ResultsLayoutConfigItem, ResultsListComponent, ResultsListContainerComponent, ResultsListItemComponent, ResultsTableComponent, ResultsTableContainerComponent, RouterEffects, RouterFacade, RouterService, SEARCH_FEATURE_KEY, SET_CONFIG_AGGREGATIONS, SET_CONFIG_FILTERS, SET_CONFIG_REQUEST_FIELDS, SET_ERROR, SET_FAVORITES_ONLY, SET_FILTERS, SET_INCLUDE_ON_AGGREGATION, SET_PAGE_SIZE, SET_RESULTS_AGGREGATIONS, SET_RESULTS_HITS, SET_RESULTS_LAYOUT, SET_SEARCH, SET_SORT_BY, SET_SPATIAL_FILTER_ENABLED, SearchEffects, SearchFacade, SearchInputComponent, SearchRouterContainerDirective, SearchService, SearchStateContainerDirective, SelectionService, SetConfigAggregations, SetConfigFilters, SetConfigRequestFields, SetError, SetFavoritesOnly, SetFilters, SetIncludeOnAggregation, SetPageSize, SetResultsAggregations, SetResultsHits, SetResultsLayout, SetSearch, SetSortBy, SetSpatialFilterEnabled, SimpleSearchField, SiteTitleComponent, SortByComponent, SortableListComponent, SourceLabelComponent, SourcesService, SpinningLoaderComponent, StarToggleComponent, StepBarComponent, StickyHeaderComponent, SupportedTypes, 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, UiCatalogModule, UiDatavizModule, UiElementsModule, FacetsModule$1 as UiFacetsModule, UiInputsModule, UiLayoutModule, UiMapModule, UiSearchModule, UiWidgetsModule, UpdateConfigAggregations, UpdateFilters, UrlInputComponent, UserFeedbackItemComponent, UserPreviewComponent, UtilI18nModule, UtilSharedModule, ViewportIntersectorComponent, WEB_COMPONENT_EMBEDDER_URL, WFS_MAX_FEATURES, WizardComponent, WizardFieldComponent, WizardFieldType, WizardService, WizardSummarizeComponent, _reset, addLayer, appConfigWithTranslationFixture, blockModelFixture, bytesToMegabytes, changeLayerOrder, checkFileFormat, clearLayerError, createFuzzyFilter, currentPage, defaultMapOptions, defaultMapStyleFixture, defaultMapStyleHlFixture, downgradeImage, downsizeImage, draftSaveSuccess, dragPanCondition, dropEmptyTranslations, editorReducer, emptyBlockModelFixture, findConverterForDocument, getArrayItem, getAsArray, getAsUrl, getBadgeColor, getCustomTranslations, getError, getFavoritesOnly, getFileFormat, getFileFormatFromServiceOutput, getFirstValue, getFormatPriority, getGeometryFromGeoJSON, getGlobalConfig, getJsonDataItemsProxy, getLangFromBrowser, getLinkLabel, getLinkPriority, getMapLayers, getMapState, getMetadataQualityConfig, getMimeTypeForFormat, getOptionalMapConfig, getOptionalSearchConfig, getPageSize, getSearchConfigAggregations, getSearchFilters, getSearchResults, getSearchResultsAggregations, getSearchResultsHits, getSearchResultsLayout, getSearchResultsLoading, getSearchSortBy, getSearchState, getSearchStateSearch, getSpatialFilterEnabled, getTemporalRangeUnion, getThemeConfig, initSearch, initialEditorState, initialMapState, initialState, isBeginningOfResults, isConfigLoaded, isEndOfResults, isFormatInQueryParam, itemModelFixture, loadAppConfig, malformedConfigFixture, mapConfigFixture, mapContact, mapKeywords, mapLogo, mapOrganization, mapReducer, markRecordAsChanged, megabytesToBytes, mimeTypeToFormat, minimalAppConfigFixture, missingMandatoryConfigFixture, mouseWheelZoomCondition, okAppConfigFixture, openDataset, openRecord, parse, placeholder, propagateToDocumentOnly, provideGn4, provideRepositoryUrl, readDataset, readDatasetHeaders, reducer$2 as reducer, reducerSearch, removeLayer, removeSearchParams, removeWhitespace, saveRecord, saveRecordFailure, saveRecordSuccess, selectCurrentPage, selectEditorConfig, selectEditorState, selectFallback, selectFallbackFields, selectField, selectRecord, selectRecordAlreadySavedOnce, selectRecordChangedSinceSave, selectRecordSaveError, selectRecordSaving, selectRecordSections, selectRecordSource, selectTranslatedField, selectTranslatedValue, setCurrentPage, setLayerError, someHabTableItemFixture, sortByFromString, sortByToString, sortByToStrings, stripHtml, tableItemFixture, toDate, totalPages, undoRecordDraft, unrecognizedKeysConfigFixture, updateLayer, updateRecordField, wrongLanguageCodeConfigFixture };
+export { ADD_RESULTS, ADD_SEARCH, AbstractAction, AbstractSearchField, AddLayerFromCatalogComponent, AddLayerRecordPreviewComponent, AddResults, AddSearch, AnchorLinkDirective, ApiCardComponent, AuthService, AutocompleteComponent, AvatarComponent, AvatarServiceInterface, BadgeComponent, BaseReader, BlockListComponent, ButtonComponent, CLEAR_ERROR, CLEAR_RESULTS, CarouselComponent, CatalogTitleComponent, ChartComponent, ChartViewComponent, CheckToggleComponent, CheckboxComponent, ChipsInputComponent, ClearError, ClearResults, ColorScaleComponent, ConfirmationDialogComponent, ContentGhostComponent, CopyTextButtonComponent, DEFAULT_BASELAYER_CONTEXT, DEFAULT_GN4_LOGIN_URL, DEFAULT_LANG, DEFAULT_PAGE_SIZE, DEFAULT_RESULTS_LAYOUT_CONFIG, DEFAULT_SEARCH_KEY, DEFAULT_VIEW, DataService, DataViewComponent, DataViewPermalinkComponent, DataViewShareComponent, DataViewWebComponentComponent, DatePickerComponent, DateRangePickerComponent, DefaultRouterModule, DownloadItemComponent, DownloadsListComponent, DragAndDropFileInputComponent, DropdownMultiselectComponent, DropdownSelectorComponent, EDITOR_FEATURE_KEY, ES_QUERY_FIELDS_PRIORITY, ES_RESOURCES_VALUES, ES_SOURCE_SUMMARY, EditableLabelDirective, EditorFacade, EditorService, ElasticsearchService, EmbeddedTranslateLoader, ErrorComponent, ErrorType, ExpandablePanelButtonComponent, ExpandablePanelComponent, ExternalViewerButtonComponent, FEATURE_MAP_OPTIONS, FIELDS_BRIEF, FIELDS_SUMMARY, FILTER_GEOMETRY, FORMATS, FacetBlockComponent, FacetBlockStubComponent, FacetItemComponent, FacetItemStubComponent, FacetListComponent, FacetsContainerComponent, FacetsModule, FavoriteStarComponent, FavoritesService, FeatureAuthModule, FeatureCatalogModule, FeatureDatavizModule, FeatureDetailComponent, FeatureEditorModule, FeatureInfoService, FeatureMapModule, FeatureNotificationsModule, FeatureRecordModule, FeatureSearchModule, FetchError, FieldsService, FigureComponent, FigureContainerComponent, FileInputComponent, FileTranslateLoader, FilterDropdownComponent, FormFieldWrapperComponent, FullTextSearchField, FuzzySearchComponent, GN_UI_VERSION, GeoTableViewComponent, GeocodingComponent, Gn4Converter, Gn4PlatformMapper, Gn4PlatformService, Gn4Repository, Gn4SettingsService, 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, LONLAT_CRS_CODES, LangService, LanguageSwitcherComponent, LayersPanelComponent, LicenseSearchField, LinkCardComponent, LinkClassifierService, LinkUsage, LoadingMaskComponent, LogService, MAP_FEATURE_KEY, METADATA_LANGUAGE, MY_FORMATS, MapComponent, MapContainerComponent, MapContextComponent, MapContextLayerTypeEnum, MapContextService, MapFacade, MapInstanceDirective, MapManagerService, MapStyleService, MapUtilsService, MapViewComponent, MarkdownEditorComponent, MarkdownParserComponent, MaxLinesComponent, mdview_actions as MdViewActions, MdViewFacade, MetadataCatalogComponent, MetadataContactComponent, MetadataInfoComponent, MetadataLinkType, MetadataQualityComponent, MetadataQualityItemComponent, ModalDialogComponent, MultilingualSearchField, MyOrgService, NavigationButtonComponent, NotificationComponent, NotificationsContainerComponent, NotificationsService, ORGANIZATIONS_STRATEGY, ORGANIZATION_PAGE_URL_TOKEN, ORGANIZATION_URL_TOKEN, OrganisationPreviewComponent, OrganisationsComponent, OrganisationsFilterComponent, OrganisationsResultComponent, OrganizationSearchField, OrganizationsFromGroupsService, OrganizationsFromMetadataService, OwnerSearchField, PAGINATE, PARSE_DELIMITER, PATCH_RESULTS_AGGREGATIONS, PROXY_PATH, Paginate, PaginationButtonsComponent, PaginationComponent, PatchResultsAggregations, PopoverComponent, PopupAlertComponent, PreviousNextButtonsComponent, ProgressBarComponent, ProxyService, QUERY_FIELDS, RECORD_URL_TOKEN, REQUEST_MORE_ON_AGGREGATION, REQUEST_MORE_RESULTS, REQUEST_NEW_RESULTS, RESULTS_LAYOUT_CONFIG, ROUTER_CONFIG, ROUTER_ROUTE_DATASET, ROUTER_ROUTE_ORGANIZATION, ROUTER_ROUTE_SEARCH, ROUTER_STATE_KEY, ROUTE_PARAMS, RecordApiFormComponent, RecordFormComponent, RecordMetricComponent, RecordPreviewCardComponent, RecordPreviewComponent, RecordPreviewFeedComponent, RecordPreviewListComponent, RecordPreviewRowComponent, RecordPreviewTextComponent, RecordPreviewTitleComponent, RecordsMetricsComponent, RecordsService, RelatedRecordCardComponent, RequestMoreOnAggregation, RequestMoreResults, RequestNewResults, ResultsHitsContainerComponent, ResultsHitsNumberComponent, ResultsLayoutComponent, ResultsLayoutConfigItem, ResultsListComponent, ResultsListContainerComponent, ResultsListItemComponent, ResultsTableComponent, ResultsTableContainerComponent, RouterEffects, RouterFacade, RouterService, SEARCH_FEATURE_KEY, SET_CONFIG_AGGREGATIONS, SET_CONFIG_FILTERS, SET_CONFIG_REQUEST_FIELDS, SET_ERROR, SET_FAVORITES_ONLY, SET_FILTERS, SET_INCLUDE_ON_AGGREGATION, SET_PAGE_SIZE, SET_RESULTS_AGGREGATIONS, SET_RESULTS_HITS, SET_RESULTS_LAYOUT, SET_SEARCH, SET_SORT_BY, SET_SPATIAL_FILTER_ENABLED, SearchEffects, SearchFacade, SearchInputComponent, SearchRouterContainerDirective, SearchService, SearchStateContainerDirective, SelectionService, SetConfigAggregations, SetConfigFilters, SetConfigRequestFields, SetError, SetFavoritesOnly, SetFilters, SetIncludeOnAggregation, SetPageSize, SetResultsAggregations, SetResultsHits, SetResultsLayout, SetSearch, SetSortBy, SetSpatialFilterEnabled, SimpleSearchField, SiteTitleComponent, SortByComponent, SortableListComponent, SourceLabelComponent, SourcesService, SpinningLoaderComponent, StarToggleComponent, StepBarComponent, StickyHeaderComponent, SupportedTypes, 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, UiCatalogModule, UiDatavizModule, UiElementsModule, FacetsModule$1 as UiFacetsModule, UiInputsModule, UiLayoutModule, UiMapModule, UiSearchModule, UiWidgetsModule, UpdateConfigAggregations, UpdateFilters, UrlInputComponent, UserFeedbackItemComponent, UserPreviewComponent, UtilI18nModule, UtilSharedModule, ViewportIntersectorComponent, WEB_COMPONENT_EMBEDDER_URL, WFS_MAX_FEATURES, WizardComponent, WizardFieldComponent, WizardFieldType, WizardService, WizardSummarizeComponent, XmlParseError, _reset, addAttribute, addLayer, allChildrenElement, appConfigWithTranslationFixture, appendChildTree, appendChildren, assertValidXml, blockModelFixture, bytesToMegabytes, changeLayerOrder, checkFileFormat, clearLayerError, createChild, createDocument, createElement, createFuzzyFilter, currentPage, defaultMapOptions, defaultMapStyleFixture, defaultMapStyleHlFixture, downgradeImage, downsizeImage, draftSaveSuccess, dragPanCondition, dropEmptyTranslations, editorReducer, emptyBlockModelFixture, findChildElement, findChildOrCreate, findChildrenElement, findConverterForDocument, findNestedChildOrCreate, findNestedElement, findNestedElements, findParent, firstChildElement, getArrayItem, getAsArray, getAsUrl, getBadgeColor, getCustomTranslations, getError, getFavoritesOnly, getFileFormat, getFileFormatFromServiceOutput, getFirstValue, getFormatPriority, getGeometryFromGeoJSON, getGlobalConfig, getJsonDataItemsProxy, getLangFromBrowser, getLinkLabel, getLinkPriority, getMapLayers, getMapState, getMetadataQualityConfig, getMimeTypeForFormat, getNamespace, getOptionalMapConfig, getOptionalSearchConfig, getPageSize, getRootElement, getSearchConfigAggregations, getSearchFilters, getSearchResults, getSearchResultsAggregations, getSearchResultsHits, getSearchResultsLayout, getSearchResultsLoading, getSearchSortBy, getSearchState, getSearchStateSearch, getSpatialFilterEnabled, getTemporalRangeUnion, getThemeConfig, initSearch, initialEditorState, initialMapState, initialState, isBeginningOfResults, isConfigLoaded, isEndOfResults, isFormatInQueryParam, itemModelFixture, loadAppConfig, malformedConfigFixture, mapConfigFixture, mapContact, mapKeywords, mapLogo, mapOrganization, mapReducer, markRecordAsChanged, megabytesToBytes, mimeTypeToFormat, minimalAppConfigFixture, missingMandatoryConfigFixture, mouseWheelZoomCondition, okAppConfigFixture, openDataset, openRecord, parse, parseXmlString, placeholder, propagateToDocumentOnly, provideGn4, provideRepositoryUrl, readAttribute, readDataset, readDatasetHeaders, readText, reducer$2 as reducer, reducerSearch, removeAllChildren, removeChildren, removeChildrenByName, removeLayer, removeSearchParams, removeWhitespace, renameElements, saveRecord, saveRecordFailure, saveRecordSuccess, selectCurrentPage, selectEditorConfig, selectEditorState, selectFallback, selectFallbackFields, selectField, selectRecord, selectRecordAlreadySavedOnce, selectRecordChangedSinceSave, selectRecordSaveError, selectRecordSaving, selectRecordSections, selectRecordSource, selectTranslatedField, selectTranslatedValue, setCurrentPage, setLayerError, setTextContent, someHabTableItemFixture, sortByFromString, sortByToString, sortByToStrings, stripHtml, stripNamespace, tableItemFixture, toDate, totalPages, undoRecordDraft, unrecognizedKeysConfigFixture, updateLayer, updateRecordField, wrongLanguageCodeConfigFixture, xmlToString };
 //# sourceMappingURL=geonetwork-ui.mjs.map