geonetwork-ui 2.4.1-dev.7a0dc5e3f → 2.4.1-dev.9ee0df3df

package/fesm2022/geonetwork-ui.mjs

@@ -3,6 +3,7 @@ export { XmlDocument, XmlElement } from '@rgrove/parse-xml';
 import GML32 from 'ol/format/GML32';
 import GeoJSON from 'ol/format/GeoJSON';
 import { parse as parse$1 } from 'ol/xml';
+import { marker } from '@biesbjerg/ngx-translate-extract-marker';
 import { format } from 'date-fns/format';
 import { Namespace, Literal, lit, parse as parse$2, sym, BlankNode, graph } from 'rdflib';
 import * as i0 from '@angular/core';
@@ -14,7 +15,6 @@ import { TranslateCompiler, TranslateLoader, TranslateModule, TranslateService }
 import { TranslateMessageFormatCompiler } from 'ngx-translate-messageformat-compiler';
 import { TranslateHttpLoader } from '@ngx-translate/http-loader';
 import { map as map$1, catchError, tap as tap$1, shareReplay, filter, startWith, withLatestFrom, switchMap as switchMap$1, take, mergeMap, throttleTime, distinctUntilChanged, debounceTime, finalize, first as first$1, share, pairwise, delay, defaultIfEmpty, toArray } from 'rxjs/operators';
-import { marker } from '@biesbjerg/ngx-translate-extract-marker';
 import * as i1$2 from '@angular/common';
 import { CommonModule, NgOptimizedImage, DatePipe, NgIf, NgForOf } from '@angular/common';
 import { of, map as map$2, lastValueFrom, Subject, switchMap, combineLatest, exhaustMap, throwError, from, forkJoin, takeLast, firstValueFrom, merge, BehaviorSubject, fromEvent, animationFrameScheduler, ReplaySubject, Subscription, first, distinctUntilChanged as distinctUntilChanged$1, filter as filter$1, tap as tap$2, Observable, buffer, debounceTime as debounceTime$1, combineLatestWith, catchError as catchError$1, timer, takeUntil, EMPTY, mergeMap as mergeMap$1, startWith as startWith$1, withLatestFrom as withLatestFrom$1, shareReplay as shareReplay$1, pairwise as pairwise$1 } from 'rxjs';
@@ -25,7 +25,7 @@ import { createAction, props, createReducer, on, createFeatureSelector, createSe
 import EmblaCarousel from 'embla-carousel';
 import * as i2$2 from '@ng-icons/core';
 import { provideIcons, NgIcon, NgIconComponent, provideNgIconsConfig, NgIconsModule } from '@ng-icons/core';
-import { iconoirNavArrowRight, iconoirNavArrowLeft, iconoirNavArrowDown, iconoirNavArrowUp, iconoirSearch, iconoirCalendar, iconoirLink, iconoirArrowUp, iconoirMediaImage, iconoirFramePlusIn, iconoirMediaImageXmark, iconoirBin, iconoirPlus, iconoirCloudUpload, iconoirUser, iconoirImport, iconoirLightBulbOn, iconoirArrowLeft, iconoirAttachment } from '@ng-icons/iconoir';
+import { iconoirNavArrowRight, iconoirNavArrowLeft, iconoirNavArrowDown, iconoirNavArrowUp, iconoirSearch, iconoirCalendar, iconoirLink, iconoirArrowUp, iconoirCloudUpload, iconoirFramePlusIn, iconoirMediaImage, iconoirMediaImageXmark, iconoirBin, iconoirPlus, iconoirUser, iconoirImport, iconoirLightBulbOn, iconoirArrowLeft, iconoirAttachment } from '@ng-icons/iconoir';
 import { matExpandMore, matExpandLess, matAdd, matRemove, matClose, matContentCopy, matSearch, matStar, matStarBorder, matChevronLeft, matChevronRight, matArrowForward, matArrowBack, matCheck, matWarningAmber, matMoreHoriz, matFace, matQuestionMark, matMoodBad, matZoomOutMap, matOpenInNew, matMailOutline, matPersonOutline, matCheckCircleOutline, matMoreVert, matCorporateFare } from '@ng-icons/material-icons/baseline';
 import * as i1$4 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
@@ -50,10 +50,10 @@ import * as i1$8 from '@angular/material/datepicker';
 import { MatDatepickerModule } from '@angular/material/datepicker';
 import * as i1$9 from '@angular/cdk/overlay';
 import { CdkConnectedOverlay, OverlayModule, CdkOverlayOrigin } from '@angular/cdk/overlay';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
 import * as i1$a from '@angular/material/button-toggle';
 import { MatButtonToggleModule } from '@angular/material/button-toggle';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
 import * as i1$b from '@angular/material/dialog';
 import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
 import * as i2$3 from '@angular/material/tabs';
@@ -101,12 +101,12 @@ import axios from 'axios';
 import * as i1$e from '@angular/platform-browser';
 import { MomentDateAdapter, MAT_MOMENT_DATE_ADAPTER_OPTIONS } from '@angular/material-moment-adapter';
 import { Polygon } from 'ol/geom';
-import * as i3$2 from '@angular/material/radio';
+import * as i4$1 from '@angular/material/radio';
 import { MatRadioModule } from '@angular/material/radio';
 import { MatIconModule } from '@angular/material/icon';
-import * as i4$1 from '@angular/cdk/text-field';
+import * as i4$2 from '@angular/cdk/text-field';
 import { TextFieldModule } from '@angular/cdk/text-field';
-import * as i3$3 from '@ngrx/router-store';
+import * as i3$2 from '@ngrx/router-store';
 import { getRouterSelectors, routerReducer, StoreRouterConnectingModule, FullRouterStateSerializer } from '@ngrx/router-store';
 import { navigation } from '@ngrx/router-store/data-persistence';
 
@@ -785,68 +785,110 @@ function getStatusFromStatusCode(statusCode) {
     }
 }
 
+const RoleValues = [
+    'unspecified',
+    'other',
+    'author', // Party who authored the resource
+    'collaborator', // party who assists with the generation of the resource other than the principal investigator
+    'contributor', // party contributing to the resource
+    'custodian', // Party that accepts accountability and responsibility for the data and ensures appropriate care and maintenance of the resource
+    'distributor', // Party who distributes the resource
+    'editor', // party who reviewed or modified the resource to improve the content
+    'funder', // party providing monetary support for the resource
+    'mediator', // a class of entity that mediates access to the resource and for whom the resource is intended or useful
+    'originator', // Party who created the resource
+    'owner', // Party that owns the resource
+    'point_of_contact', // Party who can be contacted for acquiring knowledge about or acquisition of the resource
+    'principal_investigator', // Key party responsible for gathering information and conducting research
+    'processor', // Party who has processed the data in a manner such that the resource has been modified
+    'publisher', // Party who published the resource
+    'resource_provider', // Party that supplies the resource
+    'rights_holder', // party owning or managing rights over the resource
+    'sponsor', // party that sponsors the resource
+    'stakeholder', // party who has an interest in the resource or the use of the resource
+    'user', // Party who uses the resource
+];
+const RoleLabels = new Map([
+    ['unspecified', marker('domain.contact.role.unspecified')],
+    ['other', marker('domain.contact.role.other')],
+    ['author', marker('domain.contact.role.author')],
+    ['collaborator', marker('domain.contact.role.collaborator')],
+    ['contributor', marker('domain.contact.role.contributor')],
+    ['custodian', marker('domain.contact.role.custodian')],
+    ['distributor', marker('domain.contact.role.distributor')],
+    ['editor', marker('domain.contact.role.editor')],
+    ['funder', marker('domain.contact.role.funder')],
+    ['mediator', marker('domain.contact.role.mediator')],
+    ['originator', marker('domain.contact.role.originator')],
+    ['owner', marker('domain.contact.role.owner')],
+    ['point_of_contact', marker('domain.contact.role.point_of_contact')],
+    [
+        'principal_investigator',
+        marker('domain.contact.role.principal_investigator'),
+    ],
+    ['processor', marker('domain.contact.role.processor')],
+    ['publisher', marker('domain.contact.role.publisher')],
+    ['resource_provider', marker('domain.contact.role.resource_provider')],
+    ['rights_holder', marker('domain.contact.role.rights_holder')],
+    ['sponsor', marker('domain.contact.role.sponsor')],
+    ['stakeholder', marker('domain.contact.role.stakeholder')],
+    ['user', marker('domain.contact.role.user')],
+]);
+
+marker('domain.record.updateFrequency.unknown');
+marker('domain.record.updateFrequency.notPlanned');
+marker('domain.record.updateFrequency.asNeeded');
+marker('domain.record.updateFrequency.irregular');
+marker('domain.record.updateFrequency.continual');
+marker('domain.record.updateFrequency.periodic');
+const updateFrequencyCodeValues = [
+    'unknown',
+    'notPlanned',
+    'asNeeded',
+    'irregular',
+    'continual',
+    'periodic',
+    'daily',
+    'weekly',
+    'fortnightly',
+    'semimonthly',
+    'monthly',
+    'quarterly',
+    'biannually',
+    'annually',
+    'biennially',
+];
+marker('domain.record.updateFrequency.day');
+marker('domain.record.updateFrequency.week');
+marker('domain.record.updateFrequency.month');
+marker('domain.record.updateFrequency.year');
+marker('domain.record.updateFrequency.daily');
+marker('domain.record.updateFrequency.weekly');
+marker('domain.record.updateFrequency.fortnightly');
+marker('domain.record.updateFrequency.monthly');
+marker('domain.record.updateFrequency.quarterly');
+marker('domain.record.updateFrequency.biannually');
+marker('domain.record.updateFrequency.annually');
+marker('domain.record.updateFrequency.semimonthly');
+marker('domain.record.updateFrequency.biennially');
+marker('domain.record.status.completed');
+marker('domain.record.status.ongoing');
+marker('domain.record.status.under_development');
+marker('domain.record.status.deprecated');
+marker('domain.record.status.removed');
+const RecordStatusValues = [
+    'completed',
+    'ongoing',
+    'under_development',
+    'deprecated',
+    'removed',
+];
+
 function getUpdateFrequencyFromFrequencyCode(frequencyCode) {
-    switch (frequencyCode) {
-        case 'asNeeded':
-            return 'asNeeded';
-        case 'unknown':
-            return 'unknown';
-        case 'irregular':
-            return 'irregular';
-        case 'notPlanned':
-            return 'notPlanned';
-        case 'continual':
-            return 'continual';
-        case 'periodic':
-            return 'periodic';
-        case 'daily':
-            return {
-                updatedTimes: 1,
-                per: 'day',
-            };
-        case 'weekly':
-            return {
-                updatedTimes: 1,
-                per: 'week',
-            };
-        case 'fortnightly':
-            return {
-                updatedTimes: 0.5,
-                per: 'week',
-            };
-        case 'semimonthly':
-            return {
-                updatedTimes: 2,
-                per: 'month',
-            };
-        case 'monthly':
-            return {
-                updatedTimes: 1,
-                per: 'month',
-            };
-        case 'quarterly':
-            return {
-                updatedTimes: 4,
-                per: 'year',
-            };
-        case 'biannually':
-            return {
-                updatedTimes: 2,
-                per: 'year',
-            };
-        case 'annually':
-            return {
-                updatedTimes: 1,
-                per: 'year',
-            };
-        case 'biennially':
-            return {
-                updatedTimes: 0.5,
-                per: 'year',
-            };
-        default:
-            return null;
-    }
+    return frequencyCode &&
+        updateFrequencyCodeValues.includes(frequencyCode)
+        ? frequencyCode
+        : null;
 }
 
 const LANG_3_TO_2_MAPPER = {
@@ -1524,6 +1566,24 @@ function getMaintenanceFrequencyCode(updateFrequency) {
             return 'continual';
         case 'periodic':
             return 'periodic';
+        case 'daily':
+            return 'daily';
+        case 'weekly':
+            return 'weekly';
+        case 'fortnightly':
+            return 'fortnightly';
+        case 'monthly':
+            return 'monthly';
+        case 'quarterly':
+            return 'quarterly';
+        case 'biannually':
+            return 'biannually';
+        case 'annually':
+            return 'annually';
+        case 'semimonthly':
+            return 'semimonthly';
+        case 'biennially':
+            return 'biennially';
     }
 }
 function getISODuration(updateFrequency) {
@@ -18704,16 +18764,25 @@ var de = {
 	"domain.record.status.ongoing": "Kontinuierliche Aktualisierung",
 	"domain.record.status.removed": "Entfernt",
 	"domain.record.status.under_development": "In Erstellung",
-	"domain.record.updateFrequency.asNeeded": "Nach Bedarf",
-	"domain.record.updateFrequency.continual": "Fortlaufend",
-	"domain.record.updateFrequency.day": "{count, plural, =0{0} one{Ein} other{{count}}} mal am Tag",
-	"domain.record.updateFrequency.irregular": "Unregelmäßig",
-	"domain.record.updateFrequency.month": "{count, plural, =0{0} one{Ein} other{{count}}} mal im Monat",
-	"domain.record.updateFrequency.notPlanned": "Nicht geplant",
-	"domain.record.updateFrequency.periodic": "Regelmäßig",
-	"domain.record.updateFrequency.unknown": "Unbekannt",
-	"domain.record.updateFrequency.week": "{count, plural, =0{0} one{Ein} other{{count}}} mal in der Woche",
-	"domain.record.updateFrequency.year": "{count, plural, =0{0} one{Ein} other{{count}}} mal im Jahr",
+	"domain.record.updateFrequency.annually": "Daten werden jedes Jahr aktualisiert",
+	"domain.record.updateFrequency.asNeeded": "Daten werden nach Bedarf aktualisiert",
+	"domain.record.updateFrequency.biannually": "Daten werden zweimal im Jahr aktualisiert",
+	"domain.record.updateFrequency.biennially": "Daten werden alle 2 Jahre aktualisiert",
+	"domain.record.updateFrequency.continual": "Daten werden wiederholt und häufig aktualisiert",
+	"domain.record.updateFrequency.daily": "Daten werden täglich aktualisiert",
+	"domain.record.updateFrequency.day": "{count, plural, =0{0 Mal} one{Einmal} other{{count} Mal}} pro Tag",
+	"domain.record.updateFrequency.fortnightly": "Daten werden alle zwei Wochen aktualisiert",
+	"domain.record.updateFrequency.irregular": "Daten werden in unregelmäßigen Abständen aktualisiert",
+	"domain.record.updateFrequency.month": "{count, plural, =0{0 Mal} one{Einmal} other{{count} Mal}} pro Monat",
+	"domain.record.updateFrequency.monthly": "Daten werden monatlich aktualisiert",
+	"domain.record.updateFrequency.notPlanned": "Es gibt keine Pläne, die Daten zu aktualisieren",
+	"domain.record.updateFrequency.periodic": "Daten werden in regelmäßigen Abständen aktualisiert",
+	"domain.record.updateFrequency.quarterly": "Daten werden alle drei Monate aktualisiert",
+	"domain.record.updateFrequency.semimonthly": "Daten werden zweimal im Monat aktualisiert",
+	"domain.record.updateFrequency.unknown": "Die Häufigkeit der Datenaktualisierung ist unbekannt",
+	"domain.record.updateFrequency.week": "{count, plural, =0{0 Mal} one{Einmal} other{{count} Mal}} pro Woche",
+	"domain.record.updateFrequency.weekly": "Daten werden wöchentlich aktualisiert",
+	"domain.record.updateFrequency.year": "{count, plural, =0{0 Mal} one{Einmal} other{{count} Mal}} pro Jahr",
 	"downloads.format.unknown": "unbekannt",
 	"downloads.wfs.featuretype.not.found": "Der Layer wurde nicht gefunden",
 	dropFile: dropFile$6,
@@ -18759,6 +18828,9 @@ var de = {
 	"editor.record.form.field.onlineResource.dialogTitle": "",
 	"editor.record.form.field.onlineResource.edit.description": "",
 	"editor.record.form.field.onlineResource.edit.protocol": "",
+	"editor.record.form.field.onlineResource.edit.identifier.placeholder": "Ebenenname",
+	"editor.record.form.field.onlineResource.edit.identifier.placeholder.wps": "Prozessname",
+	"editor.record.form.field.onlineResource.edit.identifier.submit": "Link zum Dienst",
 	"editor.record.form.field.onlineResource.edit.title": "",
 	"editor.record.form.field.onlineResource.fileSize": "",
 	"editor.record.form.field.onlineResource.modify": "",
@@ -18808,7 +18880,7 @@ var de = {
 	"editor.record.form.temporalExtents.addRange": "Zeitraum",
 	"editor.record.form.temporalExtents.date": "Datum",
 	"editor.record.form.temporalExtents.range": "Datumsbereich",
-	"editor.record.form.updateFrequency.planned": "Die Daten sollten regelmäßig aktualisiert werden.",
+	"editor.record.form.updateFrequency.planned": "Dieses Dataset wird regelmäßig aktualisiert.",
 	"editor.record.importFromExternalFile.failure.body": "",
 	"editor.record.importFromExternalFile.failure.title": "",
 	"editor.record.importFromExternalFile.success.body": "",
@@ -19270,15 +19342,24 @@ var en = {
 	"domain.record.status.ongoing": "Ongoing",
 	"domain.record.status.removed": "Removed",
 	"domain.record.status.under_development": "Under development",
-	"domain.record.updateFrequency.asNeeded": "As needed",
-	"domain.record.updateFrequency.continual": "Continual",
+	"domain.record.updateFrequency.annually": "Data is updated every year",
+	"domain.record.updateFrequency.asNeeded": "Data is updated as deemed necessary",
+	"domain.record.updateFrequency.biannually": "Data is updated twice each year",
+	"domain.record.updateFrequency.biennially": "Data is updated every 2 years",
+	"domain.record.updateFrequency.continual": "Data is repeatedly and frequently updated",
+	"domain.record.updateFrequency.daily": "Data is updated each day",
 	"domain.record.updateFrequency.day": "{count, plural, =0{0 times} one{Once} other{{count} times}} per day",
-	"domain.record.updateFrequency.irregular": "Irregular",
+	"domain.record.updateFrequency.fortnightly": "Data is updated every two weeks",
+	"domain.record.updateFrequency.irregular": "Data is updated in intervals that are uneven in duration",
 	"domain.record.updateFrequency.month": "{count, plural, =0{0 times} one{Once} other{{count} times}} per month",
-	"domain.record.updateFrequency.notPlanned": "Not planned",
-	"domain.record.updateFrequency.periodic": "Periodic",
-	"domain.record.updateFrequency.unknown": "Unknown",
+	"domain.record.updateFrequency.monthly": "Data is updated each month",
+	"domain.record.updateFrequency.notPlanned": "There are no plans to update the data",
+	"domain.record.updateFrequency.periodic": "Data is updated at regular intervals",
+	"domain.record.updateFrequency.quarterly": "Data is updated every three months",
+	"domain.record.updateFrequency.semimonthly": "Data is updated twice a month",
+	"domain.record.updateFrequency.unknown": "Frequency of maintenance for the data is not known",
 	"domain.record.updateFrequency.week": "{count, plural, =0{0 times} one{Once} other{{count} times}} per week",
+	"domain.record.updateFrequency.weekly": "Data is updated on a weekly basis",
 	"domain.record.updateFrequency.year": "{count, plural, =0{0 times} one{Once} other{{count} times}} per year",
 	"downloads.format.unknown": "Unknown",
 	"downloads.wfs.featuretype.not.found": "The layer was not found",
@@ -19325,6 +19406,9 @@ var en = {
 	"editor.record.form.field.onlineResource.dialogTitle": "Modify the dataset preview",
 	"editor.record.form.field.onlineResource.edit.description": "Description",
 	"editor.record.form.field.onlineResource.edit.protocol": "Protocol",
+	"editor.record.form.field.onlineResource.edit.identifier.placeholder": "Layer name",
+	"editor.record.form.field.onlineResource.edit.identifier.placeholder.wps": "Process name",
+	"editor.record.form.field.onlineResource.edit.identifier.submit": "Link to the service",
 	"editor.record.form.field.onlineResource.edit.title": "Title",
 	"editor.record.form.field.onlineResource.fileSize": "{sizeMB}MB",
 	"editor.record.form.field.onlineResource.modify": "Modify",
@@ -19374,7 +19458,7 @@ var en = {
 	"editor.record.form.temporalExtents.addRange": "Time period",
 	"editor.record.form.temporalExtents.date": "Date",
 	"editor.record.form.temporalExtents.range": "Date range",
-	"editor.record.form.updateFrequency.planned": "The data should be updated regularly",
+	"editor.record.form.updateFrequency.planned": "This dataset is updated regularly.",
 	"editor.record.importFromExternalFile.failure.body": "Failure",
 	"editor.record.importFromExternalFile.failure.title": "The dataset import failed: ",
 	"editor.record.importFromExternalFile.success.body": "Import successful",
@@ -19855,16 +19939,25 @@ var es = {
 	"domain.record.status.ongoing": "",
 	"domain.record.status.removed": "",
 	"domain.record.status.under_development": "",
-	"domain.record.updateFrequency.asNeeded": "",
-	"domain.record.updateFrequency.continual": "",
-	"domain.record.updateFrequency.day": "",
-	"domain.record.updateFrequency.irregular": "",
-	"domain.record.updateFrequency.month": "",
-	"domain.record.updateFrequency.notPlanned": "",
-	"domain.record.updateFrequency.periodic": "",
-	"domain.record.updateFrequency.unknown": "",
-	"domain.record.updateFrequency.week": "",
-	"domain.record.updateFrequency.year": "",
+	"domain.record.updateFrequency.annually": "Los datos se actualizan cada año",
+	"domain.record.updateFrequency.asNeeded": "Los datos se actualizan según sea necesario",
+	"domain.record.updateFrequency.biannually": "Los datos se actualizan dos veces al año",
+	"domain.record.updateFrequency.biennially": "Los datos se actualizan cada 2 años",
+	"domain.record.updateFrequency.continual": "Los datos se actualizan repetidamente y con frecuencia",
+	"domain.record.updateFrequency.daily": "Los datos se actualizan cada día",
+	"domain.record.updateFrequency.day": "{count, plural, =0{0 veces} one{Una vez} other{{count} veces}} al día",
+	"domain.record.updateFrequency.fortnightly": "Los datos se actualizan cada dos semanas",
+	"domain.record.updateFrequency.irregular": "Los datos se actualizan en intervalos irregulares",
+	"domain.record.updateFrequency.month": "{count, plural, =0{0 veces} one{Una vez} other{{count} veces}} al mes",
+	"domain.record.updateFrequency.monthly": "Los datos se actualizan cada mes",
+	"domain.record.updateFrequency.notPlanned": "No hay planes para actualizar los datos",
+	"domain.record.updateFrequency.periodic": "Los datos se actualizan a intervalos regulares",
+	"domain.record.updateFrequency.quarterly": "Los datos se actualizan cada tres meses",
+	"domain.record.updateFrequency.semimonthly": "Los datos se actualizan dos veces al mes",
+	"domain.record.updateFrequency.unknown": "La frecuencia de actualización de los datos es desconocida",
+	"domain.record.updateFrequency.week": "{count, plural, =0{0 veces} one{Una vez} other{{count} veces}} a la semana",
+	"domain.record.updateFrequency.weekly": "Los datos se actualizan semanalmente",
+	"domain.record.updateFrequency.year": "{count, plural, =0{0 veces} one{Una vez} other{{count} veces}} al año",
 	"downloads.format.unknown": "",
 	"downloads.wfs.featuretype.not.found": "",
 	dropFile: dropFile$4,
@@ -19910,6 +20003,9 @@ var es = {
 	"editor.record.form.field.onlineResource.dialogTitle": "",
 	"editor.record.form.field.onlineResource.edit.description": "",
 	"editor.record.form.field.onlineResource.edit.protocol": "",
+	"editor.record.form.field.onlineResource.edit.identifier.placeholder": "Nombre de la capa",
+	"editor.record.form.field.onlineResource.edit.identifier.placeholder.wps": "Nombre del proceso",
+	"editor.record.form.field.onlineResource.edit.identifier.submit": "Enlace al servicio",
 	"editor.record.form.field.onlineResource.edit.title": "",
 	"editor.record.form.field.onlineResource.fileSize": "",
 	"editor.record.form.field.onlineResource.modify": "",
@@ -19959,7 +20055,7 @@ var es = {
 	"editor.record.form.temporalExtents.addRange": "",
 	"editor.record.form.temporalExtents.date": "",
 	"editor.record.form.temporalExtents.range": "",
-	"editor.record.form.updateFrequency.planned": "",
+	"editor.record.form.updateFrequency.planned": "Este conjunto de datos se actualiza regularmente.",
 	"editor.record.importFromExternalFile.failure.body": "",
 	"editor.record.importFromExternalFile.failure.title": "",
 	"editor.record.importFromExternalFile.success.body": "",
@@ -20421,16 +20517,25 @@ var fr = {
 	"domain.record.status.ongoing": "Mise à jour continue",
 	"domain.record.status.removed": "Supprimé",
 	"domain.record.status.under_development": "En cours de création",
-	"domain.record.updateFrequency.asNeeded": "Lorsque nécessaire",
-	"domain.record.updateFrequency.continual": "Continue",
-	"domain.record.updateFrequency.day": "{count, plural, =0{0} one{Une} other{{count}}} fois par jour",
-	"domain.record.updateFrequency.irregular": "Irrégulière",
-	"domain.record.updateFrequency.month": "{count, plural, =0{0} one{Une} other{{count}}} fois par mois",
-	"domain.record.updateFrequency.notPlanned": "Non planifiée",
-	"domain.record.updateFrequency.periodic": "Récurrente",
-	"domain.record.updateFrequency.unknown": "Inconnue",
-	"domain.record.updateFrequency.week": "{count, plural, =0{0} one{Une} other{{count}}} fois par semaine",
-	"domain.record.updateFrequency.year": "{count, plural, =0{0} one{Une} other{{count}}} fois par an",
+	"domain.record.updateFrequency.annually": "Les données sont mises à jour chaque année",
+	"domain.record.updateFrequency.asNeeded": "Les données sont mises à jour selon les besoins",
+	"domain.record.updateFrequency.biannually": "Les données sont mises à jour deux fois par an",
+	"domain.record.updateFrequency.biennially": "Les données sont mises à jour tous les 2 ans",
+	"domain.record.updateFrequency.continual": "Les données sont mises à jour de manière répétée et fréquente",
+	"domain.record.updateFrequency.daily": "Les données sont mises à jour chaque jour",
+	"domain.record.updateFrequency.day": "{count, plural, =0{0 fois} one{Une fois} other{{count} fois}} par jour",
+	"domain.record.updateFrequency.fortnightly": "Les données sont mises à jour toutes les deux semaines",
+	"domain.record.updateFrequency.irregular": "Les données sont mises à jour à intervalles irréguliers",
+	"domain.record.updateFrequency.month": "{count, plural, =0{0 fois} one{Une fois} other{{count} fois}} par mois",
+	"domain.record.updateFrequency.monthly": "Les données sont mises à jour chaque mois",
+	"domain.record.updateFrequency.notPlanned": "Il n'y a pas de plan pour mettre à jour les données",
+	"domain.record.updateFrequency.periodic": "Les données sont mises à jour à intervalles réguliers",
+	"domain.record.updateFrequency.quarterly": "Les données sont mises à jour tous les trois mois",
+	"domain.record.updateFrequency.semimonthly": "Les données sont mises à jour deux fois par mois",
+	"domain.record.updateFrequency.unknown": "La fréquence de mise à jour des données est inconnue",
+	"domain.record.updateFrequency.week": "{count, plural, =0{0 fois} one{Une fois} other{{count} fois}} par semaine",
+	"domain.record.updateFrequency.weekly": "Les données sont mises à jour chaque semaine",
+	"domain.record.updateFrequency.year": "{count, plural, =0{0 fois} one{Une fois} other{{count} fois}} par an",
 	"downloads.format.unknown": "inconnu",
 	"downloads.wfs.featuretype.not.found": "La couche n'a pas été trouvée",
 	dropFile: dropFile$3,
@@ -20476,6 +20581,9 @@ var fr = {
 	"editor.record.form.field.onlineResource.dialogTitle": "Modifier l'aperçu du jeu de données",
 	"editor.record.form.field.onlineResource.edit.description": "Description",
 	"editor.record.form.field.onlineResource.edit.protocol": "Protocole",
+	"editor.record.form.field.onlineResource.edit.identifier.placeholder": "Nom de la couche",
+	"editor.record.form.field.onlineResource.edit.identifier.placeholder.wps": "Nom du processus",
+	"editor.record.form.field.onlineResource.edit.identifier.submit": "Lier le service",
 	"editor.record.form.field.onlineResource.edit.title": "Titre",
 	"editor.record.form.field.onlineResource.fileSize": "{sizeMB} Mo",
 	"editor.record.form.field.onlineResource.modify": "Modifier",
@@ -20525,7 +20633,7 @@ var fr = {
 	"editor.record.form.temporalExtents.addRange": "Période de temps",
 	"editor.record.form.temporalExtents.date": "Date concernée",
 	"editor.record.form.temporalExtents.range": "Période concernée",
-	"editor.record.form.updateFrequency.planned": "Ces données doivent être mise à jour régulièrement.",
+	"editor.record.form.updateFrequency.planned": "Ce jeu de données est mis à jour régulièrement.",
 	"editor.record.importFromExternalFile.failure.body": "Une erreur est survenue pendant l'import du jeu de données : ",
 	"editor.record.importFromExternalFile.failure.title": "Erreur",
 	"editor.record.importFromExternalFile.success.body": "L'import du jeu de données à été realisé avec succès.",
@@ -21006,16 +21114,25 @@ var it = {
 	"domain.record.status.ongoing": "Aggiornamento continuo",
 	"domain.record.status.removed": "Rimosso",
 	"domain.record.status.under_development": "In fase di creazione",
-	"domain.record.updateFrequency.asNeeded": "Quando necessario",
-	"domain.record.updateFrequency.continual": "Continua",
-	"domain.record.updateFrequency.day": "{count, plural, =0{0} one{Una volta} other{{count}{volte}}} al giorno",
-	"domain.record.updateFrequency.irregular": "Irregolare",
-	"domain.record.updateFrequency.month": "{count, plural, =0{0} one{Una volta} other{{count}{volte}}} al mese",
-	"domain.record.updateFrequency.notPlanned": "Non pianificata",
-	"domain.record.updateFrequency.periodic": "Periodica",
-	"domain.record.updateFrequency.unknown": "Sconosciuta",
-	"domain.record.updateFrequency.week": "{count, plural, =0{0} one{Una volta} other{{count}{volte}}} alla settimana",
-	"domain.record.updateFrequency.year": "{count, plural, =0{0} one{Una volta} other{{count}{volte}}} all'anno",
+	"domain.record.updateFrequency.annually": "I dati vengono aggiornati ogni anno",
+	"domain.record.updateFrequency.asNeeded": "I dati vengono aggiornati secondo necessità",
+	"domain.record.updateFrequency.biannually": "I dati vengono aggiornati due volte all'anno",
+	"domain.record.updateFrequency.biennially": "I dati vengono aggiornati ogni 2 anni",
+	"domain.record.updateFrequency.continual": "I dati vengono aggiornati ripetutamente e frequentemente",
+	"domain.record.updateFrequency.daily": "I dati vengono aggiornati ogni giorno",
+	"domain.record.updateFrequency.day": "{count, plural, =0{0 volte} one{Una volta} other{{count} volte}} al giorno",
+	"domain.record.updateFrequency.fortnightly": "I dati vengono aggiornati ogni due settimane",
+	"domain.record.updateFrequency.irregular": "I dati vengono aggiornati a intervalli irregolari",
+	"domain.record.updateFrequency.month": "{count, plural, =0{0 volte} one{Una volta} other{{count} volte}} al mese",
+	"domain.record.updateFrequency.monthly": "I dati vengono aggiornati ogni mese",
+	"domain.record.updateFrequency.notPlanned": "Non ci sono piani per aggiornare i dati",
+	"domain.record.updateFrequency.periodic": "I dati vengono aggiornati a intervalli regolari",
+	"domain.record.updateFrequency.quarterly": "I dati vengono aggiornati ogni tre mesi",
+	"domain.record.updateFrequency.semimonthly": "I dati vengono aggiornati due volte al mese",
+	"domain.record.updateFrequency.unknown": "La frequenza di aggiornamento dei dati è sconosciuta",
+	"domain.record.updateFrequency.week": "{count, plural, =0{0 volte} one{Una volta} other{{count} volte}} a settimana",
+	"domain.record.updateFrequency.weekly": "I dati vengono aggiornati settimanalmente",
+	"domain.record.updateFrequency.year": "{count, plural, =0{0 volte} one{Una volta} other{{count} volte}} all'anno",
 	"downloads.format.unknown": "sconosciuto",
 	"downloads.wfs.featuretype.not.found": "Il layer non è stato trovato",
 	dropFile: dropFile$2,
@@ -21061,6 +21178,9 @@ var it = {
 	"editor.record.form.field.onlineResource.dialogTitle": "",
 	"editor.record.form.field.onlineResource.edit.description": "",
 	"editor.record.form.field.onlineResource.edit.protocol": "",
+	"editor.record.form.field.onlineResource.edit.identifier.placeholder": "Nome del livello",
+	"editor.record.form.field.onlineResource.edit.identifier.placeholder.wps": "Nome del processo",
+	"editor.record.form.field.onlineResource.edit.identifier.submit": "Collegare il servizio",
 	"editor.record.form.field.onlineResource.edit.title": "",
 	"editor.record.form.field.onlineResource.fileSize": "",
 	"editor.record.form.field.onlineResource.modify": "",
@@ -21110,7 +21230,7 @@ var it = {
 	"editor.record.form.temporalExtents.addRange": "",
 	"editor.record.form.temporalExtents.date": "",
 	"editor.record.form.temporalExtents.range": "",
-	"editor.record.form.updateFrequency.planned": "",
+	"editor.record.form.updateFrequency.planned": "Questo dataset viene aggiornato regolarmente.",
 	"editor.record.importFromExternalFile.failure.body": "",
 	"editor.record.importFromExternalFile.failure.title": "",
 	"editor.record.importFromExternalFile.success.body": "",
@@ -21572,16 +21692,25 @@ var nl = {
 	"domain.record.status.ongoing": "",
 	"domain.record.status.removed": "",
 	"domain.record.status.under_development": "",
-	"domain.record.updateFrequency.asNeeded": "",
-	"domain.record.updateFrequency.continual": "",
-	"domain.record.updateFrequency.day": "",
-	"domain.record.updateFrequency.irregular": "",
-	"domain.record.updateFrequency.month": "",
-	"domain.record.updateFrequency.notPlanned": "",
-	"domain.record.updateFrequency.periodic": "",
-	"domain.record.updateFrequency.unknown": "",
-	"domain.record.updateFrequency.week": "",
-	"domain.record.updateFrequency.year": "",
+	"domain.record.updateFrequency.annually": "Gegevens worden elk jaar bijgewerkt",
+	"domain.record.updateFrequency.asNeeded": "Gegevens worden bijgewerkt naar behoefte",
+	"domain.record.updateFrequency.biannually": "Gegevens worden twee keer per jaar bijgewerkt",
+	"domain.record.updateFrequency.biennially": "Gegevens worden elke 2 jaar bijgewerkt",
+	"domain.record.updateFrequency.continual": "Gegevens worden herhaaldelijk en frequent bijgewerkt",
+	"domain.record.updateFrequency.daily": "Gegevens worden elke dag bijgewerkt",
+	"domain.record.updateFrequency.day": "{count, plural, =0{0 keer} one{Een keer} other{{count} keer}} per dag",
+	"domain.record.updateFrequency.fortnightly": "Gegevens worden elke twee weken bijgewerkt",
+	"domain.record.updateFrequency.irregular": "Gegevens worden onregelmatig bijgewerkt",
+	"domain.record.updateFrequency.month": "{count, plural, =0{0 keer} one{Een keer} other{{count} keer}} per maand",
+	"domain.record.updateFrequency.monthly": "Gegevens worden elke maand bijgewerkt",
+	"domain.record.updateFrequency.notPlanned": "Er zijn geen plannen om de gegevens bij te werken",
+	"domain.record.updateFrequency.periodic": "Gegevens worden regelmatig bijgewerkt",
+	"domain.record.updateFrequency.quarterly": "Gegevens worden elke drie maanden bijgewerkt",
+	"domain.record.updateFrequency.semimonthly": "Gegevens worden twee keer per maand bijgewerkt",
+	"domain.record.updateFrequency.unknown": "De frequentie van gegevensonderhoud is onbekend",
+	"domain.record.updateFrequency.week": "{count, plural, =0{0 keer} one{Een keer} other{{count} keer}} per week",
+	"domain.record.updateFrequency.weekly": "Gegevens worden wekelijks bijgewerkt",
+	"domain.record.updateFrequency.year": "{count, plural, =0{0 keer} one{Een keer} other{{count} keer}} per jaar",
 	"downloads.format.unknown": "",
 	"downloads.wfs.featuretype.not.found": "",
 	dropFile: dropFile$1,
@@ -21627,6 +21756,9 @@ var nl = {
 	"editor.record.form.field.onlineResource.dialogTitle": "",
 	"editor.record.form.field.onlineResource.edit.description": "",
 	"editor.record.form.field.onlineResource.edit.protocol": "",
+	"editor.record.form.field.onlineResource.edit.identifier.placeholder": "Laagnaam",
+	"editor.record.form.field.onlineResource.edit.identifier.placeholder.wps": "Procesnaam",
+	"editor.record.form.field.onlineResource.edit.identifier.submit": "Link naar de dienst",
 	"editor.record.form.field.onlineResource.edit.title": "",
 	"editor.record.form.field.onlineResource.fileSize": "",
 	"editor.record.form.field.onlineResource.modify": "",
@@ -21676,7 +21808,7 @@ var nl = {
 	"editor.record.form.temporalExtents.addRange": "",
 	"editor.record.form.temporalExtents.date": "",
 	"editor.record.form.temporalExtents.range": "",
-	"editor.record.form.updateFrequency.planned": "",
+	"editor.record.form.updateFrequency.planned": "Deze dataset wordt regelmatig bijgewerkt.",
 	"editor.record.importFromExternalFile.failure.body": "",
 	"editor.record.importFromExternalFile.failure.title": "",
 	"editor.record.importFromExternalFile.success.body": "",
@@ -22138,16 +22270,25 @@ var pt = {
 	"domain.record.status.ongoing": "",
 	"domain.record.status.removed": "",
 	"domain.record.status.under_development": "",
-	"domain.record.updateFrequency.asNeeded": "",
-	"domain.record.updateFrequency.continual": "",
-	"domain.record.updateFrequency.day": "",
-	"domain.record.updateFrequency.irregular": "",
-	"domain.record.updateFrequency.month": "",
-	"domain.record.updateFrequency.notPlanned": "",
-	"domain.record.updateFrequency.periodic": "",
-	"domain.record.updateFrequency.unknown": "",
-	"domain.record.updateFrequency.week": "",
-	"domain.record.updateFrequency.year": "",
+	"domain.record.updateFrequency.annually": "Os dados são atualizados anualmente",
+	"domain.record.updateFrequency.asNeeded": "Os dados são atualizados conforme necessário",
+	"domain.record.updateFrequency.biannually": "Os dados são atualizados duas vezes por ano",
+	"domain.record.updateFrequency.biennially": "Os dados são atualizados a cada 2 anos",
+	"domain.record.updateFrequency.continual": "Os dados são atualizados repetidamente e com frequência",
+	"domain.record.updateFrequency.daily": "Os dados são atualizados diariamente",
+	"domain.record.updateFrequency.day": "{count, plural, =0{0 vezes} one{Uma vez} other{{count} vezes}} por dia",
+	"domain.record.updateFrequency.fortnightly": "Os dados são atualizados a cada duas semanas",
+	"domain.record.updateFrequency.irregular": "Os dados são atualizados em intervalos irregulares",
+	"domain.record.updateFrequency.month": "{count, plural, =0{0 vezes} one{Uma vez} other{{count} vezes}} por mês",
+	"domain.record.updateFrequency.monthly": "Os dados são atualizados mensalmente",
+	"domain.record.updateFrequency.notPlanned": "Não há planos para atualizar os dados",
+	"domain.record.updateFrequency.periodic": "Os dados são atualizados em intervalos regulares",
+	"domain.record.updateFrequency.quarterly": "Os dados são atualizados a cada três meses",
+	"domain.record.updateFrequency.semimonthly": "Os dados são atualizados duas vezes por mês",
+	"domain.record.updateFrequency.unknown": "A frequência de manutenção dos dados é desconhecida",
+	"domain.record.updateFrequency.week": "{count, plural, =0{0 vezes} one{Uma vez} other{{count} vezes}} por semana",
+	"domain.record.updateFrequency.weekly": "Os dados são atualizados semanalmente",
+	"domain.record.updateFrequency.year": "{count, plural, =0{0 vezes} one{Uma vez} other{{count} vezes}} por ano",
 	"downloads.format.unknown": "",
 	"downloads.wfs.featuretype.not.found": "",
 	dropFile: dropFile,
@@ -22193,6 +22334,9 @@ var pt = {
 	"editor.record.form.field.onlineResource.dialogTitle": "",
 	"editor.record.form.field.onlineResource.edit.description": "",
 	"editor.record.form.field.onlineResource.edit.protocol": "",
+	"editor.record.form.field.onlineResource.edit.identifier.placeholder": "Nome da camada",
+	"editor.record.form.field.onlineResource.edit.identifier.placeholder.wps": "Nome do processo",
+	"editor.record.form.field.onlineResource.edit.identifier.submit": "Link para o serviço",
 	"editor.record.form.field.onlineResource.edit.title": "",
 	"editor.record.form.field.onlineResource.fileSize": "",
 	"editor.record.form.field.onlineResource.modify": "",
@@ -22242,7 +22386,7 @@ var pt = {
 	"editor.record.form.temporalExtents.addRange": "",
 	"editor.record.form.temporalExtents.date": "",
 	"editor.record.form.temporalExtents.range": "",
-	"editor.record.form.updateFrequency.planned": "",
+	"editor.record.form.updateFrequency.planned": "Este conjunto de dados é atualizado regularmente.",
 	"editor.record.importFromExternalFile.failure.body": "",
 	"editor.record.importFromExternalFile.failure.title": "",
 	"editor.record.importFromExternalFile.success.body": "",
@@ -26131,6 +26275,7 @@ class ButtonComponent {
     handleClick(event) {
         this.buttonClick.emit();
         event.preventDefault();
+        event.currentTarget.blur();
         propagateToDocumentOnly(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
@@ -26549,42 +26694,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Output
             }] } });
 
-class DateRangePickerComponent {
-    constructor() {
-        this.startDateChange = new EventEmitter();
-        this.endDateChange = new EventEmitter();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DateRangePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DateRangePickerComponent, isStandalone: true, selector: "gn-ui-date-range-picker", inputs: { startDate: "startDate", endDate: "endDate" }, outputs: { startDateChange: "startDateChange", endDateChange: "endDateChange" }, providers: [
-            provideIcons({ iconoirCalendar }),
-            provideNgIconsConfig({
-                size: '1.5rem',
-            }),
-        ], ngImport: i0, template: "<span class=\"w-full inline-block relative\">\n  <mat-date-range-input [rangePicker]=\"picker\" class=\"gn-ui-text-input\">\n    <input\n      matStartDate\n      placeholder=\"Start date\"\n      [value]=\"startDate\"\n      (dateInput)=\"startDateChange.emit($event.value)\"\n    />\n    <input\n      matEndDate\n      placeholder=\"End date\"\n      [value]=\"endDate\"\n      (dateInput)=\"endDateChange.emit($event.value)\"\n    />\n  </mat-date-range-input>\n\n  <gn-ui-button\n    type=\"light\"\n    class=\"absolute inset-y-[var(--side-padding)] right-[var(--side-padding)] z-10\"\n    (buttonClick)=\"picker.open()\"\n    extraClass=\"h-full\"\n    data-cy=\"date-picker-button\"\n  >\n    <ng-icon name=\"iconoirCalendar\" class=\"text-primary\"></ng-icon>\n  </gn-ui-button>\n</span>\n<mat-date-range-picker #picker></mat-date-range-picker>\n", styles: [":host{--gn-ui-button-rounded: 8px;--gn-ui-button-width: 32px;--gn-ui-button-padding: 0;--side-padding: calc(var(--gn-ui-text-input-padding, .6em) - 6px);--text-padding: calc(var(--side-padding) + 40px)}\n"], dependencies: [{ kind: "ngmodule", type: MatNativeDateModule }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i1$8.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i1$8.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i1$8.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i1$8.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DateRangePickerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gn-ui-date-range-picker', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
-                        MatNativeDateModule,
-                        MatDatepickerModule,
-                        ButtonComponent,
-                        NgIconComponent,
-                    ], providers: [
-                        provideIcons({ iconoirCalendar }),
-                        provideNgIconsConfig({
-                            size: '1.5rem',
-                        }),
-                    ], template: "<span class=\"w-full inline-block relative\">\n  <mat-date-range-input [rangePicker]=\"picker\" class=\"gn-ui-text-input\">\n    <input\n      matStartDate\n      placeholder=\"Start date\"\n      [value]=\"startDate\"\n      (dateInput)=\"startDateChange.emit($event.value)\"\n    />\n    <input\n      matEndDate\n      placeholder=\"End date\"\n      [value]=\"endDate\"\n      (dateInput)=\"endDateChange.emit($event.value)\"\n    />\n  </mat-date-range-input>\n\n  <gn-ui-button\n    type=\"light\"\n    class=\"absolute inset-y-[var(--side-padding)] right-[var(--side-padding)] z-10\"\n    (buttonClick)=\"picker.open()\"\n    extraClass=\"h-full\"\n    data-cy=\"date-picker-button\"\n  >\n    <ng-icon name=\"iconoirCalendar\" class=\"text-primary\"></ng-icon>\n  </gn-ui-button>\n</span>\n<mat-date-range-picker #picker></mat-date-range-picker>\n", styles: [":host{--gn-ui-button-rounded: 8px;--gn-ui-button-width: 32px;--gn-ui-button-padding: 0;--side-padding: calc(var(--gn-ui-text-input-padding, .6em) - 6px);--text-padding: calc(var(--side-padding) + 40px)}\n"] }]
-        }], propDecorators: { startDate: [{
-                type: Input
-            }], endDate: [{
-                type: Input
-            }], startDateChange: [{
-                type: Output
-            }], endDateChange: [{
-                type: Output
-            }] } });
-
 class DateRangeDropdownComponent {
     constructor(overlayContainer, cdr) {
         this.overlayContainer = overlayContainer;
@@ -26639,6 +26748,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 args: ['picker']
             }] } });
 
+class DateRangePickerComponent {
+    constructor() {
+        this.startDateChange = new EventEmitter();
+        this.endDateChange = new EventEmitter();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DateRangePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DateRangePickerComponent, isStandalone: true, selector: "gn-ui-date-range-picker", inputs: { startDate: "startDate", endDate: "endDate" }, outputs: { startDateChange: "startDateChange", endDateChange: "endDateChange" }, providers: [
+            provideIcons({ iconoirCalendar }),
+            provideNgIconsConfig({
+                size: '1.5rem',
+            }),
+        ], ngImport: i0, template: "<span class=\"w-full inline-block relative\">\n  <mat-date-range-input [rangePicker]=\"picker\" class=\"gn-ui-text-input\">\n    <input\n      matStartDate\n      placeholder=\"Start date\"\n      [value]=\"startDate\"\n      (dateInput)=\"startDateChange.emit($event.value)\"\n    />\n    <input\n      matEndDate\n      placeholder=\"End date\"\n      [value]=\"endDate\"\n      (dateInput)=\"endDateChange.emit($event.value)\"\n    />\n  </mat-date-range-input>\n\n  <gn-ui-button\n    type=\"light\"\n    class=\"absolute inset-y-[var(--side-padding)] right-[var(--side-padding)] z-10\"\n    (buttonClick)=\"picker.open()\"\n    extraClass=\"h-full\"\n    data-cy=\"date-picker-button\"\n  >\n    <ng-icon name=\"iconoirCalendar\" class=\"text-primary\"></ng-icon>\n  </gn-ui-button>\n</span>\n<mat-date-range-picker #picker></mat-date-range-picker>\n", styles: [":host{--gn-ui-button-rounded: 8px;--gn-ui-button-width: 32px;--gn-ui-button-padding: 0;--side-padding: calc(var(--gn-ui-text-input-padding, .6em) - 6px);--text-padding: calc(var(--side-padding) + 40px)}\n"], dependencies: [{ kind: "ngmodule", type: MatNativeDateModule }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i1$8.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i1$8.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i1$8.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i1$8.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DateRangePickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-date-range-picker', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        MatNativeDateModule,
+                        MatDatepickerModule,
+                        ButtonComponent,
+                        NgIconComponent,
+                    ], providers: [
+                        provideIcons({ iconoirCalendar }),
+                        provideNgIconsConfig({
+                            size: '1.5rem',
+                        }),
+                    ], template: "<span class=\"w-full inline-block relative\">\n  <mat-date-range-input [rangePicker]=\"picker\" class=\"gn-ui-text-input\">\n    <input\n      matStartDate\n      placeholder=\"Start date\"\n      [value]=\"startDate\"\n      (dateInput)=\"startDateChange.emit($event.value)\"\n    />\n    <input\n      matEndDate\n      placeholder=\"End date\"\n      [value]=\"endDate\"\n      (dateInput)=\"endDateChange.emit($event.value)\"\n    />\n  </mat-date-range-input>\n\n  <gn-ui-button\n    type=\"light\"\n    class=\"absolute inset-y-[var(--side-padding)] right-[var(--side-padding)] z-10\"\n    (buttonClick)=\"picker.open()\"\n    extraClass=\"h-full\"\n    data-cy=\"date-picker-button\"\n  >\n    <ng-icon name=\"iconoirCalendar\" class=\"text-primary\"></ng-icon>\n  </gn-ui-button>\n</span>\n<mat-date-range-picker #picker></mat-date-range-picker>\n", styles: [":host{--gn-ui-button-rounded: 8px;--gn-ui-button-width: 32px;--gn-ui-button-padding: 0;--side-padding: calc(var(--gn-ui-text-input-padding, .6em) - 6px);--text-padding: calc(var(--side-padding) + 40px)}\n"] }]
+        }], propDecorators: { startDate: [{
+                type: Input
+            }], endDate: [{
+                type: Input
+            }], startDateChange: [{
+                type: Output
+            }], endDateChange: [{
+                type: Output
+            }] } });
+
 const placeholder = 'dropFile';
 marker('dropFile');
 class DragAndDropFileInputComponent {
@@ -27088,221 +27233,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Output
             }] } });
 
-class NavigationButtonComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NavigationButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: NavigationButtonComponent, isStandalone: true, selector: "gn-ui-navigation-button", inputs: { label: "label", icon: "icon" }, ngImport: i0, template: "<button\n  class=\"group flex items-center justify-center gap-1 backdrop-blur p-1 bg-primary-opacity-30 rounded content-center\"\n>\n  <ng-icon [name]=\"icon\" class=\"align-middle w-[18px]\"></ng-icon>\n  <span\n    class=\"mx-2 mt-0.5 text-[16px] tracking-widest content-center opacity-75\"\n    >{{ label.toUpperCase() }}</span\n  >\n</button>\n", styles: ["button{color:var(--navigation-button-color, --color-background)}\n"], dependencies: [{ kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NavigationButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gn-ui-navigation-button', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgIcon], standalone: true, template: "<button\n  class=\"group flex items-center justify-center gap-1 backdrop-blur p-1 bg-primary-opacity-30 rounded content-center\"\n>\n  <ng-icon [name]=\"icon\" class=\"align-middle w-[18px]\"></ng-icon>\n  <span\n    class=\"mx-2 mt-0.5 text-[16px] tracking-widest content-center opacity-75\"\n    >{{ label.toUpperCase() }}</span\n  >\n</button>\n", styles: ["button{color:var(--navigation-button-color, --color-background)}\n"] }]
-        }], propDecorators: { label: [{
-                type: Input
-            }], icon: [{
-                type: Input
-            }] } });
-
-class SearchInputComponent {
-    constructor() {
-        this.value = '';
-        this.placeholder = '';
-        this.rawChange = new Subject();
-        this.valueChange = this.rawChange.pipe(distinctUntilChanged$1());
-    }
-    handleChange($event) {
-        const value = $event.target.value;
-        this.rawChange.next(value);
-    }
-    clear() {
-        this.value = null;
-        this.rawChange.next(null);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SearchInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SearchInputComponent, isStandalone: true, selector: "gn-ui-search-input", inputs: { value: "value", placeholder: "placeholder" }, outputs: { valueChange: "valueChange" }, providers: [
-            provideIcons({ matSearch, matClose }),
-            provideNgIconsConfig({
-                size: '1.5em',
-            }),
-        ], ngImport: i0, template: "<div class=\"h-full relative text-gray-300\">\n  <input\n    #input\n    class=\"peer h-full appearance-none border border-gray-300 rounded w-full p-2 pl-10 text-gray-700 leading-tight hover:border-primary focus:text-primary focus:outline-none focus:border-primary focus:border-2\"\n    type=\"text\"\n    [value]=\"value\"\n    [placeholder]=\"placeholder\"\n    (change)=\"handleChange($event)\"\n    (input)=\"handleChange($event)\"\n  />\n  <div\n    class=\"absolute inset-y-0 left-0 pl-2.5 flex items-center peer-hover:text-primary peer-focus:text-primary\"\n  >\n    <ng-icon name=\"matSearch\"></ng-icon>\n  </div>\n  <button\n    *ngIf=\"rawChange | async\"\n    type=\"button\"\n    class=\"text-primary-lightest hover:text-primary absolute transition-all duration-100 inset-y-0 right-0 pr-2.5\"\n    aria-label=\"Clear\"\n    (click)=\"clear()\"\n  >\n    <ng-icon name=\"matClose\" class=\"align-middle\"></ng-icon>\n  </button>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SearchInputComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gn-ui-search-input', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, NgIconComponent], providers: [
-                        provideIcons({ matSearch, matClose }),
-                        provideNgIconsConfig({
-                            size: '1.5em',
-                        }),
-                    ], template: "<div class=\"h-full relative text-gray-300\">\n  <input\n    #input\n    class=\"peer h-full appearance-none border border-gray-300 rounded w-full p-2 pl-10 text-gray-700 leading-tight hover:border-primary focus:text-primary focus:outline-none focus:border-primary focus:border-2\"\n    type=\"text\"\n    [value]=\"value\"\n    [placeholder]=\"placeholder\"\n    (change)=\"handleChange($event)\"\n    (input)=\"handleChange($event)\"\n  />\n  <div\n    class=\"absolute inset-y-0 left-0 pl-2.5 flex items-center peer-hover:text-primary peer-focus:text-primary\"\n  >\n    <ng-icon name=\"matSearch\"></ng-icon>\n  </div>\n  <button\n    *ngIf=\"rawChange | async\"\n    type=\"button\"\n    class=\"text-primary-lightest hover:text-primary absolute transition-all duration-100 inset-y-0 right-0 pr-2.5\"\n    aria-label=\"Clear\"\n    (click)=\"clear()\"\n  >\n    <ng-icon name=\"matClose\" class=\"align-middle\"></ng-icon>\n  </button>\n</div>\n" }]
-        }], propDecorators: { value: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], valueChange: [{
-                type: Output
-            }] } });
-
-class StarToggleComponent {
-    constructor() {
-        this.disabled = false;
-        this.newValue = new EventEmitter();
-    }
-    toggle(event) {
-        if (!this.disabled) {
-            this.toggled = !this.toggled;
-            if (this.toggled) {
-                const anim = this.overlay.nativeElement.getAnimations()[0];
-                anim.cancel();
-                anim.play();
-            }
-            this.newValue.emit(this.toggled);
-        }
-        propagateToDocumentOnly(event);
-        event.preventDefault();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StarToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: StarToggleComponent, isStandalone: true, selector: "gn-ui-star-toggle", inputs: { toggled: "toggled", disabled: "disabled" }, outputs: { newValue: "newValue" }, viewQueries: [{ propertyName: "overlay", first: true, predicate: ["starOverlay"], descendants: true }], ngImport: i0, template: "<div class=\"inline-block relative align-middle\" style=\"line-height: 0.7em\">\n  <button\n    type=\"button\"\n    class=\"-m-[8px] p-[8px]\"\n    (click)=\"toggle($event)\"\n    [ngClass]=\"{\n      enabled: toggled,\n      'disabled opacity-45': !toggled,\n      'transition hover:scale-125 will-change-transform': !disabled,\n      'cursor-default': disabled,\n    }\"\n  >\n    <ng-icon [name]=\"toggled ? 'matStar' : 'matStarBorder'\"></ng-icon>\n  </button>\n  <svg\n    #starOverlay\n    class=\"star-toggle-overlay\"\n    width=\"40px\"\n    height=\"40px\"\n    viewBox=\"-15 -15 30 30\"\n  >\n    <g>\n      <path d=\"M 0,13.229167 V 0\" />\n      <path d=\"M -12.484186,4.0880377 0,0\" />\n      <path d=\"M -7.6784102,-10.70262 0,0\" />\n      <path d=\"M 7.8734079,-10.70262 0,0\" />\n      <path d=\"M 12.679184,4.0880376 0,0\" />\n    </g>\n  </svg>\n</div>\n", styles: ["button.enabled{color:var(--star-toggle-enabled-color, var(--color-secondary))}button.disabled{color:var(--star-toggle-disabled-color, var(--color-primary))}.star-filled{font-variation-settings:\"FILL\" 1}.star-toggle-overlay{stroke:var(--color-secondary);stroke-width:3.5px;stroke-linecap:round;position:absolute;top:50%;left:50%;width:2.5em;height:2.5em;transform:translate(-50%,-50%);pointer-events:none;stroke-dasharray:5 20;stroke-dashoffset:-15;animation:overlay-dash .8s cubic-bezier(.16,.66,.44,.96) forwards;animation-play-state:paused}@keyframes overlay-dash{to{stroke-dashoffset:7}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], viewProviders: [provideIcons({ matStar, matStarBorder })], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StarToggleComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gn-ui-star-toggle', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, NgIcon], viewProviders: [provideIcons({ matStar, matStarBorder })], template: "<div class=\"inline-block relative align-middle\" style=\"line-height: 0.7em\">\n  <button\n    type=\"button\"\n    class=\"-m-[8px] p-[8px]\"\n    (click)=\"toggle($event)\"\n    [ngClass]=\"{\n      enabled: toggled,\n      'disabled opacity-45': !toggled,\n      'transition hover:scale-125 will-change-transform': !disabled,\n      'cursor-default': disabled,\n    }\"\n  >\n    <ng-icon [name]=\"toggled ? 'matStar' : 'matStarBorder'\"></ng-icon>\n  </button>\n  <svg\n    #starOverlay\n    class=\"star-toggle-overlay\"\n    width=\"40px\"\n    height=\"40px\"\n    viewBox=\"-15 -15 30 30\"\n  >\n    <g>\n      <path d=\"M 0,13.229167 V 0\" />\n      <path d=\"M -12.484186,4.0880377 0,0\" />\n      <path d=\"M -7.6784102,-10.70262 0,0\" />\n      <path d=\"M 7.8734079,-10.70262 0,0\" />\n      <path d=\"M 12.679184,4.0880376 0,0\" />\n    </g>\n  </svg>\n</div>\n", styles: ["button.enabled{color:var(--star-toggle-enabled-color, var(--color-secondary))}button.disabled{color:var(--star-toggle-disabled-color, var(--color-primary))}.star-filled{font-variation-settings:\"FILL\" 1}.star-toggle-overlay{stroke:var(--color-secondary);stroke-width:3.5px;stroke-linecap:round;position:absolute;top:50%;left:50%;width:2.5em;height:2.5em;transform:translate(-50%,-50%);pointer-events:none;stroke-dasharray:5 20;stroke-dashoffset:-15;animation:overlay-dash .8s cubic-bezier(.16,.66,.44,.96) forwards;animation-play-state:paused}@keyframes overlay-dash{to{stroke-dashoffset:7}}\n"] }]
-        }], propDecorators: { toggled: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], newValue: [{
-                type: Output
-            }], overlay: [{
-                type: ViewChild,
-                args: ['starOverlay']
-            }] } });
-
-class TextAreaComponent {
-    constructor() {
-        this.value = '';
-        this.disabled = false;
-        this.extraClass = '';
-        this.placeholder = '';
-        this.required = false;
-        this.rawChange = new Subject();
-        this.valueChange = this.rawChange.pipe(distinctUntilChanged());
-    }
-    ngAfterViewInit() {
-        this.checkRequired(this.input.nativeElement.value);
-    }
-    checkRequired(value) {
-        this.input.nativeElement.classList.toggle('invalid', this.required && value === '');
-    }
-    handleChange($event) {
-        const value = $event.target.value;
-        this.checkRequired(value);
-        this.rawChange.next(value);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TextAreaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TextAreaComponent, isStandalone: true, selector: "gn-ui-text-area", inputs: { value: "value", disabled: "disabled", extraClass: "extraClass", placeholder: "placeholder", required: "required" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<div class=\"h-full flex\">\n  <textarea\n    #input\n    name=\"textArea\"\n    class=\"gn-ui-text-input leading-tight\"\n    [ngClass]=\"extraClass\"\n    [disabled]=\"disabled\"\n    [placeholder]=\"placeholder\"\n    [value]=\"value ?? ''\"\n    (change)=\"handleChange($event)\"\n    (input)=\"handleChange($event)\"\n    [attr.required]=\"required || null\"\n  ></textarea>\n</div>\n", styles: [".invalid{border-color:var(--color-secondary)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TextAreaComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gn-ui-text-area', standalone: true, imports: [CommonModule], template: "<div class=\"h-full flex\">\n  <textarea\n    #input\n    name=\"textArea\"\n    class=\"gn-ui-text-input leading-tight\"\n    [ngClass]=\"extraClass\"\n    [disabled]=\"disabled\"\n    [placeholder]=\"placeholder\"\n    [value]=\"value ?? ''\"\n    (change)=\"handleChange($event)\"\n    (input)=\"handleChange($event)\"\n    [attr.required]=\"required || null\"\n  ></textarea>\n</div>\n", styles: [".invalid{border-color:var(--color-secondary)}\n"] }]
-        }], propDecorators: { value: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], extraClass: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], required: [{
-                type: Input
-            }], valueChange: [{
-                type: Output
-            }], input: [{
-                type: ViewChild,
-                args: ['input']
-            }] } });
-
-class TextInputComponent {
-    constructor() {
-        this.value = '';
-        this.extraClass = '';
-        this.required = false;
-        this.rawChange = new Subject();
-        this.valueChange = this.rawChange.pipe(distinctUntilChanged());
-    }
-    ngAfterViewInit() {
-        this.checkRequired(this.input.nativeElement.value);
-    }
-    checkRequired(value) {
-        this.input.nativeElement.classList.toggle('invalid', this.required && value === '');
-    }
-    handleChange($event) {
-        const value = $event.target.value;
-        this.checkRequired(value);
-        this.rawChange.next(value);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TextInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TextInputComponent, isStandalone: true, selector: "gn-ui-text-input", inputs: { value: "value", extraClass: "extraClass", placeholder: "placeholder", required: "required", disabled: "disabled" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<input\n  #input\n  class=\"gn-ui-text-input\"\n  [ngClass]=\"extraClass\"\n  type=\"text\"\n  [value]=\"value\"\n  (change)=\"handleChange($event)\"\n  (input)=\"handleChange($event)\"\n  [placeholder]=\"placeholder\"\n  [attr.aria-label]=\"placeholder\"\n  [attr.required]=\"required || null\"\n  [disabled]=\"disabled\"\n/>\n", styles: [".invalid{border-color:var(--color-secondary)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TextInputComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gn-ui-text-input', standalone: true, imports: [CommonModule], template: "<input\n  #input\n  class=\"gn-ui-text-input\"\n  [ngClass]=\"extraClass\"\n  type=\"text\"\n  [value]=\"value\"\n  (change)=\"handleChange($event)\"\n  (input)=\"handleChange($event)\"\n  [placeholder]=\"placeholder\"\n  [attr.aria-label]=\"placeholder\"\n  [attr.required]=\"required || null\"\n  [disabled]=\"disabled\"\n/>\n", styles: [".invalid{border-color:var(--color-secondary)}\n"] }]
-        }], propDecorators: { value: [{
-                type: Input
-            }], extraClass: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], required: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], valueChange: [{
-                type: Output
-            }], input: [{
-                type: ViewChild,
-                args: ['input']
-            }] } });
-
-class ViewportIntersectorComponent {
-    constructor(vcRef) {
-        this.vcRef = vcRef;
-        this.isInViewport = new EventEmitter();
-        this.entersViewport = this.isInViewport.pipe(filter((inViewport) => inViewport), map$1(() => undefined));
-        this.exitsViewport = this.isInViewport.pipe(filter((inViewport) => !inViewport), map$1(() => undefined));
-    }
-    ngOnInit() {
-        const elToObserve = this.vcRef.element.nativeElement;
-        this.observeInputElement(elToObserve);
-    }
-    ngOnDestroy() {
-        const elToObserve = this.vcRef.element.nativeElement;
-        this.unObserveInputElement(elToObserve);
-    }
-    observeInputElement(elToObserve) {
-        if (!this.observer) {
-            this.observer = new IntersectionObserver((entries) => {
-                entries.forEach((entry) => {
-                    this.isInViewport.emit(entry.isIntersecting);
-                });
-            }, { root: null, threshold: 0 });
-        }
-        this.observer.observe(elToObserve);
-    }
-    unObserveInputElement(elToObserve) {
-        this.observer?.unobserve(elToObserve);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ViewportIntersectorComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ViewportIntersectorComponent, selector: "gn-ui-viewport-intersector", outputs: { isInViewport: "isInViewport", entersViewport: "entersViewport", exitsViewport: "exitsViewport" }, ngImport: i0, template: "<div class=\"w-full h-full\"></div>\n", styles: [""] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ViewportIntersectorComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gn-ui-viewport-intersector', template: "<div class=\"w-full h-full\"></div>\n" }]
-        }], ctorParameters: () => [{ type: i0.ViewContainerRef }], propDecorators: { isInViewport: [{
-                type: Output
-            }], entersViewport: [{
-                type: Output
-            }], exitsViewport: [{
-                type: Output
-            }] } });
-
 class FilesDropDirective {
     constructor() {
         this.dragFilesOver = new EventEmitter();
@@ -27376,7 +27306,7 @@ class UrlInputComponent {
         this.cd = cd;
         this.extraClass = '';
         this.placeholder = 'https://';
-        this.showUploadButton = true;
+        this.showValidateButton = true;
         /**
          * This will emit null if the field is emptied
          */
@@ -27410,12 +27340,12 @@ class UrlInputComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UrlInputComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: UrlInputComponent, isStandalone: true, selector: "gn-ui-url-input", inputs: { value: "value", extraClass: "extraClass", placeholder: "placeholder", disabled: "disabled", showUploadButton: "showUploadButton" }, outputs: { valueChange: "valueChange", uploadClick: "uploadClick" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: UrlInputComponent, isStandalone: true, selector: "gn-ui-url-input", inputs: { value: "value", extraClass: "extraClass", placeholder: "placeholder", disabled: "disabled", showValidateButton: "showValidateButton" }, outputs: { valueChange: "valueChange", uploadClick: "uploadClick" }, providers: [
             provideIcons({ iconoirLink, iconoirArrowUp }),
             provideNgIconsConfig({
                 size: '1.5em',
             }),
-        ], ngImport: i0, template: "<span class=\"w-full inline-block relative\">\n  <input\n    #input\n    class=\"gn-ui-text-input px-[var(--text-padding)]\"\n    [ngClass]=\"extraClass\"\n    type=\"url\"\n    [value]=\"inputValue\"\n    (input)=\"handleInput($event)\"\n    (keydown.enter)=\"handleUpload(input)\"\n    [placeholder]=\"placeholder\"\n    [attr.aria-label]=\"placeholder\"\n    [disabled]=\"disabled\"\n  />\n  <div\n    class=\"absolute inset-y-[var(--side-padding)] left-[var(--2x-side-padding)] grid justify-center items-center pointer-events-none\"\n    [ngClass]=\"{\n      'text-primary': !disabled,\n      'text-primary-lightest': disabled,\n    }\"\n  >\n    <ng-icon name=\"iconoirLink\"></ng-icon>\n  </div>\n  <gn-ui-button\n    *ngIf=\"showUploadButton\"\n    extraClass=\"absolute inset-y-[var(--side-padding)] right-[var(--side-padding)]\"\n    type=\"primary\"\n    [disabled]=\"disabled || input.value === '' || !isValidUrl(input.value)\"\n    (buttonClick)=\"handleUpload(input)\"\n  >\n    <ng-icon name=\"iconoirArrowUp\"> </ng-icon>\n  </gn-ui-button>\n</span>\n", styles: [":host{--gn-ui-button-rounded: 8px;--gn-ui-button-width: 32px;--gn-ui-button-padding: 0;--side-padding: calc(var(--gn-ui-text-input-padding, .6rem) - 6px);--2x-side-padding: calc(var(--side-padding) * 2);--text-padding: calc(var(--side-padding) + 40px)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], ngImport: i0, template: "<span class=\"w-full inline-block relative\">\n  <input\n    #input\n    class=\"gn-ui-text-input gn-ui-url-input px-[var(--text-padding)]\"\n    [ngClass]=\"extraClass\"\n    type=\"url\"\n    [value]=\"inputValue\"\n    (input)=\"handleInput($event)\"\n    (keydown.enter)=\"handleUpload(input)\"\n    [placeholder]=\"placeholder\"\n    [attr.aria-label]=\"placeholder\"\n    [disabled]=\"disabled\"\n  />\n  <div\n    class=\"absolute inset-y-[var(--side-padding)] left-[var(--2x-side-padding)] grid justify-center items-center pointer-events-none\"\n    [ngClass]=\"{\n      'text-primary': !disabled,\n      'text-primary-lightest': disabled,\n    }\"\n  >\n    <ng-icon name=\"iconoirLink\"></ng-icon>\n  </div>\n  <gn-ui-button\n    *ngIf=\"showValidateButton\"\n    extraClass=\"absolute inset-y-[var(--side-padding)] right-[var(--side-padding)]\"\n    type=\"primary\"\n    [disabled]=\"disabled || input.value === '' || !isValidUrl(input.value)\"\n    (buttonClick)=\"handleUpload(input)\"\n  >\n    <ng-content>\n      <ng-icon name=\"iconoirArrowUp\"></ng-icon>\n    </ng-content>\n  </gn-ui-button>\n</span>\n", styles: [":host{--gn-ui-button-rounded: 8px;--gn-ui-button-width: 32px;--gn-ui-button-padding: 0;--side-padding: calc(var(--gn-ui-text-input-padding, .6rem) - 6px);--2x-side-padding: calc(var(--side-padding) * 2);--text-padding: calc(var(--side-padding) + 40px)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UrlInputComponent, decorators: [{
             type: Component,
@@ -27424,7 +27354,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         provideNgIconsConfig({
                             size: '1.5em',
                         }),
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"w-full inline-block relative\">\n  <input\n    #input\n    class=\"gn-ui-text-input px-[var(--text-padding)]\"\n    [ngClass]=\"extraClass\"\n    type=\"url\"\n    [value]=\"inputValue\"\n    (input)=\"handleInput($event)\"\n    (keydown.enter)=\"handleUpload(input)\"\n    [placeholder]=\"placeholder\"\n    [attr.aria-label]=\"placeholder\"\n    [disabled]=\"disabled\"\n  />\n  <div\n    class=\"absolute inset-y-[var(--side-padding)] left-[var(--2x-side-padding)] grid justify-center items-center pointer-events-none\"\n    [ngClass]=\"{\n      'text-primary': !disabled,\n      'text-primary-lightest': disabled,\n    }\"\n  >\n    <ng-icon name=\"iconoirLink\"></ng-icon>\n  </div>\n  <gn-ui-button\n    *ngIf=\"showUploadButton\"\n    extraClass=\"absolute inset-y-[var(--side-padding)] right-[var(--side-padding)]\"\n    type=\"primary\"\n    [disabled]=\"disabled || input.value === '' || !isValidUrl(input.value)\"\n    (buttonClick)=\"handleUpload(input)\"\n  >\n    <ng-icon name=\"iconoirArrowUp\"> </ng-icon>\n  </gn-ui-button>\n</span>\n", styles: [":host{--gn-ui-button-rounded: 8px;--gn-ui-button-width: 32px;--gn-ui-button-padding: 0;--side-padding: calc(var(--gn-ui-text-input-padding, .6rem) - 6px);--2x-side-padding: calc(var(--side-padding) * 2);--text-padding: calc(var(--side-padding) + 40px)}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"w-full inline-block relative\">\n  <input\n    #input\n    class=\"gn-ui-text-input gn-ui-url-input px-[var(--text-padding)]\"\n    [ngClass]=\"extraClass\"\n    type=\"url\"\n    [value]=\"inputValue\"\n    (input)=\"handleInput($event)\"\n    (keydown.enter)=\"handleUpload(input)\"\n    [placeholder]=\"placeholder\"\n    [attr.aria-label]=\"placeholder\"\n    [disabled]=\"disabled\"\n  />\n  <div\n    class=\"absolute inset-y-[var(--side-padding)] left-[var(--2x-side-padding)] grid justify-center items-center pointer-events-none\"\n    [ngClass]=\"{\n      'text-primary': !disabled,\n      'text-primary-lightest': disabled,\n    }\"\n  >\n    <ng-icon name=\"iconoirLink\"></ng-icon>\n  </div>\n  <gn-ui-button\n    *ngIf=\"showValidateButton\"\n    extraClass=\"absolute inset-y-[var(--side-padding)] right-[var(--side-padding)]\"\n    type=\"primary\"\n    [disabled]=\"disabled || input.value === '' || !isValidUrl(input.value)\"\n    (buttonClick)=\"handleUpload(input)\"\n  >\n    <ng-content>\n      <ng-icon name=\"iconoirArrowUp\"></ng-icon>\n    </ng-content>\n  </gn-ui-button>\n</span>\n", styles: [":host{--gn-ui-button-rounded: 8px;--gn-ui-button-width: 32px;--gn-ui-button-padding: 0;--side-padding: calc(var(--gn-ui-text-input-padding, .6rem) - 6px);--2x-side-padding: calc(var(--side-padding) * 2);--text-padding: calc(var(--side-padding) + 40px)}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { value: [{
                 type: Input
             }], extraClass: [{
@@ -27433,7 +27363,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }], disabled: [{
                 type: Input
-            }], showUploadButton: [{
+            }], showValidateButton: [{
                 type: Input
             }], valueChange: [{
                 type: Output
@@ -27441,100 +27371,49 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Output
             }] } });
 
-class ImageInputComponent {
+class FileInputComponent {
     get isUploadInProgress() {
         return this.uploadProgress !== undefined;
     }
-    constructor(http, cd) {
-        this.http = http;
+    constructor(cd) {
         this.cd = cd;
         this.disabled = false;
         this.fileChange = new EventEmitter();
         this.urlChange = new EventEmitter();
         this.uploadCancel = new EventEmitter();
-        this.delete = new EventEmitter();
-        this.altTextChange = new EventEmitter();
         this.dragFilesOver = false;
-        this.showUrlInput = false;
-        this.downloadError = false;
-        this.showAltTextInput = false;
     }
     getPrimaryText() {
-        if (this.uploadError) {
-            return marker('input.image.uploadErrorLabel');
-        }
         if (this.uploadProgress) {
-            return marker('input.image.uploadProgressLabel');
+            return marker('input.file.uploadProgressLabel');
         }
-        return marker('input.image.selectFileLabel');
+        return marker('input.file.selectFileLabel');
     }
     getSecondaryText() {
-        if (this.uploadError) {
-            return marker('input.image.uploadErrorRetry');
-        }
         if (this.uploadProgress) {
-            return marker('input.image.uploadProgressCancel');
+            return marker('input.file.uploadProgressCancel');
         }
-        return marker('input.image.dropFileLabel');
+        return marker('input.file.dropFileLabel');
     }
     handleDragFilesOver(dragFilesOver) {
-        if (!this.showUrlInput) {
-            this.dragFilesOver = dragFilesOver;
-            this.cd.markForCheck();
-        }
+        this.dragFilesOver = dragFilesOver;
+        this.cd.markForCheck();
     }
     handleDropFiles(files) {
-        if (!this.showUrlInput) {
-            const validFiles = this.filterTypeImage(files);
-            if (validFiles.length > 0) {
-                this.resizeAndEmit(validFiles[0]);
-            }
+        if (files.length > 0) {
+            this.fileChange.emit(files[0]);
         }
     }
     handleFileInput(event) {
-        const inputFiles = Array.from(event.target.files);
-        const validFiles = this.filterTypeImage(inputFiles);
-        if (validFiles.length > 0) {
-            this.resizeAndEmit(validFiles[0]);
-        }
-    }
-    displayUrlInput() {
-        this.uploadCancel.emit();
-        this.showUrlInput = true;
+        this.handleDropFiles(Array.from(event.target.files));
     }
-    async downloadUrl(url) {
-        this.downloadError = false;
-        const name = url.split('/').pop();
-        try {
-            const response = await firstValueFrom(this.http.head(url, { observe: 'response' }));
-            if (response.headers.get('content-type')?.startsWith('image/') &&
-                parseInt(response.headers.get('content-length')) <
-                    megabytesToBytes(this.maxSizeMB)) {
-                this.http.get(url, { responseType: 'blob' }).subscribe({
-                    next: (blob) => {
-                        this.cd.markForCheck();
-                        const file = new File([blob], name);
-                        this.fileChange.emit(file);
-                    },
-                    error: () => {
-                        this.downloadError = true;
-                        this.cd.markForCheck();
-                        this.urlChange.emit(url);
-                    },
-                });
-            }
-        }
-        catch {
-            this.downloadError = true;
-            this.cd.markForCheck();
+    handleUrlChange(url) {
+        if (!url)
             return;
-        }
+        this.urlChange.emit(url);
     }
     handleSecondaryTextClick(event) {
-        if (this.uploadError) {
-            this.handleRetry();
-        }
-        else if (this.uploadProgress) {
+        if (this.uploadProgress) {
             this.handleCancel();
             event.preventDefault();
         }
@@ -27542,86 +27421,40 @@ class ImageInputComponent {
     handleCancel() {
         this.uploadCancel.emit();
     }
-    handleRetry() {
-        switch (this.lastUploadType) {
-            case 'file':
-                this.fileChange.emit(this.lastUploadContent);
-                break;
-            case 'url':
-                this.urlChange.emit(this.lastUploadContent);
-                break;
-        }
-    }
-    handleDelete() {
-        this.delete.emit();
-    }
-    toggleAltTextInput() {
-        this.showAltTextInput = !this.showAltTextInput;
-    }
-    handleAltTextChange(altText) {
-        this.altTextChange.emit(altText);
-    }
-    filterTypeImage(files) {
-        return files.filter((file) => {
-            return file.type.startsWith('image/');
-        });
-    }
-    resizeAndEmit(imageToResize) {
-        const maxSizeBytes = megabytesToBytes(this.maxSizeMB);
-        downgradeImage(imageToResize, maxSizeBytes).then((resizedImage) => {
-            const fileToEmit = new File([resizedImage], imageToResize.name);
-            this.fileChange.emit(fileToEmit);
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ImageInputComponent, deps: [{ token: i1.HttpClient }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ImageInputComponent, isStandalone: true, selector: "gn-ui-image-input", inputs: { maxSizeMB: "maxSizeMB", previewUrl: "previewUrl", altText: "altText", uploadProgress: "uploadProgress", uploadError: "uploadError", disabled: "disabled" }, outputs: { fileChange: "fileChange", urlChange: "urlChange", uploadCancel: "uploadCancel", delete: "delete", altTextChange: "altTextChange" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FileInputComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FileInputComponent, isStandalone: true, selector: "gn-ui-file-input", inputs: { maxSizeMB: "maxSizeMB", uploadProgress: "uploadProgress", disabled: "disabled" }, outputs: { fileChange: "fileChange", urlChange: "urlChange", uploadCancel: "uploadCancel" }, providers: [
             provideIcons({
-                iconoirMediaImage,
+                iconoirCloudUpload,
                 iconoirFramePlusIn,
-                iconoirMediaImageXmark,
-                iconoirBin,
-                iconoirPlus,
-                iconoirLink,
             }),
             provideNgIconsConfig({
-                size: '1.5rem',
+                size: '1.5em',
             }),
-        ], ngImport: i0, template: "<ng-container *ngIf=\"previewUrl; then withImage; else withoutImage\">\n</ng-container>\n\n<ng-template #withImage>\n  <div class=\"w-full h-full flex flex-col gap-2\">\n    <div class=\"flex-1 group relative\">\n      <img\n        class=\"w-full object-cover border-2 border-gray-300 rounded-lg h-[172px]\"\n        [alt]=\"altText\"\n        loading=\"lazy\"\n        [src]=\"previewUrl\"\n      />\n      <gn-ui-button\n        type=\"outline\"\n        style=\"--gn-ui-button-height: 40px; --gn-ui-button-width: 40px\"\n        extraClass=\"absolute right-2 bottom-2 invisible group-hover:visible bg-background\"\n        (buttonClick)=\"handleDelete()\"\n        [disabled]=\"disabled\"\n      >\n        <ng-icon name=\"iconoirBin\"></ng-icon>\n      </gn-ui-button>\n    </div>\n    <gn-ui-text-input\n      *ngIf=\"showAltTextInput\"\n      [placeholder]=\"'input.image.altTextPlaceholder' | translate\"\n      [value]=\"altText ?? ''\"\n      (valueChange)=\"handleAltTextChange($event)\"\n      extraClass=\"gn-ui-editor-textarea\"\n      [disabled]=\"disabled\"\n    ></gn-ui-text-input>\n    <div class=\"flex flex-row gap-2 mt-2\">\n      <gn-ui-button type=\"gray\" (buttonClick)=\"handleDelete()\">\n        <ng-icon class=\"me-1 text-primary\" name=\"iconoirBin\"></ng-icon>\n        {{ 'input.image.delete' | translate }}\n      </gn-ui-button>\n      <gn-ui-button\n        *ngIf=\"!showAltTextInput\"\n        type=\"gray\"\n        (buttonClick)=\"toggleAltTextInput()\"\n      >\n        <ng-icon name=\"iconoirPlus\" class=\"me-1 text-primary\"></ng-icon>\n        {{ 'input.image.displayAltTextInput' | translate }}\n      </gn-ui-button>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #withoutImage>\n  <div class=\"w-full h-full flex flex-col gap-2\">\n    <label\n      gnUiFilesDrop\n      class=\"flex-1 border-2 border-dashed rounded-lg p-6 flex flex-col items-center justify-center gap-4 transition-colors duration-100\"\n      [ngClass]=\"{\n        'border-primary-lighter bg-primary-white': dragFilesOver,\n        'border-gray-300': !dragFilesOver,\n        'cursor-pointer hover:border-gray-500':\n          !isUploadInProgress && !uploadError && !showUrlInput && !disabled,\n        'cursor-not-allowed': disabled,\n      }\"\n      [attr.tabindex]=\"\n        isUploadInProgress || uploadError || showUrlInput || disabled ? null : 0\n      \"\n      (keydown.enter)=\"fileInput.click()\"\n      (dragFilesOver)=\"handleDragFilesOver($event)\"\n      (dropFiles)=\"handleDropFiles($event)\"\n    >\n      <div\n        class=\"w-14 h-14 rounded-md bg-gray-50 grid\"\n        *ngIf=\"!isUploadInProgress && !uploadError\"\n      >\n        <ng-icon\n          *ngIf=\"!dragFilesOver\"\n          class=\"place-self-center text-primary\"\n          name=\"iconoirMediaImage\"\n        ></ng-icon>\n        <ng-icon\n          *ngIf=\"dragFilesOver\"\n          class=\"place-self-center text-primary\"\n          name=\"iconoirFramePlusIn\"\n        ></ng-icon>\n      </div>\n\n      <div\n        *ngIf=\"isUploadInProgress && !uploadError\"\n        class=\"w-14 h-14 grid items-center justify-center relative\"\n      >\n        <div class=\"text-gray-100 absolute\">\n          <mat-progress-spinner\n            class=\"place-self-center\"\n            [diameter]=\"56\"\n            mode=\"determinate\"\n            [value]=\"100\"\n          ></mat-progress-spinner>\n        </div>\n        <div class=\"text-primary absolute\">\n          <mat-progress-spinner\n            class=\"place-self-center\"\n            [diameter]=\"56\"\n            mode=\"determinate\"\n            [value]=\"uploadProgress\"\n          ></mat-progress-spinner>\n        </div>\n        <span class=\"text-sm text-main font-bold\">{{ uploadProgress }}%</span>\n      </div>\n\n      <div class=\"w-14 h-14 rounded-md bg-gray-50 grid\" *ngIf=\"uploadError\">\n        <ng-icon\n          name=\"iconoirMediaImageXmark\"\n          class=\"place-self-center text-rose-500\"\n        ></ng-icon>\n      </div>\n\n      <div class=\"flex flex-col items-center gap-1\">\n        <p class=\"font-medium\">{{ getPrimaryText() | translate }}</p>\n        <p\n          class=\"text-sm\"\n          [class]=\"\n            isUploadInProgress || uploadError\n              ? 'font-bold text-blue-500 cursor-pointer'\n              : 'font-medium text-gray-500'\n          \"\n          (click)=\"handleSecondaryTextClick($event)\"\n        >\n          {{ getSecondaryText() | translate }}\n        </p>\n      </div>\n      <input\n        #fileInput\n        type=\"file\"\n        class=\"hidden\"\n        (change)=\"handleFileInput($event)\"\n        [disabled]=\"\n          showUrlInput || isUploadInProgress || uploadError || disabled\n        \"\n      />\n    </label>\n\n    <div *ngIf=\"!showUrlInput\" class=\"flex-none mt-2\">\n      <gn-ui-button\n        (buttonClick)=\"displayUrlInput()\"\n        type=\"gray\"\n        [disabled]=\"disabled\"\n        [extraClass]=\"disabled && 'cursor-not-allowed'\"\n      >\n        <ng-icon class=\"me-1 text-primary\" name=\"iconoirLink\"></ng-icon>\n        {{ 'input.image.displayUrlInput' | translate }}\n      </gn-ui-button>\n    </div>\n\n    <gn-ui-url-input\n      *ngIf=\"showUrlInput\"\n      class=\"mt-3.5\"\n      (uploadClick)=\"downloadUrl($event)\"\n      [disabled]=\"isUploadInProgress || disabled\"\n    >\n    </gn-ui-url-input>\n  </div>\n</ng-template>\n", styles: [":host{--gn-ui-button-padding: 8px 8px;--gn-ui-button-rounded: 8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "directive", type: FilesDropDirective, selector: "[gnUiFilesDrop]", outputs: ["dragFilesOver", "dropFiles"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i1$5.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "component", type: UrlInputComponent, selector: "gn-ui-url-input", inputs: ["value", "extraClass", "placeholder", "disabled", "showUploadButton"], outputs: ["valueChange", "uploadClick"] }, { kind: "component", type: TextInputComponent, selector: "gn-ui-text-input", inputs: ["value", "extraClass", "placeholder", "required", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], ngImport: i0, template: "<div class=\"w-full flex flex-col gap-[16px]\">\n  <label\n    gnUiFilesDrop\n    class=\"flex-1 border-2 border-dashed rounded-lg p-6 flex flex-col items-center justify-center gap-4 transition-colors duration-100\"\n    [ngClass]=\"{\n      'border-primary-lighter bg-primary-white': dragFilesOver,\n      'border-gray-300': !dragFilesOver,\n      'cursor-pointer hover:border-gray-500': !isUploadInProgress && !disabled,\n      'cursor-not-allowed': disabled,\n    }\"\n    [attr.tabindex]=\"isUploadInProgress || disabled ? null : 0\"\n    (dragFilesOver)=\"handleDragFilesOver($event)\"\n    (dropFiles)=\"handleDropFiles($event)\"\n    (keydown.enter)=\"fileInput.click()\"\n  >\n    <input\n      #fileInput\n      type=\"file\"\n      class=\"hidden\"\n      (change)=\"handleFileInput($event)\"\n      [disabled]=\"isUploadInProgress || disabled\"\n    />\n\n    <div\n      class=\"w-14 h-14 rounded-md bg-gray-50 grid\"\n      *ngIf=\"!isUploadInProgress\"\n    >\n      <ng-icon\n        *ngIf=\"!dragFilesOver\"\n        class=\"place-self-center text-primary\"\n        name=\"iconoirCloudUpload\"\n      ></ng-icon>\n      <ng-icon\n        *ngIf=\"dragFilesOver\"\n        class=\"place-self-center text-primary\"\n        name=\"iconoirFramePlusIn\"\n      ></ng-icon>\n    </div>\n    <div\n      *ngIf=\"isUploadInProgress\"\n      class=\"w-14 h-14 grid items-center justify-center relative\"\n    >\n      <div class=\"text-gray-100 absolute\">\n        <mat-progress-spinner\n          class=\"place-self-center\"\n          [diameter]=\"56\"\n          mode=\"determinate\"\n          [value]=\"100\"\n        ></mat-progress-spinner>\n      </div>\n      <div class=\"text-primary absolute\">\n        <mat-progress-spinner\n          class=\"place-self-center\"\n          [diameter]=\"56\"\n          mode=\"determinate\"\n          [value]=\"uploadProgress\"\n        ></mat-progress-spinner>\n      </div>\n      <span class=\"text-sm text-main font-bold\">{{ uploadProgress }}%</span>\n    </div>\n    <div class=\"flex flex-col items-center gap-1\">\n      <p class=\"font-medium\">\n        {{ getPrimaryText() | translate: { sizeMB: maxSizeMB.toFixed(0) } }}\n      </p>\n      <p\n        class=\"text-sm\"\n        [class]=\"\n          isUploadInProgress\n            ? 'font-bold text-primary cursor-pointer'\n            : 'font-medium text-gray-500'\n        \"\n        (click)=\"handleSecondaryTextClick($event)\"\n      >\n        {{ getSecondaryText() | translate }}\n      </p>\n    </div>\n    <p class=\"w-full flex flex-row items-center justify-stretch gap-[16px]\">\n      <span class=\"border-b border-gray-300 grow\"></span>\n      <span class=\"text-sm font-medium text-gray-500 or-input-url\" translate>\n        input.file.orInputUrl</span\n      >\n      <span class=\"border-b border-gray-300 grow\"></span>\n    </p>\n    <gn-ui-url-input\n      class=\"w-full\"\n      [disabled]=\"isUploadInProgress || disabled\"\n      (uploadClick)=\"handleUrlChange($event)\"\n    ></gn-ui-url-input>\n  </label>\n</div>\n", styles: [":host{--gn-ui-button-padding: 8px 8px;--gn-ui-button-rounded: 8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: FilesDropDirective, selector: "[gnUiFilesDrop]", outputs: ["dragFilesOver", "dropFiles"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i1$5.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: UrlInputComponent, selector: "gn-ui-url-input", inputs: ["value", "extraClass", "placeholder", "disabled", "showValidateButton"], outputs: ["valueChange", "uploadClick"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ImageInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FileInputComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-image-input', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+            args: [{ selector: 'gn-ui-file-input', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         CommonModule,
                         ButtonComponent,
                         FilesDropDirective,
                         MatProgressSpinnerModule,
                         TranslateModule,
                         UrlInputComponent,
-                        TextInputComponent,
                         NgIconComponent,
                     ], providers: [
                         provideIcons({
-                            iconoirMediaImage,
+                            iconoirCloudUpload,
                             iconoirFramePlusIn,
-                            iconoirMediaImageXmark,
-                            iconoirBin,
-                            iconoirPlus,
-                            iconoirLink,
                         }),
                         provideNgIconsConfig({
-                            size: '1.5rem',
+                            size: '1.5em',
                         }),
-                    ], template: "<ng-container *ngIf=\"previewUrl; then withImage; else withoutImage\">\n</ng-container>\n\n<ng-template #withImage>\n  <div class=\"w-full h-full flex flex-col gap-2\">\n    <div class=\"flex-1 group relative\">\n      <img\n        class=\"w-full object-cover border-2 border-gray-300 rounded-lg h-[172px]\"\n        [alt]=\"altText\"\n        loading=\"lazy\"\n        [src]=\"previewUrl\"\n      />\n      <gn-ui-button\n        type=\"outline\"\n        style=\"--gn-ui-button-height: 40px; --gn-ui-button-width: 40px\"\n        extraClass=\"absolute right-2 bottom-2 invisible group-hover:visible bg-background\"\n        (buttonClick)=\"handleDelete()\"\n        [disabled]=\"disabled\"\n      >\n        <ng-icon name=\"iconoirBin\"></ng-icon>\n      </gn-ui-button>\n    </div>\n    <gn-ui-text-input\n      *ngIf=\"showAltTextInput\"\n      [placeholder]=\"'input.image.altTextPlaceholder' | translate\"\n      [value]=\"altText ?? ''\"\n      (valueChange)=\"handleAltTextChange($event)\"\n      extraClass=\"gn-ui-editor-textarea\"\n      [disabled]=\"disabled\"\n    ></gn-ui-text-input>\n    <div class=\"flex flex-row gap-2 mt-2\">\n      <gn-ui-button type=\"gray\" (buttonClick)=\"handleDelete()\">\n        <ng-icon class=\"me-1 text-primary\" name=\"iconoirBin\"></ng-icon>\n        {{ 'input.image.delete' | translate }}\n      </gn-ui-button>\n      <gn-ui-button\n        *ngIf=\"!showAltTextInput\"\n        type=\"gray\"\n        (buttonClick)=\"toggleAltTextInput()\"\n      >\n        <ng-icon name=\"iconoirPlus\" class=\"me-1 text-primary\"></ng-icon>\n        {{ 'input.image.displayAltTextInput' | translate }}\n      </gn-ui-button>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #withoutImage>\n  <div class=\"w-full h-full flex flex-col gap-2\">\n    <label\n      gnUiFilesDrop\n      class=\"flex-1 border-2 border-dashed rounded-lg p-6 flex flex-col items-center justify-center gap-4 transition-colors duration-100\"\n      [ngClass]=\"{\n        'border-primary-lighter bg-primary-white': dragFilesOver,\n        'border-gray-300': !dragFilesOver,\n        'cursor-pointer hover:border-gray-500':\n          !isUploadInProgress && !uploadError && !showUrlInput && !disabled,\n        'cursor-not-allowed': disabled,\n      }\"\n      [attr.tabindex]=\"\n        isUploadInProgress || uploadError || showUrlInput || disabled ? null : 0\n      \"\n      (keydown.enter)=\"fileInput.click()\"\n      (dragFilesOver)=\"handleDragFilesOver($event)\"\n      (dropFiles)=\"handleDropFiles($event)\"\n    >\n      <div\n        class=\"w-14 h-14 rounded-md bg-gray-50 grid\"\n        *ngIf=\"!isUploadInProgress && !uploadError\"\n      >\n        <ng-icon\n          *ngIf=\"!dragFilesOver\"\n          class=\"place-self-center text-primary\"\n          name=\"iconoirMediaImage\"\n        ></ng-icon>\n        <ng-icon\n          *ngIf=\"dragFilesOver\"\n          class=\"place-self-center text-primary\"\n          name=\"iconoirFramePlusIn\"\n        ></ng-icon>\n      </div>\n\n      <div\n        *ngIf=\"isUploadInProgress && !uploadError\"\n        class=\"w-14 h-14 grid items-center justify-center relative\"\n      >\n        <div class=\"text-gray-100 absolute\">\n          <mat-progress-spinner\n            class=\"place-self-center\"\n            [diameter]=\"56\"\n            mode=\"determinate\"\n            [value]=\"100\"\n          ></mat-progress-spinner>\n        </div>\n        <div class=\"text-primary absolute\">\n          <mat-progress-spinner\n            class=\"place-self-center\"\n            [diameter]=\"56\"\n            mode=\"determinate\"\n            [value]=\"uploadProgress\"\n          ></mat-progress-spinner>\n        </div>\n        <span class=\"text-sm text-main font-bold\">{{ uploadProgress }}%</span>\n      </div>\n\n      <div class=\"w-14 h-14 rounded-md bg-gray-50 grid\" *ngIf=\"uploadError\">\n        <ng-icon\n          name=\"iconoirMediaImageXmark\"\n          class=\"place-self-center text-rose-500\"\n        ></ng-icon>\n      </div>\n\n      <div class=\"flex flex-col items-center gap-1\">\n        <p class=\"font-medium\">{{ getPrimaryText() | translate }}</p>\n        <p\n          class=\"text-sm\"\n          [class]=\"\n            isUploadInProgress || uploadError\n              ? 'font-bold text-blue-500 cursor-pointer'\n              : 'font-medium text-gray-500'\n          \"\n          (click)=\"handleSecondaryTextClick($event)\"\n        >\n          {{ getSecondaryText() | translate }}\n        </p>\n      </div>\n      <input\n        #fileInput\n        type=\"file\"\n        class=\"hidden\"\n        (change)=\"handleFileInput($event)\"\n        [disabled]=\"\n          showUrlInput || isUploadInProgress || uploadError || disabled\n        \"\n      />\n    </label>\n\n    <div *ngIf=\"!showUrlInput\" class=\"flex-none mt-2\">\n      <gn-ui-button\n        (buttonClick)=\"displayUrlInput()\"\n        type=\"gray\"\n        [disabled]=\"disabled\"\n        [extraClass]=\"disabled && 'cursor-not-allowed'\"\n      >\n        <ng-icon class=\"me-1 text-primary\" name=\"iconoirLink\"></ng-icon>\n        {{ 'input.image.displayUrlInput' | translate }}\n      </gn-ui-button>\n    </div>\n\n    <gn-ui-url-input\n      *ngIf=\"showUrlInput\"\n      class=\"mt-3.5\"\n      (uploadClick)=\"downloadUrl($event)\"\n      [disabled]=\"isUploadInProgress || disabled\"\n    >\n    </gn-ui-url-input>\n  </div>\n</ng-template>\n", styles: [":host{--gn-ui-button-padding: 8px 8px;--gn-ui-button-rounded: 8px}\n"] }]
-        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i0.ChangeDetectorRef }], propDecorators: { maxSizeMB: [{
-                type: Input
-            }], previewUrl: [{
-                type: Input
-            }], altText: [{
+                    ], template: "<div class=\"w-full flex flex-col gap-[16px]\">\n  <label\n    gnUiFilesDrop\n    class=\"flex-1 border-2 border-dashed rounded-lg p-6 flex flex-col items-center justify-center gap-4 transition-colors duration-100\"\n    [ngClass]=\"{\n      'border-primary-lighter bg-primary-white': dragFilesOver,\n      'border-gray-300': !dragFilesOver,\n      'cursor-pointer hover:border-gray-500': !isUploadInProgress && !disabled,\n      'cursor-not-allowed': disabled,\n    }\"\n    [attr.tabindex]=\"isUploadInProgress || disabled ? null : 0\"\n    (dragFilesOver)=\"handleDragFilesOver($event)\"\n    (dropFiles)=\"handleDropFiles($event)\"\n    (keydown.enter)=\"fileInput.click()\"\n  >\n    <input\n      #fileInput\n      type=\"file\"\n      class=\"hidden\"\n      (change)=\"handleFileInput($event)\"\n      [disabled]=\"isUploadInProgress || disabled\"\n    />\n\n    <div\n      class=\"w-14 h-14 rounded-md bg-gray-50 grid\"\n      *ngIf=\"!isUploadInProgress\"\n    >\n      <ng-icon\n        *ngIf=\"!dragFilesOver\"\n        class=\"place-self-center text-primary\"\n        name=\"iconoirCloudUpload\"\n      ></ng-icon>\n      <ng-icon\n        *ngIf=\"dragFilesOver\"\n        class=\"place-self-center text-primary\"\n        name=\"iconoirFramePlusIn\"\n      ></ng-icon>\n    </div>\n    <div\n      *ngIf=\"isUploadInProgress\"\n      class=\"w-14 h-14 grid items-center justify-center relative\"\n    >\n      <div class=\"text-gray-100 absolute\">\n        <mat-progress-spinner\n          class=\"place-self-center\"\n          [diameter]=\"56\"\n          mode=\"determinate\"\n          [value]=\"100\"\n        ></mat-progress-spinner>\n      </div>\n      <div class=\"text-primary absolute\">\n        <mat-progress-spinner\n          class=\"place-self-center\"\n          [diameter]=\"56\"\n          mode=\"determinate\"\n          [value]=\"uploadProgress\"\n        ></mat-progress-spinner>\n      </div>\n      <span class=\"text-sm text-main font-bold\">{{ uploadProgress }}%</span>\n    </div>\n    <div class=\"flex flex-col items-center gap-1\">\n      <p class=\"font-medium\">\n        {{ getPrimaryText() | translate: { sizeMB: maxSizeMB.toFixed(0) } }}\n      </p>\n      <p\n        class=\"text-sm\"\n        [class]=\"\n          isUploadInProgress\n            ? 'font-bold text-primary cursor-pointer'\n            : 'font-medium text-gray-500'\n        \"\n        (click)=\"handleSecondaryTextClick($event)\"\n      >\n        {{ getSecondaryText() | translate }}\n      </p>\n    </div>\n    <p class=\"w-full flex flex-row items-center justify-stretch gap-[16px]\">\n      <span class=\"border-b border-gray-300 grow\"></span>\n      <span class=\"text-sm font-medium text-gray-500 or-input-url\" translate>\n        input.file.orInputUrl</span\n      >\n      <span class=\"border-b border-gray-300 grow\"></span>\n    </p>\n    <gn-ui-url-input\n      class=\"w-full\"\n      [disabled]=\"isUploadInProgress || disabled\"\n      (uploadClick)=\"handleUrlChange($event)\"\n    ></gn-ui-url-input>\n  </label>\n</div>\n", styles: [":host{--gn-ui-button-padding: 8px 8px;--gn-ui-button-rounded: 8px}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { maxSizeMB: [{
                 type: Input
             }], uploadProgress: [{
                 type: Input
-            }], uploadError: [{
-                type: Input
             }], disabled: [{
                 type: Input
             }], fileChange: [{
@@ -27630,9 +27463,249 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Output
             }], uploadCancel: [{
                 type: Output
-            }], delete: [{
+            }] } });
+
+class NavigationButtonComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NavigationButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: NavigationButtonComponent, isStandalone: true, selector: "gn-ui-navigation-button", inputs: { label: "label", icon: "icon" }, ngImport: i0, template: "<button\n  class=\"group flex items-center justify-center gap-1 backdrop-blur p-1 bg-primary-opacity-30 rounded content-center\"\n>\n  <ng-icon [name]=\"icon\" class=\"align-middle w-[18px]\"></ng-icon>\n  <span\n    class=\"mx-2 mt-0.5 text-[16px] tracking-widest content-center opacity-75\"\n    >{{ label.toUpperCase() }}</span\n  >\n</button>\n", styles: ["button{color:var(--navigation-button-color, --color-background)}\n"], dependencies: [{ kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NavigationButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-navigation-button', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgIcon], standalone: true, template: "<button\n  class=\"group flex items-center justify-center gap-1 backdrop-blur p-1 bg-primary-opacity-30 rounded content-center\"\n>\n  <ng-icon [name]=\"icon\" class=\"align-middle w-[18px]\"></ng-icon>\n  <span\n    class=\"mx-2 mt-0.5 text-[16px] tracking-widest content-center opacity-75\"\n    >{{ label.toUpperCase() }}</span\n  >\n</button>\n", styles: ["button{color:var(--navigation-button-color, --color-background)}\n"] }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }] } });
+
+class SearchInputComponent {
+    constructor() {
+        this.value = '';
+        this.placeholder = '';
+        this.rawChange = new Subject();
+        this.valueChange = this.rawChange.pipe(distinctUntilChanged$1());
+    }
+    handleChange($event) {
+        const value = $event.target.value;
+        this.rawChange.next(value);
+    }
+    clear() {
+        this.value = null;
+        this.rawChange.next(null);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SearchInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SearchInputComponent, isStandalone: true, selector: "gn-ui-search-input", inputs: { value: "value", placeholder: "placeholder" }, outputs: { valueChange: "valueChange" }, providers: [
+            provideIcons({ matSearch, matClose }),
+            provideNgIconsConfig({
+                size: '1.5em',
+            }),
+        ], ngImport: i0, template: "<div class=\"h-full relative text-gray-300\">\n  <input\n    #input\n    class=\"peer h-full appearance-none border border-gray-300 rounded w-full p-2 pl-10 text-gray-700 leading-tight hover:border-primary focus:text-primary focus:outline-none focus:border-primary focus:border-2\"\n    type=\"text\"\n    [value]=\"value\"\n    [placeholder]=\"placeholder\"\n    (change)=\"handleChange($event)\"\n    (input)=\"handleChange($event)\"\n  />\n  <div\n    class=\"absolute inset-y-0 left-0 pl-2.5 flex items-center peer-hover:text-primary peer-focus:text-primary\"\n  >\n    <ng-icon name=\"matSearch\"></ng-icon>\n  </div>\n  <button\n    *ngIf=\"rawChange | async\"\n    type=\"button\"\n    class=\"text-primary-lightest hover:text-primary absolute transition-all duration-100 inset-y-0 right-0 pr-2.5\"\n    aria-label=\"Clear\"\n    (click)=\"clear()\"\n  >\n    <ng-icon name=\"matClose\" class=\"align-middle\"></ng-icon>\n  </button>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SearchInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-search-input', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, NgIconComponent], providers: [
+                        provideIcons({ matSearch, matClose }),
+                        provideNgIconsConfig({
+                            size: '1.5em',
+                        }),
+                    ], template: "<div class=\"h-full relative text-gray-300\">\n  <input\n    #input\n    class=\"peer h-full appearance-none border border-gray-300 rounded w-full p-2 pl-10 text-gray-700 leading-tight hover:border-primary focus:text-primary focus:outline-none focus:border-primary focus:border-2\"\n    type=\"text\"\n    [value]=\"value\"\n    [placeholder]=\"placeholder\"\n    (change)=\"handleChange($event)\"\n    (input)=\"handleChange($event)\"\n  />\n  <div\n    class=\"absolute inset-y-0 left-0 pl-2.5 flex items-center peer-hover:text-primary peer-focus:text-primary\"\n  >\n    <ng-icon name=\"matSearch\"></ng-icon>\n  </div>\n  <button\n    *ngIf=\"rawChange | async\"\n    type=\"button\"\n    class=\"text-primary-lightest hover:text-primary absolute transition-all duration-100 inset-y-0 right-0 pr-2.5\"\n    aria-label=\"Clear\"\n    (click)=\"clear()\"\n  >\n    <ng-icon name=\"matClose\" class=\"align-middle\"></ng-icon>\n  </button>\n</div>\n" }]
+        }], propDecorators: { value: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], valueChange: [{
                 type: Output
-            }], altTextChange: [{
+            }] } });
+
+class StarToggleComponent {
+    constructor() {
+        this.disabled = false;
+        this.newValue = new EventEmitter();
+    }
+    toggle(event) {
+        if (!this.disabled) {
+            this.toggled = !this.toggled;
+            if (this.toggled) {
+                const anim = this.overlay.nativeElement.getAnimations()[0];
+                anim.cancel();
+                anim.play();
+            }
+            this.newValue.emit(this.toggled);
+        }
+        propagateToDocumentOnly(event);
+        event.preventDefault();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StarToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: StarToggleComponent, isStandalone: true, selector: "gn-ui-star-toggle", inputs: { toggled: "toggled", disabled: "disabled" }, outputs: { newValue: "newValue" }, viewQueries: [{ propertyName: "overlay", first: true, predicate: ["starOverlay"], descendants: true }], ngImport: i0, template: "<div class=\"inline-block relative align-middle\" style=\"line-height: 0.7em\">\n  <button\n    type=\"button\"\n    class=\"-m-[8px] p-[8px]\"\n    (click)=\"toggle($event)\"\n    [ngClass]=\"{\n      enabled: toggled,\n      'disabled opacity-45': !toggled,\n      'transition hover:scale-125 will-change-transform': !disabled,\n      'cursor-default': disabled,\n    }\"\n  >\n    <ng-icon [name]=\"toggled ? 'matStar' : 'matStarBorder'\"></ng-icon>\n  </button>\n  <svg\n    #starOverlay\n    class=\"star-toggle-overlay\"\n    width=\"40px\"\n    height=\"40px\"\n    viewBox=\"-15 -15 30 30\"\n  >\n    <g>\n      <path d=\"M 0,13.229167 V 0\" />\n      <path d=\"M -12.484186,4.0880377 0,0\" />\n      <path d=\"M -7.6784102,-10.70262 0,0\" />\n      <path d=\"M 7.8734079,-10.70262 0,0\" />\n      <path d=\"M 12.679184,4.0880376 0,0\" />\n    </g>\n  </svg>\n</div>\n", styles: ["button.enabled{color:var(--star-toggle-enabled-color, var(--color-secondary))}button.disabled{color:var(--star-toggle-disabled-color, var(--color-primary))}.star-filled{font-variation-settings:\"FILL\" 1}.star-toggle-overlay{stroke:var(--color-secondary);stroke-width:3.5px;stroke-linecap:round;position:absolute;top:50%;left:50%;width:2.5em;height:2.5em;transform:translate(-50%,-50%);pointer-events:none;stroke-dasharray:5 20;stroke-dashoffset:-15;animation:overlay-dash .8s cubic-bezier(.16,.66,.44,.96) forwards;animation-play-state:paused}@keyframes overlay-dash{to{stroke-dashoffset:7}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], viewProviders: [provideIcons({ matStar, matStarBorder })], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StarToggleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-star-toggle', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, NgIcon], viewProviders: [provideIcons({ matStar, matStarBorder })], template: "<div class=\"inline-block relative align-middle\" style=\"line-height: 0.7em\">\n  <button\n    type=\"button\"\n    class=\"-m-[8px] p-[8px]\"\n    (click)=\"toggle($event)\"\n    [ngClass]=\"{\n      enabled: toggled,\n      'disabled opacity-45': !toggled,\n      'transition hover:scale-125 will-change-transform': !disabled,\n      'cursor-default': disabled,\n    }\"\n  >\n    <ng-icon [name]=\"toggled ? 'matStar' : 'matStarBorder'\"></ng-icon>\n  </button>\n  <svg\n    #starOverlay\n    class=\"star-toggle-overlay\"\n    width=\"40px\"\n    height=\"40px\"\n    viewBox=\"-15 -15 30 30\"\n  >\n    <g>\n      <path d=\"M 0,13.229167 V 0\" />\n      <path d=\"M -12.484186,4.0880377 0,0\" />\n      <path d=\"M -7.6784102,-10.70262 0,0\" />\n      <path d=\"M 7.8734079,-10.70262 0,0\" />\n      <path d=\"M 12.679184,4.0880376 0,0\" />\n    </g>\n  </svg>\n</div>\n", styles: ["button.enabled{color:var(--star-toggle-enabled-color, var(--color-secondary))}button.disabled{color:var(--star-toggle-disabled-color, var(--color-primary))}.star-filled{font-variation-settings:\"FILL\" 1}.star-toggle-overlay{stroke:var(--color-secondary);stroke-width:3.5px;stroke-linecap:round;position:absolute;top:50%;left:50%;width:2.5em;height:2.5em;transform:translate(-50%,-50%);pointer-events:none;stroke-dasharray:5 20;stroke-dashoffset:-15;animation:overlay-dash .8s cubic-bezier(.16,.66,.44,.96) forwards;animation-play-state:paused}@keyframes overlay-dash{to{stroke-dashoffset:7}}\n"] }]
+        }], propDecorators: { toggled: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], newValue: [{
+                type: Output
+            }], overlay: [{
+                type: ViewChild,
+                args: ['starOverlay']
+            }] } });
+
+class SwitchToggleComponent {
+    constructor() {
+        this.ariaLabel = '';
+        this.extraClasses = '';
+        this.disabled = false;
+        this.selectedValue = new EventEmitter();
+    }
+    onChange(selectedOption) {
+        this.options.find((option) => option.label === selectedOption.label).checked = true;
+        this.selectedValue.emit(selectedOption);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SwitchToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SwitchToggleComponent, isStandalone: true, selector: "gn-ui-switch-toggle", inputs: { options: "options", ariaLabel: "ariaLabel", extraClasses: "extraClasses", disabled: "disabled" }, outputs: { selectedValue: "selectedValue" }, ngImport: i0, template: "<mat-button-toggle-group\n  #group=\"matButtonToggleGroup\"\n  multiple=\"false\"\n  class=\"flex w-full\"\n  [disabled]=\"disabled\"\n>\n  <mat-button-toggle\n    *ngFor=\"let option of options\"\n    [aria-label]=\"option.label\"\n    [checked]=\"option.checked\"\n    (change)=\"onChange(option)\"\n    [class]=\"extraClasses\"\n    >{{ option.label | translate }}</mat-button-toggle\n  >\n</mat-button-toggle-group>\n", styles: [":host{--mat-standard-button-toggle-height: 32px}.mat-button-toggle-group-appearance-standard{background-color:var(--color-gray-200);padding:4px;display:flex;gap:4px;border-radius:8px}.mat-button-toggle-appearance-standard{color:#000;background-color:var(--color-gray-200);border-radius:4px;border-left:none;font-family:var(--font-family-main)}.mat-button-toggle-appearance-standard.mat-button-toggle-checked{background-color:#000;color:var(--color-background)}button.mat-button-toggle-button.mat-focus-indicator.mat-button-toggle-label-content,.mat-button-toggle-label-content{line-height:32px}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonToggleModule }, { kind: "directive", type: i1$a.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled", "disabledInteractive", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i1$a.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled", "disabledInteractive"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SwitchToggleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-switch-toggle', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [MatButtonToggleModule, CommonModule, TranslateModule], template: "<mat-button-toggle-group\n  #group=\"matButtonToggleGroup\"\n  multiple=\"false\"\n  class=\"flex w-full\"\n  [disabled]=\"disabled\"\n>\n  <mat-button-toggle\n    *ngFor=\"let option of options\"\n    [aria-label]=\"option.label\"\n    [checked]=\"option.checked\"\n    (change)=\"onChange(option)\"\n    [class]=\"extraClasses\"\n    >{{ option.label | translate }}</mat-button-toggle\n  >\n</mat-button-toggle-group>\n", styles: [":host{--mat-standard-button-toggle-height: 32px}.mat-button-toggle-group-appearance-standard{background-color:var(--color-gray-200);padding:4px;display:flex;gap:4px;border-radius:8px}.mat-button-toggle-appearance-standard{color:#000;background-color:var(--color-gray-200);border-radius:4px;border-left:none;font-family:var(--font-family-main)}.mat-button-toggle-appearance-standard.mat-button-toggle-checked{background-color:#000;color:var(--color-background)}button.mat-button-toggle-button.mat-focus-indicator.mat-button-toggle-label-content,.mat-button-toggle-label-content{line-height:32px}\n"] }]
+        }], propDecorators: { options: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input
+            }], extraClasses: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], selectedValue: [{
+                type: Output
+            }] } });
+
+class TextAreaComponent {
+    constructor() {
+        this.value = '';
+        this.disabled = false;
+        this.extraClass = '';
+        this.placeholder = '';
+        this.required = false;
+        this.rawChange = new Subject();
+        this.valueChange = this.rawChange.pipe(distinctUntilChanged());
+    }
+    ngAfterViewInit() {
+        this.checkRequired(this.input.nativeElement.value);
+    }
+    checkRequired(value) {
+        this.input.nativeElement.classList.toggle('invalid', this.required && value === '');
+    }
+    handleChange($event) {
+        const value = $event.target.value;
+        this.checkRequired(value);
+        this.rawChange.next(value);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TextAreaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TextAreaComponent, isStandalone: true, selector: "gn-ui-text-area", inputs: { value: "value", disabled: "disabled", extraClass: "extraClass", placeholder: "placeholder", required: "required" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<div class=\"h-full flex\">\n  <textarea\n    #input\n    name=\"textArea\"\n    class=\"gn-ui-text-input leading-tight\"\n    [ngClass]=\"extraClass\"\n    [disabled]=\"disabled\"\n    [placeholder]=\"placeholder\"\n    [value]=\"value ?? ''\"\n    (change)=\"handleChange($event)\"\n    (input)=\"handleChange($event)\"\n    [attr.required]=\"required || null\"\n  ></textarea>\n</div>\n", styles: [".invalid{border-color:var(--color-secondary)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TextAreaComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-text-area', standalone: true, imports: [CommonModule], template: "<div class=\"h-full flex\">\n  <textarea\n    #input\n    name=\"textArea\"\n    class=\"gn-ui-text-input leading-tight\"\n    [ngClass]=\"extraClass\"\n    [disabled]=\"disabled\"\n    [placeholder]=\"placeholder\"\n    [value]=\"value ?? ''\"\n    (change)=\"handleChange($event)\"\n    (input)=\"handleChange($event)\"\n    [attr.required]=\"required || null\"\n  ></textarea>\n</div>\n", styles: [".invalid{border-color:var(--color-secondary)}\n"] }]
+        }], propDecorators: { value: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], extraClass: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], required: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }], input: [{
+                type: ViewChild,
+                args: ['input']
+            }] } });
+
+class TextInputComponent {
+    constructor() {
+        this.value = '';
+        this.extraClass = '';
+        this.required = false;
+        this.rawChange = new Subject();
+        this.valueChange = this.rawChange.pipe(distinctUntilChanged());
+    }
+    ngAfterViewInit() {
+        this.checkRequired(this.input.nativeElement.value);
+    }
+    checkRequired(value) {
+        this.input.nativeElement.classList.toggle('invalid', this.required && value === '');
+    }
+    handleChange($event) {
+        const value = $event.target.value;
+        this.checkRequired(value);
+        this.rawChange.next(value);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TextInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TextInputComponent, isStandalone: true, selector: "gn-ui-text-input", inputs: { value: "value", extraClass: "extraClass", placeholder: "placeholder", required: "required", disabled: "disabled" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<input\n  #input\n  class=\"gn-ui-text-input\"\n  [ngClass]=\"extraClass\"\n  type=\"text\"\n  [value]=\"value\"\n  (change)=\"handleChange($event)\"\n  (input)=\"handleChange($event)\"\n  [placeholder]=\"placeholder\"\n  [attr.aria-label]=\"placeholder\"\n  [attr.required]=\"required || null\"\n  [disabled]=\"disabled\"\n/>\n", styles: [".invalid{border-color:var(--color-secondary)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TextInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-text-input', standalone: true, imports: [CommonModule], template: "<input\n  #input\n  class=\"gn-ui-text-input\"\n  [ngClass]=\"extraClass\"\n  type=\"text\"\n  [value]=\"value\"\n  (change)=\"handleChange($event)\"\n  (input)=\"handleChange($event)\"\n  [placeholder]=\"placeholder\"\n  [attr.aria-label]=\"placeholder\"\n  [attr.required]=\"required || null\"\n  [disabled]=\"disabled\"\n/>\n", styles: [".invalid{border-color:var(--color-secondary)}\n"] }]
+        }], propDecorators: { value: [{
+                type: Input
+            }], extraClass: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], required: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }], input: [{
+                type: ViewChild,
+                args: ['input']
+            }] } });
+
+class ViewportIntersectorComponent {
+    constructor(vcRef) {
+        this.vcRef = vcRef;
+        this.isInViewport = new EventEmitter();
+        this.entersViewport = this.isInViewport.pipe(filter((inViewport) => inViewport), map$1(() => undefined));
+        this.exitsViewport = this.isInViewport.pipe(filter((inViewport) => !inViewport), map$1(() => undefined));
+    }
+    ngOnInit() {
+        const elToObserve = this.vcRef.element.nativeElement;
+        this.observeInputElement(elToObserve);
+    }
+    ngOnDestroy() {
+        const elToObserve = this.vcRef.element.nativeElement;
+        this.unObserveInputElement(elToObserve);
+    }
+    observeInputElement(elToObserve) {
+        if (!this.observer) {
+            this.observer = new IntersectionObserver((entries) => {
+                entries.forEach((entry) => {
+                    this.isInViewport.emit(entry.isIntersecting);
+                });
+            }, { root: null, threshold: 0 });
+        }
+        this.observer.observe(elToObserve);
+    }
+    unObserveInputElement(elToObserve) {
+        this.observer?.unobserve(elToObserve);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ViewportIntersectorComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ViewportIntersectorComponent, selector: "gn-ui-viewport-intersector", outputs: { isInViewport: "isInViewport", entersViewport: "entersViewport", exitsViewport: "exitsViewport" }, ngImport: i0, template: "<div class=\"w-full h-full\"></div>\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ViewportIntersectorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-viewport-intersector', template: "<div class=\"w-full h-full\"></div>\n" }]
+        }], ctorParameters: () => [{ type: i0.ViewContainerRef }], propDecorators: { isInViewport: [{
+                type: Output
+            }], entersViewport: [{
+                type: Output
+            }], exitsViewport: [{
                 type: Output
             }] } });
 
@@ -27659,7 +27732,6 @@ class UiInputsModule {
             EditableLabelDirective,
             TextAreaComponent,
             ButtonComponent,
-            ImageInputComponent,
             DropdownSelectorComponent,
             DateRangePickerComponent,
             CheckToggleComponent,
@@ -27675,7 +27747,6 @@ class UiInputsModule {
             CheckboxComponent,
             DateRangePickerComponent,
             EditableLabelDirective,
-            ImageInputComponent,
             BadgeComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UiInputsModule, providers: [
             provideIcons({
@@ -27703,7 +27774,6 @@ class UiInputsModule {
             MatDatepickerModule,
             MatNativeDateModule,
             TextAreaComponent,
-            ImageInputComponent,
             DropdownSelectorComponent,
             DateRangePickerComponent,
             CheckToggleComponent,
@@ -27740,7 +27810,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         EditableLabelDirective,
                         TextAreaComponent,
                         ButtonComponent,
-                        ImageInputComponent,
                         DropdownSelectorComponent,
                         DateRangePickerComponent,
                         CheckToggleComponent,
@@ -27769,135 +27838,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         CheckboxComponent,
                         DateRangePickerComponent,
                         EditableLabelDirective,
-                        ImageInputComponent,
                         BadgeComponent,
                     ],
                 }]
         }] });
 
-class SwitchToggleComponent {
-    constructor() {
-        this.ariaLabel = '';
-        this.extraClasses = '';
-        this.disabled = false;
-        this.selectedValue = new EventEmitter();
-    }
-    onChange(selectedOption) {
-        this.options.find((option) => option.label === selectedOption.label).checked = true;
-        this.selectedValue.emit(selectedOption);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SwitchToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SwitchToggleComponent, isStandalone: true, selector: "gn-ui-switch-toggle", inputs: { options: "options", ariaLabel: "ariaLabel", extraClasses: "extraClasses", disabled: "disabled" }, outputs: { selectedValue: "selectedValue" }, ngImport: i0, template: "<mat-button-toggle-group\n  #group=\"matButtonToggleGroup\"\n  multiple=\"false\"\n  class=\"flex w-full\"\n  [disabled]=\"disabled\"\n>\n  <mat-button-toggle\n    *ngFor=\"let option of options\"\n    [aria-label]=\"option.label\"\n    [checked]=\"option.checked\"\n    (change)=\"onChange(option)\"\n    [class]=\"extraClasses\"\n    >{{ option.label | translate }}</mat-button-toggle\n  >\n</mat-button-toggle-group>\n", styles: [":host{--mat-standard-button-toggle-height: 32px}.mat-button-toggle-group-appearance-standard{background-color:var(--color-gray-200);padding:4px;display:flex;gap:4px;border-radius:8px}.mat-button-toggle-appearance-standard{color:#000;background-color:var(--color-gray-200);border-radius:4px;border-left:none;font-family:var(--font-family-main)}.mat-button-toggle-appearance-standard.mat-button-toggle-checked{background-color:#000;color:var(--color-background)}button.mat-button-toggle-button.mat-focus-indicator.mat-button-toggle-label-content,.mat-button-toggle-label-content{line-height:32px}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonToggleModule }, { kind: "directive", type: i1$a.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled", "disabledInteractive", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i1$a.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled", "disabledInteractive"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SwitchToggleComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gn-ui-switch-toggle', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [MatButtonToggleModule, CommonModule, TranslateModule], template: "<mat-button-toggle-group\n  #group=\"matButtonToggleGroup\"\n  multiple=\"false\"\n  class=\"flex w-full\"\n  [disabled]=\"disabled\"\n>\n  <mat-button-toggle\n    *ngFor=\"let option of options\"\n    [aria-label]=\"option.label\"\n    [checked]=\"option.checked\"\n    (change)=\"onChange(option)\"\n    [class]=\"extraClasses\"\n    >{{ option.label | translate }}</mat-button-toggle\n  >\n</mat-button-toggle-group>\n", styles: [":host{--mat-standard-button-toggle-height: 32px}.mat-button-toggle-group-appearance-standard{background-color:var(--color-gray-200);padding:4px;display:flex;gap:4px;border-radius:8px}.mat-button-toggle-appearance-standard{color:#000;background-color:var(--color-gray-200);border-radius:4px;border-left:none;font-family:var(--font-family-main)}.mat-button-toggle-appearance-standard.mat-button-toggle-checked{background-color:#000;color:var(--color-background)}button.mat-button-toggle-button.mat-focus-indicator.mat-button-toggle-label-content,.mat-button-toggle-label-content{line-height:32px}\n"] }]
-        }], propDecorators: { options: [{
-                type: Input
-            }], ariaLabel: [{
-                type: Input
-            }], extraClasses: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], selectedValue: [{
-                type: Output
-            }] } });
-
-class FileInputComponent {
-    get isUploadInProgress() {
-        return this.uploadProgress !== undefined;
-    }
-    constructor(cd) {
-        this.cd = cd;
-        this.disabled = false;
-        this.fileChange = new EventEmitter();
-        this.urlChange = new EventEmitter();
-        this.uploadCancel = new EventEmitter();
-        this.dragFilesOver = false;
-    }
-    getPrimaryText() {
-        if (this.uploadProgress) {
-            return marker('input.file.uploadProgressLabel');
-        }
-        return marker('input.file.selectFileLabel');
-    }
-    getSecondaryText() {
-        if (this.uploadProgress) {
-            return marker('input.file.uploadProgressCancel');
-        }
-        return marker('input.file.dropFileLabel');
-    }
-    handleDragFilesOver(dragFilesOver) {
-        this.dragFilesOver = dragFilesOver;
-        this.cd.markForCheck();
-    }
-    handleDropFiles(files) {
-        if (files.length > 0) {
-            this.fileChange.emit(files[0]);
-        }
-    }
-    handleFileInput(event) {
-        this.handleDropFiles(Array.from(event.target.files));
-    }
-    handleUrlChange(url) {
-        if (!url)
-            return;
-        this.urlChange.emit(url);
-    }
-    handleSecondaryTextClick(event) {
-        if (this.uploadProgress) {
-            this.handleCancel();
-            event.preventDefault();
-        }
-    }
-    handleCancel() {
-        this.uploadCancel.emit();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FileInputComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FileInputComponent, isStandalone: true, selector: "gn-ui-file-input", inputs: { maxSizeMB: "maxSizeMB", uploadProgress: "uploadProgress", disabled: "disabled" }, outputs: { fileChange: "fileChange", urlChange: "urlChange", uploadCancel: "uploadCancel" }, providers: [
-            provideIcons({
-                iconoirCloudUpload,
-                iconoirFramePlusIn,
-            }),
-            provideNgIconsConfig({
-                size: '1.5em',
-            }),
-        ], ngImport: i0, template: "<div class=\"w-full flex flex-col gap-[16px]\">\n  <label\n    gnUiFilesDrop\n    class=\"flex-1 border-2 border-dashed rounded-lg p-6 flex flex-col items-center justify-center gap-4 transition-colors duration-100\"\n    [ngClass]=\"{\n      'border-primary-lighter bg-primary-white': dragFilesOver,\n      'border-gray-300': !dragFilesOver,\n      'cursor-pointer hover:border-gray-500': !isUploadInProgress && !disabled,\n      'cursor-not-allowed': disabled,\n    }\"\n    [attr.tabindex]=\"isUploadInProgress || disabled ? null : 0\"\n    (dragFilesOver)=\"handleDragFilesOver($event)\"\n    (dropFiles)=\"handleDropFiles($event)\"\n    (keydown.enter)=\"fileInput.click()\"\n  >\n    <input\n      #fileInput\n      type=\"file\"\n      class=\"hidden\"\n      (change)=\"handleFileInput($event)\"\n      [disabled]=\"isUploadInProgress || disabled\"\n    />\n\n    <div\n      class=\"w-14 h-14 rounded-md bg-gray-50 grid\"\n      *ngIf=\"!isUploadInProgress\"\n    >\n      <ng-icon\n        *ngIf=\"!dragFilesOver\"\n        class=\"place-self-center text-primary\"\n        name=\"iconoirCloudUpload\"\n      ></ng-icon>\n      <ng-icon\n        *ngIf=\"dragFilesOver\"\n        class=\"place-self-center text-primary\"\n        name=\"iconoirFramePlusIn\"\n      ></ng-icon>\n    </div>\n    <div\n      *ngIf=\"isUploadInProgress\"\n      class=\"w-14 h-14 grid items-center justify-center relative\"\n    >\n      <div class=\"text-gray-100 absolute\">\n        <mat-progress-spinner\n          class=\"place-self-center\"\n          [diameter]=\"56\"\n          mode=\"determinate\"\n          [value]=\"100\"\n        ></mat-progress-spinner>\n      </div>\n      <div class=\"text-primary absolute\">\n        <mat-progress-spinner\n          class=\"place-self-center\"\n          [diameter]=\"56\"\n          mode=\"determinate\"\n          [value]=\"uploadProgress\"\n        ></mat-progress-spinner>\n      </div>\n      <span class=\"text-sm text-main font-bold\">{{ uploadProgress }}%</span>\n    </div>\n    <div class=\"flex flex-col items-center gap-1\">\n      <p class=\"font-medium\">\n        {{ getPrimaryText() | translate: { sizeMB: maxSizeMB.toFixed(0) } }}\n      </p>\n      <p\n        class=\"text-sm\"\n        [class]=\"\n          isUploadInProgress\n            ? 'font-bold text-primary cursor-pointer'\n            : 'font-medium text-gray-500'\n        \"\n        (click)=\"handleSecondaryTextClick($event)\"\n      >\n        {{ getSecondaryText() | translate }}\n      </p>\n    </div>\n    <p class=\"w-full flex flex-row items-center justify-stretch gap-[16px]\">\n      <span class=\"border-b border-gray-300 grow\"></span>\n      <span class=\"text-sm font-medium text-gray-500 or-input-url\" translate>\n        input.file.orInputUrl</span\n      >\n      <span class=\"border-b border-gray-300 grow\"></span>\n    </p>\n    <gn-ui-url-input\n      class=\"w-full\"\n      [disabled]=\"isUploadInProgress || disabled\"\n      (uploadClick)=\"handleUrlChange($event)\"\n    ></gn-ui-url-input>\n  </label>\n</div>\n", styles: [":host{--gn-ui-button-padding: 8px 8px;--gn-ui-button-rounded: 8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: FilesDropDirective, selector: "[gnUiFilesDrop]", outputs: ["dragFilesOver", "dropFiles"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i1$5.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: UrlInputComponent, selector: "gn-ui-url-input", inputs: ["value", "extraClass", "placeholder", "disabled", "showUploadButton"], outputs: ["valueChange", "uploadClick"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FileInputComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gn-ui-file-input', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
-                        CommonModule,
-                        ButtonComponent,
-                        FilesDropDirective,
-                        MatProgressSpinnerModule,
-                        TranslateModule,
-                        UrlInputComponent,
-                        NgIconComponent,
-                    ], providers: [
-                        provideIcons({
-                            iconoirCloudUpload,
-                            iconoirFramePlusIn,
-                        }),
-                        provideNgIconsConfig({
-                            size: '1.5em',
-                        }),
-                    ], template: "<div class=\"w-full flex flex-col gap-[16px]\">\n  <label\n    gnUiFilesDrop\n    class=\"flex-1 border-2 border-dashed rounded-lg p-6 flex flex-col items-center justify-center gap-4 transition-colors duration-100\"\n    [ngClass]=\"{\n      'border-primary-lighter bg-primary-white': dragFilesOver,\n      'border-gray-300': !dragFilesOver,\n      'cursor-pointer hover:border-gray-500': !isUploadInProgress && !disabled,\n      'cursor-not-allowed': disabled,\n    }\"\n    [attr.tabindex]=\"isUploadInProgress || disabled ? null : 0\"\n    (dragFilesOver)=\"handleDragFilesOver($event)\"\n    (dropFiles)=\"handleDropFiles($event)\"\n    (keydown.enter)=\"fileInput.click()\"\n  >\n    <input\n      #fileInput\n      type=\"file\"\n      class=\"hidden\"\n      (change)=\"handleFileInput($event)\"\n      [disabled]=\"isUploadInProgress || disabled\"\n    />\n\n    <div\n      class=\"w-14 h-14 rounded-md bg-gray-50 grid\"\n      *ngIf=\"!isUploadInProgress\"\n    >\n      <ng-icon\n        *ngIf=\"!dragFilesOver\"\n        class=\"place-self-center text-primary\"\n        name=\"iconoirCloudUpload\"\n      ></ng-icon>\n      <ng-icon\n        *ngIf=\"dragFilesOver\"\n        class=\"place-self-center text-primary\"\n        name=\"iconoirFramePlusIn\"\n      ></ng-icon>\n    </div>\n    <div\n      *ngIf=\"isUploadInProgress\"\n      class=\"w-14 h-14 grid items-center justify-center relative\"\n    >\n      <div class=\"text-gray-100 absolute\">\n        <mat-progress-spinner\n          class=\"place-self-center\"\n          [diameter]=\"56\"\n          mode=\"determinate\"\n          [value]=\"100\"\n        ></mat-progress-spinner>\n      </div>\n      <div class=\"text-primary absolute\">\n        <mat-progress-spinner\n          class=\"place-self-center\"\n          [diameter]=\"56\"\n          mode=\"determinate\"\n          [value]=\"uploadProgress\"\n        ></mat-progress-spinner>\n      </div>\n      <span class=\"text-sm text-main font-bold\">{{ uploadProgress }}%</span>\n    </div>\n    <div class=\"flex flex-col items-center gap-1\">\n      <p class=\"font-medium\">\n        {{ getPrimaryText() | translate: { sizeMB: maxSizeMB.toFixed(0) } }}\n      </p>\n      <p\n        class=\"text-sm\"\n        [class]=\"\n          isUploadInProgress\n            ? 'font-bold text-primary cursor-pointer'\n            : 'font-medium text-gray-500'\n        \"\n        (click)=\"handleSecondaryTextClick($event)\"\n      >\n        {{ getSecondaryText() | translate }}\n      </p>\n    </div>\n    <p class=\"w-full flex flex-row items-center justify-stretch gap-[16px]\">\n      <span class=\"border-b border-gray-300 grow\"></span>\n      <span class=\"text-sm font-medium text-gray-500 or-input-url\" translate>\n        input.file.orInputUrl</span\n      >\n      <span class=\"border-b border-gray-300 grow\"></span>\n    </p>\n    <gn-ui-url-input\n      class=\"w-full\"\n      [disabled]=\"isUploadInProgress || disabled\"\n      (uploadClick)=\"handleUrlChange($event)\"\n    ></gn-ui-url-input>\n  </label>\n</div>\n", styles: [":host{--gn-ui-button-padding: 8px 8px;--gn-ui-button-rounded: 8px}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { maxSizeMB: [{
-                type: Input
-            }], uploadProgress: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], fileChange: [{
-                type: Output
-            }], urlChange: [{
-                type: Output
-            }], uploadCancel: [{
-                type: Output
-            }] } });
-
 class SortableListComponent {
     constructor() {
         this.itemsOrderChange = new EventEmitter();
@@ -29124,6 +29069,202 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Output
             }] } });
 
+class ImageInputComponent {
+    get isUploadInProgress() {
+        return this.uploadProgress !== undefined;
+    }
+    constructor(http, cd) {
+        this.http = http;
+        this.cd = cd;
+        this.disabled = false;
+        this.fileChange = new EventEmitter();
+        this.urlChange = new EventEmitter();
+        this.uploadCancel = new EventEmitter();
+        this.delete = new EventEmitter();
+        this.altTextChange = new EventEmitter();
+        this.dragFilesOver = false;
+        this.showUrlInput = false;
+        this.downloadError = false;
+        this.showAltTextInput = false;
+    }
+    getPrimaryText() {
+        if (this.uploadError) {
+            return marker('input.image.uploadErrorLabel');
+        }
+        if (this.uploadProgress) {
+            return marker('input.image.uploadProgressLabel');
+        }
+        return marker('input.image.selectFileLabel');
+    }
+    getSecondaryText() {
+        if (this.uploadError) {
+            return marker('input.image.uploadErrorRetry');
+        }
+        if (this.uploadProgress) {
+            return marker('input.image.uploadProgressCancel');
+        }
+        return marker('input.image.dropFileLabel');
+    }
+    handleDragFilesOver(dragFilesOver) {
+        if (!this.showUrlInput) {
+            this.dragFilesOver = dragFilesOver;
+            this.cd.markForCheck();
+        }
+    }
+    handleDropFiles(files) {
+        if (!this.showUrlInput) {
+            const validFiles = this.filterTypeImage(files);
+            if (validFiles.length > 0) {
+                this.resizeAndEmit(validFiles[0]);
+            }
+        }
+    }
+    handleFileInput(event) {
+        const inputFiles = Array.from(event.target.files);
+        const validFiles = this.filterTypeImage(inputFiles);
+        if (validFiles.length > 0) {
+            this.resizeAndEmit(validFiles[0]);
+        }
+    }
+    displayUrlInput() {
+        this.uploadCancel.emit();
+        this.showUrlInput = true;
+    }
+    async downloadUrl(url) {
+        this.downloadError = false;
+        const name = url.split('/').pop();
+        try {
+            const response = await firstValueFrom(this.http.head(url, { observe: 'response' }));
+            if (response.headers.get('content-type')?.startsWith('image/') &&
+                parseInt(response.headers.get('content-length')) <
+                    megabytesToBytes(this.maxSizeMB)) {
+                this.http.get(url, { responseType: 'blob' }).subscribe({
+                    next: (blob) => {
+                        this.cd.markForCheck();
+                        const file = new File([blob], name);
+                        this.fileChange.emit(file);
+                    },
+                    error: () => {
+                        this.downloadError = true;
+                        this.cd.markForCheck();
+                        this.urlChange.emit(url);
+                    },
+                });
+            }
+        }
+        catch {
+            this.downloadError = true;
+            this.cd.markForCheck();
+            return;
+        }
+    }
+    handleSecondaryTextClick(event) {
+        if (this.uploadError) {
+            this.handleRetry();
+        }
+        else if (this.uploadProgress) {
+            this.handleCancel();
+            event.preventDefault();
+        }
+    }
+    handleCancel() {
+        this.uploadCancel.emit();
+    }
+    handleRetry() {
+        switch (this.lastUploadType) {
+            case 'file':
+                this.fileChange.emit(this.lastUploadContent);
+                break;
+            case 'url':
+                this.urlChange.emit(this.lastUploadContent);
+                break;
+        }
+    }
+    handleDelete() {
+        this.delete.emit();
+    }
+    toggleAltTextInput() {
+        this.showAltTextInput = !this.showAltTextInput;
+    }
+    handleAltTextChange(altText) {
+        this.altTextChange.emit(altText);
+    }
+    filterTypeImage(files) {
+        return files.filter((file) => {
+            return file.type.startsWith('image/');
+        });
+    }
+    resizeAndEmit(imageToResize) {
+        const maxSizeBytes = megabytesToBytes(this.maxSizeMB);
+        downgradeImage(imageToResize, maxSizeBytes).then((resizedImage) => {
+            const fileToEmit = new File([resizedImage], imageToResize.name);
+            this.fileChange.emit(fileToEmit);
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ImageInputComponent, deps: [{ token: i1.HttpClient }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ImageInputComponent, isStandalone: true, selector: "gn-ui-image-input", inputs: { maxSizeMB: "maxSizeMB", previewUrl: "previewUrl", altText: "altText", uploadProgress: "uploadProgress", uploadError: "uploadError", disabled: "disabled" }, outputs: { fileChange: "fileChange", urlChange: "urlChange", uploadCancel: "uploadCancel", delete: "delete", altTextChange: "altTextChange" }, providers: [
+            provideIcons({
+                iconoirMediaImage,
+                iconoirFramePlusIn,
+                iconoirMediaImageXmark,
+                iconoirBin,
+                iconoirPlus,
+                iconoirLink,
+            }),
+            provideNgIconsConfig({
+                size: '1.5rem',
+            }),
+        ], ngImport: i0, template: "<ng-container *ngIf=\"previewUrl; then withImage; else withoutImage\">\n</ng-container>\n\n<ng-template #withImage>\n  <div class=\"w-80 h-full flex flex-col gap-2\">\n    <gn-ui-image-overlay-preview class=\"h-48\" [imageUrl]=\"previewUrl\">\n    </gn-ui-image-overlay-preview>\n    <gn-ui-text-input\n      *ngIf=\"showAltTextInput\"\n      [placeholder]=\"'input.image.altTextPlaceholder' | translate\"\n      [value]=\"altText ?? ''\"\n      (valueChange)=\"handleAltTextChange($event)\"\n      extraClass=\"gn-ui-editor-textarea\"\n      [disabled]=\"true\"\n    ></gn-ui-text-input>\n    <div class=\"flex flex-row gap-2 mt-2\">\n      <gn-ui-button type=\"gray\" (buttonClick)=\"handleDelete()\">\n        <ng-icon class=\"me-1 text-primary\" name=\"iconoirBin\"></ng-icon>\n        {{ 'input.image.delete' | translate }}\n      </gn-ui-button>\n      <gn-ui-button\n        *ngIf=\"!showAltTextInput\"\n        type=\"gray\"\n        (buttonClick)=\"toggleAltTextInput()\"\n      >\n        <ng-icon name=\"iconoirPlus\" class=\"me-1 text-primary\"></ng-icon>\n        {{ 'input.image.displayAltTextInput' | translate }}\n      </gn-ui-button>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #withoutImage>\n  <div class=\"w-full h-full flex flex-col gap-2\">\n    <label\n      gnUiFilesDrop\n      class=\"flex-1 border-2 border-dashed rounded-lg p-6 flex flex-col items-center justify-center gap-4 transition-colors duration-100\"\n      [ngClass]=\"{\n        'border-primary-lighter bg-primary-white': dragFilesOver,\n        'border-gray-300': !dragFilesOver,\n        'cursor-pointer hover:border-gray-500':\n          !isUploadInProgress && !uploadError && !showUrlInput && !disabled,\n        'cursor-not-allowed': disabled,\n      }\"\n      [attr.tabindex]=\"\n        isUploadInProgress || uploadError || showUrlInput || disabled ? null : 0\n      \"\n      (keydown.enter)=\"fileInput.click()\"\n      (dragFilesOver)=\"handleDragFilesOver($event)\"\n      (dropFiles)=\"handleDropFiles($event)\"\n    >\n      <div\n        class=\"w-14 h-14 rounded-md bg-gray-50 grid\"\n        *ngIf=\"!isUploadInProgress && !uploadError\"\n      >\n        <ng-icon\n          *ngIf=\"!dragFilesOver\"\n          class=\"place-self-center text-primary\"\n          name=\"iconoirMediaImage\"\n        ></ng-icon>\n        <ng-icon\n          *ngIf=\"dragFilesOver\"\n          class=\"place-self-center text-primary\"\n          name=\"iconoirFramePlusIn\"\n        ></ng-icon>\n      </div>\n\n      <div\n        *ngIf=\"isUploadInProgress && !uploadError\"\n        class=\"w-14 h-14 grid items-center justify-center relative\"\n      >\n        <div class=\"text-gray-100 absolute\">\n          <mat-progress-spinner\n            class=\"place-self-center\"\n            [diameter]=\"56\"\n            mode=\"determinate\"\n            [value]=\"100\"\n          ></mat-progress-spinner>\n        </div>\n        <div class=\"text-primary absolute\">\n          <mat-progress-spinner\n            class=\"place-self-center\"\n            [diameter]=\"56\"\n            mode=\"determinate\"\n            [value]=\"uploadProgress\"\n          ></mat-progress-spinner>\n        </div>\n        <span class=\"text-sm text-main font-bold\">{{ uploadProgress }}%</span>\n      </div>\n\n      <div class=\"w-14 h-14 rounded-md bg-gray-50 grid\" *ngIf=\"uploadError\">\n        <ng-icon\n          name=\"iconoirMediaImageXmark\"\n          class=\"place-self-center text-rose-500\"\n        ></ng-icon>\n      </div>\n\n      <div class=\"flex flex-col items-center gap-1\">\n        <p class=\"font-medium\">{{ getPrimaryText() | translate }}</p>\n        <p\n          class=\"text-sm\"\n          [class]=\"\n            isUploadInProgress || uploadError\n              ? 'font-bold text-blue-500 cursor-pointer'\n              : 'font-medium text-gray-500'\n          \"\n          (click)=\"handleSecondaryTextClick($event)\"\n        >\n          {{ getSecondaryText() | translate }}\n        </p>\n      </div>\n      <input\n        #fileInput\n        type=\"file\"\n        class=\"hidden\"\n        (change)=\"handleFileInput($event)\"\n        [disabled]=\"\n          showUrlInput || isUploadInProgress || uploadError || disabled\n        \"\n      />\n    </label>\n\n    <div *ngIf=\"!showUrlInput\" class=\"flex-none mt-2\">\n      <gn-ui-button\n        (buttonClick)=\"displayUrlInput()\"\n        type=\"gray\"\n        [disabled]=\"disabled\"\n        [extraClass]=\"disabled && 'cursor-not-allowed'\"\n      >\n        <ng-icon class=\"me-1 text-primary\" name=\"iconoirLink\"></ng-icon>\n        {{ 'input.image.displayUrlInput' | translate }}\n      </gn-ui-button>\n    </div>\n\n    <gn-ui-url-input\n      *ngIf=\"showUrlInput\"\n      class=\"mt-3.5\"\n      (uploadClick)=\"downloadUrl($event)\"\n      [disabled]=\"isUploadInProgress || disabled\"\n    >\n    </gn-ui-url-input>\n  </div>\n</ng-template>\n", styles: [":host{--gn-ui-button-padding: 8px 8px;--gn-ui-button-rounded: 8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "directive", type: FilesDropDirective, selector: "[gnUiFilesDrop]", outputs: ["dragFilesOver", "dropFiles"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i1$5.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "component", type: UrlInputComponent, selector: "gn-ui-url-input", inputs: ["value", "extraClass", "placeholder", "disabled", "showValidateButton"], outputs: ["valueChange", "uploadClick"] }, { kind: "component", type: TextInputComponent, selector: "gn-ui-text-input", inputs: ["value", "extraClass", "placeholder", "required", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "component", type: ImageOverlayPreviewComponent, selector: "gn-ui-image-overlay-preview", inputs: ["imageUrl"], outputs: ["isPlaceholderShown"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ImageInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-image-input', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        CommonModule,
+                        ButtonComponent,
+                        FilesDropDirective,
+                        MatProgressSpinnerModule,
+                        TranslateModule,
+                        UrlInputComponent,
+                        TextInputComponent,
+                        NgIconComponent,
+                        ImageOverlayPreviewComponent,
+                    ], providers: [
+                        provideIcons({
+                            iconoirMediaImage,
+                            iconoirFramePlusIn,
+                            iconoirMediaImageXmark,
+                            iconoirBin,
+                            iconoirPlus,
+                            iconoirLink,
+                        }),
+                        provideNgIconsConfig({
+                            size: '1.5rem',
+                        }),
+                    ], template: "<ng-container *ngIf=\"previewUrl; then withImage; else withoutImage\">\n</ng-container>\n\n<ng-template #withImage>\n  <div class=\"w-80 h-full flex flex-col gap-2\">\n    <gn-ui-image-overlay-preview class=\"h-48\" [imageUrl]=\"previewUrl\">\n    </gn-ui-image-overlay-preview>\n    <gn-ui-text-input\n      *ngIf=\"showAltTextInput\"\n      [placeholder]=\"'input.image.altTextPlaceholder' | translate\"\n      [value]=\"altText ?? ''\"\n      (valueChange)=\"handleAltTextChange($event)\"\n      extraClass=\"gn-ui-editor-textarea\"\n      [disabled]=\"true\"\n    ></gn-ui-text-input>\n    <div class=\"flex flex-row gap-2 mt-2\">\n      <gn-ui-button type=\"gray\" (buttonClick)=\"handleDelete()\">\n        <ng-icon class=\"me-1 text-primary\" name=\"iconoirBin\"></ng-icon>\n        {{ 'input.image.delete' | translate }}\n      </gn-ui-button>\n      <gn-ui-button\n        *ngIf=\"!showAltTextInput\"\n        type=\"gray\"\n        (buttonClick)=\"toggleAltTextInput()\"\n      >\n        <ng-icon name=\"iconoirPlus\" class=\"me-1 text-primary\"></ng-icon>\n        {{ 'input.image.displayAltTextInput' | translate }}\n      </gn-ui-button>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #withoutImage>\n  <div class=\"w-full h-full flex flex-col gap-2\">\n    <label\n      gnUiFilesDrop\n      class=\"flex-1 border-2 border-dashed rounded-lg p-6 flex flex-col items-center justify-center gap-4 transition-colors duration-100\"\n      [ngClass]=\"{\n        'border-primary-lighter bg-primary-white': dragFilesOver,\n        'border-gray-300': !dragFilesOver,\n        'cursor-pointer hover:border-gray-500':\n          !isUploadInProgress && !uploadError && !showUrlInput && !disabled,\n        'cursor-not-allowed': disabled,\n      }\"\n      [attr.tabindex]=\"\n        isUploadInProgress || uploadError || showUrlInput || disabled ? null : 0\n      \"\n      (keydown.enter)=\"fileInput.click()\"\n      (dragFilesOver)=\"handleDragFilesOver($event)\"\n      (dropFiles)=\"handleDropFiles($event)\"\n    >\n      <div\n        class=\"w-14 h-14 rounded-md bg-gray-50 grid\"\n        *ngIf=\"!isUploadInProgress && !uploadError\"\n      >\n        <ng-icon\n          *ngIf=\"!dragFilesOver\"\n          class=\"place-self-center text-primary\"\n          name=\"iconoirMediaImage\"\n        ></ng-icon>\n        <ng-icon\n          *ngIf=\"dragFilesOver\"\n          class=\"place-self-center text-primary\"\n          name=\"iconoirFramePlusIn\"\n        ></ng-icon>\n      </div>\n\n      <div\n        *ngIf=\"isUploadInProgress && !uploadError\"\n        class=\"w-14 h-14 grid items-center justify-center relative\"\n      >\n        <div class=\"text-gray-100 absolute\">\n          <mat-progress-spinner\n            class=\"place-self-center\"\n            [diameter]=\"56\"\n            mode=\"determinate\"\n            [value]=\"100\"\n          ></mat-progress-spinner>\n        </div>\n        <div class=\"text-primary absolute\">\n          <mat-progress-spinner\n            class=\"place-self-center\"\n            [diameter]=\"56\"\n            mode=\"determinate\"\n            [value]=\"uploadProgress\"\n          ></mat-progress-spinner>\n        </div>\n        <span class=\"text-sm text-main font-bold\">{{ uploadProgress }}%</span>\n      </div>\n\n      <div class=\"w-14 h-14 rounded-md bg-gray-50 grid\" *ngIf=\"uploadError\">\n        <ng-icon\n          name=\"iconoirMediaImageXmark\"\n          class=\"place-self-center text-rose-500\"\n        ></ng-icon>\n      </div>\n\n      <div class=\"flex flex-col items-center gap-1\">\n        <p class=\"font-medium\">{{ getPrimaryText() | translate }}</p>\n        <p\n          class=\"text-sm\"\n          [class]=\"\n            isUploadInProgress || uploadError\n              ? 'font-bold text-blue-500 cursor-pointer'\n              : 'font-medium text-gray-500'\n          \"\n          (click)=\"handleSecondaryTextClick($event)\"\n        >\n          {{ getSecondaryText() | translate }}\n        </p>\n      </div>\n      <input\n        #fileInput\n        type=\"file\"\n        class=\"hidden\"\n        (change)=\"handleFileInput($event)\"\n        [disabled]=\"\n          showUrlInput || isUploadInProgress || uploadError || disabled\n        \"\n      />\n    </label>\n\n    <div *ngIf=\"!showUrlInput\" class=\"flex-none mt-2\">\n      <gn-ui-button\n        (buttonClick)=\"displayUrlInput()\"\n        type=\"gray\"\n        [disabled]=\"disabled\"\n        [extraClass]=\"disabled && 'cursor-not-allowed'\"\n      >\n        <ng-icon class=\"me-1 text-primary\" name=\"iconoirLink\"></ng-icon>\n        {{ 'input.image.displayUrlInput' | translate }}\n      </gn-ui-button>\n    </div>\n\n    <gn-ui-url-input\n      *ngIf=\"showUrlInput\"\n      class=\"mt-3.5\"\n      (uploadClick)=\"downloadUrl($event)\"\n      [disabled]=\"isUploadInProgress || disabled\"\n    >\n    </gn-ui-url-input>\n  </div>\n</ng-template>\n", styles: [":host{--gn-ui-button-padding: 8px 8px;--gn-ui-button-rounded: 8px}\n"] }]
+        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i0.ChangeDetectorRef }], propDecorators: { maxSizeMB: [{
+                type: Input
+            }], previewUrl: [{
+                type: Input
+            }], altText: [{
+                type: Input
+            }], uploadProgress: [{
+                type: Input
+            }], uploadError: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], fileChange: [{
+                type: Output
+            }], urlChange: [{
+                type: Output
+            }], uploadCancel: [{
+                type: Output
+            }], delete: [{
+                type: Output
+            }], altTextChange: [{
+                type: Output
+            }] } });
+
 class LinkCardComponent {
     constructor() {
         this.compact = false;
@@ -29654,22 +29795,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }] } });
 
-class UserPreviewComponent {
-    get userFullName() {
-        return (this.user.name + ' ' + this.user.surname).trim();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UserPreviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: UserPreviewComponent, selector: "gn-ui-user-preview", inputs: { user: "user", avatarPlaceholder: "avatarPlaceholder" }, ngImport: i0, template: "<figure class=\"text-center\">\n  <div class=\"w-10 h-10 rounded-full capitalize\" [matTooltip]=\"userFullName\">\n    <gn-ui-avatar\n      [avatarUrl]=\"user.profileIcon\"\n      [avatarPlaceholder]=\"avatarPlaceholder\"\n    ></gn-ui-avatar>\n  </div>\n</figure>\n", dependencies: [{ kind: "directive", type: i1$4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: AvatarComponent, selector: "gn-ui-avatar", inputs: ["avatarUrl", "avatarPlaceholder"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UserPreviewComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gn-ui-user-preview', changeDetection: ChangeDetectionStrategy.OnPush, template: "<figure class=\"text-center\">\n  <div class=\"w-10 h-10 rounded-full capitalize\" [matTooltip]=\"userFullName\">\n    <gn-ui-avatar\n      [avatarUrl]=\"user.profileIcon\"\n      [avatarPlaceholder]=\"avatarPlaceholder\"\n    ></gn-ui-avatar>\n  </div>\n</figure>\n" }]
-        }], propDecorators: { user: [{
-                type: Input
-            }], avatarPlaceholder: [{
-                type: Input
-            }] } });
-
 class TimeSincePipe {
     constructor(translate) {
         this.translate = translate;
@@ -29723,6 +29848,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }], ctorParameters: () => [{ type: i1$1.TranslateService }] });
 
+class UserPreviewComponent {
+    get userFullName() {
+        return (this.user.name + ' ' + this.user.surname).trim();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UserPreviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: UserPreviewComponent, selector: "gn-ui-user-preview", inputs: { user: "user", avatarPlaceholder: "avatarPlaceholder" }, ngImport: i0, template: "<figure class=\"text-center\">\n  <div class=\"w-10 h-10 rounded-full capitalize\" [matTooltip]=\"userFullName\">\n    <gn-ui-avatar\n      [avatarUrl]=\"user.profileIcon\"\n      [avatarPlaceholder]=\"avatarPlaceholder\"\n    ></gn-ui-avatar>\n  </div>\n</figure>\n", dependencies: [{ kind: "directive", type: i1$4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: AvatarComponent, selector: "gn-ui-avatar", inputs: ["avatarUrl", "avatarPlaceholder"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UserPreviewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-user-preview', changeDetection: ChangeDetectionStrategy.OnPush, template: "<figure class=\"text-center\">\n  <div class=\"w-10 h-10 rounded-full capitalize\" [matTooltip]=\"userFullName\">\n    <gn-ui-avatar\n      [avatarUrl]=\"user.profileIcon\"\n      [avatarPlaceholder]=\"avatarPlaceholder\"\n    ></gn-ui-avatar>\n  </div>\n</figure>\n" }]
+        }], propDecorators: { user: [{
+                type: Input
+            }], avatarPlaceholder: [{
+                type: Input
+            }] } });
+
 class UiElementsModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UiElementsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: UiElementsModule, declarations: [AvatarComponent, UserPreviewComponent], imports: [CommonModule,
@@ -29739,10 +29880,12 @@ class UiElementsModule {
             TimeSincePipe,
             BadgeComponent,
             MaxLinesComponent,
-            TextInputComponent], exports: [ThumbnailComponent,
+            TextInputComponent,
+            ImageInputComponent], exports: [ThumbnailComponent,
             AvatarComponent,
             UserPreviewComponent,
-            MarkdownParserComponent] }); }
+            MarkdownParserComponent,
+            ImageInputComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UiElementsModule, providers: [
             provideNgIconsConfig({
                 size: '1.5em',
@@ -29760,7 +29903,8 @@ class UiElementsModule {
             ThumbnailComponent,
             BadgeComponent,
             MaxLinesComponent,
-            TextInputComponent] }); }
+            TextInputComponent,
+            ImageInputComponent] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UiElementsModule, decorators: [{
             type: NgModule,
@@ -29783,6 +29927,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         BadgeComponent,
                         MaxLinesComponent,
                         TextInputComponent,
+                        ImageInputComponent,
                     ],
                     providers: [
                         provideNgIconsConfig({
@@ -29795,6 +29940,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         AvatarComponent,
                         UserPreviewComponent,
                         MarkdownParserComponent,
+                        ImageInputComponent,
                     ],
                 }]
         }] });
@@ -37588,9 +37734,7 @@ const RECORD_LICENSE_FIELD = {
 };
 const RECORD_KEYWORDS_FIELD = {
     model: 'keywords',
-    formFieldConfig: {
-        labelKey: marker('editor.record.form.field.keywords'),
-    },
+    formFieldConfig: {},
 };
 const RECORD_RESOURCE_CREATED_FIELD = {
     model: 'resourceCreated',
@@ -37670,23 +37814,17 @@ const RECORD_SPATIAL_TOGGLE_FIELD = {
 };
 const RECORD_SPATIAL_EXTENTS_FIELD = {
     model: 'spatialExtents',
-    formFieldConfig: {
-        labelKey: marker('editor.record.form.field.spatialExtents'),
-    },
+    formFieldConfig: {},
 };
 const RECORD_ONLINE_RESOURCES = {
     model: 'onlineResources',
     modelSpecifier: 'onlineResourceType:!link',
-    formFieldConfig: {
-        labelKey: marker('editor.record.form.field.onlineResources'),
-    },
+    formFieldConfig: {},
 };
 const RECORD_ONLINE_LINK_RESOURCES = {
     model: 'onlineResources',
     modelSpecifier: 'onlineResourceType:link',
-    formFieldConfig: {
-        labelKey: marker('editor.record.form.field.onlineLinkResources'),
-    },
+    formFieldConfig: {},
 };
 /************************************************************
  ***************          SECTIONS          *****************
@@ -37768,7 +37906,12 @@ const DEFAULT_CONFIGURATION = {
     pages: [
         {
             labelKey: marker('editor.record.form.page.description'),
-            sections: [TITLE_SECTION, ABOUT_SECTION, GEOGRAPHICAL_COVERAGE_SECTION],
+            sections: [
+                TITLE_SECTION,
+                ABOUT_SECTION,
+                CLASSIFICATION_SECTION,
+                GEOGRAPHICAL_COVERAGE_SECTION,
+            ],
         },
         {
             labelKey: marker('editor.record.form.page.ressources'),
@@ -37777,7 +37920,6 @@ const DEFAULT_CONFIGURATION = {
         {
             labelKey: marker('editor.record.form.page.accessAndContact'),
             sections: [
-                CLASSIFICATION_SECTION,
                 USE_AND_ACCESS_CONDITIONS_SECTION,
                 DATA_MANAGERS_SECTION,
                 METADATA_POINT_OF_CONTACT_SECTION,
@@ -38567,7 +38709,7 @@ class ImportRecordComponent {
             provideNgIconsConfig({
                 size: '1.5em',
             }),
-        ], ngImport: i0, template: "<ng-container [ngSwitch]=\"sectionDisplayed\">\n  <ng-container *ngSwitchCase=\"'mainMenu'\">\n    <div\n      data-test=\"importMenuMainSection\"\n      class=\"mt-2 border border-gray-100 p-2 flex items-center bg-white shadow-2xl rounded-2xl\"\n    >\n      <ul class=\"flex flex-col gap-2 w-full\">\n        <li *ngFor=\"let menuItem of importMenuItems\">\n          <gn-ui-button\n            [attr.data-test]=\"menuItem.dataTest\"\n            type=\"light\"\n            extraClass=\"flex flex-row items-center gap-2 w-full justify-start\"\n            (buttonClick)=\"menuItem.action()\"\n            [disabled]=\"menuItem.disabled\"\n            [title]=\"\n              (menuItem.disabled ? 'editor.temporary.disabled' : '') | translate\n            \"\n            ><ng-icon [name]=\"menuItem.icon\"></ng-icon\n            ><span>{{ menuItem.label }}</span></gn-ui-button\n          >\n        </li>\n      </ul>\n    </div>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"'importExternalFile'\">\n    <div\n      data-test=\"importMenuImportExternalFileSection\"\n      class=\"p-6 flex flex-col gap-2 mt-2 border border-gray-100 bg-white shadow-2xl rounded-2xl\"\n    >\n      <div class=\"flex flex-row items-center gap-2\">\n        <gn-ui-button\n          data-test=\"importMenuImportExternalFileSectionBackButton\"\n          type=\"light\"\n          (buttonClick)=\"displayMainMenu()\"\n        >\n          <ng-icon name=\"iconoirArrowLeft\"></ng-icon>\n        </gn-ui-button>\n        <span class=\"font-bold\"> {{ externalImportBackLabel }}</span>\n      </div>\n      <gn-ui-url-input\n        (uploadClick)=\"importRecord($event)\"\n        [disabled]=\"isRecordImportInProgress\"\n      ></gn-ui-url-input>\n    </div>\n  </ng-container>\n</ng-container>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: UrlInputComponent, selector: "gn-ui-url-input", inputs: ["value", "extraClass", "placeholder", "disabled", "showUploadButton"], outputs: ["valueChange", "uploadClick"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], ngImport: i0, template: "<ng-container [ngSwitch]=\"sectionDisplayed\">\n  <ng-container *ngSwitchCase=\"'mainMenu'\">\n    <div\n      data-test=\"importMenuMainSection\"\n      class=\"mt-2 border border-gray-100 p-2 flex items-center bg-white shadow-2xl rounded-2xl\"\n    >\n      <ul class=\"flex flex-col gap-2 w-full\">\n        <li *ngFor=\"let menuItem of importMenuItems\">\n          <gn-ui-button\n            [attr.data-test]=\"menuItem.dataTest\"\n            type=\"light\"\n            extraClass=\"flex flex-row items-center gap-2 w-full justify-start\"\n            (buttonClick)=\"menuItem.action()\"\n            [disabled]=\"menuItem.disabled\"\n            [title]=\"\n              (menuItem.disabled ? 'editor.temporary.disabled' : '') | translate\n            \"\n            ><ng-icon [name]=\"menuItem.icon\"></ng-icon\n            ><span>{{ menuItem.label }}</span></gn-ui-button\n          >\n        </li>\n      </ul>\n    </div>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"'importExternalFile'\">\n    <div\n      data-test=\"importMenuImportExternalFileSection\"\n      class=\"p-6 flex flex-col gap-2 mt-2 border border-gray-100 bg-white shadow-2xl rounded-2xl\"\n    >\n      <div class=\"flex flex-row items-center gap-2\">\n        <gn-ui-button\n          data-test=\"importMenuImportExternalFileSectionBackButton\"\n          type=\"light\"\n          (buttonClick)=\"displayMainMenu()\"\n        >\n          <ng-icon name=\"iconoirArrowLeft\"></ng-icon>\n        </gn-ui-button>\n        <span class=\"font-bold\"> {{ externalImportBackLabel }}</span>\n      </div>\n      <gn-ui-url-input\n        (uploadClick)=\"importRecord($event)\"\n        [disabled]=\"isRecordImportInProgress\"\n      ></gn-ui-url-input>\n    </div>\n  </ng-container>\n</ng-container>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: UrlInputComponent, selector: "gn-ui-url-input", inputs: ["value", "extraClass", "placeholder", "disabled", "showValidateButton"], outputs: ["valueChange", "uploadClick"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ImportRecordComponent, decorators: [{
             type: Component,
@@ -38633,7 +38775,7 @@ class GenericKeywordsComponent {
             provideIcons({
                 matWarningAmberOutline,
             }),
-        ], ngImport: i0, template: "<div class=\"flex flex-col gap-3\">\n  <gn-ui-autocomplete\n    [placeholder]=\"placeholder\"\n    [displayWithFn]=\"displayWithFn\"\n    [action]=\"autoCompleteAction\"\n    (itemSelected)=\"handleItemSelection($event)\"\n    [preventCompleteOnSelection]=\"false\"\n    [minCharacterCount]=\"1\"\n    [allowSubmit]=\"false\"\n    [clearOnSelection]=\"true\"\n  ></gn-ui-autocomplete>\n  <div class=\"flex gap-2 flex-wrap\">\n    <gn-ui-badge\n      *ngFor=\"let keyword of keywords\"\n      [removable]=\"true\"\n      (badgeRemoveClicked)=\"removeKeyword(keyword)\"\n      >{{ keyword.label }}\n\n      <ng-icon\n        *ngIf=\"isPlaceWithoutExtent(keyword)\"\n        [title]=\"'editor.form.placeKeywordWithoutExtent' | translate\"\n        class=\"badge-warning\"\n        name=\"matWarningAmberOutline\"\n      ></ng-icon>\n    </gn-ui-badge>\n  </div>\n</div>\n", styles: [".badge-warning{font-size:1.4em}\n"], dependencies: [{ kind: "ngmodule", type: UiInputsModule }, { kind: "component", type: BadgeComponent, selector: "gn-ui-badge", inputs: ["clickable", "removable"], outputs: ["badgeRemoveClicked"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: UiWidgetsModule }, { kind: "component", type: AutocompleteComponent, selector: "gn-ui-autocomplete", inputs: ["placeholder", "action", "value", "clearOnSelection", "preventCompleteOnSelection", "autoFocus", "minCharacterCount", "allowSubmit", "displayWithFn"], outputs: ["itemSelected", "inputSubmitted", "inputCleared"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], ngImport: i0, template: "<div class=\"flex flex-col gap-4\">\n  <gn-ui-autocomplete\n    [placeholder]=\"placeholder\"\n    [displayWithFn]=\"displayWithFn\"\n    [action]=\"autoCompleteAction\"\n    (itemSelected)=\"handleItemSelection($event)\"\n    [preventCompleteOnSelection]=\"false\"\n    [minCharacterCount]=\"1\"\n    [allowSubmit]=\"false\"\n    [clearOnSelection]=\"true\"\n  ></gn-ui-autocomplete>\n  <div class=\"flex gap-2 flex-wrap\">\n    <gn-ui-badge\n      *ngFor=\"let keyword of keywords\"\n      [removable]=\"true\"\n      (badgeRemoveClicked)=\"removeKeyword(keyword)\"\n      >{{ keyword.label }}\n\n      <ng-icon\n        *ngIf=\"isPlaceWithoutExtent(keyword)\"\n        [title]=\"'editor.form.placeKeywordWithoutExtent' | translate\"\n        class=\"badge-warning\"\n        name=\"matWarningAmberOutline\"\n      ></ng-icon>\n    </gn-ui-badge>\n  </div>\n</div>\n", styles: [".badge-warning{font-size:1.4em}\n"], dependencies: [{ kind: "ngmodule", type: UiInputsModule }, { kind: "component", type: BadgeComponent, selector: "gn-ui-badge", inputs: ["clickable", "removable"], outputs: ["badgeRemoveClicked"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: UiWidgetsModule }, { kind: "component", type: AutocompleteComponent, selector: "gn-ui-autocomplete", inputs: ["placeholder", "action", "value", "clearOnSelection", "preventCompleteOnSelection", "autoFocus", "minCharacterCount", "allowSubmit", "displayWithFn"], outputs: ["itemSelected", "inputSubmitted", "inputCleared"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GenericKeywordsComponent, decorators: [{
             type: Component,
@@ -38649,7 +38791,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         provideIcons({
                             matWarningAmberOutline,
                         }),
-                    ], template: "<div class=\"flex flex-col gap-3\">\n  <gn-ui-autocomplete\n    [placeholder]=\"placeholder\"\n    [displayWithFn]=\"displayWithFn\"\n    [action]=\"autoCompleteAction\"\n    (itemSelected)=\"handleItemSelection($event)\"\n    [preventCompleteOnSelection]=\"false\"\n    [minCharacterCount]=\"1\"\n    [allowSubmit]=\"false\"\n    [clearOnSelection]=\"true\"\n  ></gn-ui-autocomplete>\n  <div class=\"flex gap-2 flex-wrap\">\n    <gn-ui-badge\n      *ngFor=\"let keyword of keywords\"\n      [removable]=\"true\"\n      (badgeRemoveClicked)=\"removeKeyword(keyword)\"\n      >{{ keyword.label }}\n\n      <ng-icon\n        *ngIf=\"isPlaceWithoutExtent(keyword)\"\n        [title]=\"'editor.form.placeKeywordWithoutExtent' | translate\"\n        class=\"badge-warning\"\n        name=\"matWarningAmberOutline\"\n      ></ng-icon>\n    </gn-ui-badge>\n  </div>\n</div>\n", styles: [".badge-warning{font-size:1.4em}\n"] }]
+                    ], template: "<div class=\"flex flex-col gap-4\">\n  <gn-ui-autocomplete\n    [placeholder]=\"placeholder\"\n    [displayWithFn]=\"displayWithFn\"\n    [action]=\"autoCompleteAction\"\n    (itemSelected)=\"handleItemSelection($event)\"\n    [preventCompleteOnSelection]=\"false\"\n    [minCharacterCount]=\"1\"\n    [allowSubmit]=\"false\"\n    [clearOnSelection]=\"true\"\n  ></gn-ui-autocomplete>\n  <div class=\"flex gap-2 flex-wrap\">\n    <gn-ui-badge\n      *ngFor=\"let keyword of keywords\"\n      [removable]=\"true\"\n      (badgeRemoveClicked)=\"removeKeyword(keyword)\"\n      >{{ keyword.label }}\n\n      <ng-icon\n        *ngIf=\"isPlaceWithoutExtent(keyword)\"\n        [title]=\"'editor.form.placeKeywordWithoutExtent' | translate\"\n        class=\"badge-warning\"\n        name=\"matWarningAmberOutline\"\n      ></ng-icon>\n    </gn-ui-badge>\n  </div>\n</div>\n", styles: [".badge-warning{font-size:1.4em}\n"] }]
         }], ctorParameters: () => [{ type: PlatformServiceInterface }], propDecorators: { keywords: [{
                 type: Input
             }], keywordTypes: [{
@@ -39104,7 +39246,7 @@ class FormFieldSpatialExtentComponent {
         this.editorFacade.updateRecordField('spatialExtents', spatialExtents);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormFieldSpatialExtentComponent, deps: [{ token: PlatformServiceInterface }, { token: EditorFacade }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FormFieldSpatialExtentComponent, isStandalone: true, selector: "gn-ui-form-field-spatial-extent", ngImport: i0, template: "<div class=\"flex flex-col gap-8\">\n  <gn-ui-generic-keywords\n    [placeholder]=\"'Search for place keywords'\"\n    [keywords]=\"shownKeywords$ | async\"\n    [keywordTypes]=\"['place']\"\n    (deletedKeyword)=\"handleKeywordDelete($event)\"\n    (addedKeyword)=\"handleKeywordAdd($event)\"\n  >\n  </gn-ui-generic-keywords>\n</div>\n<div class=\"w-full h-96 mt-2\">\n  <gn-ui-form-field-map-container\n    [spatialExtents]=\"spatialExtents$ | async\"\n  ></gn-ui-form-field-map-container>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: GenericKeywordsComponent, selector: "gn-ui-generic-keywords", inputs: ["keywords", "keywordTypes", "placeholder", "allowSubmit"], outputs: ["changedKeywords", "addedKeyword", "deletedKeyword"] }, { kind: "component", type: FormFieldMapContainerComponent, selector: "gn-ui-form-field-map-container", inputs: ["spatialExtents"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FormFieldSpatialExtentComponent, isStandalone: true, selector: "gn-ui-form-field-spatial-extent", ngImport: i0, template: "<div class=\"flex flex-col gap-3\">\n  <gn-ui-generic-keywords\n    [placeholder]=\"'Search for place keywords'\"\n    [keywords]=\"shownKeywords$ | async\"\n    [keywordTypes]=\"['place']\"\n    (deletedKeyword)=\"handleKeywordDelete($event)\"\n    (addedKeyword)=\"handleKeywordAdd($event)\"\n  >\n  </gn-ui-generic-keywords>\n  <div class=\"w-full h-96 mt-2\">\n    <gn-ui-form-field-map-container\n      [spatialExtents]=\"spatialExtents$ | async\"\n    ></gn-ui-form-field-map-container>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: GenericKeywordsComponent, selector: "gn-ui-generic-keywords", inputs: ["keywords", "keywordTypes", "placeholder", "allowSubmit"], outputs: ["changedKeywords", "addedKeyword", "deletedKeyword"] }, { kind: "component", type: FormFieldMapContainerComponent, selector: "gn-ui-form-field-map-container", inputs: ["spatialExtents"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormFieldSpatialExtentComponent, decorators: [{
             type: Component,
@@ -39112,82 +39254,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         CommonModule,
                         GenericKeywordsComponent,
                         FormFieldMapContainerComponent,
-                    ], template: "<div class=\"flex flex-col gap-8\">\n  <gn-ui-generic-keywords\n    [placeholder]=\"'Search for place keywords'\"\n    [keywords]=\"shownKeywords$ | async\"\n    [keywordTypes]=\"['place']\"\n    (deletedKeyword)=\"handleKeywordDelete($event)\"\n    (addedKeyword)=\"handleKeywordAdd($event)\"\n  >\n  </gn-ui-generic-keywords>\n</div>\n<div class=\"w-full h-96 mt-2\">\n  <gn-ui-form-field-map-container\n    [spatialExtents]=\"spatialExtents$ | async\"\n  ></gn-ui-form-field-map-container>\n</div>\n" }]
+                    ], template: "<div class=\"flex flex-col gap-3\">\n  <gn-ui-generic-keywords\n    [placeholder]=\"'Search for place keywords'\"\n    [keywords]=\"shownKeywords$ | async\"\n    [keywordTypes]=\"['place']\"\n    (deletedKeyword)=\"handleKeywordDelete($event)\"\n    (addedKeyword)=\"handleKeywordAdd($event)\"\n  >\n  </gn-ui-generic-keywords>\n  <div class=\"w-full h-96 mt-2\">\n    <gn-ui-form-field-map-container\n      [spatialExtents]=\"spatialExtents$ | async\"\n    ></gn-ui-form-field-map-container>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: PlatformServiceInterface }, { type: EditorFacade }, { type: i1$1.TranslateService }] });
 
-const RoleValues = [
-    'unspecified',
-    'other',
-    'author', // Party who authored the resource
-    'collaborator', // party who assists with the generation of the resource other than the principal investigator
-    'contributor', // party contributing to the resource
-    'custodian', // Party that accepts accountability and responsibility for the data and ensures appropriate care and maintenance of the resource
-    'distributor', // Party who distributes the resource
-    'editor', // party who reviewed or modified the resource to improve the content
-    'funder', // party providing monetary support for the resource
-    'mediator', // a class of entity that mediates access to the resource and for whom the resource is intended or useful
-    'originator', // Party who created the resource
-    'owner', // Party that owns the resource
-    'point_of_contact', // Party who can be contacted for acquiring knowledge about or acquisition of the resource
-    'principal_investigator', // Key party responsible for gathering information and conducting research
-    'processor', // Party who has processed the data in a manner such that the resource has been modified
-    'publisher', // Party who published the resource
-    'resource_provider', // Party that supplies the resource
-    'rights_holder', // party owning or managing rights over the resource
-    'sponsor', // party that sponsors the resource
-    'stakeholder', // party who has an interest in the resource or the use of the resource
-    'user', // Party who uses the resource
-];
-const RoleLabels = new Map([
-    ['unspecified', marker('domain.contact.role.unspecified')],
-    ['other', marker('domain.contact.role.other')],
-    ['author', marker('domain.contact.role.author')],
-    ['collaborator', marker('domain.contact.role.collaborator')],
-    ['contributor', marker('domain.contact.role.contributor')],
-    ['custodian', marker('domain.contact.role.custodian')],
-    ['distributor', marker('domain.contact.role.distributor')],
-    ['editor', marker('domain.contact.role.editor')],
-    ['funder', marker('domain.contact.role.funder')],
-    ['mediator', marker('domain.contact.role.mediator')],
-    ['originator', marker('domain.contact.role.originator')],
-    ['owner', marker('domain.contact.role.owner')],
-    ['point_of_contact', marker('domain.contact.role.point_of_contact')],
-    [
-        'principal_investigator',
-        marker('domain.contact.role.principal_investigator'),
-    ],
-    ['processor', marker('domain.contact.role.processor')],
-    ['publisher', marker('domain.contact.role.publisher')],
-    ['resource_provider', marker('domain.contact.role.resource_provider')],
-    ['rights_holder', marker('domain.contact.role.rights_holder')],
-    ['sponsor', marker('domain.contact.role.sponsor')],
-    ['stakeholder', marker('domain.contact.role.stakeholder')],
-    ['user', marker('domain.contact.role.user')],
-]);
-
-marker('domain.record.updateFrequency.unknown');
-marker('domain.record.updateFrequency.notPlanned');
-marker('domain.record.updateFrequency.asNeeded');
-marker('domain.record.updateFrequency.irregular');
-marker('domain.record.updateFrequency.continual');
-marker('domain.record.updateFrequency.periodic');
-marker('domain.record.updateFrequency.day');
-marker('domain.record.updateFrequency.week');
-marker('domain.record.updateFrequency.month');
-marker('domain.record.updateFrequency.year');
-marker('domain.record.status.completed');
-marker('domain.record.status.ongoing');
-marker('domain.record.status.under_development');
-marker('domain.record.status.deprecated');
-marker('domain.record.status.removed');
-const RecordStatusValues = [
-    'completed',
-    'ongoing',
-    'under_development',
-    'deprecated',
-    'removed',
-];
-
 class ContactCardComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ContactCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ContactCardComponent, isStandalone: true, selector: "gn-ui-contact-card", inputs: { contact: "contact" }, ngImport: i0, template: "<div class=\"gn-ui-card\">\n  <gn-ui-thumbnail\n    class=\"w-[56px] h-[56px] rounded-[4px] overflow-hidden shrink-0\"\n    [thumbnailUrl]=\"contact.organization?.logoUrl?.href\"\n    [fit]=\"'contain'\"\n  ></gn-ui-thumbnail>\n  <div class=\"flex flex-col w-full overflow-hidden leading-snug\">\n    <div class=\"text-[16px] font-bold text-main\" data-test=\"contactCardName\">\n      {{ contact.firstName }} {{ contact.lastName }}\n    </div>\n    <div class=\"text-[14px] text-gray-900\" data-test=\"contactCardEmail\">\n      {{ contact.email }}\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ThumbnailComponent, selector: "gn-ui-thumbnail", inputs: ["thumbnailUrl", "fit"], outputs: ["placeholderShown"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
@@ -39614,7 +39683,7 @@ class FormFieldOnlineLinkResourcesComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormFieldOnlineLinkResourcesComponent, deps: [{ token: NotificationsService }, { token: i1$1.TranslateService }, { token: PlatformServiceInterface }, { token: i0.ChangeDetectorRef }, { token: i1$b.MatDialog }, { token: EditorFacade }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FormFieldOnlineLinkResourcesComponent, isStandalone: true, selector: "gn-ui-form-field-online-link-resources", inputs: { metadataUuid: "metadataUuid", value: "value" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "dialogTemplate", first: true, predicate: ["dialogTemplate"], descendants: true }], ngImport: i0, template: "<div class=\"flex flex-col\">\n  <gn-ui-file-input\n    [maxSizeMB]=\"MAX_UPLOAD_SIZE_MB\"\n    (fileChange)=\"handleFileChange($event)\"\n    (uploadCancel)=\"handleUploadCancel()\"\n    [uploadProgress]=\"uploadProgress\"\n    (urlChange)=\"handleUrlChange($event)\"\n    [disabled]=\"disabled$ | async\"\n  ></gn-ui-file-input>\n  <div class=\"h-[8px]\"></div>\n  <gn-ui-sortable-list\n    [items]=\"linkResources\"\n    (itemsOrderChange)=\"handleResourcesChange($event)\"\n    [elementTemplate]=\"template\"\n  >\n  </gn-ui-sortable-list>\n  <ng-template #template let-onlineResource let-index=\"index\">\n    <gn-ui-online-resource-card\n      [onlineResource]=\"onlineResource\"\n      (modifyClick)=\"handleResourceModify(onlineResource, index)\"\n    ></gn-ui-online-resource-card>\n  </ng-template>\n\n  <ng-template #dialogTemplate let-onlineResource>\n    <div class=\"flex flex-col gap-[16px]\">\n      <div>\n        <h3 class=\"text-[16px] font-bold text-main mb-[12px]\" translate>\n          editor.record.form.field.onlineResource.edit.title\n        </h3>\n        <gn-ui-text-input [(value)]=\"onlineResource.name\"></gn-ui-text-input>\n      </div>\n      <div>\n        <h3 class=\"text-[16px] font-bold text-main mb-[12px]\" translate>\n          editor.record.form.field.onlineResource.edit.description\n        </h3>\n        <gn-ui-text-area\n          [(value)]=\"onlineResource.description\"\n        ></gn-ui-text-area>\n      </div>\n      <span class=\"w-full border-b border-gray-300\"></span>\n      <gn-ui-url-input\n        class=\"w-full\"\n        [disabled]=\"true\"\n        [value]=\"onlineResource.url\"\n        [showUploadButton]=\"false\"\n        [disabled]=\"disabled$ | async\"\n      ></gn-ui-url-input>\n    </div>\n  </ng-template>\n  <div\n    *ngIf=\"disabled$ | async\"\n    class=\"p-4 text-sm border border-primary bg-primary-lightest rounded-lg\"\n    translate\n    data-test=\"disabled-message\"\n  >\n    editor.record.form.field.draft.only.disabled\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: FileInputComponent, selector: "gn-ui-file-input", inputs: ["maxSizeMB", "uploadProgress", "disabled"], outputs: ["fileChange", "urlChange", "uploadCancel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: SortableListComponent, selector: "gn-ui-sortable-list", inputs: ["elementTemplate", "items"], outputs: ["itemsOrderChange"] }, { kind: "component", type: OnlineResourceCardComponent, selector: "gn-ui-online-resource-card", inputs: ["onlineResource"], outputs: ["modifyClick"] }, { kind: "component", type: TextInputComponent, selector: "gn-ui-text-input", inputs: ["value", "extraClass", "placeholder", "required", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: TextAreaComponent, selector: "gn-ui-text-area", inputs: ["value", "disabled", "extraClass", "placeholder", "required"], outputs: ["valueChange"] }, { kind: "component", type: UrlInputComponent, selector: "gn-ui-url-input", inputs: ["value", "extraClass", "placeholder", "disabled", "showUploadButton"], outputs: ["valueChange", "uploadClick"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FormFieldOnlineLinkResourcesComponent, isStandalone: true, selector: "gn-ui-form-field-online-link-resources", inputs: { metadataUuid: "metadataUuid", value: "value" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "dialogTemplate", first: true, predicate: ["dialogTemplate"], descendants: true }], ngImport: i0, template: "<div class=\"flex flex-col\">\n  <gn-ui-file-input\n    [maxSizeMB]=\"MAX_UPLOAD_SIZE_MB\"\n    (fileChange)=\"handleFileChange($event)\"\n    (uploadCancel)=\"handleUploadCancel()\"\n    [uploadProgress]=\"uploadProgress\"\n    (urlChange)=\"handleUrlChange($event)\"\n    [disabled]=\"disabled$ | async\"\n  ></gn-ui-file-input>\n  <div class=\"h-[8px]\"></div>\n  <gn-ui-sortable-list\n    [items]=\"linkResources\"\n    (itemsOrderChange)=\"handleResourcesChange($event)\"\n    [elementTemplate]=\"template\"\n  >\n  </gn-ui-sortable-list>\n  <ng-template #template let-onlineResource let-index=\"index\">\n    <gn-ui-online-resource-card\n      [onlineResource]=\"onlineResource\"\n      (modifyClick)=\"handleResourceModify(onlineResource, index)\"\n    ></gn-ui-online-resource-card>\n  </ng-template>\n\n  <ng-template #dialogTemplate let-onlineResource>\n    <div class=\"flex flex-col gap-[16px]\">\n      <div>\n        <h3 class=\"text-[16px] font-bold text-main mb-[12px]\" translate>\n          editor.record.form.field.onlineResource.edit.title\n        </h3>\n        <gn-ui-text-input [(value)]=\"onlineResource.name\"></gn-ui-text-input>\n      </div>\n      <div>\n        <h3 class=\"text-[16px] font-bold text-main mb-[12px]\" translate>\n          editor.record.form.field.onlineResource.edit.description\n        </h3>\n        <gn-ui-text-area\n          [(value)]=\"onlineResource.description\"\n        ></gn-ui-text-area>\n      </div>\n      <span class=\"w-full border-b border-gray-300\"></span>\n      <gn-ui-url-input\n        class=\"w-full\"\n        [disabled]=\"true\"\n        [value]=\"onlineResource.url\"\n        [showValidateButton]=\"false\"\n        [disabled]=\"disabled$ | async\"\n      ></gn-ui-url-input>\n    </div>\n  </ng-template>\n  <div\n    *ngIf=\"disabled$ | async\"\n    class=\"p-4 text-sm border border-primary bg-primary-lightest rounded-lg\"\n    translate\n    data-test=\"disabled-message\"\n  >\n    editor.record.form.field.draft.only.disabled\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: FileInputComponent, selector: "gn-ui-file-input", inputs: ["maxSizeMB", "uploadProgress", "disabled"], outputs: ["fileChange", "urlChange", "uploadCancel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: SortableListComponent, selector: "gn-ui-sortable-list", inputs: ["elementTemplate", "items"], outputs: ["itemsOrderChange"] }, { kind: "component", type: OnlineResourceCardComponent, selector: "gn-ui-online-resource-card", inputs: ["onlineResource"], outputs: ["modifyClick"] }, { kind: "component", type: TextInputComponent, selector: "gn-ui-text-input", inputs: ["value", "extraClass", "placeholder", "required", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: TextAreaComponent, selector: "gn-ui-text-area", inputs: ["value", "disabled", "extraClass", "placeholder", "required"], outputs: ["valueChange"] }, { kind: "component", type: UrlInputComponent, selector: "gn-ui-url-input", inputs: ["value", "extraClass", "placeholder", "disabled", "showValidateButton"], outputs: ["valueChange", "uploadClick"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormFieldOnlineLinkResourcesComponent, decorators: [{
             type: Component,
@@ -39627,7 +39696,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         TextAreaComponent,
                         UrlInputComponent,
                         TranslateModule,
-                    ], template: "<div class=\"flex flex-col\">\n  <gn-ui-file-input\n    [maxSizeMB]=\"MAX_UPLOAD_SIZE_MB\"\n    (fileChange)=\"handleFileChange($event)\"\n    (uploadCancel)=\"handleUploadCancel()\"\n    [uploadProgress]=\"uploadProgress\"\n    (urlChange)=\"handleUrlChange($event)\"\n    [disabled]=\"disabled$ | async\"\n  ></gn-ui-file-input>\n  <div class=\"h-[8px]\"></div>\n  <gn-ui-sortable-list\n    [items]=\"linkResources\"\n    (itemsOrderChange)=\"handleResourcesChange($event)\"\n    [elementTemplate]=\"template\"\n  >\n  </gn-ui-sortable-list>\n  <ng-template #template let-onlineResource let-index=\"index\">\n    <gn-ui-online-resource-card\n      [onlineResource]=\"onlineResource\"\n      (modifyClick)=\"handleResourceModify(onlineResource, index)\"\n    ></gn-ui-online-resource-card>\n  </ng-template>\n\n  <ng-template #dialogTemplate let-onlineResource>\n    <div class=\"flex flex-col gap-[16px]\">\n      <div>\n        <h3 class=\"text-[16px] font-bold text-main mb-[12px]\" translate>\n          editor.record.form.field.onlineResource.edit.title\n        </h3>\n        <gn-ui-text-input [(value)]=\"onlineResource.name\"></gn-ui-text-input>\n      </div>\n      <div>\n        <h3 class=\"text-[16px] font-bold text-main mb-[12px]\" translate>\n          editor.record.form.field.onlineResource.edit.description\n        </h3>\n        <gn-ui-text-area\n          [(value)]=\"onlineResource.description\"\n        ></gn-ui-text-area>\n      </div>\n      <span class=\"w-full border-b border-gray-300\"></span>\n      <gn-ui-url-input\n        class=\"w-full\"\n        [disabled]=\"true\"\n        [value]=\"onlineResource.url\"\n        [showUploadButton]=\"false\"\n        [disabled]=\"disabled$ | async\"\n      ></gn-ui-url-input>\n    </div>\n  </ng-template>\n  <div\n    *ngIf=\"disabled$ | async\"\n    class=\"p-4 text-sm border border-primary bg-primary-lightest rounded-lg\"\n    translate\n    data-test=\"disabled-message\"\n  >\n    editor.record.form.field.draft.only.disabled\n  </div>\n</div>\n" }]
+                    ], template: "<div class=\"flex flex-col\">\n  <gn-ui-file-input\n    [maxSizeMB]=\"MAX_UPLOAD_SIZE_MB\"\n    (fileChange)=\"handleFileChange($event)\"\n    (uploadCancel)=\"handleUploadCancel()\"\n    [uploadProgress]=\"uploadProgress\"\n    (urlChange)=\"handleUrlChange($event)\"\n    [disabled]=\"disabled$ | async\"\n  ></gn-ui-file-input>\n  <div class=\"h-[8px]\"></div>\n  <gn-ui-sortable-list\n    [items]=\"linkResources\"\n    (itemsOrderChange)=\"handleResourcesChange($event)\"\n    [elementTemplate]=\"template\"\n  >\n  </gn-ui-sortable-list>\n  <ng-template #template let-onlineResource let-index=\"index\">\n    <gn-ui-online-resource-card\n      [onlineResource]=\"onlineResource\"\n      (modifyClick)=\"handleResourceModify(onlineResource, index)\"\n    ></gn-ui-online-resource-card>\n  </ng-template>\n\n  <ng-template #dialogTemplate let-onlineResource>\n    <div class=\"flex flex-col gap-[16px]\">\n      <div>\n        <h3 class=\"text-[16px] font-bold text-main mb-[12px]\" translate>\n          editor.record.form.field.onlineResource.edit.title\n        </h3>\n        <gn-ui-text-input [(value)]=\"onlineResource.name\"></gn-ui-text-input>\n      </div>\n      <div>\n        <h3 class=\"text-[16px] font-bold text-main mb-[12px]\" translate>\n          editor.record.form.field.onlineResource.edit.description\n        </h3>\n        <gn-ui-text-area\n          [(value)]=\"onlineResource.description\"\n        ></gn-ui-text-area>\n      </div>\n      <span class=\"w-full border-b border-gray-300\"></span>\n      <gn-ui-url-input\n        class=\"w-full\"\n        [disabled]=\"true\"\n        [value]=\"onlineResource.url\"\n        [showValidateButton]=\"false\"\n        [disabled]=\"disabled$ | async\"\n      ></gn-ui-url-input>\n    </div>\n  </ng-template>\n  <div\n    *ngIf=\"disabled$ | async\"\n    class=\"p-4 text-sm border border-primary bg-primary-lightest rounded-lg\"\n    translate\n    data-test=\"disabled-message\"\n  >\n    editor.record.form.field.draft.only.disabled\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: NotificationsService }, { type: i1$1.TranslateService }, { type: PlatformServiceInterface }, { type: i0.ChangeDetectorRef }, { type: i1$b.MatDialog }, { type: EditorFacade }], propDecorators: { metadataUuid: [{
                 type: Input
             }], value: [{
@@ -39642,6 +39711,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 class OnlineServiceResourceInputComponent {
     constructor() {
         this.disabled = false;
+        this.urlChange = new EventEmitter();
+        this.identifierSubmit = new EventEmitter();
         this.protocolOptions = [
             {
                 label: 'OGC API',
@@ -39677,25 +39748,57 @@ class OnlineServiceResourceInputComponent {
         this.selectedProtocol =
             this.protocolOptions.find((option) => option.value === this.service.accessServiceProtocol)?.value ?? 'other';
     }
+    handleUrlChange(url) {
+        this.url = url;
+    }
+    submitIdentifier(identifier) {
+        if (!identifier)
+            return;
+        this.identifierSubmit.emit({ url: this.url, identifier });
+        this.service.identifierInService = null;
+    }
+    getIdentifierPlaceholder() {
+        const baseKey = 'editor.record.form.field.onlineResource.edit.identifier.placeholder';
+        return this.service.accessServiceProtocol === 'wps'
+            ? `${baseKey}.wps`
+            : baseKey;
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnlineServiceResourceInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: OnlineServiceResourceInputComponent, isStandalone: true, selector: "gn-ui-online-service-resource-input", inputs: { service: "service", protocolHint: "protocolHint", disabled: "disabled" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"flex flex-row justify-between\">\n  <h3 class=\"text-[16px] font-bold text-main mb-[12px]\" translate>\n    editor.record.form.field.onlineResource.edit.protocol\n  </h3>\n  <span\n    *ngIf=\"protocolHint\"\n    class=\"material-symbols-outlined m-2 gn-ui-icon-small\"\n    [matTooltip]=\"protocolHint\"\n    matTooltipPosition=\"above\"\n  >\n    help\n  </span>\n</div>\n<div class=\"flex flex-row items-center gap-[16px] h-[48px]\">\n  <mat-radio-group\n    aria-labelledby=\"example-radio-group-label\"\n    class=\"flex flex-row gap-[8px]\"\n    [(ngModel)]=\"service.accessServiceProtocol\"\n    [disabled]=\"disabled\"\n  >\n    <mat-radio-button\n      *ngFor=\"let protocolOption of protocolOptions\"\n      [value]=\"protocolOption.value\"\n    >\n      {{ protocolOption.label | translate }}\n    </mat-radio-button>\n  </mat-radio-group>\n</div>\n<gn-ui-text-input\n  [(value)]=\"service.identifierInService\"\n  data-cy=\"identifier-in-service\"\n  [disabled]=\"disabled\"\n></gn-ui-text-input>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1$4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatRadioModule }, { kind: "directive", type: i3$2.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i3$2.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: TextInputComponent, selector: "gn-ui-text-input", inputs: ["value", "extraClass", "placeholder", "required", "disabled"], outputs: ["valueChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: OnlineServiceResourceInputComponent, isStandalone: true, selector: "gn-ui-online-service-resource-input", inputs: { service: "service", protocolHint: "protocolHint", disabled: "disabled" }, outputs: { urlChange: "urlChange", identifierSubmit: "identifierSubmit" }, providers: [
+            provideIcons({ iconoirCloudUpload }),
+            provideNgIconsConfig({
+                size: '1.5em',
+            }),
+        ], usesOnChanges: true, ngImport: i0, template: "<div class=\"flex flex-row justify-between\">\n  <h3 class=\"text-[16px] font-bold text-main mb-[12px]\" translate>\n    editor.record.form.field.onlineResource.edit.protocol\n  </h3>\n  <span\n    *ngIf=\"protocolHint\"\n    class=\"material-symbols-outlined m-2 gn-ui-icon-small\"\n    [matTooltip]=\"protocolHint\"\n    matTooltipPosition=\"above\"\n  >\n    help\n  </span>\n</div>\n<div class=\"flex flex-row items-center gap-4 h-[48px]\">\n  <mat-radio-group\n    aria-labelledby=\"example-radio-group-label\"\n    class=\"flex flex-row gap-[8px]\"\n    [(ngModel)]=\"service.accessServiceProtocol\"\n    [disabled]=\"disabled\"\n  >\n    <mat-radio-button\n      *ngFor=\"let protocolOption of protocolOptions\"\n      [value]=\"protocolOption.value\"\n    >\n      {{ protocolOption.label | translate }}\n    </mat-radio-button>\n  </mat-radio-group>\n</div>\n\n<div class=\"flex flex-col gap-4\">\n  <gn-ui-url-input\n    class=\"w-full\"\n    (valueChange)=\"handleUrlChange($event)\"\n    [disabled]=\"disabled\"\n    [value]=\"url\"\n    [showValidateButton]=\"false\"\n  >\n    <ng-icon name=\"iconoirCloudUpload\"></ng-icon>\n  </gn-ui-url-input>\n\n  <gn-ui-text-input\n    class=\"grow border-b border-gray-300 pb-4\"\n    [(value)]=\"service.identifierInService\"\n    [placeholder]=\"getIdentifierPlaceholder() | translate\"\n    data-cy=\"identifier-in-service\"\n    [disabled]=\"disabled\"\n  ></gn-ui-text-input>\n\n  <gn-ui-button\n    (buttonClick)=\"submitIdentifier(service.identifierInService)\"\n    [disabled]=\"disabled || !service.identifierInService || !url\"\n    type=\"primary\"\n  >\n    <span class=\"text-white font-bold\" translate\n      >editor.record.form.field.onlineResource.edit.identifier.submit</span\n    >\n  </gn-ui-button>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1$4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatRadioModule }, { kind: "directive", type: i4$1.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i4$1.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "component", type: TextInputComponent, selector: "gn-ui-text-input", inputs: ["value", "extraClass", "placeholder", "required", "disabled"], outputs: ["valueChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: UrlInputComponent, selector: "gn-ui-url-input", inputs: ["value", "extraClass", "placeholder", "disabled", "showValidateButton"], outputs: ["valueChange", "uploadClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnlineServiceResourceInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'gn-ui-online-service-resource-input', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        ButtonComponent,
                         CommonModule,
+                        FormsModule,
                         MatTooltipModule,
                         MatRadioModule,
-                        FormsModule,
+                        NgIconComponent,
                         TextInputComponent,
                         TranslateModule,
-                    ], template: "<div class=\"flex flex-row justify-between\">\n  <h3 class=\"text-[16px] font-bold text-main mb-[12px]\" translate>\n    editor.record.form.field.onlineResource.edit.protocol\n  </h3>\n  <span\n    *ngIf=\"protocolHint\"\n    class=\"material-symbols-outlined m-2 gn-ui-icon-small\"\n    [matTooltip]=\"protocolHint\"\n    matTooltipPosition=\"above\"\n  >\n    help\n  </span>\n</div>\n<div class=\"flex flex-row items-center gap-[16px] h-[48px]\">\n  <mat-radio-group\n    aria-labelledby=\"example-radio-group-label\"\n    class=\"flex flex-row gap-[8px]\"\n    [(ngModel)]=\"service.accessServiceProtocol\"\n    [disabled]=\"disabled\"\n  >\n    <mat-radio-button\n      *ngFor=\"let protocolOption of protocolOptions\"\n      [value]=\"protocolOption.value\"\n    >\n      {{ protocolOption.label | translate }}\n    </mat-radio-button>\n  </mat-radio-group>\n</div>\n<gn-ui-text-input\n  [(value)]=\"service.identifierInService\"\n  data-cy=\"identifier-in-service\"\n  [disabled]=\"disabled\"\n></gn-ui-text-input>\n" }]
+                        UrlInputComponent,
+                    ], providers: [
+                        provideIcons({ iconoirCloudUpload }),
+                        provideNgIconsConfig({
+                            size: '1.5em',
+                        }),
+                    ], template: "<div class=\"flex flex-row justify-between\">\n  <h3 class=\"text-[16px] font-bold text-main mb-[12px]\" translate>\n    editor.record.form.field.onlineResource.edit.protocol\n  </h3>\n  <span\n    *ngIf=\"protocolHint\"\n    class=\"material-symbols-outlined m-2 gn-ui-icon-small\"\n    [matTooltip]=\"protocolHint\"\n    matTooltipPosition=\"above\"\n  >\n    help\n  </span>\n</div>\n<div class=\"flex flex-row items-center gap-4 h-[48px]\">\n  <mat-radio-group\n    aria-labelledby=\"example-radio-group-label\"\n    class=\"flex flex-row gap-[8px]\"\n    [(ngModel)]=\"service.accessServiceProtocol\"\n    [disabled]=\"disabled\"\n  >\n    <mat-radio-button\n      *ngFor=\"let protocolOption of protocolOptions\"\n      [value]=\"protocolOption.value\"\n    >\n      {{ protocolOption.label | translate }}\n    </mat-radio-button>\n  </mat-radio-group>\n</div>\n\n<div class=\"flex flex-col gap-4\">\n  <gn-ui-url-input\n    class=\"w-full\"\n    (valueChange)=\"handleUrlChange($event)\"\n    [disabled]=\"disabled\"\n    [value]=\"url\"\n    [showValidateButton]=\"false\"\n  >\n    <ng-icon name=\"iconoirCloudUpload\"></ng-icon>\n  </gn-ui-url-input>\n\n  <gn-ui-text-input\n    class=\"grow border-b border-gray-300 pb-4\"\n    [(value)]=\"service.identifierInService\"\n    [placeholder]=\"getIdentifierPlaceholder() | translate\"\n    data-cy=\"identifier-in-service\"\n    [disabled]=\"disabled\"\n  ></gn-ui-text-input>\n\n  <gn-ui-button\n    (buttonClick)=\"submitIdentifier(service.identifierInService)\"\n    [disabled]=\"disabled || !service.identifierInService || !url\"\n    type=\"primary\"\n  >\n    <span class=\"text-white font-bold\" translate\n      >editor.record.form.field.onlineResource.edit.identifier.submit</span\n    >\n  </gn-ui-button>\n</div>\n" }]
         }], propDecorators: { service: [{
                 type: Input
             }], protocolHint: [{
                 type: Input
             }], disabled: [{
                 type: Input
+            }], urlChange: [{
+                type: Output
+            }], identifierSubmit: [{
+                type: Output
             }] } });
 
 class FormFieldOnlineResourcesComponent {
@@ -39793,6 +39896,15 @@ class FormFieldOnlineResourcesComponent {
             },
         ]);
     }
+    handleIdentifierSubmit(payload) {
+        this.valueChange.emit([
+            ...this.allResources,
+            {
+                ...this.newService,
+                url: new URL(payload.url),
+            },
+        ]);
+    }
     handleServiceModify(oldService, newService) {
         oldService.accessServiceProtocol = newService.accessServiceProtocol;
         oldService.identifierInService = newService.identifierInService;
@@ -39846,7 +39958,7 @@ class FormFieldOnlineResourcesComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormFieldOnlineResourcesComponent, deps: [{ token: NotificationsService }, { token: i1$1.TranslateService }, { token: PlatformServiceInterface }, { token: i0.ChangeDetectorRef }, { token: i1$b.MatDialog }, { token: EditorFacade }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FormFieldOnlineResourcesComponent, isStandalone: true, selector: "gn-ui-form-field-online-resources", inputs: { metadataUuid: "metadataUuid", value: "value" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "dialogTemplate", first: true, predicate: ["dialogTemplate"], descendants: true }], ngImport: i0, template: "<div class=\"flex flex-col\">\n  <gn-ui-switch-toggle\n    [options]=\"typeOptions\"\n    (selectedValue)=\"onSelectedTypeChange($event.value)\"\n    extraClasses=\"grow text-sm\"\n    data-cy=\"online-resources-type\"\n    [disabled]=\"disabled$ | async\"\n  ></gn-ui-switch-toggle>\n  <div class=\"h-[8px]\"></div>\n  <gn-ui-file-input\n    *ngIf=\"selectedType === 'download'\"\n    [maxSizeMB]=\"MAX_UPLOAD_SIZE_MB\"\n    (fileChange)=\"handleFileChange($event)\"\n    (uploadCancel)=\"handleUploadCancel()\"\n    [uploadProgress]=\"uploadProgress\"\n    (urlChange)=\"handleDownloadUrlChange($event)\"\n    [disabled]=\"disabled$ | async\"\n  ></gn-ui-file-input>\n  <div\n    *ngIf=\"selectedType === 'service'\"\n    class=\"w-full border-2 border-dashed rounded-lg p-6 flex flex-col gap-[16px]\"\n  >\n    <gn-ui-online-service-resource-input\n      [service]=\"newService\"\n      [disabled]=\"disabled$ | async\"\n    ></gn-ui-online-service-resource-input>\n    <span class=\"w-full border-b border-gray-300\"></span>\n    <gn-ui-url-input\n      class=\"w-full\"\n      (uploadClick)=\"handleServiceUrlChange($event)\"\n      [disabled]=\"disabled$ | async\"\n    ></gn-ui-url-input>\n  </div>\n  <div class=\"h-[8px]\"></div>\n  <gn-ui-sortable-list\n    [items]=\"notLinkResources\"\n    (itemsOrderChange)=\"handleResourcesChange($event)\"\n    [elementTemplate]=\"template\"\n  >\n  </gn-ui-sortable-list>\n  <ng-template #template let-onlineResource let-index=\"index\">\n    <gn-ui-online-resource-card\n      [onlineResource]=\"onlineResource\"\n      (modifyClick)=\"handleResourceModify(onlineResource, index)\"\n    ></gn-ui-online-resource-card>\n  </ng-template>\n\n  <ng-template #dialogTemplate let-onlineResource>\n    <div class=\"flex flex-col gap-[16px]\">\n      <div>\n        <h3 class=\"text-[16px] font-bold text-main mb-[12px]\" translate>\n          editor.record.form.field.onlineResource.edit.title\n        </h3>\n        <gn-ui-text-input [(value)]=\"onlineResource.name\"></gn-ui-text-input>\n      </div>\n      <div>\n        <h3 class=\"text-[16px] font-bold text-main mb-[12px]\" translate>\n          editor.record.form.field.onlineResource.edit.description\n        </h3>\n        <gn-ui-text-area\n          [(value)]=\"onlineResource.description\"\n        ></gn-ui-text-area>\n      </div>\n      <ng-container *ngIf=\"onlineResource.type === 'service'\">\n        <span class=\"w-full border-b border-gray-300\"></span>\n        <gn-ui-online-service-resource-input\n          [service]=\"onlineResource\"\n          [disabled]=\"disabled$ | async\"\n        ></gn-ui-online-service-resource-input>\n      </ng-container>\n      <span class=\"w-full border-b border-gray-300\"></span>\n      <gn-ui-url-input\n        class=\"w-full\"\n        [disabled]=\"true\"\n        [value]=\"onlineResource.url\"\n        [showUploadButton]=\"false\"\n      ></gn-ui-url-input>\n    </div>\n  </ng-template>\n  <div\n    *ngIf=\"disabled$ | async\"\n    class=\"p-4 text-sm border border-primary bg-primary-lightest rounded-lg\"\n    translate\n    data-test=\"disabled-message\"\n  >\n    editor.record.form.field.draft.only.disabled\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: SwitchToggleComponent, selector: "gn-ui-switch-toggle", inputs: ["options", "ariaLabel", "extraClasses", "disabled"], outputs: ["selectedValue"] }, { kind: "component", type: FileInputComponent, selector: "gn-ui-file-input", inputs: ["maxSizeMB", "uploadProgress", "disabled"], outputs: ["fileChange", "urlChange", "uploadCancel"] }, { kind: "component", type: OnlineServiceResourceInputComponent, selector: "gn-ui-online-service-resource-input", inputs: ["service", "protocolHint", "disabled"] }, { kind: "component", type: UrlInputComponent, selector: "gn-ui-url-input", inputs: ["value", "extraClass", "placeholder", "disabled", "showUploadButton"], outputs: ["valueChange", "uploadClick"] }, { kind: "component", type: SortableListComponent, selector: "gn-ui-sortable-list", inputs: ["elementTemplate", "items"], outputs: ["itemsOrderChange"] }, { kind: "component", type: OnlineResourceCardComponent, selector: "gn-ui-online-resource-card", inputs: ["onlineResource"], outputs: ["modifyClick"] }, { kind: "component", type: TextInputComponent, selector: "gn-ui-text-input", inputs: ["value", "extraClass", "placeholder", "required", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: TextAreaComponent, selector: "gn-ui-text-area", inputs: ["value", "disabled", "extraClass", "placeholder", "required"], outputs: ["valueChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FormFieldOnlineResourcesComponent, isStandalone: true, selector: "gn-ui-form-field-online-resources", inputs: { metadataUuid: "metadataUuid", value: "value" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "dialogTemplate", first: true, predicate: ["dialogTemplate"], descendants: true }], ngImport: i0, template: "<div class=\"flex flex-col\">\n  <gn-ui-switch-toggle\n    [options]=\"typeOptions\"\n    (selectedValue)=\"onSelectedTypeChange($event.value)\"\n    extraClasses=\"grow text-sm\"\n    data-cy=\"online-resources-type\"\n    [disabled]=\"disabled$ | async\"\n  ></gn-ui-switch-toggle>\n  <div class=\"h-[8px]\"></div>\n  <gn-ui-file-input\n    *ngIf=\"selectedType === 'download'\"\n    [maxSizeMB]=\"MAX_UPLOAD_SIZE_MB\"\n    (fileChange)=\"handleFileChange($event)\"\n    (uploadCancel)=\"handleUploadCancel()\"\n    [uploadProgress]=\"uploadProgress\"\n    (urlChange)=\"handleDownloadUrlChange($event)\"\n    [disabled]=\"disabled$ | async\"\n  ></gn-ui-file-input>\n  <div\n    *ngIf=\"selectedType === 'service'\"\n    class=\"w-full border-2 border-dashed rounded-lg p-6 flex flex-col gap-[16px]\"\n  >\n    <gn-ui-online-service-resource-input\n      [service]=\"newService\"\n      [disabled]=\"disabled$ | async\"\n      (urlChange)=\"handleServiceUrlChange($event)\"\n      (identifierSubmit)=\"handleIdentifierSubmit($event)\"\n    ></gn-ui-online-service-resource-input>\n  </div>\n  <div class=\"h-[8px]\"></div>\n  <gn-ui-sortable-list\n    [items]=\"notLinkResources\"\n    (itemsOrderChange)=\"handleResourcesChange($event)\"\n    [elementTemplate]=\"template\"\n  >\n  </gn-ui-sortable-list>\n  <ng-template #template let-onlineResource let-index=\"index\">\n    <gn-ui-online-resource-card\n      [onlineResource]=\"onlineResource\"\n      (modifyClick)=\"handleResourceModify(onlineResource, index)\"\n    ></gn-ui-online-resource-card>\n  </ng-template>\n\n  <ng-template #dialogTemplate let-onlineResource>\n    <div class=\"flex flex-col gap-[16px]\">\n      <div>\n        <h3 class=\"text-[16px] font-bold text-main mb-[12px]\" translate>\n          editor.record.form.field.onlineResource.edit.title\n        </h3>\n        <gn-ui-text-input [(value)]=\"onlineResource.name\"></gn-ui-text-input>\n      </div>\n      <div>\n        <h3 class=\"text-[16px] font-bold text-main mb-[12px]\" translate>\n          editor.record.form.field.onlineResource.edit.description\n        </h3>\n        <gn-ui-text-area\n          [(value)]=\"onlineResource.description\"\n        ></gn-ui-text-area>\n      </div>\n      <ng-container *ngIf=\"onlineResource.type === 'service'\">\n        <span class=\"w-full border-b border-gray-300\"></span>\n        <gn-ui-online-service-resource-input\n          [service]=\"onlineResource\"\n          [disabled]=\"disabled$ | async\"\n        ></gn-ui-online-service-resource-input>\n      </ng-container>\n      <span class=\"w-full border-b border-gray-300\"></span>\n      <gn-ui-url-input\n        class=\"w-full\"\n        [disabled]=\"true\"\n        [value]=\"onlineResource.url\"\n        [showValidateButton]=\"false\"\n      ></gn-ui-url-input>\n    </div>\n  </ng-template>\n  <div\n    *ngIf=\"disabled$ | async\"\n    class=\"p-4 text-sm border border-primary bg-primary-lightest rounded-lg\"\n    translate\n    data-test=\"disabled-message\"\n  >\n    editor.record.form.field.draft.only.disabled\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: SwitchToggleComponent, selector: "gn-ui-switch-toggle", inputs: ["options", "ariaLabel", "extraClasses", "disabled"], outputs: ["selectedValue"] }, { kind: "component", type: FileInputComponent, selector: "gn-ui-file-input", inputs: ["maxSizeMB", "uploadProgress", "disabled"], outputs: ["fileChange", "urlChange", "uploadCancel"] }, { kind: "component", type: OnlineServiceResourceInputComponent, selector: "gn-ui-online-service-resource-input", inputs: ["service", "protocolHint", "disabled"], outputs: ["urlChange", "identifierSubmit"] }, { kind: "component", type: UrlInputComponent, selector: "gn-ui-url-input", inputs: ["value", "extraClass", "placeholder", "disabled", "showValidateButton"], outputs: ["valueChange", "uploadClick"] }, { kind: "component", type: SortableListComponent, selector: "gn-ui-sortable-list", inputs: ["elementTemplate", "items"], outputs: ["itemsOrderChange"] }, { kind: "component", type: OnlineResourceCardComponent, selector: "gn-ui-online-resource-card", inputs: ["onlineResource"], outputs: ["modifyClick"] }, { kind: "component", type: TextInputComponent, selector: "gn-ui-text-input", inputs: ["value", "extraClass", "placeholder", "required", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: TextAreaComponent, selector: "gn-ui-text-area", inputs: ["value", "disabled", "extraClass", "placeholder", "required"], outputs: ["valueChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormFieldOnlineResourcesComponent, decorators: [{
             type: Component,
@@ -39861,7 +39973,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         TextInputComponent,
                         TextAreaComponent,
                         TranslateModule,
-                    ], template: "<div class=\"flex flex-col\">\n  <gn-ui-switch-toggle\n    [options]=\"typeOptions\"\n    (selectedValue)=\"onSelectedTypeChange($event.value)\"\n    extraClasses=\"grow text-sm\"\n    data-cy=\"online-resources-type\"\n    [disabled]=\"disabled$ | async\"\n  ></gn-ui-switch-toggle>\n  <div class=\"h-[8px]\"></div>\n  <gn-ui-file-input\n    *ngIf=\"selectedType === 'download'\"\n    [maxSizeMB]=\"MAX_UPLOAD_SIZE_MB\"\n    (fileChange)=\"handleFileChange($event)\"\n    (uploadCancel)=\"handleUploadCancel()\"\n    [uploadProgress]=\"uploadProgress\"\n    (urlChange)=\"handleDownloadUrlChange($event)\"\n    [disabled]=\"disabled$ | async\"\n  ></gn-ui-file-input>\n  <div\n    *ngIf=\"selectedType === 'service'\"\n    class=\"w-full border-2 border-dashed rounded-lg p-6 flex flex-col gap-[16px]\"\n  >\n    <gn-ui-online-service-resource-input\n      [service]=\"newService\"\n      [disabled]=\"disabled$ | async\"\n    ></gn-ui-online-service-resource-input>\n    <span class=\"w-full border-b border-gray-300\"></span>\n    <gn-ui-url-input\n      class=\"w-full\"\n      (uploadClick)=\"handleServiceUrlChange($event)\"\n      [disabled]=\"disabled$ | async\"\n    ></gn-ui-url-input>\n  </div>\n  <div class=\"h-[8px]\"></div>\n  <gn-ui-sortable-list\n    [items]=\"notLinkResources\"\n    (itemsOrderChange)=\"handleResourcesChange($event)\"\n    [elementTemplate]=\"template\"\n  >\n  </gn-ui-sortable-list>\n  <ng-template #template let-onlineResource let-index=\"index\">\n    <gn-ui-online-resource-card\n      [onlineResource]=\"onlineResource\"\n      (modifyClick)=\"handleResourceModify(onlineResource, index)\"\n    ></gn-ui-online-resource-card>\n  </ng-template>\n\n  <ng-template #dialogTemplate let-onlineResource>\n    <div class=\"flex flex-col gap-[16px]\">\n      <div>\n        <h3 class=\"text-[16px] font-bold text-main mb-[12px]\" translate>\n          editor.record.form.field.onlineResource.edit.title\n        </h3>\n        <gn-ui-text-input [(value)]=\"onlineResource.name\"></gn-ui-text-input>\n      </div>\n      <div>\n        <h3 class=\"text-[16px] font-bold text-main mb-[12px]\" translate>\n          editor.record.form.field.onlineResource.edit.description\n        </h3>\n        <gn-ui-text-area\n          [(value)]=\"onlineResource.description\"\n        ></gn-ui-text-area>\n      </div>\n      <ng-container *ngIf=\"onlineResource.type === 'service'\">\n        <span class=\"w-full border-b border-gray-300\"></span>\n        <gn-ui-online-service-resource-input\n          [service]=\"onlineResource\"\n          [disabled]=\"disabled$ | async\"\n        ></gn-ui-online-service-resource-input>\n      </ng-container>\n      <span class=\"w-full border-b border-gray-300\"></span>\n      <gn-ui-url-input\n        class=\"w-full\"\n        [disabled]=\"true\"\n        [value]=\"onlineResource.url\"\n        [showUploadButton]=\"false\"\n      ></gn-ui-url-input>\n    </div>\n  </ng-template>\n  <div\n    *ngIf=\"disabled$ | async\"\n    class=\"p-4 text-sm border border-primary bg-primary-lightest rounded-lg\"\n    translate\n    data-test=\"disabled-message\"\n  >\n    editor.record.form.field.draft.only.disabled\n  </div>\n</div>\n" }]
+                    ], template: "<div class=\"flex flex-col\">\n  <gn-ui-switch-toggle\n    [options]=\"typeOptions\"\n    (selectedValue)=\"onSelectedTypeChange($event.value)\"\n    extraClasses=\"grow text-sm\"\n    data-cy=\"online-resources-type\"\n    [disabled]=\"disabled$ | async\"\n  ></gn-ui-switch-toggle>\n  <div class=\"h-[8px]\"></div>\n  <gn-ui-file-input\n    *ngIf=\"selectedType === 'download'\"\n    [maxSizeMB]=\"MAX_UPLOAD_SIZE_MB\"\n    (fileChange)=\"handleFileChange($event)\"\n    (uploadCancel)=\"handleUploadCancel()\"\n    [uploadProgress]=\"uploadProgress\"\n    (urlChange)=\"handleDownloadUrlChange($event)\"\n    [disabled]=\"disabled$ | async\"\n  ></gn-ui-file-input>\n  <div\n    *ngIf=\"selectedType === 'service'\"\n    class=\"w-full border-2 border-dashed rounded-lg p-6 flex flex-col gap-[16px]\"\n  >\n    <gn-ui-online-service-resource-input\n      [service]=\"newService\"\n      [disabled]=\"disabled$ | async\"\n      (urlChange)=\"handleServiceUrlChange($event)\"\n      (identifierSubmit)=\"handleIdentifierSubmit($event)\"\n    ></gn-ui-online-service-resource-input>\n  </div>\n  <div class=\"h-[8px]\"></div>\n  <gn-ui-sortable-list\n    [items]=\"notLinkResources\"\n    (itemsOrderChange)=\"handleResourcesChange($event)\"\n    [elementTemplate]=\"template\"\n  >\n  </gn-ui-sortable-list>\n  <ng-template #template let-onlineResource let-index=\"index\">\n    <gn-ui-online-resource-card\n      [onlineResource]=\"onlineResource\"\n      (modifyClick)=\"handleResourceModify(onlineResource, index)\"\n    ></gn-ui-online-resource-card>\n  </ng-template>\n\n  <ng-template #dialogTemplate let-onlineResource>\n    <div class=\"flex flex-col gap-[16px]\">\n      <div>\n        <h3 class=\"text-[16px] font-bold text-main mb-[12px]\" translate>\n          editor.record.form.field.onlineResource.edit.title\n        </h3>\n        <gn-ui-text-input [(value)]=\"onlineResource.name\"></gn-ui-text-input>\n      </div>\n      <div>\n        <h3 class=\"text-[16px] font-bold text-main mb-[12px]\" translate>\n          editor.record.form.field.onlineResource.edit.description\n        </h3>\n        <gn-ui-text-area\n          [(value)]=\"onlineResource.description\"\n        ></gn-ui-text-area>\n      </div>\n      <ng-container *ngIf=\"onlineResource.type === 'service'\">\n        <span class=\"w-full border-b border-gray-300\"></span>\n        <gn-ui-online-service-resource-input\n          [service]=\"onlineResource\"\n          [disabled]=\"disabled$ | async\"\n        ></gn-ui-online-service-resource-input>\n      </ng-container>\n      <span class=\"w-full border-b border-gray-300\"></span>\n      <gn-ui-url-input\n        class=\"w-full\"\n        [disabled]=\"true\"\n        [value]=\"onlineResource.url\"\n        [showValidateButton]=\"false\"\n      ></gn-ui-url-input>\n    </div>\n  </ng-template>\n  <div\n    *ngIf=\"disabled$ | async\"\n    class=\"p-4 text-sm border border-primary bg-primary-lightest rounded-lg\"\n    translate\n    data-test=\"disabled-message\"\n  >\n    editor.record.form.field.draft.only.disabled\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: NotificationsService }, { type: i1$1.TranslateService }, { type: PlatformServiceInterface }, { type: i0.ChangeDetectorRef }, { type: i1$b.MatDialog }, { type: EditorFacade }], propDecorators: { metadataUuid: [{
                 type: Input
             }], value: [{
@@ -40006,9 +40118,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Output
             }] } });
 
+const initialListValues = updateFrequencyCodeValues.filter((code) => !['unknown', 'notPlanned', 'asNeeded', 'irregular'].includes(code));
 class FormFieldUpdateFrequencyComponent {
     get planned() {
-        return typeof this.value !== 'string';
+        return this.value && this.value !== 'notPlanned' && this.value !== 'unknown';
     }
     constructor(translateService) {
         this.translateService = translateService;
@@ -40017,13 +40130,26 @@ class FormFieldUpdateFrequencyComponent {
     }
     async ngOnInit() {
         this.choices = await this.getInitialChoices();
+        if (!this.planned) {
+            return;
+        }
+        if (typeof this.value === 'string' &&
+            !this.choices.map((choice) => choice.value).includes(this.value)) {
+            this.choices = [
+                {
+                    value: this.value,
+                    label: await firstValueFrom(this.translateService.get(`domain.record.updateFrequency.${this.value}`)),
+                },
+                ...this.choices,
+            ];
+        }
         if (typeof this.value === 'string') {
             return;
         }
         const updatedTimes = this.value.updatedTimes;
         const per = this.value.per;
         // the update frequency is not in the list; make it appear there
-        if (updatedTimes && updatedTimes !== 1 && updatedTimes !== 2) {
+        if (updatedTimes) {
             this.choices = [
                 {
                     value: `${per}.${updatedTimes}`,
@@ -40040,73 +40166,34 @@ class FormFieldUpdateFrequencyComponent {
             this.valueChange.emit('notPlanned');
         }
         else {
-            this.valueChange.emit({ updatedTimes: 1, per: 'day' });
+            this.valueChange.emit(this.choices[0].value);
         }
     }
     get selectedFrequency() {
-        if (!this.value || typeof this.value === 'string')
+        if (!this.value)
             return null;
+        if (typeof this.value === 'string')
+            return this.value;
         const { updatedTimes, per } = this.value;
         return `${per}.${updatedTimes}`;
     }
     onSelectFrequencyValue(value) {
-        const split = value.split('.');
-        this.valueChange.emit({
-            updatedTimes: Number(split[1]),
-            per: split[0],
-        });
+        if (!value.includes('.')) {
+            this.valueChange.emit(value);
+        }
+        else {
+            const split = value.split('.');
+            this.valueChange.emit({
+                updatedTimes: Number(split[1]),
+                per: split[0],
+            });
+        }
     }
     async getInitialChoices() {
-        return [
-            {
-                value: 'day.1',
-                label: await firstValueFrom(this.translateService.get('domain.record.updateFrequency.day', {
-                    count: 1,
-                })),
-            },
-            {
-                value: 'day.2',
-                label: await firstValueFrom(this.translateService.get('domain.record.updateFrequency.day', {
-                    count: 2,
-                })),
-            },
-            {
-                value: 'week.1',
-                label: await firstValueFrom(this.translateService.get('domain.record.updateFrequency.week', {
-                    count: 1,
-                })),
-            },
-            {
-                value: 'week.2',
-                label: await firstValueFrom(this.translateService.get('domain.record.updateFrequency.week', {
-                    count: 2,
-                })),
-            },
-            {
-                value: 'month.1',
-                label: await firstValueFrom(this.translateService.get('domain.record.updateFrequency.month', {
-                    count: 1,
-                })),
-            },
-            {
-                value: 'month.2',
-                label: await firstValueFrom(this.translateService.get('domain.record.updateFrequency.month', {
-                    count: 2,
-                })),
-            },
-            {
-                value: 'year.1',
-                label: await firstValueFrom(this.translateService.get('domain.record.updateFrequency.year', {
-                    count: 1,
-                })),
-            },
-            {
-                value: 'year.2',
-                label: await firstValueFrom(this.translateService.get('domain.record.updateFrequency.year', {
-                    count: 2,
-                })),
-            },
-        ];
+        return Promise.all(initialListValues.map(async (value) => ({
+            value,
+            label: await firstValueFrom(this.translateService.get(`domain.record.updateFrequency.${value}`)),
+        })));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormFieldUpdateFrequencyComponent, deps: [{ token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FormFieldUpdateFrequencyComponent, isStandalone: true, selector: "gn-ui-form-field-update-frequency", inputs: { value: "value" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"flex flex-col gap-2\">\n  <gn-ui-check-toggle\n    [label]=\"'editor.record.form.updateFrequency.planned' | translate\"\n    [value]=\"planned\"\n    (toggled)=\"onPlannedToggled()\"\n  ></gn-ui-check-toggle>\n  <gn-ui-dropdown-selector\n    title=\"updateFrequency\"\n    [showTitle]=\"false\"\n    [choices]=\"choices\"\n    [selected]=\"selectedFrequency\"\n    (selectValue)=\"onSelectFrequencyValue($event)\"\n    [disabled]=\"!planned\"\n    [extraBtnClass]=\"'input-as-button gn-ui-text-input'\"\n  >\n  </gn-ui-dropdown-selector>\n</div>\n", styles: ["gn-ui-dropdown-selector{max-width:calc(50% - 16px)}\n"], dependencies: [{ kind: "component", type: CheckToggleComponent, selector: "gn-ui-check-toggle", inputs: ["title", "label", "value", "color"], outputs: ["toggled"] }, { kind: "component", type: DropdownSelectorComponent, selector: "gn-ui-dropdown-selector", inputs: ["title", "showTitle", "ariaName", "choices", "selected", "maxRows", "extraBtnClass", "minWidth", "disabled"], outputs: ["selectValue"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
@@ -40299,7 +40386,7 @@ class ConstraintCardComponent {
             provideNgIconsConfig({
                 size: '1.5rem',
             }),
-        ], ngImport: i0, template: "<div class=\"flex flex-col gap-1 border rounded-lg p-4\">\n  <gn-ui-form-field-rich\n    class=\"mt-[-8px]\"\n    [label]=\"label\"\n    [hint]=\"hint | translate\"\n    [value]=\"constraint_.text ?? ''\"\n    (valueChange)=\"handleConstraintTextChange($event)\"\n  ></gn-ui-form-field-rich>\n\n  <div *ngIf=\"!showUrl\" class=\"flex-none mt-1\">\n    <gn-ui-button\n      (buttonClick)=\"showUrl = true\"\n      type=\"gray\"\n      data-cy=\"add-url-btn\"\n    >\n      <ng-icon name=\"iconoirPlus\" class=\"text-primary\"></ng-icon>&nbsp;\n      <span translate>input.image.displayUrlInput</span>\n    </gn-ui-button>\n  </div>\n  <gn-ui-url-input\n    *ngIf=\"showUrl\"\n    class=\"mt-3.5\"\n    [value]=\"constraint_.url?.toString()\"\n    (valueChange)=\"handleURLChange($event)\"\n    [showUploadButton]=\"false\"\n  >\n  </gn-ui-url-input>\n</div>\n", styles: [":host{--gn-ui-button-padding: 8px 8px;--gn-ui-button-rounded: 8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FormFieldRichComponent, selector: "gn-ui-form-field-rich", inputs: ["label", "hint", "placeholder", "value"], outputs: ["valueChange"] }, { kind: "component", type: UrlInputComponent, selector: "gn-ui-url-input", inputs: ["value", "extraClass", "placeholder", "disabled", "showUploadButton"], outputs: ["valueChange", "uploadClick"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], ngImport: i0, template: "<div class=\"flex flex-col gap-1 border rounded-lg p-4\">\n  <gn-ui-form-field-rich\n    class=\"mt-[-8px]\"\n    [label]=\"label\"\n    [hint]=\"hint | translate\"\n    [value]=\"constraint_.text ?? ''\"\n    (valueChange)=\"handleConstraintTextChange($event)\"\n  ></gn-ui-form-field-rich>\n\n  <div *ngIf=\"!showUrl\" class=\"flex-none mt-1\">\n    <gn-ui-button\n      (buttonClick)=\"showUrl = true\"\n      type=\"gray\"\n      data-cy=\"add-url-btn\"\n    >\n      <ng-icon name=\"iconoirPlus\" class=\"text-primary\"></ng-icon>&nbsp;\n      <span translate>input.image.displayUrlInput</span>\n    </gn-ui-button>\n  </div>\n  <gn-ui-url-input\n    *ngIf=\"showUrl\"\n    class=\"mt-3.5\"\n    [value]=\"constraint_.url?.toString()\"\n    (valueChange)=\"handleURLChange($event)\"\n    [showValidateButton]=\"false\"\n  >\n  </gn-ui-url-input>\n</div>\n", styles: [":host{--gn-ui-button-padding: 8px 8px;--gn-ui-button-rounded: 8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FormFieldRichComponent, selector: "gn-ui-form-field-rich", inputs: ["label", "hint", "placeholder", "value"], outputs: ["valueChange"] }, { kind: "component", type: UrlInputComponent, selector: "gn-ui-url-input", inputs: ["value", "extraClass", "placeholder", "disabled", "showValidateButton"], outputs: ["valueChange", "uploadClick"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ConstraintCardComponent, decorators: [{
             type: Component,
@@ -40317,7 +40404,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         provideNgIconsConfig({
                             size: '1.5rem',
                         }),
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"flex flex-col gap-1 border rounded-lg p-4\">\n  <gn-ui-form-field-rich\n    class=\"mt-[-8px]\"\n    [label]=\"label\"\n    [hint]=\"hint | translate\"\n    [value]=\"constraint_.text ?? ''\"\n    (valueChange)=\"handleConstraintTextChange($event)\"\n  ></gn-ui-form-field-rich>\n\n  <div *ngIf=\"!showUrl\" class=\"flex-none mt-1\">\n    <gn-ui-button\n      (buttonClick)=\"showUrl = true\"\n      type=\"gray\"\n      data-cy=\"add-url-btn\"\n    >\n      <ng-icon name=\"iconoirPlus\" class=\"text-primary\"></ng-icon>&nbsp;\n      <span translate>input.image.displayUrlInput</span>\n    </gn-ui-button>\n  </div>\n  <gn-ui-url-input\n    *ngIf=\"showUrl\"\n    class=\"mt-3.5\"\n    [value]=\"constraint_.url?.toString()\"\n    (valueChange)=\"handleURLChange($event)\"\n    [showUploadButton]=\"false\"\n  >\n  </gn-ui-url-input>\n</div>\n", styles: [":host{--gn-ui-button-padding: 8px 8px;--gn-ui-button-rounded: 8px}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"flex flex-col gap-1 border rounded-lg p-4\">\n  <gn-ui-form-field-rich\n    class=\"mt-[-8px]\"\n    [label]=\"label\"\n    [hint]=\"hint | translate\"\n    [value]=\"constraint_.text ?? ''\"\n    (valueChange)=\"handleConstraintTextChange($event)\"\n  ></gn-ui-form-field-rich>\n\n  <div *ngIf=\"!showUrl\" class=\"flex-none mt-1\">\n    <gn-ui-button\n      (buttonClick)=\"showUrl = true\"\n      type=\"gray\"\n      data-cy=\"add-url-btn\"\n    >\n      <ng-icon name=\"iconoirPlus\" class=\"text-primary\"></ng-icon>&nbsp;\n      <span translate>input.image.displayUrlInput</span>\n    </gn-ui-button>\n  </div>\n  <gn-ui-url-input\n    *ngIf=\"showUrl\"\n    class=\"mt-3.5\"\n    [value]=\"constraint_.url?.toString()\"\n    (valueChange)=\"handleURLChange($event)\"\n    [showValidateButton]=\"false\"\n  >\n  </gn-ui-url-input>\n</div>\n", styles: [":host{--gn-ui-button-padding: 8px 8px;--gn-ui-button-rounded: 8px}\n"] }]
         }], propDecorators: { label: [{
                 type: Input
             }], constraint: [{
@@ -40472,7 +40559,7 @@ class FormFieldComponent {
         return this.value;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FormFieldComponent, isStandalone: true, selector: "gn-ui-form-field", inputs: { uniqueIdentifier: "uniqueIdentifier", model: "model", modelSpecifier: "modelSpecifier", componentName: "componentName", config: "config", value: "value" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "titleInput", first: true, predicate: ["titleInput"], descendants: true }], ngImport: i0, template: "<!-- TEMPORARY - disabling the open data switch -->\n<!-- <ng-container *ngIf=\"model === 'licenses'\">\n  <gn-ui-form-field-open-data\n    [value]=\"valueAsConstraints\"\n    (valueChange)=\"valueChange.emit($event)\"\n    (openDataChange)=\"toggleIsOpenData($event)\"\n  ></gn-ui-form-field-open-data>\n</ng-container> -->\n<div class=\"flex flex-col h-full\">\n  <ng-container *ngIf=\"withoutWrapper; else withGenericWrapper\">\n    <ng-container *ngTemplateOutlet=\"fieldContent\"></ng-container>\n  </ng-container>\n  <ng-template #withGenericWrapper>\n    <gn-ui-form-field-wrapper\n      [label]=\"config.labelKey! | translate\"\n      [hint]=\"config.hintKey! | translate\"\n    >\n      <ng-container *ngTemplateOutlet=\"fieldContent\"></ng-container>\n    </gn-ui-form-field-wrapper>\n  </ng-template>\n</div>\n\n<ng-template #fieldContent>\n  <ng-container [ngSwitch]=\"model\">\n    <ng-container *ngSwitchCase=\"'title'\">\n      <div class=\"flex flex-row flex-start items-center gap-3 mb-[12px]\">\n        <textarea\n          #titleInput\n          cdkTextareaAutosize\n          #autosize=\"cdkTextareaAutosize\"\n          cdkAutosizeMinRows=\"1\"\n          data-test=\"recordTitleInput\"\n          class=\"grow font-title text-3xl font-normal overflow-hidden\"\n          (change)=\"valueChange.emit($event.target.value)\"\n          [placeholder]=\"\n            'editor.record.form.field.title.placeholder' | translate\n          \"\n          >{{ valueAsString }}</textarea\n        >\n        <div class=\"flex flex-row justify-between self-start mt-0.5\">\n          <span\n            class=\"material-symbols-outlined gn-ui-icon-small m-2 cursor-pointer\"\n            (click)=\"focusTitleInput()\"\n            >edit</span\n          >\n          <span\n            *ngIf=\"config.hintKey\"\n            class=\"material-symbols-outlined gn-ui-icon-small m-2\"\n            [matTooltip]=\"config.hintKey! | translate\"\n            matTooltipPosition=\"above\"\n          >\n            help\n          </span>\n        </div>\n      </div>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'abstract'\">\n      <gn-ui-form-field-rich\n        [label]=\"config.labelKey! | translate\"\n        [hint]=\"config.hintKey! | translate\"\n        [value]=\"valueAsString\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-rich>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'overviews'\">\n      <gn-ui-form-field-overviews\n        [metadataUuid]=\"uniqueIdentifier\"\n        [value]=\"valueAsOverviews\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-overviews>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'resourceIdentifier'\">\n      <gn-ui-form-field-simple\n        [type]=\"'text'\"\n        [value]=\"valueAsString\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-simple>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'resourceCreated'\">\n      <gn-ui-form-field-date\n        [value]=\"valueAsDate\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-date>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'resourceUpdated'\">\n      <gn-ui-form-field-date\n        [value]=\"valueAsDate\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-date>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'updateFrequency'\">\n      <gn-ui-form-field-update-frequency\n        [value]=\"valueAsUpdateFrequency\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-update-frequency>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'temporalExtents'\">\n      <gn-ui-form-field-temporal-extents\n        [value]=\"valueAsTemporalExtents\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-temporal-extents>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'spatialExtents'\">\n      <gn-ui-form-field-spatial-extent></gn-ui-form-field-spatial-extent>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'keywords'\">\n      <gn-ui-form-field-keywords\n        [value]=\"valueAsKeywords\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-keywords>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'licenses'\">\n      <gn-ui-form-field-license\n        [label]=\"config.labelKey! | translate\"\n        [recordConstraints]=\"valueAsConstraints\"\n        (recordConstraintsChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-license>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"'legalConstraints'\">\n      <ng-container *ngTemplateOutlet=\"formFieldConstraints\"></ng-container>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'securityConstraints'\">\n      <ng-container *ngTemplateOutlet=\"formFieldConstraints\"></ng-container>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'otherConstraints'\">\n      <ng-container *ngTemplateOutlet=\"formFieldConstraints\"></ng-container\n    ></ng-container>\n    <ng-template #formFieldConstraints>\n      <gn-ui-form-field-constraints\n        [label]=\"config.labelKey\"\n        [value]=\"valueAsConstraints\"\n        [constraintType]=\"model\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-constraints\n    ></ng-template>\n\n    <ng-container *ngSwitchCase=\"'contactsForResource'\">\n      <gn-ui-form-field-contacts-for-resource\n        [value]=\"valueAsIndividuals\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-contacts-for-resource>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'contacts'\">\n      <gn-ui-form-field-contacts\n        [value]=\"valueAsIndividuals\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-contacts>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'onlineResources'\">\n      <gn-ui-form-field-online-resources\n        *ngIf=\"modelSpecifier === 'onlineResourceType:!link'\"\n        [metadataUuid]=\"uniqueIdentifier\"\n        [value]=\"valueAsOnlineResources\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-online-resources>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'onlineResources'\">\n      <gn-ui-form-field-online-link-resources\n        *ngIf=\"modelSpecifier === 'onlineResourceType:link'\"\n        [metadataUuid]=\"uniqueIdentifier\"\n        [value]=\"valueAsOnlineResources\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-online-link-resources>\n    </ng-container>\n  </ng-container>\n\n  <ng-container *ngIf=\"!model\">\n    <ng-container [ngSwitch]=\"componentName\">\n      <ng-container *ngSwitchCase=\"'form-field-constraints-shortcuts'\">\n        <gn-ui-form-field-constraints-shortcuts></gn-ui-form-field-constraints-shortcuts>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'form-field-spatial-toggle'\">\n        <gn-ui-form-field-spatial-toggle></gn-ui-form-field-spatial-toggle>\n      </ng-container>\n    </ng-container>\n  </ng-container>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1$4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: FormFieldWrapperComponent, selector: "gn-ui-form-field-wrapper", inputs: ["label", "hint"] }, { kind: "component", type: FormFieldLicenseComponent, selector: "gn-ui-form-field-license", inputs: ["label", "recordConstraints"], outputs: ["recordConstraintsChange"] }, { kind: "component", type: FormFieldDateComponent, selector: "gn-ui-form-field-date", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldUpdateFrequencyComponent, selector: "gn-ui-form-field-update-frequency", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldTemporalExtentsComponent, selector: "gn-ui-form-field-temporal-extents", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldSimpleComponent, selector: "gn-ui-form-field-simple", inputs: ["type", "readonly", "invalid", "placeholder", "value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldRichComponent, selector: "gn-ui-form-field-rich", inputs: ["label", "hint", "placeholder", "value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldSpatialExtentComponent, selector: "gn-ui-form-field-spatial-extent" }, { kind: "component", type: FormFieldKeywordsComponent, selector: "gn-ui-form-field-keywords", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldOverviewsComponent, selector: "gn-ui-form-field-overviews", inputs: ["metadataUuid", "value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldContactsForResourceComponent, selector: "gn-ui-form-field-contacts-for-resource", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldOnlineResourcesComponent, selector: "gn-ui-form-field-online-resources", inputs: ["metadataUuid", "value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldOnlineLinkResourcesComponent, selector: "gn-ui-form-field-online-link-resources", inputs: ["metadataUuid", "value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldContactsComponent, selector: "gn-ui-form-field-contacts", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldConstraintsComponent, selector: "gn-ui-form-field-constraints", inputs: ["label", "value", "constraintType"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldConstraintsShortcutsComponent, selector: "gn-ui-form-field-constraints-shortcuts" }, { kind: "component", type: FormFieldSpatialToggleComponent, selector: "gn-ui-form-field-spatial-toggle" }, { kind: "ngmodule", type: TextFieldModule }, { kind: "directive", type: i4$1.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FormFieldComponent, isStandalone: true, selector: "gn-ui-form-field", inputs: { uniqueIdentifier: "uniqueIdentifier", model: "model", modelSpecifier: "modelSpecifier", componentName: "componentName", config: "config", value: "value" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "titleInput", first: true, predicate: ["titleInput"], descendants: true }], ngImport: i0, template: "<!-- TEMPORARY - disabling the open data switch -->\n<!-- <ng-container *ngIf=\"model === 'licenses'\">\n  <gn-ui-form-field-open-data\n    [value]=\"valueAsConstraints\"\n    (valueChange)=\"valueChange.emit($event)\"\n    (openDataChange)=\"toggleIsOpenData($event)\"\n  ></gn-ui-form-field-open-data>\n</ng-container> -->\n<div class=\"flex flex-col h-full\">\n  <ng-container *ngIf=\"withoutWrapper; else withGenericWrapper\">\n    <ng-container *ngTemplateOutlet=\"fieldContent\"></ng-container>\n  </ng-container>\n  <ng-template #withGenericWrapper>\n    <gn-ui-form-field-wrapper\n      [label]=\"config.labelKey! | translate\"\n      [hint]=\"config.hintKey! | translate\"\n    >\n      <ng-container *ngTemplateOutlet=\"fieldContent\"></ng-container>\n    </gn-ui-form-field-wrapper>\n  </ng-template>\n</div>\n\n<ng-template #fieldContent>\n  <ng-container [ngSwitch]=\"model\">\n    <ng-container *ngSwitchCase=\"'title'\">\n      <div class=\"flex flex-row flex-start items-center gap-3 mb-[12px]\">\n        <textarea\n          #titleInput\n          cdkTextareaAutosize\n          #autosize=\"cdkTextareaAutosize\"\n          cdkAutosizeMinRows=\"1\"\n          data-test=\"recordTitleInput\"\n          class=\"grow font-title text-3xl font-normal overflow-hidden text-black/80\"\n          (change)=\"valueChange.emit($event.target.value)\"\n          [placeholder]=\"\n            'editor.record.form.field.title.placeholder' | translate\n          \"\n          >{{ valueAsString }}</textarea\n        >\n        <div class=\"flex flex-row justify-between self-start mt-0.5\">\n          <span\n            class=\"material-symbols-outlined gn-ui-icon-small m-2 cursor-pointer\"\n            (click)=\"focusTitleInput()\"\n            >edit</span\n          >\n          <span\n            *ngIf=\"config.hintKey\"\n            class=\"material-symbols-outlined gn-ui-icon-small m-2\"\n            [matTooltip]=\"config.hintKey! | translate\"\n            matTooltipPosition=\"above\"\n          >\n            help\n          </span>\n        </div>\n      </div>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'abstract'\">\n      <gn-ui-form-field-rich\n        [label]=\"config.labelKey! | translate\"\n        [hint]=\"config.hintKey! | translate\"\n        [value]=\"valueAsString\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-rich>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'overviews'\">\n      <gn-ui-form-field-overviews\n        [metadataUuid]=\"uniqueIdentifier\"\n        [value]=\"valueAsOverviews\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-overviews>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'resourceIdentifier'\">\n      <gn-ui-form-field-simple\n        [type]=\"'text'\"\n        [value]=\"valueAsString\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-simple>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'resourceCreated'\">\n      <gn-ui-form-field-date\n        [value]=\"valueAsDate\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-date>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'resourceUpdated'\">\n      <gn-ui-form-field-date\n        [value]=\"valueAsDate\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-date>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'updateFrequency'\">\n      <gn-ui-form-field-update-frequency\n        [value]=\"valueAsUpdateFrequency\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-update-frequency>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'temporalExtents'\">\n      <gn-ui-form-field-temporal-extents\n        [value]=\"valueAsTemporalExtents\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-temporal-extents>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'spatialExtents'\">\n      <gn-ui-form-field-spatial-extent></gn-ui-form-field-spatial-extent>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'keywords'\">\n      <gn-ui-form-field-keywords\n        [value]=\"valueAsKeywords\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-keywords>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'licenses'\">\n      <gn-ui-form-field-license\n        [label]=\"config.labelKey! | translate\"\n        [recordConstraints]=\"valueAsConstraints\"\n        (recordConstraintsChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-license>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"'legalConstraints'\">\n      <ng-container *ngTemplateOutlet=\"formFieldConstraints\"></ng-container>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'securityConstraints'\">\n      <ng-container *ngTemplateOutlet=\"formFieldConstraints\"></ng-container>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'otherConstraints'\">\n      <ng-container *ngTemplateOutlet=\"formFieldConstraints\"></ng-container\n    ></ng-container>\n    <ng-template #formFieldConstraints>\n      <gn-ui-form-field-constraints\n        [label]=\"config.labelKey\"\n        [value]=\"valueAsConstraints\"\n        [constraintType]=\"model\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-constraints\n    ></ng-template>\n\n    <ng-container *ngSwitchCase=\"'contactsForResource'\">\n      <gn-ui-form-field-contacts-for-resource\n        [value]=\"valueAsIndividuals\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-contacts-for-resource>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'contacts'\">\n      <gn-ui-form-field-contacts\n        [value]=\"valueAsIndividuals\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-contacts>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'onlineResources'\">\n      <gn-ui-form-field-online-resources\n        *ngIf=\"modelSpecifier === 'onlineResourceType:!link'\"\n        [metadataUuid]=\"uniqueIdentifier\"\n        [value]=\"valueAsOnlineResources\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-online-resources>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'onlineResources'\">\n      <gn-ui-form-field-online-link-resources\n        *ngIf=\"modelSpecifier === 'onlineResourceType:link'\"\n        [metadataUuid]=\"uniqueIdentifier\"\n        [value]=\"valueAsOnlineResources\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-online-link-resources>\n    </ng-container>\n  </ng-container>\n\n  <ng-container *ngIf=\"!model\">\n    <ng-container [ngSwitch]=\"componentName\">\n      <ng-container *ngSwitchCase=\"'form-field-constraints-shortcuts'\">\n        <gn-ui-form-field-constraints-shortcuts></gn-ui-form-field-constraints-shortcuts>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'form-field-spatial-toggle'\">\n        <gn-ui-form-field-spatial-toggle></gn-ui-form-field-spatial-toggle>\n      </ng-container>\n    </ng-container>\n  </ng-container>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1$4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: FormFieldWrapperComponent, selector: "gn-ui-form-field-wrapper", inputs: ["label", "hint"] }, { kind: "component", type: FormFieldLicenseComponent, selector: "gn-ui-form-field-license", inputs: ["label", "recordConstraints"], outputs: ["recordConstraintsChange"] }, { kind: "component", type: FormFieldDateComponent, selector: "gn-ui-form-field-date", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldUpdateFrequencyComponent, selector: "gn-ui-form-field-update-frequency", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldTemporalExtentsComponent, selector: "gn-ui-form-field-temporal-extents", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldSimpleComponent, selector: "gn-ui-form-field-simple", inputs: ["type", "readonly", "invalid", "placeholder", "value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldRichComponent, selector: "gn-ui-form-field-rich", inputs: ["label", "hint", "placeholder", "value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldSpatialExtentComponent, selector: "gn-ui-form-field-spatial-extent" }, { kind: "component", type: FormFieldKeywordsComponent, selector: "gn-ui-form-field-keywords", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldOverviewsComponent, selector: "gn-ui-form-field-overviews", inputs: ["metadataUuid", "value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldContactsForResourceComponent, selector: "gn-ui-form-field-contacts-for-resource", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldOnlineResourcesComponent, selector: "gn-ui-form-field-online-resources", inputs: ["metadataUuid", "value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldOnlineLinkResourcesComponent, selector: "gn-ui-form-field-online-link-resources", inputs: ["metadataUuid", "value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldContactsComponent, selector: "gn-ui-form-field-contacts", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldConstraintsComponent, selector: "gn-ui-form-field-constraints", inputs: ["label", "value", "constraintType"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldConstraintsShortcutsComponent, selector: "gn-ui-form-field-constraints-shortcuts" }, { kind: "component", type: FormFieldSpatialToggleComponent, selector: "gn-ui-form-field-spatial-toggle" }, { kind: "ngmodule", type: TextFieldModule }, { kind: "directive", type: i4$2.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormFieldComponent, decorators: [{
             type: Component,
@@ -40503,7 +40590,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         FormFieldConstraintsShortcutsComponent,
                         FormFieldSpatialToggleComponent,
                         TextFieldModule,
-                    ], template: "<!-- TEMPORARY - disabling the open data switch -->\n<!-- <ng-container *ngIf=\"model === 'licenses'\">\n  <gn-ui-form-field-open-data\n    [value]=\"valueAsConstraints\"\n    (valueChange)=\"valueChange.emit($event)\"\n    (openDataChange)=\"toggleIsOpenData($event)\"\n  ></gn-ui-form-field-open-data>\n</ng-container> -->\n<div class=\"flex flex-col h-full\">\n  <ng-container *ngIf=\"withoutWrapper; else withGenericWrapper\">\n    <ng-container *ngTemplateOutlet=\"fieldContent\"></ng-container>\n  </ng-container>\n  <ng-template #withGenericWrapper>\n    <gn-ui-form-field-wrapper\n      [label]=\"config.labelKey! | translate\"\n      [hint]=\"config.hintKey! | translate\"\n    >\n      <ng-container *ngTemplateOutlet=\"fieldContent\"></ng-container>\n    </gn-ui-form-field-wrapper>\n  </ng-template>\n</div>\n\n<ng-template #fieldContent>\n  <ng-container [ngSwitch]=\"model\">\n    <ng-container *ngSwitchCase=\"'title'\">\n      <div class=\"flex flex-row flex-start items-center gap-3 mb-[12px]\">\n        <textarea\n          #titleInput\n          cdkTextareaAutosize\n          #autosize=\"cdkTextareaAutosize\"\n          cdkAutosizeMinRows=\"1\"\n          data-test=\"recordTitleInput\"\n          class=\"grow font-title text-3xl font-normal overflow-hidden\"\n          (change)=\"valueChange.emit($event.target.value)\"\n          [placeholder]=\"\n            'editor.record.form.field.title.placeholder' | translate\n          \"\n          >{{ valueAsString }}</textarea\n        >\n        <div class=\"flex flex-row justify-between self-start mt-0.5\">\n          <span\n            class=\"material-symbols-outlined gn-ui-icon-small m-2 cursor-pointer\"\n            (click)=\"focusTitleInput()\"\n            >edit</span\n          >\n          <span\n            *ngIf=\"config.hintKey\"\n            class=\"material-symbols-outlined gn-ui-icon-small m-2\"\n            [matTooltip]=\"config.hintKey! | translate\"\n            matTooltipPosition=\"above\"\n          >\n            help\n          </span>\n        </div>\n      </div>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'abstract'\">\n      <gn-ui-form-field-rich\n        [label]=\"config.labelKey! | translate\"\n        [hint]=\"config.hintKey! | translate\"\n        [value]=\"valueAsString\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-rich>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'overviews'\">\n      <gn-ui-form-field-overviews\n        [metadataUuid]=\"uniqueIdentifier\"\n        [value]=\"valueAsOverviews\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-overviews>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'resourceIdentifier'\">\n      <gn-ui-form-field-simple\n        [type]=\"'text'\"\n        [value]=\"valueAsString\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-simple>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'resourceCreated'\">\n      <gn-ui-form-field-date\n        [value]=\"valueAsDate\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-date>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'resourceUpdated'\">\n      <gn-ui-form-field-date\n        [value]=\"valueAsDate\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-date>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'updateFrequency'\">\n      <gn-ui-form-field-update-frequency\n        [value]=\"valueAsUpdateFrequency\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-update-frequency>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'temporalExtents'\">\n      <gn-ui-form-field-temporal-extents\n        [value]=\"valueAsTemporalExtents\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-temporal-extents>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'spatialExtents'\">\n      <gn-ui-form-field-spatial-extent></gn-ui-form-field-spatial-extent>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'keywords'\">\n      <gn-ui-form-field-keywords\n        [value]=\"valueAsKeywords\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-keywords>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'licenses'\">\n      <gn-ui-form-field-license\n        [label]=\"config.labelKey! | translate\"\n        [recordConstraints]=\"valueAsConstraints\"\n        (recordConstraintsChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-license>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"'legalConstraints'\">\n      <ng-container *ngTemplateOutlet=\"formFieldConstraints\"></ng-container>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'securityConstraints'\">\n      <ng-container *ngTemplateOutlet=\"formFieldConstraints\"></ng-container>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'otherConstraints'\">\n      <ng-container *ngTemplateOutlet=\"formFieldConstraints\"></ng-container\n    ></ng-container>\n    <ng-template #formFieldConstraints>\n      <gn-ui-form-field-constraints\n        [label]=\"config.labelKey\"\n        [value]=\"valueAsConstraints\"\n        [constraintType]=\"model\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-constraints\n    ></ng-template>\n\n    <ng-container *ngSwitchCase=\"'contactsForResource'\">\n      <gn-ui-form-field-contacts-for-resource\n        [value]=\"valueAsIndividuals\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-contacts-for-resource>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'contacts'\">\n      <gn-ui-form-field-contacts\n        [value]=\"valueAsIndividuals\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-contacts>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'onlineResources'\">\n      <gn-ui-form-field-online-resources\n        *ngIf=\"modelSpecifier === 'onlineResourceType:!link'\"\n        [metadataUuid]=\"uniqueIdentifier\"\n        [value]=\"valueAsOnlineResources\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-online-resources>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'onlineResources'\">\n      <gn-ui-form-field-online-link-resources\n        *ngIf=\"modelSpecifier === 'onlineResourceType:link'\"\n        [metadataUuid]=\"uniqueIdentifier\"\n        [value]=\"valueAsOnlineResources\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-online-link-resources>\n    </ng-container>\n  </ng-container>\n\n  <ng-container *ngIf=\"!model\">\n    <ng-container [ngSwitch]=\"componentName\">\n      <ng-container *ngSwitchCase=\"'form-field-constraints-shortcuts'\">\n        <gn-ui-form-field-constraints-shortcuts></gn-ui-form-field-constraints-shortcuts>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'form-field-spatial-toggle'\">\n        <gn-ui-form-field-spatial-toggle></gn-ui-form-field-spatial-toggle>\n      </ng-container>\n    </ng-container>\n  </ng-container>\n</ng-template>\n" }]
+                    ], template: "<!-- TEMPORARY - disabling the open data switch -->\n<!-- <ng-container *ngIf=\"model === 'licenses'\">\n  <gn-ui-form-field-open-data\n    [value]=\"valueAsConstraints\"\n    (valueChange)=\"valueChange.emit($event)\"\n    (openDataChange)=\"toggleIsOpenData($event)\"\n  ></gn-ui-form-field-open-data>\n</ng-container> -->\n<div class=\"flex flex-col h-full\">\n  <ng-container *ngIf=\"withoutWrapper; else withGenericWrapper\">\n    <ng-container *ngTemplateOutlet=\"fieldContent\"></ng-container>\n  </ng-container>\n  <ng-template #withGenericWrapper>\n    <gn-ui-form-field-wrapper\n      [label]=\"config.labelKey! | translate\"\n      [hint]=\"config.hintKey! | translate\"\n    >\n      <ng-container *ngTemplateOutlet=\"fieldContent\"></ng-container>\n    </gn-ui-form-field-wrapper>\n  </ng-template>\n</div>\n\n<ng-template #fieldContent>\n  <ng-container [ngSwitch]=\"model\">\n    <ng-container *ngSwitchCase=\"'title'\">\n      <div class=\"flex flex-row flex-start items-center gap-3 mb-[12px]\">\n        <textarea\n          #titleInput\n          cdkTextareaAutosize\n          #autosize=\"cdkTextareaAutosize\"\n          cdkAutosizeMinRows=\"1\"\n          data-test=\"recordTitleInput\"\n          class=\"grow font-title text-3xl font-normal overflow-hidden text-black/80\"\n          (change)=\"valueChange.emit($event.target.value)\"\n          [placeholder]=\"\n            'editor.record.form.field.title.placeholder' | translate\n          \"\n          >{{ valueAsString }}</textarea\n        >\n        <div class=\"flex flex-row justify-between self-start mt-0.5\">\n          <span\n            class=\"material-symbols-outlined gn-ui-icon-small m-2 cursor-pointer\"\n            (click)=\"focusTitleInput()\"\n            >edit</span\n          >\n          <span\n            *ngIf=\"config.hintKey\"\n            class=\"material-symbols-outlined gn-ui-icon-small m-2\"\n            [matTooltip]=\"config.hintKey! | translate\"\n            matTooltipPosition=\"above\"\n          >\n            help\n          </span>\n        </div>\n      </div>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'abstract'\">\n      <gn-ui-form-field-rich\n        [label]=\"config.labelKey! | translate\"\n        [hint]=\"config.hintKey! | translate\"\n        [value]=\"valueAsString\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-rich>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'overviews'\">\n      <gn-ui-form-field-overviews\n        [metadataUuid]=\"uniqueIdentifier\"\n        [value]=\"valueAsOverviews\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-overviews>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'resourceIdentifier'\">\n      <gn-ui-form-field-simple\n        [type]=\"'text'\"\n        [value]=\"valueAsString\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-simple>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'resourceCreated'\">\n      <gn-ui-form-field-date\n        [value]=\"valueAsDate\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-date>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'resourceUpdated'\">\n      <gn-ui-form-field-date\n        [value]=\"valueAsDate\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-date>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'updateFrequency'\">\n      <gn-ui-form-field-update-frequency\n        [value]=\"valueAsUpdateFrequency\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-update-frequency>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'temporalExtents'\">\n      <gn-ui-form-field-temporal-extents\n        [value]=\"valueAsTemporalExtents\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-temporal-extents>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'spatialExtents'\">\n      <gn-ui-form-field-spatial-extent></gn-ui-form-field-spatial-extent>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'keywords'\">\n      <gn-ui-form-field-keywords\n        [value]=\"valueAsKeywords\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-keywords>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'licenses'\">\n      <gn-ui-form-field-license\n        [label]=\"config.labelKey! | translate\"\n        [recordConstraints]=\"valueAsConstraints\"\n        (recordConstraintsChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-license>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"'legalConstraints'\">\n      <ng-container *ngTemplateOutlet=\"formFieldConstraints\"></ng-container>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'securityConstraints'\">\n      <ng-container *ngTemplateOutlet=\"formFieldConstraints\"></ng-container>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'otherConstraints'\">\n      <ng-container *ngTemplateOutlet=\"formFieldConstraints\"></ng-container\n    ></ng-container>\n    <ng-template #formFieldConstraints>\n      <gn-ui-form-field-constraints\n        [label]=\"config.labelKey\"\n        [value]=\"valueAsConstraints\"\n        [constraintType]=\"model\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-constraints\n    ></ng-template>\n\n    <ng-container *ngSwitchCase=\"'contactsForResource'\">\n      <gn-ui-form-field-contacts-for-resource\n        [value]=\"valueAsIndividuals\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-contacts-for-resource>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'contacts'\">\n      <gn-ui-form-field-contacts\n        [value]=\"valueAsIndividuals\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-contacts>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'onlineResources'\">\n      <gn-ui-form-field-online-resources\n        *ngIf=\"modelSpecifier === 'onlineResourceType:!link'\"\n        [metadataUuid]=\"uniqueIdentifier\"\n        [value]=\"valueAsOnlineResources\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-online-resources>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'onlineResources'\">\n      <gn-ui-form-field-online-link-resources\n        *ngIf=\"modelSpecifier === 'onlineResourceType:link'\"\n        [metadataUuid]=\"uniqueIdentifier\"\n        [value]=\"valueAsOnlineResources\"\n        (valueChange)=\"valueChange.emit($event)\"\n      ></gn-ui-form-field-online-link-resources>\n    </ng-container>\n  </ng-container>\n\n  <ng-container *ngIf=\"!model\">\n    <ng-container [ngSwitch]=\"componentName\">\n      <ng-container *ngSwitchCase=\"'form-field-constraints-shortcuts'\">\n        <gn-ui-form-field-constraints-shortcuts></gn-ui-form-field-constraints-shortcuts>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'form-field-spatial-toggle'\">\n        <gn-ui-form-field-spatial-toggle></gn-ui-form-field-spatial-toggle>\n      </ng-container>\n    </ng-container>\n  </ng-container>\n</ng-template>\n" }]
         }], propDecorators: { uniqueIdentifier: [{
                 type: Input
             }], model: [{
@@ -40541,11 +40628,11 @@ class RecordFormComponent {
         return section.labelKey;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RecordFormComponent, deps: [{ token: EditorFacade }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: RecordFormComponent, isStandalone: true, selector: "gn-ui-record-form", ngImport: i0, template: "<div class=\"flex flex-col gap-6\">\n  <ng-container\n    *ngFor=\"\n      let section of facade.currentSections$ | async;\n      trackBy: sectionTracker\n    \"\n  >\n    <ng-container *ngIf=\"!section.hidden\">\n      <div class=\"flex flex-col gap-8 border p-8 rounded-[8px] shadow\">\n        <div\n          class=\"flex flex-col gap-2\"\n          [ngClass]=\"section.labelKey ? 'mb-4' : 'hidden'\"\n        >\n          <div\n            *ngIf=\"section.labelKey\"\n            class=\"text-2xl font-title text-main\"\n            translate\n          >\n            {{ section.labelKey }}\n          </div>\n          <div\n            *ngIf=\"section.descriptionKey\"\n            class=\"text-gray-800 text-sm\"\n            translate\n          >\n            {{ section.descriptionKey }}\n          </div>\n        </div>\n        <div class=\"grid auto-rows-auto grid-cols-2 gap-[32px]\">\n          <ng-container\n            *ngFor=\"\n              let field of section.fieldsWithValues;\n              trackBy: fieldTracker\n            \"\n          >\n            <ng-container *ngIf=\"!field.config.hidden\">\n              <gn-ui-form-field\n                [ngClass]=\"\n                  field.config.gridColumnSpan === 1\n                    ? 'col-span-1'\n                    : 'col-span-2'\n                \"\n                [uniqueIdentifier]=\"recordUniqueIdentifier$ | async\"\n                [model]=\"field.config.model!\"\n                [modelSpecifier]=\"field.config.modelSpecifier!\"\n                [config]=\"field.config.formFieldConfig\"\n                [value]=\"field.value\"\n                [componentName]=\"field.config.componentName\"\n                (valueChange)=\"\n                  handleFieldValueChange(field.config.model!, $event)\n                \"\n              ></gn-ui-form-field>\n            </ng-container>\n          </ng-container>\n        </div>\n      </div>\n    </ng-container>\n  </ng-container>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: FormFieldComponent, selector: "gn-ui-form-field", inputs: ["uniqueIdentifier", "model", "modelSpecifier", "componentName", "config", "value"], outputs: ["valueChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: RecordFormComponent, isStandalone: true, selector: "gn-ui-record-form", ngImport: i0, template: "<div class=\"flex flex-col gap-6\">\n  <ng-container\n    *ngFor=\"\n      let section of facade.currentSections$ | async;\n      trackBy: sectionTracker\n    \"\n  >\n    <ng-container *ngIf=\"!section.hidden\">\n      <div class=\"flex flex-col gap-6 border p-8 rounded-[8px] shadow\">\n        <div class=\"flex flex-col gap-2\">\n          <div\n            *ngIf=\"section.labelKey\"\n            class=\"text-2xl font-title text-black\"\n            translate\n          >\n            {{ section.labelKey }}\n          </div>\n          <div\n            *ngIf=\"section.descriptionKey\"\n            class=\"text-gray-800 text-sm\"\n            translate\n          >\n            {{ section.descriptionKey }}\n          </div>\n        </div>\n        <div class=\"grid auto-rows-auto grid-cols-2 gap-[32px]\">\n          <ng-container\n            *ngFor=\"\n              let field of section.fieldsWithValues;\n              trackBy: fieldTracker\n            \"\n          >\n            <ng-container *ngIf=\"!field.config.hidden\">\n              <gn-ui-form-field\n                [ngClass]=\"\n                  field.config.gridColumnSpan === 1\n                    ? 'col-span-1'\n                    : 'col-span-2'\n                \"\n                [uniqueIdentifier]=\"recordUniqueIdentifier$ | async\"\n                [model]=\"field.config.model!\"\n                [modelSpecifier]=\"field.config.modelSpecifier!\"\n                [config]=\"field.config.formFieldConfig\"\n                [value]=\"field.value\"\n                [componentName]=\"field.config.componentName\"\n                (valueChange)=\"\n                  handleFieldValueChange(field.config.model!, $event)\n                \"\n              ></gn-ui-form-field>\n            </ng-container>\n          </ng-container>\n        </div>\n      </div>\n    </ng-container>\n  </ng-container>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: FormFieldComponent, selector: "gn-ui-form-field", inputs: ["uniqueIdentifier", "model", "modelSpecifier", "componentName", "config", "value"], outputs: ["valueChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RecordFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-record-form', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, FormFieldComponent, TranslateModule], template: "<div class=\"flex flex-col gap-6\">\n  <ng-container\n    *ngFor=\"\n      let section of facade.currentSections$ | async;\n      trackBy: sectionTracker\n    \"\n  >\n    <ng-container *ngIf=\"!section.hidden\">\n      <div class=\"flex flex-col gap-8 border p-8 rounded-[8px] shadow\">\n        <div\n          class=\"flex flex-col gap-2\"\n          [ngClass]=\"section.labelKey ? 'mb-4' : 'hidden'\"\n        >\n          <div\n            *ngIf=\"section.labelKey\"\n            class=\"text-2xl font-title text-main\"\n            translate\n          >\n            {{ section.labelKey }}\n          </div>\n          <div\n            *ngIf=\"section.descriptionKey\"\n            class=\"text-gray-800 text-sm\"\n            translate\n          >\n            {{ section.descriptionKey }}\n          </div>\n        </div>\n        <div class=\"grid auto-rows-auto grid-cols-2 gap-[32px]\">\n          <ng-container\n            *ngFor=\"\n              let field of section.fieldsWithValues;\n              trackBy: fieldTracker\n            \"\n          >\n            <ng-container *ngIf=\"!field.config.hidden\">\n              <gn-ui-form-field\n                [ngClass]=\"\n                  field.config.gridColumnSpan === 1\n                    ? 'col-span-1'\n                    : 'col-span-2'\n                \"\n                [uniqueIdentifier]=\"recordUniqueIdentifier$ | async\"\n                [model]=\"field.config.model!\"\n                [modelSpecifier]=\"field.config.modelSpecifier!\"\n                [config]=\"field.config.formFieldConfig\"\n                [value]=\"field.value\"\n                [componentName]=\"field.config.componentName\"\n                (valueChange)=\"\n                  handleFieldValueChange(field.config.model!, $event)\n                \"\n              ></gn-ui-form-field>\n            </ng-container>\n          </ng-container>\n        </div>\n      </div>\n    </ng-container>\n  </ng-container>\n</div>\n" }]
+            args: [{ selector: 'gn-ui-record-form', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, FormFieldComponent, TranslateModule], template: "<div class=\"flex flex-col gap-6\">\n  <ng-container\n    *ngFor=\"\n      let section of facade.currentSections$ | async;\n      trackBy: sectionTracker\n    \"\n  >\n    <ng-container *ngIf=\"!section.hidden\">\n      <div class=\"flex flex-col gap-6 border p-8 rounded-[8px] shadow\">\n        <div class=\"flex flex-col gap-2\">\n          <div\n            *ngIf=\"section.labelKey\"\n            class=\"text-2xl font-title text-black\"\n            translate\n          >\n            {{ section.labelKey }}\n          </div>\n          <div\n            *ngIf=\"section.descriptionKey\"\n            class=\"text-gray-800 text-sm\"\n            translate\n          >\n            {{ section.descriptionKey }}\n          </div>\n        </div>\n        <div class=\"grid auto-rows-auto grid-cols-2 gap-[32px]\">\n          <ng-container\n            *ngFor=\"\n              let field of section.fieldsWithValues;\n              trackBy: fieldTracker\n            \"\n          >\n            <ng-container *ngIf=\"!field.config.hidden\">\n              <gn-ui-form-field\n                [ngClass]=\"\n                  field.config.gridColumnSpan === 1\n                    ? 'col-span-1'\n                    : 'col-span-2'\n                \"\n                [uniqueIdentifier]=\"recordUniqueIdentifier$ | async\"\n                [model]=\"field.config.model!\"\n                [modelSpecifier]=\"field.config.modelSpecifier!\"\n                [config]=\"field.config.formFieldConfig\"\n                [value]=\"field.value\"\n                [componentName]=\"field.config.componentName\"\n                (valueChange)=\"\n                  handleFieldValueChange(field.config.model!, $event)\n                \"\n              ></gn-ui-form-field>\n            </ng-container>\n          </ng-container>\n        </div>\n      </div>\n    </ng-container>\n  </ng-container>\n</div>\n" }]
         }], ctorParameters: () => [{ type: EditorFacade }] });
 
 const ROUTER_STATE_KEY = 'router';
@@ -40933,7 +41020,7 @@ class DefaultRouterModule {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DefaultRouterModule, deps: [{ token: RouterService }], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DefaultRouterModule, declarations: [SearchRouterContainerDirective], imports: [i1$3.StoreFeatureModule, i3$3.StoreRouterConnectingModule, i1$c.EffectsFeatureModule], exports: [SearchRouterContainerDirective] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DefaultRouterModule, declarations: [SearchRouterContainerDirective], imports: [i1$3.StoreFeatureModule, i3$2.StoreRouterConnectingModule, i1$c.EffectsFeatureModule], exports: [SearchRouterContainerDirective] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DefaultRouterModule, providers: [
             RouterFacade,
             {
@@ -40976,5 +41063,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ADD_RESULTS, ADD_SEARCH, AbstractAction, AbstractSearchField, AddLayerFromCatalogComponent, AddLayerRecordPreviewComponent, AddResults, AddSearch, AnchorLinkDirective, ApiCardComponent, AuthService, AutocompleteComponent, AvatarComponent, AvatarServiceInterface, BASEMAP_LAYERS, BadgeComponent, BaseConverter, BaseReader, BlockListComponent, ButtonComponent, CLEAR_ERROR, CLEAR_RESULTS, CarouselComponent, CatalogTitleComponent, ChartComponent, ChartViewComponent, CheckToggleComponent, CheckboxComponent, ChipsInputComponent, ClearError, ClearResults, ColorScaleComponent, ConfirmationDialogComponent, ContentGhostComponent, CopyTextButtonComponent, DEFAULT_GN4_LOGIN_URL, DEFAULT_GN4_LOGOUT_URL, DEFAULT_GN4_SETTINGS_URL, DEFAULT_LANG, DEFAULT_PAGE_SIZE, DEFAULT_RESULTS_LAYOUT_CONFIG, DEFAULT_SEARCH_KEY, DO_NOT_USE_DEFAULT_BASEMAP, DataService, DataViewComponent, DataViewPermalinkComponent, DataViewShareComponent, DataViewWebComponentComponent, DatePickerComponent, DateRangeDropdownComponent, DateRangePickerComponent, DateRangeSearchField, DcatApConverter, DefaultRouterModule, DownloadItemComponent, DownloadsListComponent, DragAndDropFileInputComponent, DropdownMultiselectComponent, DropdownSelectorComponent, EDITOR_FEATURE_KEY, ES_QUERY_FIELDS_PRIORITY, ES_RESOURCES_VALUES, ES_SOURCE_SUMMARY, EXTERNAL_VIEWER_OPEN_NEW_TAB, EXTERNAL_VIEWER_URL_TEMPLATE, EditableLabelDirective, EditorFacade, EditorService, ElasticsearchService, EmbeddedTranslateLoader, ErrorComponent, ErrorType, ExpandablePanelButtonComponent, ExpandablePanelComponent, ExternalViewerButtonComponent, FIELDS_BRIEF, FIELDS_SUMMARY, FILTER_GEOMETRY, FILTER_SUMMARY_IGNORE_LIST, FORMATS, FacetBlockComponent, FacetBlockStubComponent, FacetItemComponent, FacetItemStubComponent, FacetListComponent, FacetsContainerComponent, FacetsModule, FavoriteStarComponent, FavoritesService, FeatureAuthModule, FeatureCatalogModule, FeatureDetailComponent, FeatureEditorModule, FeatureMapModule, FeatureNotificationsModule, FeatureRecordModule, FeatureSearchModule, FetchError, FieldsService, FigureComponent, FigureContainerComponent, FileInputComponent, FileTranslateLoader, FilterDropdownComponent, FormFieldWrapperComponent, FullTextSearchField, FuzzySearchComponent, GN_UI_VERSION, GeoTableViewComponent, GeocodingComponent, Gn4Converter, Gn4PlatformMapper, Gn4PlatformService, Gn4Repository, Gn4SettingsService, GpfApiDlComponent, GravatarService, HttpLoaderFactory, I18nInterceptor, ImageFallbackDirective, ImageInputComponent, ImageOverlayPreviewComponent, ImportRecordComponent, InteractiveTableColumnComponent, InteractiveTableComponent, IsSpatialSearchField, Iso191153Converter, Iso19139Converter, LANGUAGES_LIST, LANGUAGE_NAMES, LANGUAGE_STORAGE_KEY, LANG_2_TO_3_MAPPER, LANG_3_TO_2_MAPPER, LOGIN_URL, LOGOUT_URL, LONLAT_CRS_CODES, LangService, LanguageSwitcherComponent, LayersPanelComponent, LicenseSearchField, LinkCardComponent, LinkClassifierService, LinkUsage, LoadingMaskComponent, LogService, MAP_FEATURE_KEY, MAP_VIEW_CONSTRAINTS, METADATA_LANGUAGE, MY_FORMATS, MapContainerComponent, MapFacade, MapLegendComponent, MapStateContainerComponent, MapStyleService, MapUtilsService, MapViewComponent, MarkdownEditorComponent, MarkdownParserComponent, MaxLinesComponent, mdview_actions as MdViewActions, MdViewFacade, MetadataCatalogComponent, MetadataContactComponent, MetadataInfoComponent, MetadataLinkType, MetadataMapperContext, MetadataQualityComponent, MetadataQualityItemComponent, ModalDialogComponent, MultilingualSearchField, MyOrgService, NAMESPACES, NavigationButtonComponent, NotificationComponent, NotificationsContainerComponent, NotificationsService, ORGANIZATIONS_STRATEGY, ORGANIZATION_PAGE_URL_TOKEN, ORGANIZATION_URL_TOKEN, OrganisationPreviewComponent, OrganisationsComponent, OrganisationsFilterComponent, OrganisationsResultComponent, OrganizationSearchField, OrganizationsFromGroupsService, OrganizationsFromMetadataService, OwnerSearchField, PAGINATE, PARSE_DELIMITER, PATCH_RESULTS_AGGREGATIONS, PROXY_PATH, Paginate, PaginationButtonsComponent, PaginationComponent, PaginationDotsComponent, PatchResultsAggregations, PopoverComponent, PopupAlertComponent, PreviousNextButtonsComponent, ProgressBarComponent, ProxyService, QUERY_FIELDS, RECORD_URL_TOKEN, REQUEST_MORE_ON_AGGREGATION, REQUEST_MORE_RESULTS, REQUEST_NEW_RESULTS, RESULTS_LAYOUT_CONFIG, ROUTER_CONFIG, ROUTER_ROUTE_DATASET, ROUTER_ROUTE_ORGANIZATION, ROUTER_ROUTE_SEARCH, ROUTER_STATE_KEY, ROUTE_PARAMS, RecordApiFormComponent, RecordFormComponent, RecordMetaComponent, RecordMetricComponent, RecordPreviewCardComponent, RecordPreviewComponent, RecordPreviewFeedComponent, RecordPreviewListComponent, RecordPreviewRowComponent, RecordPreviewTextComponent, RecordPreviewTitleComponent, RecordsMetricsComponent, RecordsService, RelatedRecordCardComponent, RequestMoreOnAggregation, RequestMoreResults, RequestNewResults, ResultsHitsContainerComponent, ResultsHitsNumberComponent, ResultsLayoutComponent, ResultsLayoutConfigItem, ResultsListComponent, ResultsListContainerComponent, ResultsListItemComponent, ResultsTableComponent, ResultsTableContainerComponent, RouterEffects, RouterFacade, RouterService, SEARCH_FEATURE_KEY, SETTINGS_URL, SET_CONFIG_AGGREGATIONS, SET_CONFIG_FILTERS, SET_CONFIG_REQUEST_FIELDS, SET_ERROR, SET_FAVORITES_ONLY, SET_FILTERS, SET_INCLUDE_ON_AGGREGATION, SET_PAGE_SIZE, SET_RESULTS_AGGREGATIONS, SET_RESULTS_HITS, SET_RESULTS_LAYOUT, SET_SEARCH, SET_SORT_BY, SET_SPATIAL_FILTER_ENABLED, SearchEffects, SearchFacade, SearchFiltersSummaryComponent, SearchFiltersSummaryItemComponent, SearchInputComponent, SearchRouterContainerDirective, SearchService, SearchStateContainerDirective, SelectionService, SetConfigAggregations, SetConfigFilters, SetConfigRequestFields, SetError, SetFavoritesOnly, SetFilters, SetIncludeOnAggregation, SetPageSize, SetResultsAggregations, SetResultsHits, SetResultsLayout, SetSearch, SetSortBy, SetSpatialFilterEnabled, SimpleSearchField, SiteTitleComponent, SortByComponent, SortableListComponent, SourceLabelComponent, SourcesService, SpinningLoaderComponent, StarToggleComponent, StepBarComponent, StickyHeaderComponent, SupportedTypes, SwitchToggleComponent, THUMBNAIL_PLACEHOLDER, TRANSLATE_DEFAULT_CONFIG, TRANSLATE_WITH_OVERRIDES_CONFIG, TableComponent, TableViewComponent, TextAreaComponent, TextInputComponent, ThemeService, ThumbnailComponent, TranslatedSearchField, UPDATE_CONFIG_AGGREGATIONS, UPDATE_FILTERS, UPDATE_REQUEST_AGGREGATION_TERM, UiDatavizModule, UiElementsModule, FacetsModule$1 as UiFacetsModule, UiInputsModule, UiLayoutModule, UiSearchModule, UiWidgetsModule, UpdateConfigAggregations, UpdateFilters, UrlInputComponent, UserFeedbackItemComponent, UserPreviewComponent, UserSearchField, UtilI18nModule, UtilSharedModule, VECTOR_STYLE_DEFAULT, ViewportIntersectorComponent, WEB_COMPONENT_EMBEDDER_URL, WizardComponent, WizardFieldComponent, WizardFieldType, WizardService, WizardSummarizeComponent, XmlParseError, _reset, allChildrenElement, appConfigWithTranslationFixture, appendChildTree, appendChildren, assertValidXml, blockModelFixture, bytesToMegabytes, checkFileFormat, clearSelectedFeatures, createChild, createDocument, createElement, createFuzzyFilter, createNestedChild, createNestedElement, currentPage, defaultMapStyleFixture, defaultMapStyleHlFixture, downgradeImage, downsizeImage, draftSaveSuccess, dragPanCondition, dropEmptyTranslations, editorReducer, emptyBlockModelFixture, findChildElement, findChildOrCreate, findChildrenElement, findConverterForDocument, findNestedChildOrCreate, findNestedElement, findNestedElements, findParent, firstChildElement, formatDate, formatUserInfo, getArrayItem, getAsArray, getAsUrl, getBadgeColor, getCustomTranslations, getError, getFavoritesOnly, getFileFormat, getFileFormatFromServiceOutput, getFirstValue, getFormatPriority, getGeometryFromGeoJSON, getGlobalConfig, getJsonDataItemsProxy, getLangFromBrowser, getLinkLabel, getLinkPriority, getMapContext, getMapContextLayerFromConfig, getMapState, getMetadataQualityConfig, getMimeTypeForFormat, getNamespace, getOptionalMapConfig, getOptionalSearchConfig, getPageSize, getRootElement, getSearchConfigAggregations, getSearchFilters, getSearchResults, getSearchResultsAggregations, getSearchResultsHits, getSearchResultsLayout, getSearchResultsLoading, getSearchSortBy, getSearchState, getSearchStateSearch, getSelectedFeatures, getSpatialFilterEnabled, getTemporalRangeUnion, getThemeConfig, hasRecordChangedSinceDraft, hasRecordChangedSinceDraftSuccess, initSearch, initialEditorState, initialMapState, initialState, isConfigLoaded, isDateRange, isFormatInQueryParam, itemModelFixture, loadAppConfig, malformedConfigFixture, mapConfigFixture, mapContact, mapKeywords, mapLogo, mapOrganization, mapReducer, markRecordAsChanged, megabytesToBytes, mimeTypeToFormat, minimalAppConfigFixture, missingMandatoryConfigFixture, mouseWheelZoomCondition, noDuplicateFileName, okAppConfigFixture, openDataset, openRecord, parse, parseXmlString, placeholder, prioritizePageScroll, propagateToDocumentOnly, provideGn4, provideRepositoryUrl, readAttribute, readDataset, readDatasetHeaders, readText, reducer$2 as reducer, reducerSearch, removeAllChildren, removeChildren, removeChildrenByName, removeSearchParams, removeWhitespace, renameElements, saveRecord, saveRecordFailure, saveRecordSuccess, selectCurrentPage, selectEditorConfig, selectEditorState, selectFallback, selectFallbackFields, selectField, selectHasRecordChanged, selectRecord, selectRecordAlreadySavedOnce, selectRecordChangedSinceSave, selectRecordSaveError, selectRecordSaving, selectRecordSections, selectRecordSource, selectTranslatedField, selectTranslatedValue, setContext, setCurrentPage, setFieldVisibility, setSelectedFeatures, setTextContent, someHabTableItemFixture, sortByFromString, sortByToString, sortByToStrings, stripHtml, stripNamespace, tableItemFixture, toDate, totalPages, undoRecordDraft, unrecognizedKeysConfigFixture, updateRecordField, writeAttribute, wrongLanguageCodeConfigFixture, xmlToString };
+export { ADD_RESULTS, ADD_SEARCH, AbstractAction, AbstractSearchField, AddLayerFromCatalogComponent, AddLayerRecordPreviewComponent, AddResults, AddSearch, AnchorLinkDirective, ApiCardComponent, AuthService, AutocompleteComponent, AvatarComponent, AvatarServiceInterface, BASEMAP_LAYERS, BadgeComponent, BaseConverter, BaseReader, BlockListComponent, ButtonComponent, CLEAR_ERROR, CLEAR_RESULTS, CarouselComponent, CatalogTitleComponent, ChartComponent, ChartViewComponent, CheckToggleComponent, CheckboxComponent, ChipsInputComponent, ClearError, ClearResults, ColorScaleComponent, ConfirmationDialogComponent, ContentGhostComponent, CopyTextButtonComponent, DEFAULT_GN4_LOGIN_URL, DEFAULT_GN4_LOGOUT_URL, DEFAULT_GN4_SETTINGS_URL, DEFAULT_LANG, DEFAULT_PAGE_SIZE, DEFAULT_RESULTS_LAYOUT_CONFIG, DEFAULT_SEARCH_KEY, DO_NOT_USE_DEFAULT_BASEMAP, DataService, DataViewComponent, DataViewPermalinkComponent, DataViewShareComponent, DataViewWebComponentComponent, DatePickerComponent, DateRangeDropdownComponent, DateRangePickerComponent, DateRangeSearchField, DcatApConverter, DefaultRouterModule, DownloadItemComponent, DownloadsListComponent, DragAndDropFileInputComponent, DropdownMultiselectComponent, DropdownSelectorComponent, EDITOR_FEATURE_KEY, ES_QUERY_FIELDS_PRIORITY, ES_RESOURCES_VALUES, ES_SOURCE_SUMMARY, EXTERNAL_VIEWER_OPEN_NEW_TAB, EXTERNAL_VIEWER_URL_TEMPLATE, EditableLabelDirective, EditorFacade, EditorService, ElasticsearchService, EmbeddedTranslateLoader, ErrorComponent, ErrorType, ExpandablePanelButtonComponent, ExpandablePanelComponent, ExternalViewerButtonComponent, FIELDS_BRIEF, FIELDS_SUMMARY, FILTER_GEOMETRY, FILTER_SUMMARY_IGNORE_LIST, FORMATS, FacetBlockComponent, FacetBlockStubComponent, FacetItemComponent, FacetItemStubComponent, FacetListComponent, FacetsContainerComponent, FacetsModule, FavoriteStarComponent, FavoritesService, FeatureAuthModule, FeatureCatalogModule, FeatureDetailComponent, FeatureEditorModule, FeatureMapModule, FeatureNotificationsModule, FeatureRecordModule, FeatureSearchModule, FetchError, FieldsService, FigureComponent, FigureContainerComponent, FileInputComponent, FileTranslateLoader, FilesDropDirective, FilterDropdownComponent, FormFieldWrapperComponent, FullTextSearchField, FuzzySearchComponent, GN_UI_VERSION, GeoTableViewComponent, GeocodingComponent, Gn4Converter, Gn4PlatformMapper, Gn4PlatformService, Gn4Repository, Gn4SettingsService, GpfApiDlComponent, GravatarService, HttpLoaderFactory, I18nInterceptor, ImageFallbackDirective, ImageInputComponent, ImageOverlayPreviewComponent, ImportRecordComponent, InteractiveTableColumnComponent, InteractiveTableComponent, IsSpatialSearchField, Iso191153Converter, Iso19139Converter, LANGUAGES_LIST, LANGUAGE_NAMES, LANGUAGE_STORAGE_KEY, LANG_2_TO_3_MAPPER, LANG_3_TO_2_MAPPER, LOGIN_URL, LOGOUT_URL, LONLAT_CRS_CODES, LangService, LanguageSwitcherComponent, LayersPanelComponent, LicenseSearchField, LinkCardComponent, LinkClassifierService, LinkUsage, LoadingMaskComponent, LogService, MAP_FEATURE_KEY, MAP_VIEW_CONSTRAINTS, METADATA_LANGUAGE, MY_FORMATS, MapContainerComponent, MapFacade, MapLegendComponent, MapStateContainerComponent, MapStyleService, MapUtilsService, MapViewComponent, MarkdownEditorComponent, MarkdownParserComponent, MaxLinesComponent, mdview_actions as MdViewActions, MdViewFacade, MetadataCatalogComponent, MetadataContactComponent, MetadataInfoComponent, MetadataLinkType, MetadataMapperContext, MetadataQualityComponent, MetadataQualityItemComponent, ModalDialogComponent, MultilingualSearchField, MyOrgService, NAMESPACES, NavigationButtonComponent, NotificationComponent, NotificationsContainerComponent, NotificationsService, ORGANIZATIONS_STRATEGY, ORGANIZATION_PAGE_URL_TOKEN, ORGANIZATION_URL_TOKEN, OrganisationPreviewComponent, OrganisationsComponent, OrganisationsFilterComponent, OrganisationsResultComponent, OrganizationSearchField, OrganizationsFromGroupsService, OrganizationsFromMetadataService, OwnerSearchField, PAGINATE, PARSE_DELIMITER, PATCH_RESULTS_AGGREGATIONS, PROXY_PATH, Paginate, PaginationButtonsComponent, PaginationComponent, PaginationDotsComponent, PatchResultsAggregations, PopoverComponent, PopupAlertComponent, PreviousNextButtonsComponent, ProgressBarComponent, ProxyService, QUERY_FIELDS, RECORD_URL_TOKEN, REQUEST_MORE_ON_AGGREGATION, REQUEST_MORE_RESULTS, REQUEST_NEW_RESULTS, RESULTS_LAYOUT_CONFIG, ROUTER_CONFIG, ROUTER_ROUTE_DATASET, ROUTER_ROUTE_ORGANIZATION, ROUTER_ROUTE_SEARCH, ROUTER_STATE_KEY, ROUTE_PARAMS, RecordApiFormComponent, RecordFormComponent, RecordMetaComponent, RecordMetricComponent, RecordPreviewCardComponent, RecordPreviewComponent, RecordPreviewFeedComponent, RecordPreviewListComponent, RecordPreviewRowComponent, RecordPreviewTextComponent, RecordPreviewTitleComponent, RecordsMetricsComponent, RecordsService, RelatedRecordCardComponent, RequestMoreOnAggregation, RequestMoreResults, RequestNewResults, ResultsHitsContainerComponent, ResultsHitsNumberComponent, ResultsLayoutComponent, ResultsLayoutConfigItem, ResultsListComponent, ResultsListContainerComponent, ResultsListItemComponent, ResultsTableComponent, ResultsTableContainerComponent, RouterEffects, RouterFacade, RouterService, SEARCH_FEATURE_KEY, SETTINGS_URL, SET_CONFIG_AGGREGATIONS, SET_CONFIG_FILTERS, SET_CONFIG_REQUEST_FIELDS, SET_ERROR, SET_FAVORITES_ONLY, SET_FILTERS, SET_INCLUDE_ON_AGGREGATION, SET_PAGE_SIZE, SET_RESULTS_AGGREGATIONS, SET_RESULTS_HITS, SET_RESULTS_LAYOUT, SET_SEARCH, SET_SORT_BY, SET_SPATIAL_FILTER_ENABLED, SearchEffects, SearchFacade, SearchFiltersSummaryComponent, SearchFiltersSummaryItemComponent, SearchInputComponent, SearchRouterContainerDirective, SearchService, SearchStateContainerDirective, SelectionService, SetConfigAggregations, SetConfigFilters, SetConfigRequestFields, SetError, SetFavoritesOnly, SetFilters, SetIncludeOnAggregation, SetPageSize, SetResultsAggregations, SetResultsHits, SetResultsLayout, SetSearch, SetSortBy, SetSpatialFilterEnabled, SimpleSearchField, SiteTitleComponent, SortByComponent, SortableListComponent, SourceLabelComponent, SourcesService, SpinningLoaderComponent, StarToggleComponent, StepBarComponent, StickyHeaderComponent, SupportedTypes, SwitchToggleComponent, THUMBNAIL_PLACEHOLDER, TRANSLATE_DEFAULT_CONFIG, TRANSLATE_WITH_OVERRIDES_CONFIG, TableComponent, TableViewComponent, TextAreaComponent, TextInputComponent, ThemeService, ThumbnailComponent, TranslatedSearchField, UPDATE_CONFIG_AGGREGATIONS, UPDATE_FILTERS, UPDATE_REQUEST_AGGREGATION_TERM, UiDatavizModule, UiElementsModule, FacetsModule$1 as UiFacetsModule, UiInputsModule, UiLayoutModule, UiSearchModule, UiWidgetsModule, UpdateConfigAggregations, UpdateFilters, UrlInputComponent, UserFeedbackItemComponent, UserPreviewComponent, UserSearchField, UtilI18nModule, UtilSharedModule, VECTOR_STYLE_DEFAULT, ViewportIntersectorComponent, WEB_COMPONENT_EMBEDDER_URL, WizardComponent, WizardFieldComponent, WizardFieldType, WizardService, WizardSummarizeComponent, XmlParseError, _reset, allChildrenElement, appConfigWithTranslationFixture, appendChildTree, appendChildren, assertValidXml, blockModelFixture, bytesToMegabytes, checkFileFormat, clearSelectedFeatures, createChild, createDocument, createElement, createFuzzyFilter, createNestedChild, createNestedElement, currentPage, defaultMapStyleFixture, defaultMapStyleHlFixture, downgradeImage, downsizeImage, draftSaveSuccess, dragPanCondition, dropEmptyTranslations, editorReducer, emptyBlockModelFixture, findChildElement, findChildOrCreate, findChildrenElement, findConverterForDocument, findNestedChildOrCreate, findNestedElement, findNestedElements, findParent, firstChildElement, formatDate, formatUserInfo, getArrayItem, getAsArray, getAsUrl, getBadgeColor, getCustomTranslations, getError, getFavoritesOnly, getFileFormat, getFileFormatFromServiceOutput, getFirstValue, getFormatPriority, getGeometryFromGeoJSON, getGlobalConfig, getJsonDataItemsProxy, getLangFromBrowser, getLinkLabel, getLinkPriority, getMapContext, getMapContextLayerFromConfig, getMapState, getMetadataQualityConfig, getMimeTypeForFormat, getNamespace, getOptionalMapConfig, getOptionalSearchConfig, getPageSize, getRootElement, getSearchConfigAggregations, getSearchFilters, getSearchResults, getSearchResultsAggregations, getSearchResultsHits, getSearchResultsLayout, getSearchResultsLoading, getSearchSortBy, getSearchState, getSearchStateSearch, getSelectedFeatures, getSpatialFilterEnabled, getTemporalRangeUnion, getThemeConfig, hasRecordChangedSinceDraft, hasRecordChangedSinceDraftSuccess, initSearch, initialEditorState, initialMapState, initialState, isConfigLoaded, isDateRange, isFormatInQueryParam, itemModelFixture, loadAppConfig, malformedConfigFixture, mapConfigFixture, mapContact, mapKeywords, mapLogo, mapOrganization, mapReducer, markRecordAsChanged, megabytesToBytes, mimeTypeToFormat, minimalAppConfigFixture, missingMandatoryConfigFixture, mouseWheelZoomCondition, noDuplicateFileName, okAppConfigFixture, openDataset, openRecord, parse, parseXmlString, placeholder, prioritizePageScroll, propagateToDocumentOnly, provideGn4, provideRepositoryUrl, readAttribute, readDataset, readDatasetHeaders, readText, reducer$2 as reducer, reducerSearch, removeAllChildren, removeChildren, removeChildrenByName, removeSearchParams, removeWhitespace, renameElements, saveRecord, saveRecordFailure, saveRecordSuccess, selectCurrentPage, selectEditorConfig, selectEditorState, selectFallback, selectFallbackFields, selectField, selectHasRecordChanged, selectRecord, selectRecordAlreadySavedOnce, selectRecordChangedSinceSave, selectRecordSaveError, selectRecordSaving, selectRecordSections, selectRecordSource, selectTranslatedField, selectTranslatedValue, setContext, setCurrentPage, setFieldVisibility, setSelectedFeatures, setTextContent, someHabTableItemFixture, sortByFromString, sortByToString, sortByToStrings, stripHtml, stripNamespace, tableItemFixture, toDate, totalPages, undoRecordDraft, unrecognizedKeysConfigFixture, updateRecordField, writeAttribute, wrongLanguageCodeConfigFixture, xmlToString };
 //# sourceMappingURL=geonetwork-ui.mjs.map