geonetwork-ui 2.9.0-dev.2757b04b7 → 2.9.0-dev.388501cd7

package/fesm2022/geonetwork-ui.mjs

@@ -13,7 +13,7 @@ import * as i4 from '@ngx-translate/core';
 import { TranslateLoader, TranslateCompiler, TranslateDefaultParser, TranslateParser, TranslateService, provideTranslateService, TranslateDirective, TranslatePipe, TranslateModule } from '@ngx-translate/core';
 import { TranslateMessageFormatCompiler } from 'ngx-translate-messageformat-compiler';
 import { TranslateHttpLoader } from '@ngx-translate/http-loader';
-import { map as map$1, shareReplay as shareReplay$1, catchError, tap as tap$1, filter as filter$1, startWith as startWith$1, withLatestFrom, switchMap as switchMap$1, take, mergeMap, delay, distinctUntilChanged, debounceTime, finalize, throttleTime, first as first$1, pairwise as pairwise$1, share, defaultIfEmpty, toArray } from 'rxjs/operators';
+import { map as map$1, shareReplay as shareReplay$1, catchError, tap as tap$1, filter as filter$1, startWith as startWith$1, withLatestFrom, switchMap as switchMap$1, take, mergeMap, delay, debounceTime, distinctUntilChanged, finalize, throttleTime, first as first$1, pairwise as pairwise$1, share, defaultIfEmpty, toArray } from 'rxjs/operators';
 import { of, map as map$2, lastValueFrom, fromEvent, startWith, shareReplay, filter, pairwise, switchMap, Subject, combineLatest, from, exhaustMap, throwError, forkJoin, takeLast, firstValueFrom, merge, BehaviorSubject, timer, ReplaySubject, Subscription, first, distinctUntilChanged as distinctUntilChanged$1, animationFrameScheduler, debounceTime as debounceTime$1, Observable, buffer, tap as tap$2, combineLatestWith, take as take$1, catchError as catchError$1, takeUntil, EMPTY, mergeMap as mergeMap$1, withLatestFrom as withLatestFrom$1 } from 'rxjs';
 import { lt, valid, coerce, satisfies, ltr } from 'semver';
 import chroma from 'chroma-js';
@@ -41,7 +41,7 @@ import * as TOML from '@ltd/j-toml';
 import { Style, Stroke, Fill, Circle } from 'ol/style.js';
 import CircleStyle from 'ol/style/Circle.js';
 import EmblaCarousel from 'embla-carousel';
-import { iconoirNavArrowLeft, iconoirNavArrowRight, iconoirLongArrowDownLeft, iconoirSearch, iconoirCalendar, iconoirArrowUp, iconoirLink, iconoirFramePlusIn, iconoirCloudUpload, iconoirReduce, iconoirNavArrowUp, iconoirNavArrowDown, iconoirExpand, iconoirSettings, iconoirDownload, iconoirPlus, iconoirBin, iconoirMediaImageXmark, iconoirMediaImage, iconoirAppWindow, iconoirCode, iconoirDatabase, iconoirAppleWallet, iconoirBank, iconoirList, iconoirTranslate, iconoirLock, iconoirUser, iconoirArrowLeft, iconoirLightBulbOn, iconoirImport, iconoirAttachment, iconoirRefresh, iconoirCircle, iconoirCheckCircle, iconoirBadgeCheck, iconoirSystemShut } from '@ng-icons/iconoir';
+import { iconoirNavArrowLeft, iconoirNavArrowRight, iconoirLongArrowDownLeft, iconoirSearch, iconoirCalendar, iconoirArrowUp, iconoirLink, iconoirFramePlusIn, iconoirCloudUpload, iconoirReduce, iconoirNavArrowUp, iconoirNavArrowDown, iconoirExpand, iconoirSettings, iconoirDownload, iconoirPlus, iconoirBin, iconoirMediaImageXmark, iconoirMediaImage, iconoirAppWindow, iconoirCode, iconoirDatabase, iconoirAppleWallet, iconoirBank, iconoirList, iconoirTranslate, iconoirLock, iconoirUser, iconoirArrowLeft, iconoirLightBulbOn, iconoirImport, iconoirBadgeCheck, iconoirSystemShut, iconoirCircle, iconoirCheckCircle, iconoirAttachment, iconoirRefresh } from '@ng-icons/iconoir';
 import { MatButtonModule } from '@angular/material/button';
 import * as i1$8 from '@angular/cdk/overlay';
 import { OverlayContainer, ScrollStrategyOptions, OverlayModule, CdkConnectedOverlay, ScrollDispatcher, Overlay, CdkOverlayOrigin } from '@angular/cdk/overlay';
@@ -18975,6 +18975,7 @@ var de = {
 	"multiselect.filter.placeholder": "Suche",
 	"nav.back": "Zurück",
 	"navbar.mobile.menuTitle": "Schnellzugriff",
+	"ogc.geojson.notsupported": "Dieser OGC API-Dienst unterstützt das GeoJSON-Format nicht.",
 	"ogc.unreachable.unknown": "Der Dienst konnte nicht erreicht werden",
 	"organisation.filter.placeholder": "Ergebnisse filtern",
 	"organisation.sort.sortBy": "Sortieren nach:",
@@ -19060,7 +19061,7 @@ var de = {
 	"record.metadata.download": "Herunterladen",
 	"record.metadata.feature.catalog": "Attributkatalog",
 	"record.metadata.formats": "Formate",
-	"record.metadata.isGeographical": "Geographischer Datensatz",
+	"record.metadata.isGeographical": "geographischer Datensatz",
 	"record.metadata.keywords": "Stichworte",
 	"record.metadata.languages": "Sprachen",
 	"record.metadata.link.postgis.table": "Tabelle:",
@@ -19249,7 +19250,7 @@ var de = {
 	"wfs.feature.limit": "Zu viele Features, um den WFS-Layer anzuzeigen!",
 	"wfs.featuretype.notfound": "Kein passender Feature-Typ wurde im Dienst gefunden",
 	"wfs.geojsongml.notsupported": "Dieser Dienst unterstützt das GeoJSON- oder GML-Format nicht",
-	"wfs.unreachable.cors": "Der Dienst konnte aufgrund von CORS-Beschränkungen nicht erreicht werden",
+	"wfs.unreachable.cors": "Der Remote-Dienst ist nicht für den Datenempfang (CORS) konfiguriert",
 	"wfs.unreachable.http": "Der Dienst hat einen HTTP-Fehler zurückgegeben",
 	"wfs.unreachable.unknown": "Der Dienst konnte nicht erreicht werden"
 };
@@ -19645,6 +19646,7 @@ var en = {
 	"multiselect.filter.placeholder": "Search",
 	"nav.back": "Back",
 	"navbar.mobile.menuTitle": "Quick access",
+	"ogc.geojson.notsupported": "This OGC API does not support the GeoJSON format",
 	"ogc.unreachable.unknown": "The service could not be reached",
 	"organisation.filter.placeholder": "Filter results",
 	"organisation.sort.sortBy": "Sort by:",
@@ -19672,9 +19674,9 @@ var en = {
 	"record.feature.catalog.number.total.attribute": "Total amount of objects",
 	"record.feature.catalog.number.total.object": "Total amount of attributes",
 	"record.feature.limit": "Preview disabled due to too many elements",
-	"record.kind.dataset": "Dataset",
-	"record.kind.reuse": "Reuse",
-	"record.kind.service": "Service",
+	"record.kind.dataset": "dataset",
+	"record.kind.reuse": "reuse",
+	"record.kind.service": "service",
 	"record.metadata.about": "Description",
 	"record.metadata.api": "API",
 	"record.metadata.api.accessServiceProtocol.GPFDL": "GPFDL",
@@ -19730,7 +19732,7 @@ var en = {
 	"record.metadata.download": "Downloads",
 	"record.metadata.feature.catalog": "Feature catalog",
 	"record.metadata.formats": "Formats",
-	"record.metadata.isGeographical": "Geographical dataset",
+	"record.metadata.isGeographical": "geographic dataset",
 	"record.metadata.keywords": "Keywords",
 	"record.metadata.languages": "Languages",
 	"record.metadata.link.postgis.table": "table :",
@@ -19920,7 +19922,7 @@ var en = {
 	"wfs.feature.limit": "Too many features to display the WFS layer!",
 	"wfs.featuretype.notfound": "No matching feature type was found in the service",
 	"wfs.geojsongml.notsupported": "This service does not support the GeoJSON or GML format",
-	"wfs.unreachable.cors": "The service could not be reached due to CORS limitations",
+	"wfs.unreachable.cors": "The remote service is not configured to allow data retrieval (CORS)",
 	"wfs.unreachable.http": "The service returned an HTTP error",
 	"wfs.unreachable.unknown": "The service could not be reached"
 };
@@ -20316,6 +20318,7 @@ var es = {
 	"multiselect.filter.placeholder": "",
 	"nav.back": "",
 	"navbar.mobile.menuTitle": "Acceso rápido",
+	"ogc.geojson.notsupported": "",
 	"ogc.unreachable.unknown": "",
 	"organisation.filter.placeholder": "",
 	"organisation.sort.sortBy": "",
@@ -20987,6 +20990,7 @@ var fr = {
 	"multiselect.filter.placeholder": "Rechercher",
 	"nav.back": "Retour",
 	"navbar.mobile.menuTitle": "Navigation rapide",
+	"ogc.geojson.notsupported": "Le service OGC API ne supporte pas le format GeoJSON",
 	"ogc.unreachable.unknown": "Le service n'est pas accessible",
 	"organisation.filter.placeholder": "Filtrer les résultats",
 	"organisation.sort.sortBy": "Trier par :",
@@ -21014,9 +21018,9 @@ var fr = {
 	"record.feature.catalog.number.total.attribute": "Nombre total d'attributs",
 	"record.feature.catalog.number.total.object": "Nombre total d'objets",
 	"record.feature.limit": "L’aperçu a été désactivé en raison d’un trop grand nombre d'éléments",
-	"record.kind.dataset": "Donnée",
-	"record.kind.reuse": "Réutilisation",
-	"record.kind.service": "Service",
+	"record.kind.dataset": "donnée",
+	"record.kind.reuse": "réutilisation",
+	"record.kind.service": "service",
 	"record.metadata.about": "A propos",
 	"record.metadata.api": "API",
 	"record.metadata.api.accessServiceProtocol.GPFDL": "",
@@ -21072,7 +21076,7 @@ var fr = {
 	"record.metadata.download": "Téléchargements",
 	"record.metadata.feature.catalog": "Catalogue d'attributs",
 	"record.metadata.formats": "Formats",
-	"record.metadata.isGeographical": "Donnée géographique",
+	"record.metadata.isGeographical": "donnée géographique",
 	"record.metadata.keywords": "Mots-clés",
 	"record.metadata.languages": "Langues",
 	"record.metadata.link.postgis.table": "table :",
@@ -21262,7 +21266,7 @@ var fr = {
 	"wfs.feature.limit": "Trop d'objets pour afficher la couche WFS !",
 	"wfs.featuretype.notfound": "La classe d'objets n'a pas été trouvée dans le service",
 	"wfs.geojsongml.notsupported": "Le service ne supporte pas le format GeoJSON ou GML",
-	"wfs.unreachable.cors": "Le service n'est pas accessible en raison de limitations CORS",
+	"wfs.unreachable.cors": "Le service distant n'est pas configuré pour autoriser la consommation des données (CORS)",
 	"wfs.unreachable.http": "Le service a retourné une erreur HTTP",
 	"wfs.unreachable.unknown": "Le service n'est pas accessible"
 };
@@ -21658,6 +21662,7 @@ var it = {
 	"multiselect.filter.placeholder": "Cerca",
 	"nav.back": "Indietro",
 	"navbar.mobile.menuTitle": "Accesso rapido",
+	"ogc.geojson.notsupported": "Il servizio OGC API non supporta il formato GeoJSON.",
 	"ogc.unreachable.unknown": "Il servizio non è accessibile",
 	"organisation.filter.placeholder": "Filtra i risultati",
 	"organisation.sort.sortBy": "Ordina per:",
@@ -21685,9 +21690,9 @@ var it = {
 	"record.feature.catalog.number.total.attribute": "Quantità totale di oggetti",
 	"record.feature.catalog.number.total.object": "Quantità totale di attributi",
 	"record.feature.limit": "La visualizzazione è stata disabilitata a causa di troppi elementi ",
-	"record.kind.dataset": "Dataset",
-	"record.kind.reuse": "Riutilizzato",
-	"record.kind.service": "Servizio",
+	"record.kind.dataset": "dataset",
+	"record.kind.reuse": "riutilizzato",
+	"record.kind.service": "servizio",
 	"record.metadata.about": "Descrizione",
 	"record.metadata.api": "API",
 	"record.metadata.api.accessServiceProtocol.GPFDL": "",
@@ -21743,7 +21748,7 @@ var it = {
 	"record.metadata.download": "Download",
 	"record.metadata.feature.catalog": "Catalogo dei oggetti",
 	"record.metadata.formats": "Formati",
-	"record.metadata.isGeographical": "Dati geografici",
+	"record.metadata.isGeographical": "dati geografici",
 	"record.metadata.keywords": "Parole chiave",
 	"record.metadata.languages": "Lingue",
 	"record.metadata.link.postgis.table": "",
@@ -21933,7 +21938,7 @@ var it = {
 	"wfs.feature.limit": "Troppi oggetti per visualizzare il WFS layer!",
 	"wfs.featuretype.notfound": "La classe di oggetto non è stata trovata nel servizio",
 	"wfs.geojsongml.notsupported": "Il servizio non supporta il formato GeoJSON o GML",
-	"wfs.unreachable.cors": "Il servizio non è accessibile a causa di limitazioni CORS",
+	"wfs.unreachable.cors": "Il servizio remoto non è configurato per consentire il consumo di dati (CORS)",
 	"wfs.unreachable.http": "Il servizio ha restituito un errore HTTP",
 	"wfs.unreachable.unknown": "Il servizio non è accessibile"
 };
@@ -22329,6 +22334,7 @@ var nl = {
 	"multiselect.filter.placeholder": "",
 	"nav.back": "",
 	"navbar.mobile.menuTitle": "",
+	"ogc.geojson.notsupported": "",
 	"ogc.unreachable.unknown": "",
 	"organisation.filter.placeholder": "",
 	"organisation.sort.sortBy": "",
@@ -23000,6 +23006,7 @@ var pt = {
 	"multiselect.filter.placeholder": "",
 	"nav.back": "",
 	"navbar.mobile.menuTitle": "",
+	"ogc.geojson.notsupported": "",
 	"ogc.unreachable.unknown": "",
 	"organisation.filter.placeholder": "",
 	"organisation.sort.sortBy": "",
@@ -23671,6 +23678,7 @@ var sk = {
 	"multiselect.filter.placeholder": "Hľadať",
 	"nav.back": "Späť",
 	"navbar.mobile.menuTitle": "",
+	"ogc.geojson.notsupported": "",
 	"ogc.unreachable.unknown": "So službou sa nedalo spojiť",
 	"organisation.filter.placeholder": "Filtrovať výsledky",
 	"organisation.sort.sortBy": "Zoradiť podľa:",
@@ -23946,7 +23954,7 @@ var sk = {
 	"wfs.feature.limit": "",
 	"wfs.featuretype.notfound": "V službe nebol nájdený žiadny zodpovedajúci typ funkcie",
 	"wfs.geojsongml.notsupported": "Táto služba nepodporuje formát GeoJSON alebo GML",
-	"wfs.unreachable.cors": "Službu nemožno dosiahnuť z dôvodu obmedzení CORS",
+	"wfs.unreachable.cors": "Vzdialená služba nie je nakonfigurovaná tak, aby povoľovala spotrebu dát (CORS)",
 	"wfs.unreachable.http": "Služba vrátila chybu HTTP",
 	"wfs.unreachable.unknown": "So službou sa nedalo spojiť"
 };
@@ -25511,7 +25519,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
             }] } });
 
 var name = "geonetwork-ui";
-var version = "2.9.0-dev.2757b04b7";
+var version = "2.9.0-dev.388501cd7";
 var engines = {
 	node: ">=20"
 };
@@ -25607,7 +25615,7 @@ var packageJson = {
 };
 
 const GEONETWORK_UI_VERSION = packageJson.version;
-const GEONETWORK_UI_TAG_NAME = GEONETWORK_UI_VERSION.split('-')[1] === 'dev'
+const GEONETWORK_UI_TAG_NAME = GEONETWORK_UI_VERSION.split('-')[1]?.startsWith('dev')
     ? 'main'
     : `v${packageJson.version}`;
 
@@ -25925,14 +25933,18 @@ class ElasticsearchService {
             })
                 .join(' OR ');
         };
-        const queryString = typeof filters === 'string'
+        let queryString = typeof filters === 'string'
             ? filters
             : Object.keys(filters)
+                .filter((fieldname) => fieldname !== 'gn-ui-crossFieldFilter')
                 .filter((fieldname) => !isDateRange(filters[fieldname]))
                 .filter((fieldname) => filters[fieldname] &&
                 JSON.stringify(filters[fieldname]) !== '{}')
                 .map((fieldname) => `${fieldname}:(${makeQuery(filters[fieldname])})`)
                 .join(' AND ');
+        if (filters['gn-ui-crossFieldFilter']) {
+            queryString = `${queryString} AND (${filters['gn-ui-crossFieldFilter']})`;
+        }
         const queryRange = Object.entries(filters)
             .filter(([, value]) => isDateRange(value))
             .map(([searchField, dateRange]) => {
@@ -28275,6 +28287,7 @@ function loadAppConfig() {
             'record_kind_quick_filter',
             'filter_geometry_data',
             'filter_geometry_url',
+            'do_not_use_default_search_preset',
             'search_preset',
             'advanced_filters',
             'limit',
@@ -28287,6 +28300,7 @@ function loadAppConfig() {
                     RECORD_KIND_QUICK_FILTER: parsedSearchSection.record_kind_quick_filter,
                     FILTER_GEOMETRY_DATA: parsedSearchSection.filter_geometry_data,
                     FILTER_GEOMETRY_URL: parsedSearchSection.filter_geometry_url,
+                    DO_NOT_USE_DEFAULT_SEARCH_PRESET: !!parsedSearchSection.do_not_use_default_search_preset,
                     SEARCH_PRESET: parsedSearchParams.map((param) => ({
                         sort: param.sort,
                         name: param.name,
@@ -28377,6 +28391,7 @@ fonts_stylesheet_url = "https://fonts.googleapis.com/css2?family=Open+Sans"
 [search]
 record_kind_quick_filter = false
 filter_geometry_url = 'https://my.domain.org/geom.json'
+do_not_use_default_search_preset = false
 advanced_filters = ['publicationYear', 'documentStandard', 'inspireKeyword', 'topic', 'license']
 
 [[search_preset]]
@@ -29192,9 +29207,8 @@ class AutocompleteComponent {
     ngOnChanges(changes) {
         const { value } = changes;
         if (value) {
-            const previousTextValue = this.displayWithFnInternal(value.previousValue);
             const currentTextValue = this.displayWithFnInternal(value.currentValue);
-            if (previousTextValue !== currentTextValue) {
+            if (currentTextValue !== this.control.value) {
                 if (currentTextValue) {
                     this.searchActive = true;
                     this.isSearchActive.emit(true);
@@ -29208,13 +29222,15 @@ class AutocompleteComponent {
         }
     }
     ngOnInit() {
-        const newValue$ = merge(of(''), this.inputCleared.pipe(map$1(() => '')), this.control.valueChanges.pipe(filter$1((value) => typeof value === 'string'), distinctUntilChanged(), debounceTime(400)));
+        const newValue$ = merge(of(''), this.inputCleared.pipe(map$1(() => '')), this.control.valueChanges.pipe(filter$1((value) => typeof value === 'string'), debounceTime(400), distinctUntilChanged()));
         const externalValueChange$ = this.control.valueChanges.pipe(filter$1((value) => typeof value === 'object' && value.title), map$1((item) => item.title));
         // this observable emits arrays of suggestions loaded using the given action
         const suggestionsFromAction = merge(newValue$.pipe(filter$1((value) => value.length >= this.minCharacterCount)), externalValueChange$).pipe(tap$1(() => {
             this.searching = true;
             this.error = null;
-        }), switchMap$1((value) => this.action(value)), tap$1((suggestions) => {
+        }), switchMap$1((value) => this.action(value)), // this can trigger http requests
+        shareReplay$1(1), // share the loaded suggestions to avoid multiple requests
+        tap$1((suggestions) => {
             // forcing the panel to open if there are suggestions
             if (suggestions.length > 0 && !this.searchActive) {
                 this.triggerRef?.openPanel();
@@ -29275,6 +29291,7 @@ class AutocompleteComponent {
     }
     clear() {
         this.inputRef.nativeElement.value = '';
+        this.control.setValue('');
         this.searchActive = false;
         this.isSearchActive.emit(false);
         this.inputCleared.emit();
@@ -32976,8 +32993,8 @@ class RecordKindField extends SimpleSearchField {
         };
         const presentationFormFilter = {};
         if (values.includes('reuse') && !values.includes('dataset')) {
-            presentationFormFilter['mapDigital'] = true;
-            presentationFormFilter['mapHardcopy'] = true;
+            filters['gn-ui-crossFieldFilter'] =
+                `(resourceType:("dataset" OR "document") AND cl_presentationForm.key:("mapDigital" OR "mapHardcopy")) OR resourceType:("application" OR "interactiveMap" OR "map" OR "map/static" OR "map/interactive" OR "map-interactive" OR "map-static" OR "mapDigital" OR "mapHardcopy" OR "staticMap")`;
         }
         else if (values.includes('dataset') && !values.includes('reuse')) {
             presentationFormFilter['mapDigital'] = false;
@@ -33070,7 +33087,12 @@ class FieldsService {
                 : [fieldValues[fieldName]];
             return this.getFiltersForValues(fieldName, values);
         });
-        return forkJoin(filtersByField$).pipe(map$1((filters) => filters.reduce((prev, curr) => ({ ...prev, ...curr }), {})));
+        return forkJoin(filtersByField$).pipe(map$1((filters) => {
+            if (typeof filters === 'string') {
+                return filters;
+            }
+            return filters.reduce((prev, curr) => ({ ...prev, ...curr }), {});
+        }));
     }
     readFieldValuesFromFilters(filters) {
         const fieldValues$ = this.supportedFields.map((fieldName) => this.getValuesForFilters(fieldName, filters).pipe(map$1((values) => ({ [fieldName]: values }))));
@@ -33999,9 +34021,9 @@ class MetadataContactComponent {
         return this.metadata.ownerOrganization;
     }
     get contacts() {
-        return ((this.metadata.kind === 'dataset'
-            ? this.metadata.contactsForResource
-            : this.metadata.contacts) || []);
+        return ((this.metadata.kind === 'service'
+            ? this.metadata.contacts
+            : this.metadata.contactsForResource) || []);
     }
     get address() {
         const addressParts = this.contacts[0].address
@@ -34013,7 +34035,7 @@ class MetadataContactComponent {
         this.organizationClick.emit(this.shownOrganization);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: MetadataContactComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: MetadataContactComponent, isStandalone: true, selector: "gn-ui-metadata-contact", inputs: { metadata: "metadata" }, outputs: { organizationClick: "organizationClick", contactClick: "contactClick" }, ngImport: i0, template: "<div\n  class=\"py-5 px-5 rounded bg-gray-100 text-black\"\n  data-cy=\"metadata-organization\"\n>\n  <div class=\"grid gap-3 overflow-hidden\">\n    <div>\n      <p class=\"text-base font-medium\" translate>record.metadata.contact</p>\n    </div>\n    @if (shownOrganization?.logoUrl?.href) {\n      <div\n        class=\"flex items-center justify-center border-solid border border-gray-300 rounded-md bg-white h-32 overflow-hidden\"\n      >\n        <gn-ui-thumbnail\n          class=\"relative h-full w-full\"\n          [thumbnailUrl]=\"shownOrganization.logoUrl.href\"\n          fit=\"contain\"\n        ></gn-ui-thumbnail>\n      </div>\n    }\n    <div class=\"grid grid-cols-1 gap-1\">\n      <div class=\"flex\">\n        <div\n          class=\"font-title text-21 mr-2 cursor-pointer hover:underline\"\n          (click)=\"onOrganizationClick()\"\n          data-cy=\"organization-name-link\"\n        >\n          {{ shownOrganization?.name }}\n        </div>\n      </div>\n      @if (shownOrganization?.website) {\n        <div>\n          <a\n            [href]=\"shownOrganization.website\"\n            target=\"_blank\"\n            class=\"contact-website text-sm cursor-pointer hover:underline transition-all\"\n            >{{ shownOrganization.website }}\n            <ng-icon\n              class=\"!w-[12px] !h-[12px] opacity-75 shrink-0\"\n              name=\"matOpenInNew\"\n            ></ng-icon>\n          </a>\n        </div>\n      }\n    </div>\n    <div class=\"grid grid-cols-1 gap-5 py-3 overflow-hidden\">\n      @if (contacts[0]?.phone) {\n        <div>\n          <div class=\"flex\">\n            <ng-icon\n              class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n              name=\"matCallOutline\"\n            ></ng-icon>\n            <div class=\"flex flex-col ml-2\">\n              <p class=\"text-sm\">{{ contacts[0].phone }}</p>\n            </div>\n          </div>\n        </div>\n      }\n      @if (contacts[0]?.email) {\n        <div>\n          <div class=\"flex gap-2\">\n            <ng-icon\n              class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n              name=\"matMailOutline\"\n            ></ng-icon>\n            @if (contacts.length) {\n              <a\n                [href]=\"'mailto:' + contacts[0].email\"\n                class=\"break-all text-sm hover:underline\"\n                target=\"_blank\"\n                data-cy=\"contact-email\"\n                >{{ contacts[0].email }}</a\n              >\n            }\n          </div>\n        </div>\n      }\n      @if (contacts[0]?.firstName || contacts[0]?.lastName) {\n        <div>\n          <div class=\"flex\">\n            <ng-icon\n              class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n              name=\"matPersonOutline\"\n            ></ng-icon>\n            <div class=\"flex flex-col ml-2\">\n              <p class=\"text-sm\">\n                {{ contacts[0]?.firstName || '' }}\n                {{ contacts[0]?.lastName || '' }}\n              </p>\n            </div>\n          </div>\n        </div>\n      }\n      @if (contacts[0]?.address) {\n        <div>\n          <div class=\"flex\">\n            <ng-icon\n              class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n              name=\"matLocationOnOutline\"\n            ></ng-icon>\n            <div class=\"flex flex-col ml-2\">\n              @for (addressPart of address; track addressPart) {\n                <p class=\"text-sm\">\n                  {{ addressPart }}\n                </p>\n              }\n            </div>\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: ThumbnailComponent, selector: "gn-ui-thumbnail", inputs: ["thumbnailUrl", "fit"], outputs: ["placeholderShown"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "directive", type: TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], viewProviders: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: MetadataContactComponent, isStandalone: true, selector: "gn-ui-metadata-contact", inputs: { metadata: "metadata" }, outputs: { organizationClick: "organizationClick", contactClick: "contactClick" }, ngImport: i0, template: "<div\n  class=\"py-5 px-5 rounded bg-gray-100 text-black\"\n  data-cy=\"metadata-organization\"\n>\n  <div class=\"grid gap-3 overflow-hidden\">\n    <div>\n      <p class=\"text-base font-medium\" translate>record.metadata.contact</p>\n    </div>\n    @if (shownOrganization?.logoUrl?.href) {\n      <div\n        class=\"flex items-center justify-center border-solid border border-gray-300 rounded-md bg-white h-32 overflow-hidden\"\n      >\n        <gn-ui-thumbnail\n          class=\"relative h-full w-full\"\n          [thumbnailUrl]=\"shownOrganization.logoUrl.href\"\n          fit=\"contain\"\n        ></gn-ui-thumbnail>\n      </div>\n    }\n    <div class=\"grid grid-cols-1 gap-1\">\n      <div class=\"flex\">\n        <div\n          class=\"font-title text-21 mr-2 cursor-pointer hover:underline\"\n          (click)=\"onOrganizationClick()\"\n          data-cy=\"organization-name-link\"\n        >\n          {{ shownOrganization?.name }}\n        </div>\n      </div>\n      @if (shownOrganization?.website) {\n        <div>\n          <div class=\"flex items-center mt-1\">\n            <ng-icon\n              class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n              name=\"matOpenInNew\"\n            ></ng-icon>\n            <a\n              [href]=\"shownOrganization.website\"\n              target=\"_blank\"\n              class=\"contact-website text-sm cursor-pointer hover:underline transition-all ml-2\"\n            >\n              {{ shownOrganization.website }}\n            </a>\n          </div>\n        </div>\n      }\n    </div>\n    <div class=\"grid grid-cols-1 gap-5 py-3 overflow-hidden\">\n      @if (contacts[0]?.phone) {\n        <div>\n          <div class=\"flex\">\n            <ng-icon\n              class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n              name=\"matCallOutline\"\n            ></ng-icon>\n            <div class=\"flex flex-col ml-2\">\n              <p class=\"text-sm\">{{ contacts[0].phone }}</p>\n            </div>\n          </div>\n        </div>\n      }\n      @if (contacts[0]?.email) {\n        <div>\n          <div class=\"flex gap-2\">\n            <ng-icon\n              class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n              name=\"matMailOutline\"\n            ></ng-icon>\n            @if (contacts.length) {\n              <a\n                [href]=\"'mailto:' + contacts[0].email\"\n                class=\"break-all text-sm hover:underline\"\n                target=\"_blank\"\n                data-cy=\"contact-email\"\n                >{{ contacts[0].email }}</a\n              >\n            }\n          </div>\n        </div>\n      }\n      @if (contacts[0]?.firstName || contacts[0]?.lastName) {\n        <div>\n          <div class=\"flex\">\n            <ng-icon\n              class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n              name=\"matPersonOutline\"\n            ></ng-icon>\n            <div class=\"flex flex-col ml-2\" data-cy=\"contact-full-name\">\n              <p class=\"text-sm\">\n                {{ contacts[0]?.firstName || '' }}\n                {{ contacts[0]?.lastName || '' }}\n              </p>\n            </div>\n          </div>\n        </div>\n      }\n      @if (contacts[0]?.address) {\n        <div>\n          <div class=\"flex\">\n            <ng-icon\n              class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n              name=\"matLocationOnOutline\"\n            ></ng-icon>\n            <div class=\"flex flex-col ml-2\">\n              @for (addressPart of address; track addressPart) {\n                <p class=\"text-sm\">\n                  {{ addressPart }}\n                </p>\n              }\n            </div>\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: ThumbnailComponent, selector: "gn-ui-thumbnail", inputs: ["thumbnailUrl", "fit"], outputs: ["placeholderShown"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "directive", type: TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], viewProviders: [
             provideIcons({
                 matOpenInNew,
                 matCallOutline,
@@ -34033,7 +34055,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                             matPersonOutline,
                             matLocationOnOutline,
                         }),
-                    ], template: "<div\n  class=\"py-5 px-5 rounded bg-gray-100 text-black\"\n  data-cy=\"metadata-organization\"\n>\n  <div class=\"grid gap-3 overflow-hidden\">\n    <div>\n      <p class=\"text-base font-medium\" translate>record.metadata.contact</p>\n    </div>\n    @if (shownOrganization?.logoUrl?.href) {\n      <div\n        class=\"flex items-center justify-center border-solid border border-gray-300 rounded-md bg-white h-32 overflow-hidden\"\n      >\n        <gn-ui-thumbnail\n          class=\"relative h-full w-full\"\n          [thumbnailUrl]=\"shownOrganization.logoUrl.href\"\n          fit=\"contain\"\n        ></gn-ui-thumbnail>\n      </div>\n    }\n    <div class=\"grid grid-cols-1 gap-1\">\n      <div class=\"flex\">\n        <div\n          class=\"font-title text-21 mr-2 cursor-pointer hover:underline\"\n          (click)=\"onOrganizationClick()\"\n          data-cy=\"organization-name-link\"\n        >\n          {{ shownOrganization?.name }}\n        </div>\n      </div>\n      @if (shownOrganization?.website) {\n        <div>\n          <a\n            [href]=\"shownOrganization.website\"\n            target=\"_blank\"\n            class=\"contact-website text-sm cursor-pointer hover:underline transition-all\"\n            >{{ shownOrganization.website }}\n            <ng-icon\n              class=\"!w-[12px] !h-[12px] opacity-75 shrink-0\"\n              name=\"matOpenInNew\"\n            ></ng-icon>\n          </a>\n        </div>\n      }\n    </div>\n    <div class=\"grid grid-cols-1 gap-5 py-3 overflow-hidden\">\n      @if (contacts[0]?.phone) {\n        <div>\n          <div class=\"flex\">\n            <ng-icon\n              class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n              name=\"matCallOutline\"\n            ></ng-icon>\n            <div class=\"flex flex-col ml-2\">\n              <p class=\"text-sm\">{{ contacts[0].phone }}</p>\n            </div>\n          </div>\n        </div>\n      }\n      @if (contacts[0]?.email) {\n        <div>\n          <div class=\"flex gap-2\">\n            <ng-icon\n              class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n              name=\"matMailOutline\"\n            ></ng-icon>\n            @if (contacts.length) {\n              <a\n                [href]=\"'mailto:' + contacts[0].email\"\n                class=\"break-all text-sm hover:underline\"\n                target=\"_blank\"\n                data-cy=\"contact-email\"\n                >{{ contacts[0].email }}</a\n              >\n            }\n          </div>\n        </div>\n      }\n      @if (contacts[0]?.firstName || contacts[0]?.lastName) {\n        <div>\n          <div class=\"flex\">\n            <ng-icon\n              class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n              name=\"matPersonOutline\"\n            ></ng-icon>\n            <div class=\"flex flex-col ml-2\">\n              <p class=\"text-sm\">\n                {{ contacts[0]?.firstName || '' }}\n                {{ contacts[0]?.lastName || '' }}\n              </p>\n            </div>\n          </div>\n        </div>\n      }\n      @if (contacts[0]?.address) {\n        <div>\n          <div class=\"flex\">\n            <ng-icon\n              class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n              name=\"matLocationOnOutline\"\n            ></ng-icon>\n            <div class=\"flex flex-col ml-2\">\n              @for (addressPart of address; track addressPart) {\n                <p class=\"text-sm\">\n                  {{ addressPart }}\n                </p>\n              }\n            </div>\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n</div>\n" }]
+                    ], template: "<div\n  class=\"py-5 px-5 rounded bg-gray-100 text-black\"\n  data-cy=\"metadata-organization\"\n>\n  <div class=\"grid gap-3 overflow-hidden\">\n    <div>\n      <p class=\"text-base font-medium\" translate>record.metadata.contact</p>\n    </div>\n    @if (shownOrganization?.logoUrl?.href) {\n      <div\n        class=\"flex items-center justify-center border-solid border border-gray-300 rounded-md bg-white h-32 overflow-hidden\"\n      >\n        <gn-ui-thumbnail\n          class=\"relative h-full w-full\"\n          [thumbnailUrl]=\"shownOrganization.logoUrl.href\"\n          fit=\"contain\"\n        ></gn-ui-thumbnail>\n      </div>\n    }\n    <div class=\"grid grid-cols-1 gap-1\">\n      <div class=\"flex\">\n        <div\n          class=\"font-title text-21 mr-2 cursor-pointer hover:underline\"\n          (click)=\"onOrganizationClick()\"\n          data-cy=\"organization-name-link\"\n        >\n          {{ shownOrganization?.name }}\n        </div>\n      </div>\n      @if (shownOrganization?.website) {\n        <div>\n          <div class=\"flex items-center mt-1\">\n            <ng-icon\n              class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n              name=\"matOpenInNew\"\n            ></ng-icon>\n            <a\n              [href]=\"shownOrganization.website\"\n              target=\"_blank\"\n              class=\"contact-website text-sm cursor-pointer hover:underline transition-all ml-2\"\n            >\n              {{ shownOrganization.website }}\n            </a>\n          </div>\n        </div>\n      }\n    </div>\n    <div class=\"grid grid-cols-1 gap-5 py-3 overflow-hidden\">\n      @if (contacts[0]?.phone) {\n        <div>\n          <div class=\"flex\">\n            <ng-icon\n              class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n              name=\"matCallOutline\"\n            ></ng-icon>\n            <div class=\"flex flex-col ml-2\">\n              <p class=\"text-sm\">{{ contacts[0].phone }}</p>\n            </div>\n          </div>\n        </div>\n      }\n      @if (contacts[0]?.email) {\n        <div>\n          <div class=\"flex gap-2\">\n            <ng-icon\n              class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n              name=\"matMailOutline\"\n            ></ng-icon>\n            @if (contacts.length) {\n              <a\n                [href]=\"'mailto:' + contacts[0].email\"\n                class=\"break-all text-sm hover:underline\"\n                target=\"_blank\"\n                data-cy=\"contact-email\"\n                >{{ contacts[0].email }}</a\n              >\n            }\n          </div>\n        </div>\n      }\n      @if (contacts[0]?.firstName || contacts[0]?.lastName) {\n        <div>\n          <div class=\"flex\">\n            <ng-icon\n              class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n              name=\"matPersonOutline\"\n            ></ng-icon>\n            <div class=\"flex flex-col ml-2\" data-cy=\"contact-full-name\">\n              <p class=\"text-sm\">\n                {{ contacts[0]?.firstName || '' }}\n                {{ contacts[0]?.lastName || '' }}\n              </p>\n            </div>\n          </div>\n        </div>\n      }\n      @if (contacts[0]?.address) {\n        <div>\n          <div class=\"flex\">\n            <ng-icon\n              class=\"!w-5 !h-5 !text-[20px] opacity-75 shrink-0\"\n              name=\"matLocationOnOutline\"\n            ></ng-icon>\n            <div class=\"flex flex-col ml-2\">\n              @for (addressPart of address; track addressPart) {\n                <p class=\"text-sm\">\n                  {{ addressPart }}\n                </p>\n              }\n            </div>\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n</div>\n" }]
         }], propDecorators: { metadata: [{
                 type: Input
             }], organizationClick: [{
@@ -38225,6 +38247,7 @@ marker('dataset.error.forbidden');
 marker('wfs.unreachable.unknown');
 marker('wfs.featuretype.notfound');
 marker('wfs.geojsongml.notsupported');
+marker('ogc.geojson.notsupported');
 marker('ogc.unreachable.unknown');
 marker('dataset.error.network');
 marker('dataset.error.http');
@@ -38452,12 +38475,14 @@ class DataService {
         else if (link.type === 'service' &&
             link.accessServiceProtocol === 'ogcFeatures') {
             return from(this.getDownloadUrlsFromOgcApi(link.url.href)).pipe(switchMap$1((collectionInfo) => {
-                const geojsonUrl = collectionInfo.jsonDownloadLink;
-                return openDataset(geojsonUrl, 'geojson', undefined, cacheActive);
-            }), tap$1((url) => {
-                if (url === null) {
-                    throw new Error('wfs.geojsongml.notsupported');
+                const isMimeTypeJson = (mimeType) => {
+                    return mimeType.toLowerCase().indexOf('json') > -1;
+                };
+                const geojsonUrl = collectionInfo.bulkDownloadLinks[Object.keys(collectionInfo.bulkDownloadLinks).find((mimeType) => isMimeTypeJson(mimeType))];
+                if (!geojsonUrl) {
+                    return throwError(() => 'ogc.geojson.notsupported');
                 }
+                return openDataset(geojsonUrl, 'geojson', undefined, cacheActive);
             }));
         }
         return throwError(() => 'protocol not supported');
@@ -41099,6 +41124,7 @@ const saveRecordSuccess = createAction('[Editor] Save record success');
 const saveRecordFailure = createAction('[Editor] Save record failure', props());
 const draftSaveSuccess = createAction('[Editor] Draft save success');
 const undoRecordDraft = createAction('[Editor] Undo record draft');
+const setEditorConfiguration = createAction('[Editor] Set editor configuration', props());
 const setCurrentPage = createAction('[Editor] Set current page', props());
 const setFieldVisibility = createAction('[Editor] Set field visibility', props());
 const hasRecordChangedSinceDraft = createAction('[Editor] Has Record Changed Since Draft', props());
@@ -41521,6 +41547,9 @@ const reducer = createReducer(initialEditorState, on(openRecord, (state, { recor
 })), on(markRecordAsChanged, (state) => ({
     ...state,
     changedSinceSave: true,
+})), on(setEditorConfiguration, (state, { configuration }) => ({
+    ...state,
+    editorConfig: configuration,
 })), on(setCurrentPage, (state, { page }) => ({
     ...state,
     currentPage: page,
@@ -41623,6 +41652,9 @@ class EditorFacade {
     updateRecordLanguages(defaultLanguage, otherLanguages) {
         this.store.dispatch(updateRecordLanguages({ defaultLanguage, otherLanguages }));
     }
+    setConfiguration(configuration) {
+        this.store.dispatch(setEditorConfiguration({ configuration }));
+    }
     setCurrentPage(page) {
         this.store.dispatch(setCurrentPage({ page }));
     }
@@ -41645,149 +41677,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
             type: Injectable
         }] });
 
-function evaluate(expression) {
-    if (expression.match(/^\${.*}$/)) {
-        return evaluate(expression.slice(2, -1));
-    }
-    const operator = expression.split('(')[0];
-    switch (operator) {
-        case 'dateNow':
-            return () => new Date();
-        default:
-            throw new Error(`Unknown operator: ${operator}`);
-    }
-}
-
-class EditorService {
-    constructor() {
-        this.recordsRepository = inject(RecordsRepositoryInterface);
-    }
-    // returns the record as it was when saved, alongside its source
-    saveRecord(record, recordSource, fieldsConfig) {
-        const savedRecord = { ...record };
-        const fields = fieldsConfig.pages.flatMap((page) => page.sections.flatMap((section) => section.fields));
-        // run onSave processes
-        for (const field of fields) {
-            if (field.onSaveProcess && field.model) {
-                const evaluator = evaluate(field.onSaveProcess);
-                savedRecord[field.model] = evaluator({
-                    model: field.model,
-                    value: record[field.model],
-                });
-            }
-        }
-        let publishToAll = true;
-        // if the record is new, generate a new unique identifier and pass publishToAll as false
-        if (!record.uniqueIdentifier) {
-            savedRecord.uniqueIdentifier = null;
-            publishToAll = false;
-        }
-        return this.recordsRepository
-            .saveRecord(savedRecord, recordSource, publishToAll)
-            .pipe(switchMap((uniqueIdentifier) => this.recordsRepository.openRecordForEdition(uniqueIdentifier)), tap$1(() => {
-            // if saving was successful, the original draft can be discarded
-            this.recordsRepository.clearRecordDraft(record.uniqueIdentifier);
-        }), map$1(([record, recordSource]) => [record, recordSource]));
-    }
-    // emits and completes once saving is done
-    // note: onSave processes are not run for drafts
-    saveRecordAsDraft(record, recordSource) {
-        record.recordUpdated = new Date();
-        return this.recordsRepository
-            .saveRecordAsDraft(record, recordSource)
-            .pipe(map$1(() => undefined));
-    }
-    undoRecordDraft(record) {
-        this.recordsRepository.clearRecordDraft(record.uniqueIdentifier);
-        return this.recordsRepository.openRecordForEdition(record.uniqueIdentifier);
-    }
-    hasRecordChangedSinceDraft(localRecord) {
-        return this.recordsRepository.hasRecordChangedSinceDraft(localRecord);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: EditorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: EditorService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: EditorService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }] });
-
-class EditorEffects {
-    constructor() {
-        this.actions$ = inject(Actions);
-        this.editorService = inject(EditorService);
-        this.recordsRepository = inject(RecordsRepositoryInterface);
-        this.plateformService = inject(PlatformServiceInterface);
-        this.store = inject(Store);
-        this.saveRecord$ = createEffect(() => this.actions$.pipe(ofType(saveRecord), withLatestFrom$1(this.store.select(selectRecord), this.store.select(selectRecordSource), this.store.select(selectEditorConfig)), switchMap$1(([, record, recordSource, fieldsConfig]) => this.editorService.saveRecord(record, recordSource, fieldsConfig).pipe(switchMap$1(([savedRecord, savedRecordSource]) => {
-            const actions = [saveRecordSuccess()];
-            if (!record?.uniqueIdentifier) {
-                actions.push(openRecord({
-                    record: savedRecord,
-                    recordSource: savedRecordSource,
-                }));
-            }
-            return of(...actions);
-        }), catchError((error) => of(saveRecordFailure({
-            error,
-        })))))));
-        this.cleanRecordAttachments$ = createEffect(() => this.actions$.pipe(ofType(saveRecordSuccess), withLatestFrom$1(this.store.select(selectRecord)), switchMap$1(([_, record]) => {
-            if (record.uniqueIdentifier !== null) {
-                this.plateformService.cleanRecordAttachments(record).subscribe({
-                    next: (_) => undefined,
-                    error: (err) => {
-                        console.error(err);
-                    },
-                });
-            }
-            return EMPTY;
-        }), catchError((error) => {
-            console.error(error);
-            return EMPTY;
-        })), { dispatch: false });
-        this.markAsChanged$ = createEffect(() => this.actions$.pipe(ofType(updateRecordField, updateRecordLanguages), map$1(() => markRecordAsChanged())));
-        this.saveRecordDraft$ = createEffect(() => this.actions$.pipe(ofType(updateRecordField, updateRecordLanguages), debounceTime$1(1000), withLatestFrom$1(this.store.select(selectRecord), this.store.select(selectRecordSource)), switchMap$1(([, record, recordSource]) => this.editorService.saveRecordAsDraft(record, recordSource)), map$1(() => draftSaveSuccess())));
-        this.undoRecordDraft$ = createEffect(() => this.actions$.pipe(ofType(undoRecordDraft), withLatestFrom$1(this.store.select(selectRecord)), switchMap$1(([, record]) => this.editorService.undoRecordDraft(record)), map$1(([record, recordSource]) => openRecord({
-            record,
-            recordSource,
-        }))));
-        this.checkHasChangesOnOpen$ = createEffect(() => this.actions$.pipe(ofType(openRecord), map$1(({ record }) => this.recordsRepository.recordHasDraft(record.uniqueIdentifier)), filter((hasDraft) => hasDraft), map$1(() => markRecordAsChanged())));
-        this.hasRecordChangedSinceDraft$ = createEffect(() => this.actions$.pipe(ofType(hasRecordChangedSinceDraft), switchMap$1(({ record }) => this.editorService
-            .hasRecordChangedSinceDraft(record)
-            .pipe(map$1((changes) => hasRecordChangedSinceDraftSuccess({ changes }))))));
-        this.checkIsRecordPublished$ = createEffect(() => this.actions$.pipe(ofType(openRecord), map$1(({ record }) => record.uniqueIdentifier), switchMap$1((uniqueIdentifier) => this.recordsRepository.getRecordPublicationStatus(uniqueIdentifier)), map$1((isPublished$1) => isPublished({
-            isPublished: isPublished$1,
-        }))));
-        this.checkCanEditRecord$ = createEffect(() => this.actions$.pipe(ofType(openRecord), map$1(({ record }) => record.uniqueIdentifier), switchMap$1((uniqueIdentifier) => this.recordsRepository.canEditRecord(uniqueIdentifier)), map$1((canEditRecord$1) => canEditRecord({
-            canEditRecord: canEditRecord$1,
-        }))));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: EditorEffects, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: EditorEffects }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: EditorEffects, decorators: [{
-            type: Injectable
-        }] });
-
-class FeatureEditorModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FeatureEditorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: FeatureEditorModule, imports: [i1.StoreFeatureModule, i2$2.EffectsFeatureModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FeatureEditorModule, providers: [EditorFacade, provideHttpClient()], imports: [StoreModule.forFeature(EDITOR_FEATURE_KEY, editorReducer),
-            EffectsModule.forFeature([EditorEffects])] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FeatureEditorModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        StoreModule.forFeature(EDITOR_FEATURE_KEY, editorReducer),
-                        EffectsModule.forFeature([EditorEffects]),
-                    ],
-                    providers: [EditorFacade, provideHttpClient()],
-                }]
-        }] });
-
 class ImportRecordComponent {
     constructor() {
         this.router = inject(Router);
@@ -41883,6 +41772,328 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                 type: Output
             }] } });
 
+//forced translations that are not available in fields.config.ts
+marker('editor.record.form.field.keywords');
+marker('editor.record.form.field.topics');
+marker('editor.record.form.field.contacts');
+marker('editor.record.form.field.organisation');
+class MetadataQualityPanelComponent {
+    constructor() {
+        this.propsToValidate = getAllKeysValidator();
+        this.propertiesByPage = [];
+    }
+    ngOnChanges() {
+        if (this.editorConfig && this.record) {
+            const fieldsByPage = this.editorConfig.pages.map((page) => page.sections.flatMap((section) => section.fields
+                .filter((field) => this.propsToValidate.includes(field.model))
+                .map((field) => field.model)));
+            // FIXME: temporarily add topics and organisation to the first and third page
+            // as long as they are not handled by the editor
+            if (fieldsByPage.length > 0) {
+                fieldsByPage[0].includes('topics') || fieldsByPage[0].push('topics');
+                fieldsByPage[2].includes('organisation') ||
+                    fieldsByPage[2].push('organisation');
+            }
+            this.propertiesByPage = fieldsByPage
+                .map((fields) => getQualityValidators(this.record, fields).map(({ name, validator }) => ({
+                label: `editor.record.form.field.${name}`, // use same translations as in fields.config.ts
+                value: validator(),
+            })))
+                .filter((arr) => arr.length > 0);
+        }
+    }
+    getExtraClass(checked) {
+        const baseClasses = 'flex flex-row justify-between rounded mb-1 h-[34px] w-full focus:ring-0 hover:border-none border-none hover:text-black text-black cursor-default';
+        return checked
+            ? `${baseClasses} bg-neutral-100 hover:bg-neutral-100`
+            : `${baseClasses} bg-transparent hover:bg-transparent`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: MetadataQualityPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: MetadataQualityPanelComponent, isStandalone: true, selector: "gn-ui-metadata-quality-panel", inputs: { editorConfig: "editorConfig", record: "record" }, providers: [
+            provideIcons({
+                iconoirSystemShut,
+                iconoirBadgeCheck,
+            }),
+            provideNgIconsConfig({
+                size: '1.25em',
+            }),
+        ], usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"flex flex-col h-full w-[302px] border-l border-gray-300 py-8 px-3 gap-3 overflow-auto\"\n  style=\"background-color: #fafaf9\"\n>\n  <div class=\"flex flex-row px-2 justify-between\">\n    <span class=\"text-3xl font-title text-black/80\" translate\n      >editor.record.form.metadataQuality.title</span\n    >\n  </div>\n  @for (properties of propertiesByPage; track properties; let i = $index) {\n    <div class=\"flex flex-col gap-2\">\n      @for (property of properties; track property) {\n        <gn-ui-button\n          [extraClass]=\"getExtraClass(property.value)\"\n          type=\"outline\"\n          attr.data-cy=\"md-quality-btn-{{ property.label }}\"\n        >\n          <span>{{ property.label | translate }}</span>\n          <div class=\"flex flex-row gap-2 items-center\">\n            @if (property.value) {\n              <ng-icon class=\"text-primary\" name=\"iconoirBadgeCheck\"></ng-icon>\n            } @else {\n              <ng-icon\n                class=\"text-neutral-300\"\n                name=\"iconoirSystemShut\"\n              ></ng-icon>\n            }\n          </div>\n        </gn-ui-button>\n      }\n      @if (i !== propertiesByPage.length - 1) {\n        <hr class=\"border-gray-300 w-11/12 mx-auto\" />\n      }\n    </div>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: MetadataQualityPanelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-metadata-quality-panel', standalone: true, imports: [
+                        TranslateDirective,
+                        TranslatePipe,
+                        ButtonComponent,
+                        NgIconComponent,
+                    ], providers: [
+                        provideIcons({
+                            iconoirSystemShut,
+                            iconoirBadgeCheck,
+                        }),
+                        provideNgIconsConfig({
+                            size: '1.25em',
+                        }),
+                    ], template: "<div\n  class=\"flex flex-col h-full w-[302px] border-l border-gray-300 py-8 px-3 gap-3 overflow-auto\"\n  style=\"background-color: #fafaf9\"\n>\n  <div class=\"flex flex-row px-2 justify-between\">\n    <span class=\"text-3xl font-title text-black/80\" translate\n      >editor.record.form.metadataQuality.title</span\n    >\n  </div>\n  @for (properties of propertiesByPage; track properties; let i = $index) {\n    <div class=\"flex flex-col gap-2\">\n      @for (property of properties; track property) {\n        <gn-ui-button\n          [extraClass]=\"getExtraClass(property.value)\"\n          type=\"outline\"\n          attr.data-cy=\"md-quality-btn-{{ property.label }}\"\n        >\n          <span>{{ property.label | translate }}</span>\n          <div class=\"flex flex-row gap-2 items-center\">\n            @if (property.value) {\n              <ng-icon class=\"text-primary\" name=\"iconoirBadgeCheck\"></ng-icon>\n            } @else {\n              <ng-icon\n                class=\"text-neutral-300\"\n                name=\"iconoirSystemShut\"\n              ></ng-icon>\n            }\n          </div>\n        </gn-ui-button>\n      }\n      @if (i !== propertiesByPage.length - 1) {\n        <hr class=\"border-gray-300 w-11/12 mx-auto\" />\n      }\n    </div>\n  }\n</div>\n" }]
+        }], propDecorators: { editorConfig: [{
+                type: Input
+            }], record: [{
+                type: Input
+            }] } });
+
+const extraFlagMap = {
+    ar: 'arab',
+    en: 'gb',
+    ko: 'kr',
+    cs: 'cz',
+    zh: 'cn',
+    ca: 'es-ct',
+    rm: 'ch',
+    da: 'dk',
+    sv: 'se',
+    cy: 'gb-wls',
+    hy: 'am',
+    ka: 'ge',
+    uk: 'ua',
+};
+class MultilingualPanelComponent {
+    constructor() {
+        this.facade = inject(EditorFacade);
+        this.dialog = inject(MatDialog);
+        this.translateService = inject(TranslateService);
+        this.recordsRepository = inject(RecordsRepositoryInterface);
+        this.overlay = inject(Overlay);
+        this.viewContainerRef = inject(ViewContainerRef);
+        this.cdr = inject(ChangeDetectorRef);
+        this.selectedLanguages = [];
+        this.recordLanguages = [];
+        this.formLanguage = '';
+        this.isActionMenuOpen = false;
+        this.subscription = new Subscription();
+        this.supportedLanguages$ = this.recordsRepository
+            .getApplicationLanguages()
+            .pipe(map$2((languages) => this.sortLanguages(languages)));
+    }
+    set record(value) {
+        this._record = value;
+        this.isMultilingual = value.otherLanguages.length > 0;
+        this.editTranslations = false;
+        this.recordLanguages = [...value.otherLanguages, value.defaultLanguage];
+        this.selectedLanguages = this.recordLanguages;
+        this.formLanguage = value.defaultLanguage;
+    }
+    ngOnDestroy() {
+        this.subscription.unsubscribe();
+    }
+    sortLanguages(languages) {
+        return languages
+            .map((lang) => {
+            const label = this.translateService.instant('language.' + lang);
+            const isTranslated = label !== 'language.' + lang;
+            return {
+                lang,
+                label,
+                isTranslated,
+            };
+        })
+            .sort((a, b) => {
+            if (a.isTranslated && !b.isTranslated)
+                return -1;
+            if (!a.isTranslated && b.isTranslated)
+                return 1;
+            return a.label.localeCompare(b.label);
+        })
+            .map((item) => item.lang);
+    }
+    toggleLanguageSelection() {
+        this.editTranslations = !this.editTranslations;
+    }
+    getIconClass(lang) {
+        return extraFlagMap[lang]
+            ? `fi fi-${extraFlagMap[lang]} w-4 h-3`
+            : `fi fi-${lang} w-4 h-3`;
+    }
+    switchMultilingual() {
+        if (this.isMultilingual && this.selectedLanguages.length > 1) {
+            this.confirmDeleteAction();
+        }
+        else {
+            this.isMultilingual = true;
+            this.editTranslations = true;
+        }
+    }
+    getExtraClass(lang) {
+        const baseClass = 'h-[34px] w-full font-bold justify-start hover:bg-white';
+        if (this.selectedLanguages.includes(lang)) {
+            return `${baseClass} bg-white border border-black`;
+        }
+        return baseClass;
+    }
+    toggleLanguage(lang) {
+        if (this.selectedLanguages.includes(lang)) {
+            this.removeSelectedLanguage(lang);
+        }
+        else {
+            this.selectedLanguages.push(lang);
+        }
+    }
+    removeSelectedLanguage(lang) {
+        this.selectedLanguages = this.selectedLanguages.filter((language) => language !== lang);
+    }
+    validateTranslations() {
+        const equalLength = this.selectedLanguages.length === this.recordLanguages.length;
+        if (this.selectedLanguages.length < this.recordLanguages.length ||
+            (equalLength && this.selectedLanguages !== this.recordLanguages)) {
+            this.confirmDeleteAction(this.selectedLanguages);
+        }
+        else {
+            this.updateTranslations();
+        }
+    }
+    updateTranslations() {
+        const newLanguageSelection = this.selectedLanguages.filter((lang) => lang !== this.formLanguage);
+        this.facade.updateRecordLanguages(this.formLanguage, newLanguageSelection);
+        this.recordLanguages = newLanguageSelection;
+        this.editTranslations = false;
+    }
+    switchFormLang(lang) {
+        // TO IMPLEMENT FURTHER
+    }
+    switchDefaultLang(lang) {
+        this.formLanguage = lang;
+        this.facade.updateRecordLanguages(lang, this.selectedLanguages.filter((lang) => lang !== this.formLanguage));
+        this.closeActionMenu();
+    }
+    confirmDeleteAction(lang) {
+        const dialogRef = this.dialog.open(ConfirmationDialogComponent, {
+            data: {
+                title: this.translateService.instant('editor.record.multilingual.confirmation.title'),
+                message: this.translateService.instant('editor.record.multilingual.confirmation.message'),
+                confirmText: this.translateService.instant('editor.record.multilingual.confirmation.confirmText'),
+                cancelText: this.translateService.instant('editor.record.multilingual.confirmation.cancelText'),
+                focusCancel: true,
+            },
+            restoreFocus: true,
+        });
+        this.subscription.add(dialogRef.afterClosed().subscribe((confirmed) => {
+            if (confirmed) {
+                if (lang) {
+                    if (!Array.isArray(lang)) {
+                        this.removeSelectedLanguage(lang);
+                        this.closeActionMenu();
+                    }
+                    this.updateTranslations();
+                }
+                else {
+                    this.facade.updateRecordLanguages(this.formLanguage, []);
+                    this.isMultilingual = false;
+                    this.selectedLanguages = [];
+                }
+            }
+            else {
+                this.isMultilingual = true;
+                this.selectedLanguages = this.recordLanguages;
+            }
+            this.editTranslations = false;
+        }));
+    }
+    isFirstUnsupported(index) {
+        const langs = this.sortLanguages(this.recordLanguages);
+        return (langs[index].length === 3 &&
+            langs.slice(0, index).every((lang) => lang.length !== 3));
+    }
+    isLangSupported(lang) {
+        return lang.length === 2;
+    }
+    getToggleTitle(lang) {
+        if (lang === this._record.defaultLanguage) {
+            return this.translateService.instant('editor.record.form.multilingual.forbidden');
+        }
+        return '';
+    }
+    openActionMenu(item, template) {
+        this.isActionMenuOpen = true;
+        const index = this.sortLanguages(this.selectedLanguages).indexOf(item);
+        const buttonElement = this.actionMenuButtons.toArray()[index];
+        const positionStrategy = this.overlay
+            .position()
+            .flexibleConnectedTo(buttonElement)
+            .withFlexibleDimensions(true)
+            .withPush(true)
+            .withPositions([
+            {
+                originX: 'end',
+                originY: 'bottom',
+                overlayX: 'end',
+                overlayY: 'top',
+            },
+            {
+                originX: 'end',
+                originY: 'top',
+                overlayX: 'end',
+                overlayY: 'bottom',
+            },
+        ]);
+        this.overlayRef = this.overlay.create({
+            hasBackdrop: true,
+            backdropClass: 'cdk-overlay-transparent-backdrop',
+            positionStrategy: positionStrategy,
+            scrollStrategy: this.overlay.scrollStrategies.reposition(),
+        });
+        const portal = new TemplatePortal(template, this.viewContainerRef);
+        this.overlayRef.attach(portal);
+        this.subscription.add(this.overlayRef.backdropClick().subscribe(() => {
+            this.closeActionMenu();
+        }));
+    }
+    closeActionMenu() {
+        if (this.overlayRef) {
+            this.isActionMenuOpen = false;
+            this.overlayRef.dispose();
+            this.cdr.markForCheck();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: MultilingualPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: MultilingualPanelComponent, isStandalone: true, selector: "gn-ui-multilingual-panel", inputs: { record: "record" }, providers: [
+            provideIcons({
+                iconoirSettings,
+                matMoreHorizOutline,
+                iconoirCheckCircle,
+                iconoirCircle,
+            }),
+            provideNgIconsConfig({
+                size: '1.25em',
+            }),
+        ], viewQueries: [{ propertyName: "actionMenuButtons", predicate: ["actionMenuButton"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div\n  class=\"flex flex-col h-full w-[302px] border-l border-gray-300 py-8 px-3 gap-6 overflow-auto\"\n  style=\"background-color: #fafaf9\"\n>\n  <div class=\"flex flex-row px-2 justify-between\">\n    <span class=\"text-3xl font-title text-black/80\" translate\n      >editor.record.form.multilingual.title</span\n    >\n    @if (isMultilingual) {\n      <button\n        [title]=\"'editor.record.form.multilingual.open' | translate\"\n        (click)=\"toggleLanguageSelection()\"\n        data-test=\"activateSelection\"\n      >\n        <ng-icon class=\"mt-1\" name=\"iconoirSettings\"></ng-icon>\n      </button>\n    }\n  </div>\n  @if (editTranslations || !isMultilingual) {\n    <div class=\"flex flex-col gap-2\">\n      <gn-ui-check-toggle\n        class=\"p-2\"\n        [label]=\"'editor.record.form.multilingual.enable' | translate\"\n        [color]=\"'primary'\"\n        [(value)]=\"isMultilingual\"\n        (toggled)=\"switchMultilingual($event)\"\n      ></gn-ui-check-toggle>\n      @if (isMultilingual) {\n        <div class=\"flex flex-col gap-2\">\n          <div\n            class=\"flex flex-row justify-between border-t border-gray-300 p-3\"\n          >\n            <span class=\"mt-2 text-sm text-gray-600\" translate\n              >editor.record.form.multilingual.activate</span\n            >\n            <gn-ui-button\n              extraClass=\"w-16 h-8 font-bold\"\n              type=\"gray\"\n              (buttonClick)=\"validateTranslations()\"\n              data-test=\"validateSelection\"\n              >{{ 'editor.record.form.multilingual.validate' | translate }}\n            </gn-ui-button>\n          </div>\n          @if (supportedLanguages$ | async; as languages) {\n            @for (lang of languages; track lang) {\n              <div\n                class=\"flex flex-col gap-2 w-full px-2\"\n                data-test=\"langAvailable\"\n                [attr.data-test-lang]=\"lang\"\n              >\n                <gn-ui-button\n                  [extraClass]=\"getExtraClass(lang)\"\n                  type=\"gray\"\n                  (buttonClick)=\"toggleLanguage(lang)\"\n                  [disabled]=\"lang === _record.defaultLanguage\"\n                  [title]=\"getToggleTitle(lang)\"\n                >\n                  <span [class]=\"getIconClass(lang)\"></span>\n                  <span class=\"ml-2\">{{ 'language.' + lang | translate }}</span>\n                </gn-ui-button>\n              </div>\n            }\n          }\n        </div>\n      }\n    </div>\n  }\n  @if (!editTranslations && isMultilingual) {\n    <div class=\"flex flex-col gap-2\">\n      @for (\n        recordLang of sortLanguages(recordLanguages);\n        track recordLang;\n        let i = $index\n      ) {\n        <gn-ui-button\n          extraClass=\"flex flex-row justify-between bg-white border border-white rounded mb-1 h-[34px] w-full\"\n          [ngClass]=\"{\n            'mt-8': isFirstUnsupported(i),\n            '': true,\n          }\"\n          (buttonClick)=\"switchFormLang(recordLang)\"\n          type=\"outline\"\n          data-test=\"langSwitch\"\n        >\n          <div class=\"flex flex-row gap-2 items-center\">\n            @if (recordLang === formLanguage) {\n              <ng-icon\n                class=\"text-primary mt-1\"\n                name=\"iconoirCheckCircle\"\n              ></ng-icon>\n            }\n            @if (recordLang !== formLanguage) {\n              <ng-icon\n                class=\"text-gray-800 mt-1\"\n                name=\"iconoirCircle\"\n              ></ng-icon>\n            }\n            @if (recordLang.length === 2) {\n              <span [class]=\"getIconClass(recordLang) + 'mt-1'\"></span>\n            }\n            <span [ngClass]=\"recordLang === formLanguage ? 'text-black' : ''\">{{\n              isLangSupported(recordLang)\n                ? ('language.' + recordLang | translate)\n                : recordLang.toUpperCase()\n            }}</span>\n          </div>\n          <div class=\"flex flex-row gap-2 items-center\">\n            @if (recordLang === formLanguage) {\n              <span class=\"text-xs text-base\" translate\n                >editor.record.form.multilingual.default</span\n              >\n            }\n            <button\n              (click)=\"\n                openActionMenu(recordLang, template); $event.stopPropagation()\n              \"\n              cdkOverlayOrigin\n              #actionMenuButton\n            >\n              <ng-icon class=\"pb-5\" name=\"matMoreHorizOutline\"></ng-icon>\n            </button>\n            <ng-template #template>\n              <gn-ui-action-menu\n                [canDelete]=\"recordLang !== _record.defaultLanguage\"\n                page=\"record\"\n                (delete)=\"confirmDeleteAction(recordLang)\"\n                (closeActionMenu)=\"closeActionMenu()\"\n                (switch)=\"switchDefaultLang(recordLang)\"\n              >\n              </gn-ui-action-menu>\n            </ng-template>\n          </div>\n        </gn-ui-button>\n      }\n    </div>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: CheckToggleComponent, selector: "gn-ui-check-toggle", inputs: ["title", "label", "value", "color"], outputs: ["toggled"] }, { kind: "directive", type: TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "component", type: ActionMenuComponent, selector: "gn-ui-action-menu", inputs: ["canDuplicate", "isDuplicating", "canDelete", "page"], outputs: ["duplicate", "delete", "closeActionMenu", "rollback", "switch"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: MultilingualPanelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-multilingual-panel', standalone: true, imports: [
+                        CommonModule,
+                        CheckToggleComponent,
+                        TranslateDirective,
+                        TranslatePipe,
+                        ButtonComponent,
+                        NgIconComponent,
+                        ActionMenuComponent,
+                    ], providers: [
+                        provideIcons({
+                            iconoirSettings,
+                            matMoreHorizOutline,
+                            iconoirCheckCircle,
+                            iconoirCircle,
+                        }),
+                        provideNgIconsConfig({
+                            size: '1.25em',
+                        }),
+                    ], template: "<div\n  class=\"flex flex-col h-full w-[302px] border-l border-gray-300 py-8 px-3 gap-6 overflow-auto\"\n  style=\"background-color: #fafaf9\"\n>\n  <div class=\"flex flex-row px-2 justify-between\">\n    <span class=\"text-3xl font-title text-black/80\" translate\n      >editor.record.form.multilingual.title</span\n    >\n    @if (isMultilingual) {\n      <button\n        [title]=\"'editor.record.form.multilingual.open' | translate\"\n        (click)=\"toggleLanguageSelection()\"\n        data-test=\"activateSelection\"\n      >\n        <ng-icon class=\"mt-1\" name=\"iconoirSettings\"></ng-icon>\n      </button>\n    }\n  </div>\n  @if (editTranslations || !isMultilingual) {\n    <div class=\"flex flex-col gap-2\">\n      <gn-ui-check-toggle\n        class=\"p-2\"\n        [label]=\"'editor.record.form.multilingual.enable' | translate\"\n        [color]=\"'primary'\"\n        [(value)]=\"isMultilingual\"\n        (toggled)=\"switchMultilingual($event)\"\n      ></gn-ui-check-toggle>\n      @if (isMultilingual) {\n        <div class=\"flex flex-col gap-2\">\n          <div\n            class=\"flex flex-row justify-between border-t border-gray-300 p-3\"\n          >\n            <span class=\"mt-2 text-sm text-gray-600\" translate\n              >editor.record.form.multilingual.activate</span\n            >\n            <gn-ui-button\n              extraClass=\"w-16 h-8 font-bold\"\n              type=\"gray\"\n              (buttonClick)=\"validateTranslations()\"\n              data-test=\"validateSelection\"\n              >{{ 'editor.record.form.multilingual.validate' | translate }}\n            </gn-ui-button>\n          </div>\n          @if (supportedLanguages$ | async; as languages) {\n            @for (lang of languages; track lang) {\n              <div\n                class=\"flex flex-col gap-2 w-full px-2\"\n                data-test=\"langAvailable\"\n                [attr.data-test-lang]=\"lang\"\n              >\n                <gn-ui-button\n                  [extraClass]=\"getExtraClass(lang)\"\n                  type=\"gray\"\n                  (buttonClick)=\"toggleLanguage(lang)\"\n                  [disabled]=\"lang === _record.defaultLanguage\"\n                  [title]=\"getToggleTitle(lang)\"\n                >\n                  <span [class]=\"getIconClass(lang)\"></span>\n                  <span class=\"ml-2\">{{ 'language.' + lang | translate }}</span>\n                </gn-ui-button>\n              </div>\n            }\n          }\n        </div>\n      }\n    </div>\n  }\n  @if (!editTranslations && isMultilingual) {\n    <div class=\"flex flex-col gap-2\">\n      @for (\n        recordLang of sortLanguages(recordLanguages);\n        track recordLang;\n        let i = $index\n      ) {\n        <gn-ui-button\n          extraClass=\"flex flex-row justify-between bg-white border border-white rounded mb-1 h-[34px] w-full\"\n          [ngClass]=\"{\n            'mt-8': isFirstUnsupported(i),\n            '': true,\n          }\"\n          (buttonClick)=\"switchFormLang(recordLang)\"\n          type=\"outline\"\n          data-test=\"langSwitch\"\n        >\n          <div class=\"flex flex-row gap-2 items-center\">\n            @if (recordLang === formLanguage) {\n              <ng-icon\n                class=\"text-primary mt-1\"\n                name=\"iconoirCheckCircle\"\n              ></ng-icon>\n            }\n            @if (recordLang !== formLanguage) {\n              <ng-icon\n                class=\"text-gray-800 mt-1\"\n                name=\"iconoirCircle\"\n              ></ng-icon>\n            }\n            @if (recordLang.length === 2) {\n              <span [class]=\"getIconClass(recordLang) + 'mt-1'\"></span>\n            }\n            <span [ngClass]=\"recordLang === formLanguage ? 'text-black' : ''\">{{\n              isLangSupported(recordLang)\n                ? ('language.' + recordLang | translate)\n                : recordLang.toUpperCase()\n            }}</span>\n          </div>\n          <div class=\"flex flex-row gap-2 items-center\">\n            @if (recordLang === formLanguage) {\n              <span class=\"text-xs text-base\" translate\n                >editor.record.form.multilingual.default</span\n              >\n            }\n            <button\n              (click)=\"\n                openActionMenu(recordLang, template); $event.stopPropagation()\n              \"\n              cdkOverlayOrigin\n              #actionMenuButton\n            >\n              <ng-icon class=\"pb-5\" name=\"matMoreHorizOutline\"></ng-icon>\n            </button>\n            <ng-template #template>\n              <gn-ui-action-menu\n                [canDelete]=\"recordLang !== _record.defaultLanguage\"\n                page=\"record\"\n                (delete)=\"confirmDeleteAction(recordLang)\"\n                (closeActionMenu)=\"closeActionMenu()\"\n                (switch)=\"switchDefaultLang(recordLang)\"\n              >\n              </gn-ui-action-menu>\n            </ng-template>\n          </div>\n        </gn-ui-button>\n      }\n    </div>\n  }\n</div>\n" }]
+        }], propDecorators: { record: [{
+                type: Input
+            }], actionMenuButtons: [{
+                type: ViewChildren,
+                args: ['actionMenuButton', { read: ElementRef }]
+            }] } });
+
 class GenericKeywordsComponent {
     constructor() {
         this.platformService = inject(PlatformServiceInterface);
@@ -43689,7 +43900,7 @@ class FormFieldComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: FormFieldComponent, isStandalone: true, selector: "gn-ui-form-field", inputs: { uniqueIdentifier: "uniqueIdentifier", model: "model", modelSpecifier: "modelSpecifier", componentName: "componentName", config: "config", value: "value" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "titleInput", first: true, predicate: ["titleInput"], descendants: true }], ngImport: i0, template: "<!-- TEMPORARY - disabling the open data switch -->\n<!-- <ng-container *ngIf=\"model === 'licenses'\">\n  <gn-ui-form-field-open-data\n    [value]=\"valueAsConstraints\"\n    (valueChange)=\"valueChange.emit($event)\"\n    (openDataChange)=\"toggleIsOpenData($event)\"\n  ></gn-ui-form-field-open-data>\n</ng-container> -->\n<div class=\"flex flex-col h-full\">\n  <ng-container *ngIf=\"withoutWrapper; else withGenericWrapper\">\n    <ng-container *ngTemplateOutlet=\"fieldContent\"></ng-container>\n  </ng-container>\n  <ng-template #withGenericWrapper>\n    <gn-ui-form-field-wrapper\n      [label]=\"config.labelKey! | translate\"\n      [hint]=\"config.hintKey! | translate\"\n    >\n      <ng-container *ngTemplateOutlet=\"fieldContent\"></ng-container>\n    </gn-ui-form-field-wrapper>\n  </ng-template>\n</div>\n\n<ng-template #fieldContent>\n  <ng-container [ngSwitch]=\"model\">\n    <ng-container *ngSwitchCase=\"'title'\">\n      <div class=\"flex flex-row flex-start items-center gap-3 mb-[12px]\">\n        <textarea\n          #titleInput\n          cdkTextareaAutosize\n          #autosize=\"cdkTextareaAutosize\"\n          cdkAutosizeMinRows=\"1\"\n          data-test=\"recordTitleInput\"\n          class=\"grow font-title text-3xl font-normal overflow-hidden text-black/80\"\n          (change)=\"valueChange.emit($event.target.value)\"\n          [placeholder]=\"\n            'editor.record.form.field.title.placeholder' | translate\n          \"\n          >{{ valueAsString }}</textarea\n        >\n        <div class=\"flex flex-row justify-between self-start mt-0.5\">\n          <span\n            class=\"material-symbols-outlined gn-ui-icon-small m-2 cursor-pointer\"\n            (click)=\"focusTitleInput()\"\n            >edit</span\n          >\n          <span\n            *ngIf=\"config.hintKey\"\n            class=\"material-symbols-outlined gn-ui-icon-small m-2\"\n            [matTooltip]=\"config.hintKey! | translate\"\n            matTooltipPosition=\"above\"\n          >\n            help\n          </span>\n        </div>\n      </div>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'abstract'\">\n      <gn-ui-form-field-rich\n        [label]=\"config.labelKey! | translate\"\n        [hint]=\"config.hintKey! | translate\"\n        [value]=\"valueAsString\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-rich>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'overviews'\">\n      <gn-ui-form-field-overviews\n        [metadataUuid]=\"uniqueIdentifier\"\n        [value]=\"valueAsOverviews\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-overviews>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'resourceIdentifiers'\">\n      <gn-ui-form-field-simple\n        [type]=\"'text'\"\n        [value]=\"valueAsResourceIdentifierCode\"\n        (valueChange)=\"handleResourceIdentifierChange($event)\"\n      ></gn-ui-form-field-simple>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'resourceCreated'\">\n      <gn-ui-form-field-date\n        [value]=\"valueAsDate\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-date>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'resourceUpdated'\">\n      <gn-ui-form-field-date\n        [value]=\"valueAsDate\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-date>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'updateFrequency'\">\n      <gn-ui-form-field-update-frequency\n        [value]=\"valueAsUpdateFrequency\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-update-frequency>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'temporalExtents'\">\n      <gn-ui-form-field-temporal-extents\n        [value]=\"valueAsTemporalExtents\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-temporal-extents>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'spatialExtents'\">\n      <gn-ui-form-field-spatial-extent></gn-ui-form-field-spatial-extent>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'keywords'\">\n      <gn-ui-form-field-keywords\n        [value]=\"valueAsKeywords\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-keywords>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'topics'\">\n      <gn-ui-form-field-topics\n        [value]=\"valueAsTopics\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-topics>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'licenses'\">\n      <gn-ui-form-field-license\n        [label]=\"config.labelKey! | translate\"\n        [recordLicences]=\"valueAsConstraints\"\n        (recordLicencesChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-license>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"'legalConstraints'\">\n      <ng-container *ngTemplateOutlet=\"formFieldConstraints\"></ng-container>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'securityConstraints'\">\n      <ng-container *ngTemplateOutlet=\"formFieldConstraints\"></ng-container>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'otherConstraints'\">\n      <ng-container *ngTemplateOutlet=\"formFieldConstraints\"></ng-container\n    ></ng-container>\n    <ng-template #formFieldConstraints>\n      <gn-ui-form-field-constraints\n        [label]=\"config.labelKey\"\n        [value]=\"valueAsConstraints\"\n        [constraintType]=\"model\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-constraints\n    ></ng-template>\n\n    <ng-container *ngSwitchCase=\"'contactsForResource'\">\n      <gn-ui-form-field-contacts-for-resource\n        [value]=\"valueAsIndividuals\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-contacts-for-resource>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'contacts'\">\n      <gn-ui-form-field-contacts\n        [value]=\"valueAsIndividuals\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-contacts>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'onlineResources'\">\n      <gn-ui-form-field-online-resources\n        *ngIf=\"modelSpecifier === 'onlineResourceType:!link'\"\n        [metadataUuid]=\"uniqueIdentifier\"\n        [value]=\"valueAsOnlineResources\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-online-resources>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'onlineResources'\">\n      <gn-ui-form-field-online-link-resources\n        *ngIf=\"modelSpecifier === 'onlineResourceType:link'\"\n        [metadataUuid]=\"uniqueIdentifier\"\n        [value]=\"valueAsOnlineResources\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-online-link-resources>\n    </ng-container>\n  </ng-container>\n\n  <ng-container *ngIf=\"!model\">\n    <ng-container [ngSwitch]=\"componentName\">\n      <ng-container *ngSwitchCase=\"'form-field-constraints-shortcuts'\">\n        <gn-ui-form-field-constraints-shortcuts></gn-ui-form-field-constraints-shortcuts>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'form-field-spatial-toggle'\">\n        <gn-ui-form-field-spatial-toggle></gn-ui-form-field-spatial-toggle>\n      </ng-container>\n    </ng-container>\n  </ng-container>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1$5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: FormFieldWrapperComponent, selector: "gn-ui-form-field-wrapper", inputs: ["label", "hint"] }, { kind: "component", type: FormFieldLicenseComponent, selector: "gn-ui-form-field-license", inputs: ["label", "recordLicences"], outputs: ["recordLicencesChange"] }, { kind: "component", type: FormFieldDateComponent, selector: "gn-ui-form-field-date", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldUpdateFrequencyComponent, selector: "gn-ui-form-field-update-frequency", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldTemporalExtentsComponent, selector: "gn-ui-form-field-temporal-extents", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldSimpleComponent, selector: "gn-ui-form-field-simple", inputs: ["type", "readonly", "invalid", "placeholder", "value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldRichComponent, selector: "gn-ui-form-field-rich", inputs: ["label", "hint", "placeholder", "value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldSpatialExtentComponent, selector: "gn-ui-form-field-spatial-extent" }, { kind: "component", type: FormFieldKeywordsComponent, selector: "gn-ui-form-field-keywords", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldOverviewsComponent, selector: "gn-ui-form-field-overviews", inputs: ["metadataUuid", "value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldContactsForResourceComponent, selector: "gn-ui-form-field-contacts-for-resource", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldOnlineResourcesComponent, selector: "gn-ui-form-field-online-resources", inputs: ["metadataUuid", "value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldOnlineLinkResourcesComponent, selector: "gn-ui-form-field-online-link-resources", inputs: ["metadataUuid", "value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldContactsComponent, selector: "gn-ui-form-field-contacts", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldConstraintsComponent, selector: "gn-ui-form-field-constraints", inputs: ["label", "value", "constraintType"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldConstraintsShortcutsComponent, selector: "gn-ui-form-field-constraints-shortcuts" }, { kind: "component", type: FormFieldSpatialToggleComponent, selector: "gn-ui-form-field-spatial-toggle" }, { kind: "component", type: FormFieldTopicsComponent, selector: "gn-ui-form-field-topics", inputs: ["value"], outputs: ["valueChange"] }, { kind: "ngmodule", type: TextFieldModule }, { kind: "directive", type: i3$2.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: FormFieldComponent, isStandalone: true, selector: "gn-ui-form-field", inputs: { uniqueIdentifier: "uniqueIdentifier", model: "model", modelSpecifier: "modelSpecifier", componentName: "componentName", config: "config", value: "value" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "titleInput", first: true, predicate: ["titleInput"], descendants: true }], ngImport: i0, template: "<!-- TEMPORARY - disabling the open data switch -->\n<!-- <ng-container *ngIf=\"model === 'licenses'\">\n  <gn-ui-form-field-open-data\n    [value]=\"valueAsConstraints\"\n    (valueChange)=\"valueChange.emit($event)\"\n    (openDataChange)=\"toggleIsOpenData($event)\"\n  ></gn-ui-form-field-open-data>\n</ng-container> -->\n<div class=\"flex flex-col h-full\">\n  <ng-container *ngIf=\"withoutWrapper; else withGenericWrapper\">\n    <ng-container *ngTemplateOutlet=\"fieldContent\"></ng-container>\n  </ng-container>\n  <ng-template #withGenericWrapper>\n    <gn-ui-form-field-wrapper\n      [label]=\"config.labelKey! | translate\"\n      [hint]=\"config.hintKey! | translate\"\n    >\n      <ng-container *ngTemplateOutlet=\"fieldContent\"></ng-container>\n    </gn-ui-form-field-wrapper>\n  </ng-template>\n</div>\n\n<ng-template #fieldContent>\n  <ng-container [ngSwitch]=\"model\">\n    <ng-container *ngSwitchCase=\"'title'\">\n      <div class=\"flex flex-row flex-start items-center gap-3 mb-[12px]\">\n        <textarea\n          #titleInput\n          cdkTextareaAutosize\n          #autosize=\"cdkTextareaAutosize\"\n          cdkAutosizeMinRows=\"1\"\n          data-test=\"recordTitleInput\"\n          class=\"grow font-title text-3xl font-normal overflow-hidden text-black/80\"\n          [value]=\"valueAsString\"\n          (change)=\"valueChange.emit($event.target.value)\"\n          [placeholder]=\"\n            'editor.record.form.field.title.placeholder' | translate\n          \"\n        ></textarea>\n        <div class=\"flex flex-row justify-between self-start mt-0.5\">\n          <span\n            class=\"material-symbols-outlined gn-ui-icon-small m-2 cursor-pointer\"\n            (click)=\"focusTitleInput()\"\n            >edit</span\n          >\n          <span\n            *ngIf=\"config.hintKey\"\n            class=\"material-symbols-outlined gn-ui-icon-small m-2\"\n            [matTooltip]=\"config.hintKey! | translate\"\n            matTooltipPosition=\"above\"\n          >\n            help\n          </span>\n        </div>\n      </div>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'abstract'\">\n      <gn-ui-form-field-rich\n        [label]=\"config.labelKey! | translate\"\n        [hint]=\"config.hintKey! | translate\"\n        [value]=\"valueAsString\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-rich>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'overviews'\">\n      <gn-ui-form-field-overviews\n        [metadataUuid]=\"uniqueIdentifier\"\n        [value]=\"valueAsOverviews\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-overviews>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'resourceIdentifiers'\">\n      <gn-ui-form-field-simple\n        [type]=\"'text'\"\n        [value]=\"valueAsResourceIdentifierCode\"\n        (valueChange)=\"handleResourceIdentifierChange($event)\"\n      ></gn-ui-form-field-simple>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'resourceCreated'\">\n      <gn-ui-form-field-date\n        [value]=\"valueAsDate\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-date>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'resourceUpdated'\">\n      <gn-ui-form-field-date\n        [value]=\"valueAsDate\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-date>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'updateFrequency'\">\n      <gn-ui-form-field-update-frequency\n        [value]=\"valueAsUpdateFrequency\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-update-frequency>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'temporalExtents'\">\n      <gn-ui-form-field-temporal-extents\n        [value]=\"valueAsTemporalExtents\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-temporal-extents>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'spatialExtents'\">\n      <gn-ui-form-field-spatial-extent></gn-ui-form-field-spatial-extent>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'keywords'\">\n      <gn-ui-form-field-keywords\n        [value]=\"valueAsKeywords\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-keywords>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'topics'\">\n      <gn-ui-form-field-topics\n        [value]=\"valueAsTopics\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-topics>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'licenses'\">\n      <gn-ui-form-field-license\n        [label]=\"config.labelKey! | translate\"\n        [recordLicences]=\"valueAsConstraints\"\n        (recordLicencesChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-license>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"'legalConstraints'\">\n      <ng-container *ngTemplateOutlet=\"formFieldConstraints\"></ng-container>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'securityConstraints'\">\n      <ng-container *ngTemplateOutlet=\"formFieldConstraints\"></ng-container>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'otherConstraints'\">\n      <ng-container *ngTemplateOutlet=\"formFieldConstraints\"></ng-container\n    ></ng-container>\n    <ng-template #formFieldConstraints>\n      <gn-ui-form-field-constraints\n        [label]=\"config.labelKey\"\n        [value]=\"valueAsConstraints\"\n        [constraintType]=\"model\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-constraints\n    ></ng-template>\n\n    <ng-container *ngSwitchCase=\"'contactsForResource'\">\n      <gn-ui-form-field-contacts-for-resource\n        [value]=\"valueAsIndividuals\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-contacts-for-resource>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'contacts'\">\n      <gn-ui-form-field-contacts\n        [value]=\"valueAsIndividuals\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-contacts>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'onlineResources'\">\n      <gn-ui-form-field-online-resources\n        *ngIf=\"modelSpecifier === 'onlineResourceType:!link'\"\n        [metadataUuid]=\"uniqueIdentifier\"\n        [value]=\"valueAsOnlineResources\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-online-resources>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'onlineResources'\">\n      <gn-ui-form-field-online-link-resources\n        *ngIf=\"modelSpecifier === 'onlineResourceType:link'\"\n        [metadataUuid]=\"uniqueIdentifier\"\n        [value]=\"valueAsOnlineResources\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-online-link-resources>\n    </ng-container>\n  </ng-container>\n\n  <ng-container *ngIf=\"!model\">\n    <ng-container [ngSwitch]=\"componentName\">\n      <ng-container *ngSwitchCase=\"'form-field-constraints-shortcuts'\">\n        <gn-ui-form-field-constraints-shortcuts></gn-ui-form-field-constraints-shortcuts>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'form-field-spatial-toggle'\">\n        <gn-ui-form-field-spatial-toggle></gn-ui-form-field-spatial-toggle>\n      </ng-container>\n    </ng-container>\n  </ng-container>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1$5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: FormFieldWrapperComponent, selector: "gn-ui-form-field-wrapper", inputs: ["label", "hint"] }, { kind: "component", type: FormFieldLicenseComponent, selector: "gn-ui-form-field-license", inputs: ["label", "recordLicences"], outputs: ["recordLicencesChange"] }, { kind: "component", type: FormFieldDateComponent, selector: "gn-ui-form-field-date", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldUpdateFrequencyComponent, selector: "gn-ui-form-field-update-frequency", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldTemporalExtentsComponent, selector: "gn-ui-form-field-temporal-extents", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldSimpleComponent, selector: "gn-ui-form-field-simple", inputs: ["type", "readonly", "invalid", "placeholder", "value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldRichComponent, selector: "gn-ui-form-field-rich", inputs: ["label", "hint", "placeholder", "value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldSpatialExtentComponent, selector: "gn-ui-form-field-spatial-extent" }, { kind: "component", type: FormFieldKeywordsComponent, selector: "gn-ui-form-field-keywords", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldOverviewsComponent, selector: "gn-ui-form-field-overviews", inputs: ["metadataUuid", "value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldContactsForResourceComponent, selector: "gn-ui-form-field-contacts-for-resource", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldOnlineResourcesComponent, selector: "gn-ui-form-field-online-resources", inputs: ["metadataUuid", "value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldOnlineLinkResourcesComponent, selector: "gn-ui-form-field-online-link-resources", inputs: ["metadataUuid", "value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldContactsComponent, selector: "gn-ui-form-field-contacts", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldConstraintsComponent, selector: "gn-ui-form-field-constraints", inputs: ["label", "value", "constraintType"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldConstraintsShortcutsComponent, selector: "gn-ui-form-field-constraints-shortcuts" }, { kind: "component", type: FormFieldSpatialToggleComponent, selector: "gn-ui-form-field-spatial-toggle" }, { kind: "component", type: FormFieldTopicsComponent, selector: "gn-ui-form-field-topics", inputs: ["value"], outputs: ["valueChange"] }, { kind: "ngmodule", type: TextFieldModule }, { kind: "directive", type: i3$2.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FormFieldComponent, decorators: [{
             type: Component,
@@ -43716,7 +43927,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                         FormFieldSpatialToggleComponent,
                         FormFieldTopicsComponent,
                         TextFieldModule,
-                    ], template: "<!-- TEMPORARY - disabling the open data switch -->\n<!-- <ng-container *ngIf=\"model === 'licenses'\">\n  <gn-ui-form-field-open-data\n    [value]=\"valueAsConstraints\"\n    (valueChange)=\"valueChange.emit($event)\"\n    (openDataChange)=\"toggleIsOpenData($event)\"\n  ></gn-ui-form-field-open-data>\n</ng-container> -->\n<div class=\"flex flex-col h-full\">\n  <ng-container *ngIf=\"withoutWrapper; else withGenericWrapper\">\n    <ng-container *ngTemplateOutlet=\"fieldContent\"></ng-container>\n  </ng-container>\n  <ng-template #withGenericWrapper>\n    <gn-ui-form-field-wrapper\n      [label]=\"config.labelKey! | translate\"\n      [hint]=\"config.hintKey! | translate\"\n    >\n      <ng-container *ngTemplateOutlet=\"fieldContent\"></ng-container>\n    </gn-ui-form-field-wrapper>\n  </ng-template>\n</div>\n\n<ng-template #fieldContent>\n  <ng-container [ngSwitch]=\"model\">\n    <ng-container *ngSwitchCase=\"'title'\">\n      <div class=\"flex flex-row flex-start items-center gap-3 mb-[12px]\">\n        <textarea\n          #titleInput\n          cdkTextareaAutosize\n          #autosize=\"cdkTextareaAutosize\"\n          cdkAutosizeMinRows=\"1\"\n          data-test=\"recordTitleInput\"\n          class=\"grow font-title text-3xl font-normal overflow-hidden text-black/80\"\n          (change)=\"valueChange.emit($event.target.value)\"\n          [placeholder]=\"\n            'editor.record.form.field.title.placeholder' | translate\n          \"\n          >{{ valueAsString }}</textarea\n        >\n        <div class=\"flex flex-row justify-between self-start mt-0.5\">\n          <span\n            class=\"material-symbols-outlined gn-ui-icon-small m-2 cursor-pointer\"\n            (click)=\"focusTitleInput()\"\n            >edit</span\n          >\n          <span\n            *ngIf=\"config.hintKey\"\n            class=\"material-symbols-outlined gn-ui-icon-small m-2\"\n            [matTooltip]=\"config.hintKey! | translate\"\n            matTooltipPosition=\"above\"\n          >\n            help\n          </span>\n        </div>\n      </div>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'abstract'\">\n      <gn-ui-form-field-rich\n        [label]=\"config.labelKey! | translate\"\n        [hint]=\"config.hintKey! | translate\"\n        [value]=\"valueAsString\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-rich>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'overviews'\">\n      <gn-ui-form-field-overviews\n        [metadataUuid]=\"uniqueIdentifier\"\n        [value]=\"valueAsOverviews\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-overviews>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'resourceIdentifiers'\">\n      <gn-ui-form-field-simple\n        [type]=\"'text'\"\n        [value]=\"valueAsResourceIdentifierCode\"\n        (valueChange)=\"handleResourceIdentifierChange($event)\"\n      ></gn-ui-form-field-simple>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'resourceCreated'\">\n      <gn-ui-form-field-date\n        [value]=\"valueAsDate\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-date>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'resourceUpdated'\">\n      <gn-ui-form-field-date\n        [value]=\"valueAsDate\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-date>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'updateFrequency'\">\n      <gn-ui-form-field-update-frequency\n        [value]=\"valueAsUpdateFrequency\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-update-frequency>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'temporalExtents'\">\n      <gn-ui-form-field-temporal-extents\n        [value]=\"valueAsTemporalExtents\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-temporal-extents>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'spatialExtents'\">\n      <gn-ui-form-field-spatial-extent></gn-ui-form-field-spatial-extent>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'keywords'\">\n      <gn-ui-form-field-keywords\n        [value]=\"valueAsKeywords\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-keywords>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'topics'\">\n      <gn-ui-form-field-topics\n        [value]=\"valueAsTopics\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-topics>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'licenses'\">\n      <gn-ui-form-field-license\n        [label]=\"config.labelKey! | translate\"\n        [recordLicences]=\"valueAsConstraints\"\n        (recordLicencesChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-license>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"'legalConstraints'\">\n      <ng-container *ngTemplateOutlet=\"formFieldConstraints\"></ng-container>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'securityConstraints'\">\n      <ng-container *ngTemplateOutlet=\"formFieldConstraints\"></ng-container>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'otherConstraints'\">\n      <ng-container *ngTemplateOutlet=\"formFieldConstraints\"></ng-container\n    ></ng-container>\n    <ng-template #formFieldConstraints>\n      <gn-ui-form-field-constraints\n        [label]=\"config.labelKey\"\n        [value]=\"valueAsConstraints\"\n        [constraintType]=\"model\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-constraints\n    ></ng-template>\n\n    <ng-container *ngSwitchCase=\"'contactsForResource'\">\n      <gn-ui-form-field-contacts-for-resource\n        [value]=\"valueAsIndividuals\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-contacts-for-resource>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'contacts'\">\n      <gn-ui-form-field-contacts\n        [value]=\"valueAsIndividuals\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-contacts>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'onlineResources'\">\n      <gn-ui-form-field-online-resources\n        *ngIf=\"modelSpecifier === 'onlineResourceType:!link'\"\n        [metadataUuid]=\"uniqueIdentifier\"\n        [value]=\"valueAsOnlineResources\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-online-resources>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'onlineResources'\">\n      <gn-ui-form-field-online-link-resources\n        *ngIf=\"modelSpecifier === 'onlineResourceType:link'\"\n        [metadataUuid]=\"uniqueIdentifier\"\n        [value]=\"valueAsOnlineResources\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-online-link-resources>\n    </ng-container>\n  </ng-container>\n\n  <ng-container *ngIf=\"!model\">\n    <ng-container [ngSwitch]=\"componentName\">\n      <ng-container *ngSwitchCase=\"'form-field-constraints-shortcuts'\">\n        <gn-ui-form-field-constraints-shortcuts></gn-ui-form-field-constraints-shortcuts>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'form-field-spatial-toggle'\">\n        <gn-ui-form-field-spatial-toggle></gn-ui-form-field-spatial-toggle>\n      </ng-container>\n    </ng-container>\n  </ng-container>\n</ng-template>\n" }]
+                    ], template: "<!-- TEMPORARY - disabling the open data switch -->\n<!-- <ng-container *ngIf=\"model === 'licenses'\">\n  <gn-ui-form-field-open-data\n    [value]=\"valueAsConstraints\"\n    (valueChange)=\"valueChange.emit($event)\"\n    (openDataChange)=\"toggleIsOpenData($event)\"\n  ></gn-ui-form-field-open-data>\n</ng-container> -->\n<div class=\"flex flex-col h-full\">\n  <ng-container *ngIf=\"withoutWrapper; else withGenericWrapper\">\n    <ng-container *ngTemplateOutlet=\"fieldContent\"></ng-container>\n  </ng-container>\n  <ng-template #withGenericWrapper>\n    <gn-ui-form-field-wrapper\n      [label]=\"config.labelKey! | translate\"\n      [hint]=\"config.hintKey! | translate\"\n    >\n      <ng-container *ngTemplateOutlet=\"fieldContent\"></ng-container>\n    </gn-ui-form-field-wrapper>\n  </ng-template>\n</div>\n\n<ng-template #fieldContent>\n  <ng-container [ngSwitch]=\"model\">\n    <ng-container *ngSwitchCase=\"'title'\">\n      <div class=\"flex flex-row flex-start items-center gap-3 mb-[12px]\">\n        <textarea\n          #titleInput\n          cdkTextareaAutosize\n          #autosize=\"cdkTextareaAutosize\"\n          cdkAutosizeMinRows=\"1\"\n          data-test=\"recordTitleInput\"\n          class=\"grow font-title text-3xl font-normal overflow-hidden text-black/80\"\n          [value]=\"valueAsString\"\n          (change)=\"valueChange.emit($event.target.value)\"\n          [placeholder]=\"\n            'editor.record.form.field.title.placeholder' | translate\n          \"\n        ></textarea>\n        <div class=\"flex flex-row justify-between self-start mt-0.5\">\n          <span\n            class=\"material-symbols-outlined gn-ui-icon-small m-2 cursor-pointer\"\n            (click)=\"focusTitleInput()\"\n            >edit</span\n          >\n          <span\n            *ngIf=\"config.hintKey\"\n            class=\"material-symbols-outlined gn-ui-icon-small m-2\"\n            [matTooltip]=\"config.hintKey! | translate\"\n            matTooltipPosition=\"above\"\n          >\n            help\n          </span>\n        </div>\n      </div>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'abstract'\">\n      <gn-ui-form-field-rich\n        [label]=\"config.labelKey! | translate\"\n        [hint]=\"config.hintKey! | translate\"\n        [value]=\"valueAsString\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-rich>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'overviews'\">\n      <gn-ui-form-field-overviews\n        [metadataUuid]=\"uniqueIdentifier\"\n        [value]=\"valueAsOverviews\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-overviews>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'resourceIdentifiers'\">\n      <gn-ui-form-field-simple\n        [type]=\"'text'\"\n        [value]=\"valueAsResourceIdentifierCode\"\n        (valueChange)=\"handleResourceIdentifierChange($event)\"\n      ></gn-ui-form-field-simple>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'resourceCreated'\">\n      <gn-ui-form-field-date\n        [value]=\"valueAsDate\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-date>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'resourceUpdated'\">\n      <gn-ui-form-field-date\n        [value]=\"valueAsDate\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-date>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'updateFrequency'\">\n      <gn-ui-form-field-update-frequency\n        [value]=\"valueAsUpdateFrequency\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-update-frequency>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'temporalExtents'\">\n      <gn-ui-form-field-temporal-extents\n        [value]=\"valueAsTemporalExtents\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-temporal-extents>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'spatialExtents'\">\n      <gn-ui-form-field-spatial-extent></gn-ui-form-field-spatial-extent>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'keywords'\">\n      <gn-ui-form-field-keywords\n        [value]=\"valueAsKeywords\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-keywords>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'topics'\">\n      <gn-ui-form-field-topics\n        [value]=\"valueAsTopics\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-topics>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'licenses'\">\n      <gn-ui-form-field-license\n        [label]=\"config.labelKey! | translate\"\n        [recordLicences]=\"valueAsConstraints\"\n        (recordLicencesChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-license>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"'legalConstraints'\">\n      <ng-container *ngTemplateOutlet=\"formFieldConstraints\"></ng-container>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'securityConstraints'\">\n      <ng-container *ngTemplateOutlet=\"formFieldConstraints\"></ng-container>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'otherConstraints'\">\n      <ng-container *ngTemplateOutlet=\"formFieldConstraints\"></ng-container\n    ></ng-container>\n    <ng-template #formFieldConstraints>\n      <gn-ui-form-field-constraints\n        [label]=\"config.labelKey\"\n        [value]=\"valueAsConstraints\"\n        [constraintType]=\"model\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-constraints\n    ></ng-template>\n\n    <ng-container *ngSwitchCase=\"'contactsForResource'\">\n      <gn-ui-form-field-contacts-for-resource\n        [value]=\"valueAsIndividuals\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-contacts-for-resource>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'contacts'\">\n      <gn-ui-form-field-contacts\n        [value]=\"valueAsIndividuals\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-contacts>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'onlineResources'\">\n      <gn-ui-form-field-online-resources\n        *ngIf=\"modelSpecifier === 'onlineResourceType:!link'\"\n        [metadataUuid]=\"uniqueIdentifier\"\n        [value]=\"valueAsOnlineResources\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-online-resources>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'onlineResources'\">\n      <gn-ui-form-field-online-link-resources\n        *ngIf=\"modelSpecifier === 'onlineResourceType:link'\"\n        [metadataUuid]=\"uniqueIdentifier\"\n        [value]=\"valueAsOnlineResources\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-online-link-resources>\n    </ng-container>\n  </ng-container>\n\n  <ng-container *ngIf=\"!model\">\n    <ng-container [ngSwitch]=\"componentName\">\n      <ng-container *ngSwitchCase=\"'form-field-constraints-shortcuts'\">\n        <gn-ui-form-field-constraints-shortcuts></gn-ui-form-field-constraints-shortcuts>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'form-field-spatial-toggle'\">\n        <gn-ui-form-field-spatial-toggle></gn-ui-form-field-spatial-toggle>\n      </ng-container>\n    </ng-container>\n  </ng-container>\n</ng-template>\n" }]
         }], propDecorators: { uniqueIdentifier: [{
                 type: Input
             }], model: [{
@@ -43761,327 +43972,148 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
             args: [{ selector: 'gn-ui-record-form', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, FormFieldComponent, TranslateDirective], template: "<div class=\"flex flex-col gap-6\">\n  @for (\n    section of facade.currentSections$ | async;\n    track sectionTracker($index, section)\n  ) {\n    @if (!section.hidden) {\n      <div class=\"flex flex-col gap-6 border p-8 rounded-[8px] shadow\">\n        <div class=\"flex flex-col gap-2\">\n          @if (section.labelKey) {\n            <div class=\"text-2xl font-title text-black\" translate>\n              {{ section.labelKey }}\n            </div>\n          }\n          @if (section.descriptionKey) {\n            <div class=\"text-gray-800 text-sm\" translate>\n              {{ section.descriptionKey }}\n            </div>\n          }\n        </div>\n        <div class=\"grid auto-rows-auto grid-cols-2 gap-[32px]\">\n          @for (\n            field of section.fieldsWithValues;\n            track fieldTracker($index, field)\n          ) {\n            @if (!field.config.hidden) {\n              <gn-ui-form-field\n                [ngClass]=\"\n                  field.config.gridColumnSpan === 1\n                    ? 'col-span-1'\n                    : 'col-span-2'\n                \"\n                [uniqueIdentifier]=\"recordUniqueIdentifier$ | async\"\n                [model]=\"field.config.model!\"\n                [modelSpecifier]=\"field.config.modelSpecifier!\"\n                [config]=\"field.config.formFieldConfig\"\n                [value]=\"field.value\"\n                [componentName]=\"field.config.componentName\"\n                (valueChange)=\"\n                  handleFieldValueChange(field.config.model!, $event)\n                \"\n              ></gn-ui-form-field>\n            }\n          }\n        </div>\n      </div>\n    }\n  }\n</div>\n" }]
         }] });
 
-const extraFlagMap = {
-    ar: 'arab',
-    en: 'gb',
-    ko: 'kr',
-    cs: 'cz',
-    zh: 'cn',
-    ca: 'es-ct',
-    rm: 'ch',
-    da: 'dk',
-    sv: 'se',
-    cy: 'gb-wls',
-    hy: 'am',
-    ka: 'ge',
-    uk: 'ua',
-};
-class MultilingualPanelComponent {
-    constructor() {
-        this.facade = inject(EditorFacade);
-        this.dialog = inject(MatDialog);
-        this.translateService = inject(TranslateService);
-        this.recordsRepository = inject(RecordsRepositoryInterface);
-        this.overlay = inject(Overlay);
-        this.viewContainerRef = inject(ViewContainerRef);
-        this.cdr = inject(ChangeDetectorRef);
-        this.selectedLanguages = [];
-        this.recordLanguages = [];
-        this.formLanguage = '';
-        this.isActionMenuOpen = false;
-        this.subscription = new Subscription();
-        this.supportedLanguages$ = this.recordsRepository
-            .getApplicationLanguages()
-            .pipe(map$2((languages) => this.sortLanguages(languages)));
-    }
-    set record(value) {
-        this._record = value;
-        this.isMultilingual = value.otherLanguages.length > 0;
-        this.editTranslations = false;
-        this.recordLanguages = [...value.otherLanguages, value.defaultLanguage];
-        this.selectedLanguages = this.recordLanguages;
-        this.formLanguage = value.defaultLanguage;
-    }
-    ngOnDestroy() {
-        this.subscription.unsubscribe();
-    }
-    sortLanguages(languages) {
-        return languages
-            .map((lang) => {
-            const label = this.translateService.instant('language.' + lang);
-            const isTranslated = label !== 'language.' + lang;
-            return {
-                lang,
-                label,
-                isTranslated,
-            };
-        })
-            .sort((a, b) => {
-            if (a.isTranslated && !b.isTranslated)
-                return -1;
-            if (!a.isTranslated && b.isTranslated)
-                return 1;
-            return a.label.localeCompare(b.label);
-        })
-            .map((item) => item.lang);
-    }
-    toggleLanguageSelection() {
-        this.editTranslations = !this.editTranslations;
-    }
-    getIconClass(lang) {
-        return extraFlagMap[lang]
-            ? `fi fi-${extraFlagMap[lang]} w-4 h-3`
-            : `fi fi-${lang} w-4 h-3`;
-    }
-    switchMultilingual() {
-        if (this.isMultilingual && this.selectedLanguages.length > 1) {
-            this.confirmDeleteAction();
-        }
-        else {
-            this.isMultilingual = true;
-            this.editTranslations = true;
-        }
-    }
-    getExtraClass(lang) {
-        const baseClass = 'h-[34px] w-full font-bold justify-start hover:bg-white';
-        if (this.selectedLanguages.includes(lang)) {
-            return `${baseClass} bg-white border border-black`;
-        }
-        return baseClass;
+function evaluate(expression) {
+    if (expression.match(/^\${.*}$/)) {
+        return evaluate(expression.slice(2, -1));
     }
-    toggleLanguage(lang) {
-        if (this.selectedLanguages.includes(lang)) {
-            this.removeSelectedLanguage(lang);
-        }
-        else {
-            this.selectedLanguages.push(lang);
-        }
+    const operator = expression.split('(')[0];
+    switch (operator) {
+        case 'dateNow':
+            return () => new Date();
+        default:
+            throw new Error(`Unknown operator: ${operator}`);
     }
-    removeSelectedLanguage(lang) {
-        this.selectedLanguages = this.selectedLanguages.filter((language) => language !== lang);
+}
+
+class EditorService {
+    constructor() {
+        this.recordsRepository = inject(RecordsRepositoryInterface);
     }
-    validateTranslations() {
-        const equalLength = this.selectedLanguages.length === this.recordLanguages.length;
-        if (this.selectedLanguages.length < this.recordLanguages.length ||
-            (equalLength && this.selectedLanguages !== this.recordLanguages)) {
-            this.confirmDeleteAction(this.selectedLanguages);
+    // returns the record as it was when saved, alongside its source
+    saveRecord(record, recordSource, fieldsConfig) {
+        const savedRecord = { ...record };
+        const fields = fieldsConfig.pages.flatMap((page) => page.sections.flatMap((section) => section.fields));
+        // run onSave processes
+        for (const field of fields) {
+            if (field.onSaveProcess && field.model) {
+                const evaluator = evaluate(field.onSaveProcess);
+                savedRecord[field.model] = evaluator({
+                    model: field.model,
+                    value: record[field.model],
+                });
+            }
         }
-        else {
-            this.updateTranslations();
+        let publishToAll = true;
+        // if the record is new, generate a new unique identifier and pass publishToAll as false
+        if (!record.uniqueIdentifier) {
+            savedRecord.uniqueIdentifier = null;
+            publishToAll = false;
         }
+        return this.recordsRepository
+            .saveRecord(savedRecord, recordSource, publishToAll)
+            .pipe(switchMap((uniqueIdentifier) => this.recordsRepository.openRecordForEdition(uniqueIdentifier)), tap$1(() => {
+            // if saving was successful, the original draft can be discarded
+            this.recordsRepository.clearRecordDraft(record.uniqueIdentifier);
+        }), map$1(([record, recordSource]) => [record, recordSource]));
     }
-    updateTranslations() {
-        const newLanguageSelection = this.selectedLanguages.filter((lang) => lang !== this.formLanguage);
-        this.facade.updateRecordLanguages(this.formLanguage, newLanguageSelection);
-        this.recordLanguages = newLanguageSelection;
-        this.editTranslations = false;
-    }
-    switchFormLang(lang) {
-        // TO IMPLEMENT FURTHER
-    }
-    switchDefaultLang(lang) {
-        this.formLanguage = lang;
-        this.facade.updateRecordLanguages(lang, this.selectedLanguages.filter((lang) => lang !== this.formLanguage));
-        this.closeActionMenu();
-    }
-    confirmDeleteAction(lang) {
-        const dialogRef = this.dialog.open(ConfirmationDialogComponent, {
-            data: {
-                title: this.translateService.instant('editor.record.multilingual.confirmation.title'),
-                message: this.translateService.instant('editor.record.multilingual.confirmation.message'),
-                confirmText: this.translateService.instant('editor.record.multilingual.confirmation.confirmText'),
-                cancelText: this.translateService.instant('editor.record.multilingual.confirmation.cancelText'),
-                focusCancel: true,
-            },
-            restoreFocus: true,
-        });
-        this.subscription.add(dialogRef.afterClosed().subscribe((confirmed) => {
-            if (confirmed) {
-                if (lang) {
-                    if (!Array.isArray(lang)) {
-                        this.removeSelectedLanguage(lang);
-                        this.closeActionMenu();
-                    }
-                    this.updateTranslations();
-                }
-                else {
-                    this.facade.updateRecordLanguages(this.formLanguage, []);
-                    this.isMultilingual = false;
-                    this.selectedLanguages = [];
-                }
-            }
-            else {
-                this.isMultilingual = true;
-                this.selectedLanguages = this.recordLanguages;
-            }
-            this.editTranslations = false;
-        }));
-    }
-    isFirstUnsupported(index) {
-        const langs = this.sortLanguages(this.recordLanguages);
-        return (langs[index].length === 3 &&
-            langs.slice(0, index).every((lang) => lang.length !== 3));
-    }
-    isLangSupported(lang) {
-        return lang.length === 2;
-    }
-    getToggleTitle(lang) {
-        if (lang === this._record.defaultLanguage) {
-            return this.translateService.instant('editor.record.form.multilingual.forbidden');
-        }
-        return '';
+    // emits and completes once saving is done
+    // note: onSave processes are not run for drafts
+    saveRecordAsDraft(record, recordSource) {
+        record.recordUpdated = new Date();
+        return this.recordsRepository
+            .saveRecordAsDraft(record, recordSource)
+            .pipe(map$1(() => undefined));
     }
-    openActionMenu(item, template) {
-        this.isActionMenuOpen = true;
-        const index = this.sortLanguages(this.selectedLanguages).indexOf(item);
-        const buttonElement = this.actionMenuButtons.toArray()[index];
-        const positionStrategy = this.overlay
-            .position()
-            .flexibleConnectedTo(buttonElement)
-            .withFlexibleDimensions(true)
-            .withPush(true)
-            .withPositions([
-            {
-                originX: 'end',
-                originY: 'bottom',
-                overlayX: 'end',
-                overlayY: 'top',
-            },
-            {
-                originX: 'end',
-                originY: 'top',
-                overlayX: 'end',
-                overlayY: 'bottom',
-            },
-        ]);
-        this.overlayRef = this.overlay.create({
-            hasBackdrop: true,
-            backdropClass: 'cdk-overlay-transparent-backdrop',
-            positionStrategy: positionStrategy,
-            scrollStrategy: this.overlay.scrollStrategies.reposition(),
-        });
-        const portal = new TemplatePortal(template, this.viewContainerRef);
-        this.overlayRef.attach(portal);
-        this.subscription.add(this.overlayRef.backdropClick().subscribe(() => {
-            this.closeActionMenu();
-        }));
+    undoRecordDraft(record) {
+        this.recordsRepository.clearRecordDraft(record.uniqueIdentifier);
+        return this.recordsRepository.openRecordForEdition(record.uniqueIdentifier);
     }
-    closeActionMenu() {
-        if (this.overlayRef) {
-            this.isActionMenuOpen = false;
-            this.overlayRef.dispose();
-            this.cdr.markForCheck();
-        }
+    hasRecordChangedSinceDraft(localRecord) {
+        return this.recordsRepository.hasRecordChangedSinceDraft(localRecord);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: MultilingualPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: MultilingualPanelComponent, isStandalone: true, selector: "gn-ui-multilingual-panel", inputs: { record: "record" }, providers: [
-            provideIcons({
-                iconoirSettings,
-                matMoreHorizOutline,
-                iconoirCheckCircle,
-                iconoirCircle,
-            }),
-            provideNgIconsConfig({
-                size: '1.25em',
-            }),
-        ], viewQueries: [{ propertyName: "actionMenuButtons", predicate: ["actionMenuButton"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div\n  class=\"flex flex-col h-full w-[302px] border-l border-gray-300 py-8 px-3 gap-6 overflow-auto\"\n  style=\"background-color: #fafaf9\"\n>\n  <div class=\"flex flex-row px-2 justify-between\">\n    <span class=\"text-3xl font-title text-black/80\" translate\n      >editor.record.form.multilingual.title</span\n    >\n    @if (isMultilingual) {\n      <button\n        [title]=\"'editor.record.form.multilingual.open' | translate\"\n        (click)=\"toggleLanguageSelection()\"\n        data-test=\"activateSelection\"\n      >\n        <ng-icon class=\"mt-1\" name=\"iconoirSettings\"></ng-icon>\n      </button>\n    }\n  </div>\n  @if (editTranslations || !isMultilingual) {\n    <div class=\"flex flex-col gap-2\">\n      <gn-ui-check-toggle\n        class=\"p-2\"\n        [label]=\"'editor.record.form.multilingual.enable' | translate\"\n        [color]=\"'primary'\"\n        [(value)]=\"isMultilingual\"\n        (toggled)=\"switchMultilingual($event)\"\n      ></gn-ui-check-toggle>\n      @if (isMultilingual) {\n        <div class=\"flex flex-col gap-2\">\n          <div\n            class=\"flex flex-row justify-between border-t border-gray-300 p-3\"\n          >\n            <span class=\"mt-2 text-sm text-gray-600\" translate\n              >editor.record.form.multilingual.activate</span\n            >\n            <gn-ui-button\n              extraClass=\"w-16 h-8 font-bold\"\n              type=\"gray\"\n              (buttonClick)=\"validateTranslations()\"\n              data-test=\"validateSelection\"\n              >{{ 'editor.record.form.multilingual.validate' | translate }}\n            </gn-ui-button>\n          </div>\n          @if (supportedLanguages$ | async; as languages) {\n            @for (lang of languages; track lang) {\n              <div\n                class=\"flex flex-col gap-2 w-full px-2\"\n                data-test=\"langAvailable\"\n                [attr.data-test-lang]=\"lang\"\n              >\n                <gn-ui-button\n                  [extraClass]=\"getExtraClass(lang)\"\n                  type=\"gray\"\n                  (buttonClick)=\"toggleLanguage(lang)\"\n                  [disabled]=\"lang === _record.defaultLanguage\"\n                  [title]=\"getToggleTitle(lang)\"\n                >\n                  <span [class]=\"getIconClass(lang)\"></span>\n                  <span class=\"ml-2\">{{ 'language.' + lang | translate }}</span>\n                </gn-ui-button>\n              </div>\n            }\n          }\n        </div>\n      }\n    </div>\n  }\n  @if (!editTranslations && isMultilingual) {\n    <div class=\"flex flex-col gap-2\">\n      @for (\n        recordLang of sortLanguages(recordLanguages);\n        track recordLang;\n        let i = $index\n      ) {\n        <gn-ui-button\n          extraClass=\"flex flex-row justify-between bg-white border border-white rounded mb-1 h-[34px] w-full\"\n          [ngClass]=\"{\n            'mt-8': isFirstUnsupported(i),\n            '': true,\n          }\"\n          (buttonClick)=\"switchFormLang(recordLang)\"\n          type=\"outline\"\n          data-test=\"langSwitch\"\n        >\n          <div class=\"flex flex-row gap-2 items-center\">\n            @if (recordLang === formLanguage) {\n              <ng-icon\n                class=\"text-primary mt-1\"\n                name=\"iconoirCheckCircle\"\n              ></ng-icon>\n            }\n            @if (recordLang !== formLanguage) {\n              <ng-icon\n                class=\"text-gray-800 mt-1\"\n                name=\"iconoirCircle\"\n              ></ng-icon>\n            }\n            @if (recordLang.length === 2) {\n              <span [class]=\"getIconClass(recordLang) + 'mt-1'\"></span>\n            }\n            <span [ngClass]=\"recordLang === formLanguage ? 'text-black' : ''\">{{\n              isLangSupported(recordLang)\n                ? ('language.' + recordLang | translate)\n                : recordLang.toUpperCase()\n            }}</span>\n          </div>\n          <div class=\"flex flex-row gap-2 items-center\">\n            @if (recordLang === formLanguage) {\n              <span class=\"text-xs text-base\" translate\n                >editor.record.form.multilingual.default</span\n              >\n            }\n            <button\n              (click)=\"\n                openActionMenu(recordLang, template); $event.stopPropagation()\n              \"\n              cdkOverlayOrigin\n              #actionMenuButton\n            >\n              <ng-icon class=\"pb-5\" name=\"matMoreHorizOutline\"></ng-icon>\n            </button>\n            <ng-template #template>\n              <gn-ui-action-menu\n                [canDelete]=\"recordLang !== _record.defaultLanguage\"\n                page=\"record\"\n                (delete)=\"confirmDeleteAction(recordLang)\"\n                (closeActionMenu)=\"closeActionMenu()\"\n                (switch)=\"switchDefaultLang(recordLang)\"\n              >\n              </gn-ui-action-menu>\n            </ng-template>\n          </div>\n        </gn-ui-button>\n      }\n    </div>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: CheckToggleComponent, selector: "gn-ui-check-toggle", inputs: ["title", "label", "value", "color"], outputs: ["toggled"] }, { kind: "directive", type: TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "component", type: ActionMenuComponent, selector: "gn-ui-action-menu", inputs: ["canDuplicate", "isDuplicating", "canDelete", "page"], outputs: ["duplicate", "delete", "closeActionMenu", "rollback", "switch"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: EditorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: EditorService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: MultilingualPanelComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gn-ui-multilingual-panel', standalone: true, imports: [
-                        CommonModule,
-                        CheckToggleComponent,
-                        TranslateDirective,
-                        TranslatePipe,
-                        ButtonComponent,
-                        NgIconComponent,
-                        ActionMenuComponent,
-                    ], providers: [
-                        provideIcons({
-                            iconoirSettings,
-                            matMoreHorizOutline,
-                            iconoirCheckCircle,
-                            iconoirCircle,
-                        }),
-                        provideNgIconsConfig({
-                            size: '1.25em',
-                        }),
-                    ], template: "<div\n  class=\"flex flex-col h-full w-[302px] border-l border-gray-300 py-8 px-3 gap-6 overflow-auto\"\n  style=\"background-color: #fafaf9\"\n>\n  <div class=\"flex flex-row px-2 justify-between\">\n    <span class=\"text-3xl font-title text-black/80\" translate\n      >editor.record.form.multilingual.title</span\n    >\n    @if (isMultilingual) {\n      <button\n        [title]=\"'editor.record.form.multilingual.open' | translate\"\n        (click)=\"toggleLanguageSelection()\"\n        data-test=\"activateSelection\"\n      >\n        <ng-icon class=\"mt-1\" name=\"iconoirSettings\"></ng-icon>\n      </button>\n    }\n  </div>\n  @if (editTranslations || !isMultilingual) {\n    <div class=\"flex flex-col gap-2\">\n      <gn-ui-check-toggle\n        class=\"p-2\"\n        [label]=\"'editor.record.form.multilingual.enable' | translate\"\n        [color]=\"'primary'\"\n        [(value)]=\"isMultilingual\"\n        (toggled)=\"switchMultilingual($event)\"\n      ></gn-ui-check-toggle>\n      @if (isMultilingual) {\n        <div class=\"flex flex-col gap-2\">\n          <div\n            class=\"flex flex-row justify-between border-t border-gray-300 p-3\"\n          >\n            <span class=\"mt-2 text-sm text-gray-600\" translate\n              >editor.record.form.multilingual.activate</span\n            >\n            <gn-ui-button\n              extraClass=\"w-16 h-8 font-bold\"\n              type=\"gray\"\n              (buttonClick)=\"validateTranslations()\"\n              data-test=\"validateSelection\"\n              >{{ 'editor.record.form.multilingual.validate' | translate }}\n            </gn-ui-button>\n          </div>\n          @if (supportedLanguages$ | async; as languages) {\n            @for (lang of languages; track lang) {\n              <div\n                class=\"flex flex-col gap-2 w-full px-2\"\n                data-test=\"langAvailable\"\n                [attr.data-test-lang]=\"lang\"\n              >\n                <gn-ui-button\n                  [extraClass]=\"getExtraClass(lang)\"\n                  type=\"gray\"\n                  (buttonClick)=\"toggleLanguage(lang)\"\n                  [disabled]=\"lang === _record.defaultLanguage\"\n                  [title]=\"getToggleTitle(lang)\"\n                >\n                  <span [class]=\"getIconClass(lang)\"></span>\n                  <span class=\"ml-2\">{{ 'language.' + lang | translate }}</span>\n                </gn-ui-button>\n              </div>\n            }\n          }\n        </div>\n      }\n    </div>\n  }\n  @if (!editTranslations && isMultilingual) {\n    <div class=\"flex flex-col gap-2\">\n      @for (\n        recordLang of sortLanguages(recordLanguages);\n        track recordLang;\n        let i = $index\n      ) {\n        <gn-ui-button\n          extraClass=\"flex flex-row justify-between bg-white border border-white rounded mb-1 h-[34px] w-full\"\n          [ngClass]=\"{\n            'mt-8': isFirstUnsupported(i),\n            '': true,\n          }\"\n          (buttonClick)=\"switchFormLang(recordLang)\"\n          type=\"outline\"\n          data-test=\"langSwitch\"\n        >\n          <div class=\"flex flex-row gap-2 items-center\">\n            @if (recordLang === formLanguage) {\n              <ng-icon\n                class=\"text-primary mt-1\"\n                name=\"iconoirCheckCircle\"\n              ></ng-icon>\n            }\n            @if (recordLang !== formLanguage) {\n              <ng-icon\n                class=\"text-gray-800 mt-1\"\n                name=\"iconoirCircle\"\n              ></ng-icon>\n            }\n            @if (recordLang.length === 2) {\n              <span [class]=\"getIconClass(recordLang) + 'mt-1'\"></span>\n            }\n            <span [ngClass]=\"recordLang === formLanguage ? 'text-black' : ''\">{{\n              isLangSupported(recordLang)\n                ? ('language.' + recordLang | translate)\n                : recordLang.toUpperCase()\n            }}</span>\n          </div>\n          <div class=\"flex flex-row gap-2 items-center\">\n            @if (recordLang === formLanguage) {\n              <span class=\"text-xs text-base\" translate\n                >editor.record.form.multilingual.default</span\n              >\n            }\n            <button\n              (click)=\"\n                openActionMenu(recordLang, template); $event.stopPropagation()\n              \"\n              cdkOverlayOrigin\n              #actionMenuButton\n            >\n              <ng-icon class=\"pb-5\" name=\"matMoreHorizOutline\"></ng-icon>\n            </button>\n            <ng-template #template>\n              <gn-ui-action-menu\n                [canDelete]=\"recordLang !== _record.defaultLanguage\"\n                page=\"record\"\n                (delete)=\"confirmDeleteAction(recordLang)\"\n                (closeActionMenu)=\"closeActionMenu()\"\n                (switch)=\"switchDefaultLang(recordLang)\"\n              >\n              </gn-ui-action-menu>\n            </ng-template>\n          </div>\n        </gn-ui-button>\n      }\n    </div>\n  }\n</div>\n" }]
-        }], propDecorators: { record: [{
-                type: Input
-            }], actionMenuButtons: [{
-                type: ViewChildren,
-                args: ['actionMenuButton', { read: ElementRef }]
-            }] } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: EditorService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
 
-//forced translations that are not available in fields.config.ts
-marker('editor.record.form.field.keywords');
-marker('editor.record.form.field.topics');
-marker('editor.record.form.field.contacts');
-marker('editor.record.form.field.organisation');
-class MetadataQualityPanelComponent {
+class EditorEffects {
     constructor() {
-        this.propsToValidate = getAllKeysValidator();
-        this.propertiesByPage = [];
-    }
-    ngOnChanges() {
-        if (this.editorConfig && this.record) {
-            const fieldsByPage = this.editorConfig.pages.map((page) => page.sections.flatMap((section) => section.fields
-                .filter((field) => this.propsToValidate.includes(field.model))
-                .map((field) => field.model)));
-            // FIXME: temporarily add topics and organisation to the first and third page
-            // as long as they are not handled by the editor
-            if (fieldsByPage.length > 0) {
-                fieldsByPage[0].includes('topics') || fieldsByPage[0].push('topics');
-                fieldsByPage[2].includes('organisation') ||
-                    fieldsByPage[2].push('organisation');
+        this.actions$ = inject(Actions);
+        this.editorService = inject(EditorService);
+        this.recordsRepository = inject(RecordsRepositoryInterface);
+        this.plateformService = inject(PlatformServiceInterface);
+        this.store = inject(Store);
+        this.saveRecord$ = createEffect(() => this.actions$.pipe(ofType(saveRecord), withLatestFrom$1(this.store.select(selectRecord), this.store.select(selectRecordSource), this.store.select(selectEditorConfig)), switchMap$1(([, record, recordSource, fieldsConfig]) => this.editorService.saveRecord(record, recordSource, fieldsConfig).pipe(switchMap$1(([savedRecord, savedRecordSource]) => {
+            const actions = [saveRecordSuccess()];
+            if (!record?.uniqueIdentifier) {
+                actions.push(openRecord({
+                    record: savedRecord,
+                    recordSource: savedRecordSource,
+                }));
             }
-            this.propertiesByPage = fieldsByPage
-                .map((fields) => getQualityValidators(this.record, fields).map(({ name, validator }) => ({
-                label: `editor.record.form.field.${name}`, // use same translations as in fields.config.ts
-                value: validator(),
-            })))
-                .filter((arr) => arr.length > 0);
-        }
-    }
-    getExtraClass(checked) {
-        const baseClasses = 'flex flex-row justify-between rounded mb-1 h-[34px] w-full focus:ring-0 hover:border-none border-none hover:text-black text-black cursor-default';
-        return checked
-            ? `${baseClasses} bg-neutral-100 hover:bg-neutral-100`
-            : `${baseClasses} bg-transparent hover:bg-transparent`;
+            return of(...actions);
+        }), catchError((error) => of(saveRecordFailure({
+            error,
+        })))))));
+        this.cleanRecordAttachments$ = createEffect(() => this.actions$.pipe(ofType(saveRecordSuccess), withLatestFrom$1(this.store.select(selectRecord)), switchMap$1(([_, record]) => {
+            if (record.uniqueIdentifier !== null) {
+                this.plateformService.cleanRecordAttachments(record).subscribe({
+                    next: (_) => undefined,
+                    error: (err) => {
+                        console.error(err);
+                    },
+                });
+            }
+            return EMPTY;
+        }), catchError((error) => {
+            console.error(error);
+            return EMPTY;
+        })), { dispatch: false });
+        this.markAsChanged$ = createEffect(() => this.actions$.pipe(ofType(updateRecordField, updateRecordLanguages), map$1(() => markRecordAsChanged())));
+        this.saveRecordDraft$ = createEffect(() => this.actions$.pipe(ofType(updateRecordField, updateRecordLanguages), debounceTime$1(1000), withLatestFrom$1(this.store.select(selectRecord), this.store.select(selectRecordSource)), switchMap$1(([, record, recordSource]) => this.editorService.saveRecordAsDraft(record, recordSource)), map$1(() => draftSaveSuccess())));
+        this.undoRecordDraft$ = createEffect(() => this.actions$.pipe(ofType(undoRecordDraft), withLatestFrom$1(this.store.select(selectRecord)), switchMap$1(([, record]) => this.editorService.undoRecordDraft(record)), map$1(([record, recordSource]) => openRecord({
+            record,
+            recordSource,
+        }))));
+        this.checkHasChangesOnOpen$ = createEffect(() => this.actions$.pipe(ofType(openRecord), map$1(({ record }) => this.recordsRepository.recordHasDraft(record.uniqueIdentifier)), filter((hasDraft) => hasDraft), map$1(() => markRecordAsChanged())));
+        this.hasRecordChangedSinceDraft$ = createEffect(() => this.actions$.pipe(ofType(hasRecordChangedSinceDraft), switchMap$1(({ record }) => this.editorService
+            .hasRecordChangedSinceDraft(record)
+            .pipe(map$1((changes) => hasRecordChangedSinceDraftSuccess({ changes }))))));
+        this.checkIsRecordPublished$ = createEffect(() => this.actions$.pipe(ofType(openRecord), map$1(({ record }) => record.uniqueIdentifier), switchMap$1((uniqueIdentifier) => this.recordsRepository.getRecordPublicationStatus(uniqueIdentifier)), map$1((isPublished$1) => isPublished({
+            isPublished: isPublished$1,
+        }))));
+        this.checkCanEditRecord$ = createEffect(() => this.actions$.pipe(ofType(openRecord), map$1(({ record }) => record.uniqueIdentifier), switchMap$1((uniqueIdentifier) => this.recordsRepository.canEditRecord(uniqueIdentifier)), map$1((canEditRecord$1) => canEditRecord({
+            canEditRecord: canEditRecord$1,
+        }))));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: MetadataQualityPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: MetadataQualityPanelComponent, isStandalone: true, selector: "gn-ui-metadata-quality-panel", inputs: { editorConfig: "editorConfig", record: "record" }, providers: [
-            provideIcons({
-                iconoirSystemShut,
-                iconoirBadgeCheck,
-            }),
-            provideNgIconsConfig({
-                size: '1.25em',
-            }),
-        ], usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"flex flex-col h-full w-[302px] border-l border-gray-300 py-8 px-3 gap-3 overflow-auto\"\n  style=\"background-color: #fafaf9\"\n>\n  <div class=\"flex flex-row px-2 justify-between\">\n    <span class=\"text-3xl font-title text-black/80\" translate\n      >editor.record.form.metadataQuality.title</span\n    >\n  </div>\n  @for (properties of propertiesByPage; track properties; let i = $index) {\n    <div class=\"flex flex-col gap-2\">\n      @for (property of properties; track property) {\n        <gn-ui-button\n          [extraClass]=\"getExtraClass(property.value)\"\n          type=\"outline\"\n          attr.data-cy=\"md-quality-btn-{{ property.label }}\"\n        >\n          <span>{{ property.label | translate }}</span>\n          <div class=\"flex flex-row gap-2 items-center\">\n            @if (property.value) {\n              <ng-icon class=\"text-primary\" name=\"iconoirBadgeCheck\"></ng-icon>\n            } @else {\n              <ng-icon\n                class=\"text-neutral-300\"\n                name=\"iconoirSystemShut\"\n              ></ng-icon>\n            }\n          </div>\n        </gn-ui-button>\n      }\n      @if (i !== propertiesByPage.length - 1) {\n        <hr class=\"border-gray-300 w-11/12 mx-auto\" />\n      }\n    </div>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: EditorEffects, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: EditorEffects }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: MetadataQualityPanelComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gn-ui-metadata-quality-panel', standalone: true, imports: [
-                        TranslateDirective,
-                        TranslatePipe,
-                        ButtonComponent,
-                        NgIconComponent,
-                    ], providers: [
-                        provideIcons({
-                            iconoirSystemShut,
-                            iconoirBadgeCheck,
-                        }),
-                        provideNgIconsConfig({
-                            size: '1.25em',
-                        }),
-                    ], template: "<div\n  class=\"flex flex-col h-full w-[302px] border-l border-gray-300 py-8 px-3 gap-3 overflow-auto\"\n  style=\"background-color: #fafaf9\"\n>\n  <div class=\"flex flex-row px-2 justify-between\">\n    <span class=\"text-3xl font-title text-black/80\" translate\n      >editor.record.form.metadataQuality.title</span\n    >\n  </div>\n  @for (properties of propertiesByPage; track properties; let i = $index) {\n    <div class=\"flex flex-col gap-2\">\n      @for (property of properties; track property) {\n        <gn-ui-button\n          [extraClass]=\"getExtraClass(property.value)\"\n          type=\"outline\"\n          attr.data-cy=\"md-quality-btn-{{ property.label }}\"\n        >\n          <span>{{ property.label | translate }}</span>\n          <div class=\"flex flex-row gap-2 items-center\">\n            @if (property.value) {\n              <ng-icon class=\"text-primary\" name=\"iconoirBadgeCheck\"></ng-icon>\n            } @else {\n              <ng-icon\n                class=\"text-neutral-300\"\n                name=\"iconoirSystemShut\"\n              ></ng-icon>\n            }\n          </div>\n        </gn-ui-button>\n      }\n      @if (i !== propertiesByPage.length - 1) {\n        <hr class=\"border-gray-300 w-11/12 mx-auto\" />\n      }\n    </div>\n  }\n</div>\n" }]
-        }], propDecorators: { editorConfig: [{
-                type: Input
-            }], record: [{
-                type: Input
-            }] } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: EditorEffects, decorators: [{
+            type: Injectable
+        }] });
+
+class FeatureEditorModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FeatureEditorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: FeatureEditorModule, imports: [i1.StoreFeatureModule, i2$2.EffectsFeatureModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FeatureEditorModule, providers: [EditorFacade, provideHttpClient()], imports: [StoreModule.forFeature(EDITOR_FEATURE_KEY, editorReducer),
+            EffectsModule.forFeature([EditorEffects])] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FeatureEditorModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        StoreModule.forFeature(EDITOR_FEATURE_KEY, editorReducer),
+                        EffectsModule.forFeature([EditorEffects]),
+                    ],
+                    providers: [EditorFacade, provideHttpClient()],
+                }]
+        }] });
 
 const ROUTER_STATE_KEY = 'router';
 const ROUTER_ROUTE_SEARCH = 'search';
@@ -44524,5 +44556,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ADD_RESULTS, ADD_SEARCH, AbstractAction, AbstractSearchField, ActionMenuComponent, AddLayerFromCatalogComponent, AddLayerRecordPreviewComponent, AddResults, AddSearch, AnchorLinkDirective, ApiCardComponent, ApplicationBannerComponent, AuthService, AutocompleteComponent, AvailableServicesField, AvatarComponent, AvatarServiceInterface, BASEMAP_LAYERS, BadgeComponent, BaseConverter, BaseFileReader, BaseReader, BlockListComponent, ButtonComponent, CLEAR_ERROR, CLEAR_RESULTS, CarouselComponent, CatalogTitleComponent, CellPopinComponent, ChartComponent, ChartViewComponent, CheckToggleComponent, CheckboxComponent, ClearError, ClearResults, ColorScaleComponent, ConfirmationDialogComponent, ContentGhostComponent, CopyTextButtonComponent, DEFAULT_GN4_LOGIN_URL, DEFAULT_GN4_LOGOUT_URL, DEFAULT_GN4_SETTINGS_URL, DEFAULT_LANG, DEFAULT_PAGE_SIZE, DEFAULT_RESULTS_LAYOUT_CONFIG, DEFAULT_SEARCH_KEY, DISABLE_AUTH, DO_NOT_USE_DEFAULT_BASEMAP, DataService, DataTableComponent, DataViewComponent, DataViewPermalinkComponent, DataViewShareComponent, DataViewWebComponentComponent, DatePickerComponent, DateRangeDropdownComponent, DateRangeInputsComponent, DateRangePickerComponent, DateRangeSearchField, DateService, DcatApConverter, DefaultRouterModule, DownloadItemComponent, DownloadsListComponent, DragAndDropFileInputComponent, DropdownMultiselectComponent, DropdownSelectorComponent, EDITOR_FEATURE_KEY, ES_QUERY_FIELDS_PRIORITY, ES_RESOURCES_VALUES, ES_SOURCE_SUMMARY, EXTERNAL_VIEWER_OPEN_NEW_TAB, EXTERNAL_VIEWER_URL_TEMPLATE, EditableLabelDirective, EditorFacade, EditorService, ElasticsearchService, EmbeddedTranslateLoader, ErrorComponent, ErrorType, ExpandablePanelButtonComponent, ExpandablePanelComponent, ExternalLinkCardComponent, ExternalViewerButtonComponent, FIELDS_BRIEF, FIELDS_SUMMARY, FILTER_GEOMETRY, FILTER_SUMMARY_IGNORE_LIST, FORMATS, FacetBlockComponent, FacetItemComponent, FacetListComponent, FacetsContainerComponent, FavoriteStarComponent, FavoritesService, FeatureCatalogListComponent, FeatureDetailComponent, FeatureEditorModule, FeatureMapModule, FeatureRecordModule, FeatureSearchModule, FetchError, FieldsService, FigureComponent, FigureContainerComponent, FileInputComponent, FileTranslateLoader, FilesDropDirective, FilterDropdownComponent, FormFieldArrayComponent, FormFieldComponent, FormFieldDateComponent, FormFieldFileComponent, FormFieldKeywordsComponent, FormFieldLicenseComponent, FormFieldObjectComponent, FormFieldRichComponent, FormFieldSimpleComponent, FormFieldSpatialExtentComponent, FormFieldTemporalExtentsComponent, FormFieldTopicsComponent, FormFieldWrapperComponent, FullTextSearchField, FuzzySearchComponent, GEONETWORK_UI_TAG_NAME, GEONETWORK_UI_VERSION, GeoDataBadgeComponent, GeoTableViewComponent, GeocodingComponent, GeojsonReader, Gn4Converter, Gn4PlatformMapper, Gn4PlatformService, Gn4Repository, Gn4SettingsService, GnUiHumanizeDateDirective, GpfApiDlComponent, GravatarService, HttpLoaderFactory, I18nInterceptor, ImageFallbackDirective, ImageInputComponent, ImageOverlayPreviewComponent, ImportRecordComponent, InlineFilterComponent, InteractiveTableColumnComponent, InteractiveTableComponent, InternalLinkCardComponent, IsSpatialSearchField, Iso191153Converter, Iso19139Converter, KindBadgeComponent, LANGUAGES_LIST, LANGUAGE_NAMES, LANGUAGE_STORAGE_KEY, LANG_2_TO_3_MAPPER, LOGIN_URL, LOGOUT_URL, LONLAT_CRS_CODES, LanguageSwitcherComponent, LayersPanelComponent, LicenseSearchField, LinkClassifierService, LinkUsage, LoadingMaskComponent, LogService, MAP_FEATURE_KEY, MAP_VIEW_CONSTRAINTS, METADATA_LANGUAGE, MapContainerComponent, MapFacade, MapLegendComponent, MapStateContainerComponent, MapStyleService, MapUtilsService, MapViewComponent, MarkdownEditorComponent, MarkdownParserComponent, MaxLinesComponent, mdview_actions as MdViewActions, MdViewFacade, MetadataCatalogComponent, MetadataContactComponent, MetadataDoiComponent, MetadataInfoComponent, MetadataLinkType, MetadataMapperContext, MetadataQualityComponent, MetadataQualityItemComponent, MetadataQualityPanelComponent, ModalDialogComponent, MultilingualPanelComponent, MultilingualSearchField, MyOrgService, NAMESPACES, NOT_APPLICABLE_CONSTRAINT, NOT_KNOWN_CONSTRAINT, NotificationComponent, NotificationsContainerComponent, NotificationsService, ORGANIZATIONS_STRATEGY, ORGANIZATION_PAGE_URL_TOKEN, ORGANIZATION_URL_TOKEN, OrganisationPreviewComponent, OrganisationsComponent, OrganisationsFilterComponent, OrganisationsResultComponent, OrganizationSearchField, OrganizationsFromGroupsService, OrganizationsFromMetadataService, OrganizationsServiceInterface, OwnerSearchField, PAGINATE, PARSE_DELIMITER, PATCH_RESULTS_AGGREGATIONS, PROXY_PATH, Paginate, PaginationButtonsComponent, PaginationComponent, PaginationDotsComponent, PatchResultsAggregations, PlatformServiceInterface, PopoverComponent, PopupAlertComponent, PossibleResourceTypes, PossibleResourceTypesDefinition, PreviousNextButtonsComponent, ProgressBarComponent, ProxyService, QUERY_FIELDS, RECORD_DATASET_URL_TOKEN, RECORD_REUSE_URL_TOKEN, RECORD_SERVICE_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_REUSE, ROUTER_ROUTE_SEARCH, ROUTER_ROUTE_SERVICE, ROUTER_STATE_KEY, ROUTE_PARAMS, RecordApiFormComponent, RecordFormComponent, RecordKindField, RecordMetaComponent, RecordMetricComponent, RecordPreviewCardComponent, RecordPreviewComponent, RecordPreviewFeedComponent, RecordPreviewListComponent, RecordPreviewRowComponent, RecordPreviewTextComponent, RecordPreviewTitleComponent, RecordsMetricsComponent, RecordsRepositoryInterface, RecordsService, RequestMoreOnAggregation, RequestMoreResults, RequestNewResults, ResourceTypeLegacyField, ResultsHitsContainerComponent, ResultsHitsNumberComponent, ResultsHitsSearchKindComponent, ResultsLayoutComponent, ResultsLayoutConfigItem, ResultsListComponent, ResultsListContainerComponent, ResultsListItemComponent, ResultsTableComponent, ResultsTableContainerComponent, ReusePresentationForms, RouterEffects, RouterFacade, RouterService, SEARCH_FEATURE_KEY, SETTINGS_URL, SET_CONFIG_AGGREGATIONS, SET_CONFIG_FILTERS, SET_CONFIG_REQUEST_FIELDS, SET_ERROR, SET_FAVORITES_ONLY, SET_FILTERS, SET_INCLUDE_ON_AGGREGATION, SET_PAGE_SIZE, SET_RESULTS_AGGREGATIONS, SET_RESULTS_HITS, SET_RESULTS_LAYOUT, SET_SEARCH, SET_SORT_BY, SET_SPATIAL_FILTER_ENABLED, SearchEffects, SearchFacade, SearchFeatureCatalogComponent, SearchFiltersSummaryComponent, SearchFiltersSummaryItemComponent, SearchInputComponent, SearchRouterContainerDirective, SearchService, SearchStateContainerDirective, SelectionService, ServiceCapabilitiesComponent, SetConfigAggregations, SetConfigFilters, SetConfigRequestFields, SetError, SetFavoritesOnly, SetFilters, SetIncludeOnAggregation, SetPageSize, SetResultsAggregations, SetResultsHits, SetResultsLayout, SetSearch, SetSortBy, SetSpatialFilterEnabled, SimpleSearchField, SiteTitleComponent, SortByComponent, SortableListComponent, SourceLabelComponent, SourcesService, SpatialExtentComponent, SpinningLoaderComponent, StacItemsResultGridComponent, StacViewComponent, StarToggleComponent, StickyHeaderComponent, SupportedTypes, SwitchToggleComponent, THUMBNAIL_PLACEHOLDER, TRANSLATE_DEBUG_CONFIG, TRANSLATE_DEFAULT_CONFIG, TRANSLATE_WITH_OVERRIDES_CONFIG, TableViewComponent, TextAreaComponent, TextInputComponent, ThemeService, ThumbnailComponent, TranslatedSearchField, TruncatedTextComponent, UPDATE_CONFIG_AGGREGATIONS, UPDATE_FILTERS, UPDATE_REQUEST_AGGREGATION_TERM, UpdateConfigAggregations, UpdateFilters, UrlInputComponent, UserFeedbackItemComponent, UserPreviewComponent, UserSearchField, VECTOR_STYLE_DEFAULT, ViewportIntersectorComponent, WEB_COMPONENT_EMBEDDER_URL, XmlParseError, _reset, allChildrenElement, appConfigWithTranslationFixture, appendChildTree, appendChildren, assertValidXml, blockModelFixture, bytesToMegabytes, canEditRecord, checkFileFormat, clearSelectedFeatures, createChild, createDocument, createElement, createFuzzyFilter, createNestedChild, createNestedElement, currentPage, defaultMapStyleFixture, defaultMapStyleHlFixture, downgradeImage, downsizeImage, draftSaveSuccess, dragPanCondition, dropEmptyTranslations, editorReducer, emptyBlockModelFixture, findChildElement, findChildOrCreate, findChildrenElement, findConverterForDocument, findNestedChildOrCreate, findNestedElement, findNestedElements, findParent, firstChildElement, formatDate, formatUserInfo, getAllKeysValidator, getArrayItem, getAsArray, getAsUrl, getBadgeColor, getCustomTranslations, getError, getFavoritesOnly, getFileFormat, getFileFormatFromServiceOutput, getFirstValue, getFormatPriority, getGeometryBoundingBox, getGeometryFromGeoJSON, getGlobalConfig, getIsMobile, getJsonDataItemsProxy, getLayers, getLinkId, getLinkLabel, getLinkPriority, getMapContext, getMapContextLayerFromConfig, getMapState, getMetadataQualityConfig, getMimeTypeForFormat, getNamespace, getOptionalMapConfig, getOptionalSearchConfig, getPageSize, getQualityValidators, getResourceType, getReusePresentationForm, getReuseType, getRootElement, getSearchConfigAggregations, getSearchFilters, getSearchResults, getSearchResultsAggregations, getSearchResultsHits, getSearchResultsLayout, getSearchResultsLoading, getSearchSortBy, getSearchState, getSearchStateSearch, getSelectedFeatures, getSpatialFilterEnabled, getTemporalRangeUnion, getThemeConfig, handleScrollOnNavigation, hasRecordChangedSinceDraft, hasRecordChangedSinceDraftSuccess, initSearch, initialEditorState, initialMapState, initialState, isConfigLoaded, isDateRange, isFormatInQueryParam, isPublished, itemModelFixture, kindToCodeListValue, loadAppConfig, malformedConfigFixture, mapConfigFixture, mapContact, mapKeywords, mapLogo, mapOrganization, mapReducer, markRecordAsChanged, matchesNoApplicableConstraint, matchesNoKnownConstraint, megabytesToBytes, mimeTypeToFormat, minimalAppConfigFixture, missingMandatoryConfigFixture, mouseWheelZoomCondition, noDuplicateFileName, okAppConfigFixture, openDataset, openRecord, organizationsServiceFactory, parse, parseXmlString, placeholder, prioritizePageScroll, propagateToDocumentOnly, provideGn4, provideI18n, provideRepositoryUrl, readAttribute, readDataset, readDatasetHeaders, readText, reducer$2 as reducer, reducerSearch, removeAllChildren, removeChildren, removeChildrenByName, removeSearchParams, removeWhitespace, renameElements, saveRecord, saveRecordFailure, saveRecordSuccess, selectCanEditRecord, selectCurrentPage, selectEditorConfig, selectEditorState, selectFallback, selectFallbackFields, selectField, selectHasRecordChanged, selectIsPublished, selectRecord, selectRecordChangedSinceSave, selectRecordSaveError, selectRecordSaving, selectRecordSections, selectRecordSource, selectTranslatedField, selectTranslatedValue, setContext, setCurrentPage, setFieldVisibility, setSelectedFeatures, setTextContent, someHabTableItemFixture, sortByFromString, sortByToString, sortByToStrings, stripHtml, stripNamespace, tableItemsFixture, toDate, toLang2, toLang3, totalPages, undoRecordDraft, unrecognizedKeysConfigFixture, updateLanguages, updateRecordField, updateRecordLanguages, wmsLayerFlatten, writeAttribute, wrongLanguageCodeConfigFixture, xmlToString };
+export { ABOUT_SECTION, ADD_RESULTS, ADD_SEARCH, ANNEXES_SECTION, ASSOCIATED_RESOURCES_SECTION, AVAILABLE_LICENSES, AbstractAction, AbstractSearchField, ActionMenuComponent, AddLayerFromCatalogComponent, AddLayerRecordPreviewComponent, AddResults, AddSearch, AnchorLinkDirective, ApiCardComponent, ApplicationBannerComponent, AuthService, AutocompleteComponent, AvailableServicesField, AvatarComponent, AvatarServiceInterface, BASEMAP_LAYERS, BadgeComponent, BaseConverter, BaseFileReader, BaseReader, BlockListComponent, ButtonComponent, CLASSIFICATION_SECTION, CLEAR_ERROR, CLEAR_RESULTS, CONSTRAINTS_SHORTCUTS, CONTACTS, CONTACTS_FOR_RESOURCE_FIELD, CarouselComponent, CatalogTitleComponent, CellPopinComponent, ChartComponent, ChartViewComponent, CheckToggleComponent, CheckboxComponent, ClearError, ClearResults, ColorScaleComponent, ConfirmationDialogComponent, ContentGhostComponent, CopyTextButtonComponent, DATA_MANAGERS_SECTION, DEFAULT_CONFIGURATION, DEFAULT_GN4_LOGIN_URL, DEFAULT_GN4_LOGOUT_URL, DEFAULT_GN4_SETTINGS_URL, DEFAULT_LANG, DEFAULT_PAGE_SIZE, DEFAULT_RESULTS_LAYOUT_CONFIG, DEFAULT_SEARCH_KEY, DISABLE_AUTH, DO_NOT_USE_DEFAULT_BASEMAP, DataService, DataTableComponent, DataViewComponent, DataViewPermalinkComponent, DataViewShareComponent, DataViewWebComponentComponent, DatePickerComponent, DateRangeDropdownComponent, DateRangeInputsComponent, DateRangePickerComponent, DateRangeSearchField, DateService, DcatApConverter, DefaultRouterModule, DownloadItemComponent, DownloadsListComponent, DragAndDropFileInputComponent, DropdownMultiselectComponent, DropdownSelectorComponent, EDITOR_FEATURE_KEY, ES_QUERY_FIELDS_PRIORITY, ES_RESOURCES_VALUES, ES_SOURCE_SUMMARY, EXTERNAL_VIEWER_OPEN_NEW_TAB, EXTERNAL_VIEWER_URL_TEMPLATE, EditableLabelDirective, EditorFacade, EditorService, ElasticsearchService, EmbeddedTranslateLoader, ErrorComponent, ErrorType, ExpandablePanelButtonComponent, ExpandablePanelComponent, ExternalLinkCardComponent, ExternalViewerButtonComponent, FIELDS_BRIEF, FIELDS_SUMMARY, FILTER_GEOMETRY, FILTER_SUMMARY_IGNORE_LIST, FORMATS, FacetBlockComponent, FacetItemComponent, FacetListComponent, FacetsContainerComponent, FavoriteStarComponent, FavoritesService, FeatureCatalogListComponent, FeatureDetailComponent, FeatureEditorModule, FeatureMapModule, FeatureRecordModule, FeatureSearchModule, FetchError, FieldsService, FigureComponent, FigureContainerComponent, FileInputComponent, FileTranslateLoader, FilesDropDirective, FilterDropdownComponent, FormFieldArrayComponent, FormFieldComponent, FormFieldDateComponent, FormFieldFileComponent, FormFieldKeywordsComponent, FormFieldLicenseComponent, FormFieldObjectComponent, FormFieldRichComponent, FormFieldSimpleComponent, FormFieldSpatialExtentComponent, FormFieldTemporalExtentsComponent, FormFieldTopicsComponent, FormFieldWrapperComponent, FullTextSearchField, FuzzySearchComponent, GEOGRAPHICAL_COVERAGE_SECTION, GEONETWORK_UI_TAG_NAME, GEONETWORK_UI_VERSION, GeoDataBadgeComponent, GeoTableViewComponent, GeocodingComponent, GeojsonReader, Gn4Converter, Gn4PlatformMapper, Gn4PlatformService, Gn4Repository, Gn4SettingsService, GnUiHumanizeDateDirective, GpfApiDlComponent, GravatarService, HttpLoaderFactory, I18nInterceptor, INSPIRE_TOPICS, ImageFallbackDirective, ImageInputComponent, ImageOverlayPreviewComponent, ImportRecordComponent, InlineFilterComponent, InteractiveTableColumnComponent, InteractiveTableComponent, InternalLinkCardComponent, IsSpatialSearchField, Iso191153Converter, Iso19139Converter, KindBadgeComponent, LANGUAGES_LIST, LANGUAGE_NAMES, LANGUAGE_STORAGE_KEY, LANG_2_TO_3_MAPPER, LEGAL_CONSTRAINTS_FIELD, LOGIN_URL, LOGOUT_URL, LONLAT_CRS_CODES, LanguageSwitcherComponent, LayersPanelComponent, LicenseSearchField, LinkClassifierService, LinkUsage, LoadingMaskComponent, LogService, MAP_FEATURE_KEY, MAP_VIEW_CONSTRAINTS, MAX_UPLOAD_SIZE_MB, METADATA_LANGUAGE, METADATA_POINT_OF_CONTACT_SECTION, MapContainerComponent, MapFacade, MapLegendComponent, MapStateContainerComponent, MapStyleService, MapUtilsService, MapViewComponent, MarkdownEditorComponent, MarkdownParserComponent, MaxLinesComponent, mdview_actions as MdViewActions, MdViewFacade, MetadataCatalogComponent, MetadataContactComponent, MetadataDoiComponent, MetadataInfoComponent, MetadataLinkType, MetadataMapperContext, MetadataQualityComponent, MetadataQualityItemComponent, MetadataQualityPanelComponent, ModalDialogComponent, MultilingualPanelComponent, MultilingualSearchField, MyOrgService, NAMESPACES, NOT_APPLICABLE_CONSTRAINT, NOT_KNOWN_CONSTRAINT, NotificationComponent, NotificationsContainerComponent, NotificationsService, OPEN_DATA_LICENSE, ORGANIZATIONS_STRATEGY, ORGANIZATION_PAGE_URL_TOKEN, ORGANIZATION_URL_TOKEN, OTHER_CONSTRAINTS_FIELD, OrganisationPreviewComponent, OrganisationsComponent, OrganisationsFilterComponent, OrganisationsResultComponent, OrganizationSearchField, OrganizationsFromGroupsService, OrganizationsFromMetadataService, OrganizationsServiceInterface, OwnerSearchField, PAGINATE, PARSE_DELIMITER, PATCH_RESULTS_AGGREGATIONS, PROXY_PATH, Paginate, PaginationButtonsComponent, PaginationComponent, PaginationDotsComponent, PatchResultsAggregations, PlatformServiceInterface, PopoverComponent, PopupAlertComponent, PossibleResourceTypes, PossibleResourceTypesDefinition, PreviousNextButtonsComponent, ProgressBarComponent, ProxyService, QUERY_FIELDS, RECORD_ABSTRACT_FIELD, RECORD_DATASET_URL_TOKEN, RECORD_GRAPHICAL_OVERVIEW_FIELD, RECORD_KEYWORDS_FIELD, RECORD_LICENSE_FIELD, RECORD_ONLINE_LINK_RESOURCES, RECORD_ONLINE_RESOURCES, RECORD_RESOURCE_CREATED_FIELD, RECORD_RESOURCE_UPDATED_FIELD, RECORD_REUSE_URL_TOKEN, RECORD_SERVICE_URL_TOKEN, RECORD_SPATIAL_EXTENTS_FIELD, RECORD_SPATIAL_TOGGLE_FIELD, RECORD_TEMPORAL_EXTENTS_FIELD, RECORD_TITLE_FIELD, RECORD_TOPICS_FIELD, RECORD_UNIQUE_IDENTIFIER_FIELD, RECORD_UPDATED_FIELD, RECORD_UPDATE_FREQUENCY_FIELD, REQUEST_MORE_ON_AGGREGATION, REQUEST_MORE_RESULTS, REQUEST_NEW_RESULTS, RESOURCE_IDENTIFIER_FIELD, RESULTS_LAYOUT_CONFIG, ROUTER_CONFIG, ROUTER_ROUTE_DATASET, ROUTER_ROUTE_ORGANIZATION, ROUTER_ROUTE_REUSE, ROUTER_ROUTE_SEARCH, ROUTER_ROUTE_SERVICE, ROUTER_STATE_KEY, ROUTE_PARAMS, RecordApiFormComponent, RecordFormComponent, RecordKindField, RecordMetaComponent, RecordMetricComponent, RecordPreviewCardComponent, RecordPreviewComponent, RecordPreviewFeedComponent, RecordPreviewListComponent, RecordPreviewRowComponent, RecordPreviewTextComponent, RecordPreviewTitleComponent, RecordsMetricsComponent, RecordsRepositoryInterface, RecordsService, RequestMoreOnAggregation, RequestMoreResults, RequestNewResults, ResourceTypeLegacyField, ResultsHitsContainerComponent, ResultsHitsNumberComponent, ResultsHitsSearchKindComponent, ResultsLayoutComponent, ResultsLayoutConfigItem, ResultsListComponent, ResultsListContainerComponent, ResultsListItemComponent, ResultsTableComponent, ResultsTableContainerComponent, ReusePresentationForms, RouterEffects, RouterFacade, RouterService, SEARCH_FEATURE_KEY, SECURITY_CONSTRAINTS_FIELD, SETTINGS_URL, SET_CONFIG_AGGREGATIONS, SET_CONFIG_FILTERS, SET_CONFIG_REQUEST_FIELDS, SET_ERROR, SET_FAVORITES_ONLY, SET_FILTERS, SET_INCLUDE_ON_AGGREGATION, SET_PAGE_SIZE, SET_RESULTS_AGGREGATIONS, SET_RESULTS_HITS, SET_RESULTS_LAYOUT, SET_SEARCH, SET_SORT_BY, SET_SPATIAL_FILTER_ENABLED, SPATIAL_SCOPES, SearchEffects, SearchFacade, SearchFeatureCatalogComponent, SearchFiltersSummaryComponent, SearchFiltersSummaryItemComponent, SearchInputComponent, SearchRouterContainerDirective, SearchService, SearchStateContainerDirective, SelectionService, ServiceCapabilitiesComponent, SetConfigAggregations, SetConfigFilters, SetConfigRequestFields, SetError, SetFavoritesOnly, SetFilters, SetIncludeOnAggregation, SetPageSize, SetResultsAggregations, SetResultsHits, SetResultsLayout, SetSearch, SetSortBy, SetSpatialFilterEnabled, SimpleSearchField, SiteTitleComponent, SortByComponent, SortableListComponent, SourceLabelComponent, SourcesService, SpatialExtentComponent, SpinningLoaderComponent, StacItemsResultGridComponent, StacViewComponent, StarToggleComponent, StickyHeaderComponent, SupportedTypes, SwitchToggleComponent, THUMBNAIL_PLACEHOLDER, TITLE_SECTION, TOPICS_SECTION, TRANSLATE_DEBUG_CONFIG, TRANSLATE_DEFAULT_CONFIG, TRANSLATE_WITH_OVERRIDES_CONFIG, TableViewComponent, TextAreaComponent, TextInputComponent, ThemeService, ThumbnailComponent, TranslatedSearchField, TruncatedTextComponent, UPDATE_CONFIG_AGGREGATIONS, UPDATE_FILTERS, UPDATE_REQUEST_AGGREGATION_TERM, USE_AND_ACCESS_CONDITIONS_SECTION, UpdateConfigAggregations, UpdateFilters, UrlInputComponent, UserFeedbackItemComponent, UserPreviewComponent, UserSearchField, VECTOR_STYLE_DEFAULT, ViewportIntersectorComponent, WEB_COMPONENT_EMBEDDER_URL, XmlParseError, _reset, allChildrenElement, appConfigWithTranslationFixture, appendChildTree, appendChildren, assertValidXml, blockModelFixture, bytesToMegabytes, canEditRecord, checkFileFormat, clearSelectedFeatures, createChild, createDocument, createElement, createFuzzyFilter, createNestedChild, createNestedElement, currentPage, defaultMapStyleFixture, defaultMapStyleHlFixture, downgradeImage, downsizeImage, draftSaveSuccess, dragPanCondition, dropEmptyTranslations, editorReducer, emptyBlockModelFixture, findChildElement, findChildOrCreate, findChildrenElement, findConverterForDocument, findNestedChildOrCreate, findNestedElement, findNestedElements, findParent, firstChildElement, formatDate, formatUserInfo, getAllKeysValidator, getArrayItem, getAsArray, getAsUrl, getBadgeColor, getCustomTranslations, getError, getFavoritesOnly, getFileFormat, getFileFormatFromServiceOutput, getFirstValue, getFormatPriority, getGeometryBoundingBox, getGeometryFromGeoJSON, getGlobalConfig, getIsMobile, getJsonDataItemsProxy, getLayers, getLinkId, getLinkLabel, getLinkPriority, getMapContext, getMapContextLayerFromConfig, getMapState, getMetadataQualityConfig, getMimeTypeForFormat, getNamespace, getOptionalMapConfig, getOptionalSearchConfig, getPageSize, getQualityValidators, getResourceType, getReusePresentationForm, getReuseType, getRootElement, getSearchConfigAggregations, getSearchFilters, getSearchResults, getSearchResultsAggregations, getSearchResultsHits, getSearchResultsLayout, getSearchResultsLoading, getSearchSortBy, getSearchState, getSearchStateSearch, getSelectedFeatures, getSpatialFilterEnabled, getTemporalRangeUnion, getThemeConfig, handleScrollOnNavigation, hasRecordChangedSinceDraft, hasRecordChangedSinceDraftSuccess, initSearch, initialEditorState, initialMapState, initialState, isConfigLoaded, isDateRange, isFormatInQueryParam, isPublished, itemModelFixture, kindToCodeListValue, loadAppConfig, malformedConfigFixture, mapConfigFixture, mapContact, mapKeywords, mapLogo, mapOrganization, mapReducer, markRecordAsChanged, matchesNoApplicableConstraint, matchesNoKnownConstraint, megabytesToBytes, mimeTypeToFormat, minimalAppConfigFixture, missingMandatoryConfigFixture, mouseWheelZoomCondition, noDuplicateFileName, okAppConfigFixture, openDataset, openRecord, organizationsServiceFactory, parse, parseXmlString, placeholder, prioritizePageScroll, propagateToDocumentOnly, provideGn4, provideI18n, provideRepositoryUrl, readAttribute, readDataset, readDatasetHeaders, readText, reducer$2 as reducer, reducerSearch, removeAllChildren, removeChildren, removeChildrenByName, removeSearchParams, removeWhitespace, renameElements, saveRecord, saveRecordFailure, saveRecordSuccess, selectCanEditRecord, selectCurrentPage, selectEditorConfig, selectEditorState, selectFallback, selectFallbackFields, selectField, selectHasRecordChanged, selectIsPublished, selectRecord, selectRecordChangedSinceSave, selectRecordSaveError, selectRecordSaving, selectRecordSections, selectRecordSource, selectTranslatedField, selectTranslatedValue, setContext, setCurrentPage, setEditorConfiguration, setFieldVisibility, setSelectedFeatures, setTextContent, someHabTableItemFixture, sortByFromString, sortByToString, sortByToStrings, stripHtml, stripNamespace, tableItemsFixture, toDate, toLang2, toLang3, totalPages, undoRecordDraft, unrecognizedKeysConfigFixture, updateLanguages, updateRecordField, updateRecordLanguages, wmsLayerFlatten, writeAttribute, wrongLanguageCodeConfigFixture, xmlToString };
 //# sourceMappingURL=geonetwork-ui.mjs.map