geonetwork-ui 2.4.0-dev.d5b28b1e → 2.4.0-dev.dd042cec

package/fesm2022/geonetwork-ui.mjs

@@ -328,10 +328,12 @@ function findParent(parentName) {
 }
 function readText() {
     return (el) => {
-        const textNode = el && Array.isArray(el.children)
+        if (!el)
+            return null;
+        const textNode = Array.isArray(el.children)
             ? el.children.find((node) => node.type === 'text')
             : null;
-        return textNode ? textNode.text : null;
+        return textNode ? textNode.text : '';
     };
 }
 function readAttribute(attrName) {
@@ -17537,6 +17539,27 @@ var de = {
 	"dataset.error.parse": "Die Daten wurden geladen, konnten aber nicht gelesen werden: \"{ info }\"",
 	"dataset.error.unknown": "Die Daten können nicht angezeigt werden: \"{ info }\"",
 	"dataset.error.unsupportedType": "Der folgende Inhaltstyp wird nicht unterstützt: \"{ info }\"",
+	"domain.contact.role.author": "",
+	"domain.contact.role.collaborator": "",
+	"domain.contact.role.contributor": "",
+	"domain.contact.role.custodian": "",
+	"domain.contact.role.distributor": "",
+	"domain.contact.role.editor": "",
+	"domain.contact.role.funder": "",
+	"domain.contact.role.mediator": "",
+	"domain.contact.role.originator": "",
+	"domain.contact.role.other": "",
+	"domain.contact.role.owner": "",
+	"domain.contact.role.point_of_contact": "",
+	"domain.contact.role.principal_investigator": "",
+	"domain.contact.role.processor": "",
+	"domain.contact.role.publisher": "",
+	"domain.contact.role.resource_provider": "",
+	"domain.contact.role.rights_holder": "",
+	"domain.contact.role.sponsor": "",
+	"domain.contact.role.stakeholder": "",
+	"domain.contact.role.unspecified": "",
+	"domain.contact.role.user": "",
 	"domain.record.status.completed": "Abgeschlossen",
 	"domain.record.status.deprecated": "Veraltet",
 	"domain.record.status.ongoing": "Kontinuierliche Aktualisierung",
@@ -17568,6 +17591,7 @@ var de = {
 	"editor.record.form.bottomButtons.next": "",
 	"editor.record.form.bottomButtons.previous": "",
 	"editor.record.form.field.abstract": "Kurzbeschreibung",
+	"editor.record.form.field.contactsForResource.noContact": "",
 	"editor.record.form.field.keywords": "Schlagwörter",
 	"editor.record.form.field.license": "Lizenz",
 	"editor.record.form.field.overviews": "",
@@ -17577,6 +17601,7 @@ var de = {
 	"editor.record.form.field.title": "Metadaten-Titel",
 	"editor.record.form.field.uniqueIdentifier": "Eindeutige Kennung (ID)",
 	"editor.record.form.field.updateFrequency": "Aktualisierungshäufigkeit",
+	"editor.record.form.classification.opendata": "",
 	"editor.record.form.license.cc-by": "Creative Commons CC-BY",
 	"editor.record.form.license.cc-by-sa": "Creative Commons CC-BY-SA",
 	"editor.record.form.license.cc-zero": "Creative Commons CC-0",
@@ -18004,6 +18029,27 @@ var en = {
 	"dataset.error.parse": "The data was loaded but could not be parsed: \"{ info }\"",
 	"dataset.error.unknown": "The data cannot be displayed: \"{ info }\"",
 	"dataset.error.unsupportedType": "The following content type is unsupported: \"{ info }\"",
+	"domain.contact.role.author": "Author",
+	"domain.contact.role.collaborator": "Collaborator",
+	"domain.contact.role.contributor": "Contributor",
+	"domain.contact.role.custodian": "Custodian",
+	"domain.contact.role.distributor": "Distributor",
+	"domain.contact.role.editor": "Editor",
+	"domain.contact.role.funder": "Funder",
+	"domain.contact.role.mediator": "Mediator",
+	"domain.contact.role.originator": "Originator",
+	"domain.contact.role.other": "Other",
+	"domain.contact.role.owner": "Owner",
+	"domain.contact.role.point_of_contact": "Point of contact",
+	"domain.contact.role.principal_investigator": "Principal investigator",
+	"domain.contact.role.processor": "Processor",
+	"domain.contact.role.publisher": "Publisher",
+	"domain.contact.role.resource_provider": "Resource provider",
+	"domain.contact.role.rights_holder": "Rights holder",
+	"domain.contact.role.sponsor": "Sponsor",
+	"domain.contact.role.stakeholder": "Stakeholder",
+	"domain.contact.role.unspecified": "Unspecified",
+	"domain.contact.role.user": "User",
 	"domain.record.status.completed": "Completed",
 	"domain.record.status.deprecated": "Deprecated",
 	"domain.record.status.ongoing": "On going",
@@ -18034,7 +18080,9 @@ var en = {
 	"editor.record.form.bottomButtons.comeBackLater": "Come back later",
 	"editor.record.form.bottomButtons.next": "Next",
 	"editor.record.form.bottomButtons.previous": "Previous",
+	"editor.record.form.classification.opendata": "Open Data",
 	"editor.record.form.field.abstract": "Abstract",
+	"editor.record.form.field.contactsForResource.noContact": "Please provide at least one point of contact responsible for the data.",
 	"editor.record.form.field.keywords": "Keywords",
 	"editor.record.form.field.license": "License",
 	"editor.record.form.field.overviews": "Overviews",
@@ -18471,6 +18519,27 @@ var es = {
 	"dataset.error.parse": "",
 	"dataset.error.unknown": "",
 	"dataset.error.unsupportedType": "",
+	"domain.contact.role.author": "",
+	"domain.contact.role.collaborator": "",
+	"domain.contact.role.contributor": "",
+	"domain.contact.role.custodian": "",
+	"domain.contact.role.distributor": "",
+	"domain.contact.role.editor": "",
+	"domain.contact.role.funder": "",
+	"domain.contact.role.mediator": "",
+	"domain.contact.role.originator": "",
+	"domain.contact.role.other": "",
+	"domain.contact.role.owner": "",
+	"domain.contact.role.point_of_contact": "",
+	"domain.contact.role.principal_investigator": "",
+	"domain.contact.role.processor": "",
+	"domain.contact.role.publisher": "",
+	"domain.contact.role.resource_provider": "",
+	"domain.contact.role.rights_holder": "",
+	"domain.contact.role.sponsor": "",
+	"domain.contact.role.stakeholder": "",
+	"domain.contact.role.unspecified": "",
+	"domain.contact.role.user": "",
 	"domain.record.status.completed": "",
 	"domain.record.status.deprecated": "",
 	"domain.record.status.ongoing": "",
@@ -18501,7 +18570,9 @@ var es = {
 	"editor.record.form.bottomButtons.comeBackLater": "",
 	"editor.record.form.bottomButtons.next": "",
 	"editor.record.form.bottomButtons.previous": "",
+	"editor.record.form.classification.opendata": "",
 	"editor.record.form.field.abstract": "",
+	"editor.record.form.field.contactsForResource.noContact": "",
 	"editor.record.form.field.keywords": "",
 	"editor.record.form.field.license": "",
 	"editor.record.form.field.overviews": "",
@@ -18938,6 +19009,27 @@ var fr = {
 	"dataset.error.parse": "Les données ont été chargées mais leur décodage a échoué: \"{ info }\"",
 	"dataset.error.unknown": "Les données ne peuvent être affichées: \"{ info }\"",
 	"dataset.error.unsupportedType": "Le type de contenu suivant n'est pas pris en charge: \"{ info }\"",
+	"domain.contact.role.author": "Auteur",
+	"domain.contact.role.collaborator": "Collaborateur",
+	"domain.contact.role.contributor": "Contributeur",
+	"domain.contact.role.custodian": "Gestionnaire",
+	"domain.contact.role.distributor": "Distributeur",
+	"domain.contact.role.editor": "Éditeur",
+	"domain.contact.role.funder": "Financeur",
+	"domain.contact.role.mediator": "Médiateur",
+	"domain.contact.role.originator": "Créateur",
+	"domain.contact.role.other": "Autre",
+	"domain.contact.role.owner": "Propriétaire",
+	"domain.contact.role.point_of_contact": "Point de contact",
+	"domain.contact.role.principal_investigator": "Chercheur principal",
+	"domain.contact.role.processor": "Processeur",
+	"domain.contact.role.publisher": "Éditeur",
+	"domain.contact.role.resource_provider": "Fournisseur",
+	"domain.contact.role.rights_holder": "Détenteur des droits",
+	"domain.contact.role.sponsor": "Sponsor",
+	"domain.contact.role.stakeholder": "Partie prenante",
+	"domain.contact.role.unspecified": "Non spécifié",
+	"domain.contact.role.user": "Utilisateur",
 	"domain.record.status.completed": "Finalisé",
 	"domain.record.status.deprecated": "Obsolète",
 	"domain.record.status.ongoing": "Mise à jour continue",
@@ -18968,14 +19060,16 @@ var fr = {
 	"editor.record.form.bottomButtons.comeBackLater": "Revenir plus tard",
 	"editor.record.form.bottomButtons.next": "Suivant",
 	"editor.record.form.bottomButtons.previous": "Précédent",
+	"editor.record.form.classification.opendata": "Données ouvertes",
 	"editor.record.form.field.abstract": "Résumé",
+	"editor.record.form.field.contactsForResource.noContact": "Veuillez renseigner au moins un point de contact responsable de la donnée.",
 	"editor.record.form.field.keywords": "Mots-clés",
 	"editor.record.form.field.license": "Licence",
 	"editor.record.form.field.overviews": "Aperçus",
 	"editor.record.form.field.recordUpdated": "Date de dernière révision",
 	"editor.record.form.field.resourceUpdated": "Date de dernière révision",
 	"editor.record.form.field.temporalExtents": "Étendue temporelle",
-	"editor.record.form.field.title": "Titre",
+	"editor.record.form.field.title": "",
 	"editor.record.form.field.uniqueIdentifier": "Identifiant unique",
 	"editor.record.form.field.updateFrequency": "Fréquence de mise à jour",
 	"editor.record.form.license.cc-by": "",
@@ -19405,6 +19499,27 @@ var it = {
 	"dataset.error.parse": "I dati sono stati caricati ma la decodifica non è riuscita: \"{info}\"",
 	"dataset.error.unknown": "Impossibile visualizzare i dati: \"{info}\"",
 	"dataset.error.unsupportedType": "Il seguente tipo di contenuto non è supportato: \"{info}\"",
+	"domain.contact.role.author": "",
+	"domain.contact.role.collaborator": "",
+	"domain.contact.role.contributor": "",
+	"domain.contact.role.custodian": "",
+	"domain.contact.role.distributor": "",
+	"domain.contact.role.editor": "",
+	"domain.contact.role.funder": "",
+	"domain.contact.role.mediator": "",
+	"domain.contact.role.originator": "",
+	"domain.contact.role.other": "",
+	"domain.contact.role.owner": "",
+	"domain.contact.role.point_of_contact": "",
+	"domain.contact.role.principal_investigator": "",
+	"domain.contact.role.processor": "",
+	"domain.contact.role.publisher": "",
+	"domain.contact.role.resource_provider": "",
+	"domain.contact.role.rights_holder": "",
+	"domain.contact.role.sponsor": "",
+	"domain.contact.role.stakeholder": "",
+	"domain.contact.role.unspecified": "",
+	"domain.contact.role.user": "",
 	"domain.record.status.completed": "Completato",
 	"domain.record.status.deprecated": "Deprecato",
 	"domain.record.status.ongoing": "Aggiornamento continuo",
@@ -19435,7 +19550,9 @@ var it = {
 	"editor.record.form.bottomButtons.comeBackLater": "",
 	"editor.record.form.bottomButtons.next": "",
 	"editor.record.form.bottomButtons.previous": "",
+	"editor.record.form.classification.opendata": "",
 	"editor.record.form.field.abstract": "",
+	"editor.record.form.field.contactsForResource.noContact": "",
 	"editor.record.form.field.keywords": "",
 	"editor.record.form.field.license": "Licenza",
 	"editor.record.form.field.overviews": "",
@@ -19872,6 +19989,27 @@ var nl = {
 	"dataset.error.parse": "",
 	"dataset.error.unknown": "",
 	"dataset.error.unsupportedType": "",
+	"domain.contact.role.author": "",
+	"domain.contact.role.collaborator": "",
+	"domain.contact.role.contributor": "",
+	"domain.contact.role.custodian": "",
+	"domain.contact.role.distributor": "",
+	"domain.contact.role.editor": "",
+	"domain.contact.role.funder": "",
+	"domain.contact.role.mediator": "",
+	"domain.contact.role.originator": "",
+	"domain.contact.role.other": "",
+	"domain.contact.role.owner": "",
+	"domain.contact.role.point_of_contact": "",
+	"domain.contact.role.principal_investigator": "",
+	"domain.contact.role.processor": "",
+	"domain.contact.role.publisher": "",
+	"domain.contact.role.resource_provider": "",
+	"domain.contact.role.rights_holder": "",
+	"domain.contact.role.sponsor": "",
+	"domain.contact.role.stakeholder": "",
+	"domain.contact.role.unspecified": "",
+	"domain.contact.role.user": "",
 	"domain.record.status.completed": "",
 	"domain.record.status.deprecated": "",
 	"domain.record.status.ongoing": "",
@@ -19902,7 +20040,9 @@ var nl = {
 	"editor.record.form.bottomButtons.comeBackLater": "",
 	"editor.record.form.bottomButtons.next": "",
 	"editor.record.form.bottomButtons.previous": "",
+	"editor.record.form.classification.opendata": "",
 	"editor.record.form.field.abstract": "",
+	"editor.record.form.field.contactsForResource.noContact": "",
 	"editor.record.form.field.keywords": "",
 	"editor.record.form.field.license": "",
 	"editor.record.form.field.overviews": "",
@@ -20339,6 +20479,27 @@ var pt = {
 	"dataset.error.parse": "",
 	"dataset.error.unknown": "",
 	"dataset.error.unsupportedType": "",
+	"domain.contact.role.author": "",
+	"domain.contact.role.collaborator": "",
+	"domain.contact.role.contributor": "",
+	"domain.contact.role.custodian": "",
+	"domain.contact.role.distributor": "",
+	"domain.contact.role.editor": "",
+	"domain.contact.role.funder": "",
+	"domain.contact.role.mediator": "",
+	"domain.contact.role.originator": "",
+	"domain.contact.role.other": "",
+	"domain.contact.role.owner": "",
+	"domain.contact.role.point_of_contact": "",
+	"domain.contact.role.principal_investigator": "",
+	"domain.contact.role.processor": "",
+	"domain.contact.role.publisher": "",
+	"domain.contact.role.resource_provider": "",
+	"domain.contact.role.rights_holder": "",
+	"domain.contact.role.sponsor": "",
+	"domain.contact.role.stakeholder": "",
+	"domain.contact.role.unspecified": "",
+	"domain.contact.role.user": "",
 	"domain.record.status.completed": "",
 	"domain.record.status.deprecated": "",
 	"domain.record.status.ongoing": "",
@@ -20369,7 +20530,9 @@ var pt = {
 	"editor.record.form.bottomButtons.comeBackLater": "",
 	"editor.record.form.bottomButtons.next": "",
 	"editor.record.form.bottomButtons.previous": "",
+	"editor.record.form.classification.opendata": "",
 	"editor.record.form.field.abstract": "",
+	"editor.record.form.field.contactsForResource.noContact": "",
 	"editor.record.form.field.keywords": "",
 	"editor.record.form.field.license": "",
 	"editor.record.form.field.overviews": "",
@@ -25143,6 +25306,7 @@ class AutocompleteComponent {
     constructor(cdRef) {
         this.cdRef = cdRef;
         this.clearOnSelection = false;
+        this.preventCompleteOnSelection = false;
         this.autoFocus = false;
         this.minCharacterCount = 3;
         this.allowSubmit = true;
@@ -25235,17 +25399,28 @@ class AutocompleteComponent {
     handleClickSearch() {
         this.inputSubmitted.emit(this.inputRef.nativeElement.value);
     }
+    /**
+     * This function is triggered when an item is selected in the list of displayed items.
+     * If preventCompleteOnSelection is true then the input will be left as entered by the user.
+     * If preventCompleteOnSelection is false (by default) then the input will be completed with the item selected by the user.
+     * If clearOnSelection is true then the input will be cleared upon selection.
+     * @param event
+     */
     handleSelection(event) {
         this.cancelEnter = true;
         this.itemSelected.emit(event.option.value);
-        if (this.clearOnSelection) {
-            this.lastInputValue$.pipe(first()).subscribe((any) => {
-                this.inputRef.nativeElement.value = any;
+        if (this.preventCompleteOnSelection) {
+            this.lastInputValue$.pipe(first()).subscribe((lastInputValue) => {
+                this.inputRef.nativeElement.value = lastInputValue;
             });
+            return;
+        }
+        if (this.clearOnSelection) {
+            this.inputRef.nativeElement.value = '';
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AutocompleteComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AutocompleteComponent, isStandalone: true, selector: "gn-ui-autocomplete", inputs: { placeholder: "placeholder", action: "action", value: "value", clearOnSelection: "clearOnSelection", autoFocus: "autoFocus", minCharacterCount: "minCharacterCount", allowSubmit: "allowSubmit", displayWithFn: "displayWithFn" }, outputs: { itemSelected: "itemSelected", inputSubmitted: "inputSubmitted", inputCleared: "inputCleared" }, viewQueries: [{ propertyName: "triggerRef", first: true, predicate: MatAutocompleteTrigger, descendants: true }, { propertyName: "autocomplete", first: true, predicate: MatAutocomplete, descendants: true }, { propertyName: "inputRef", first: true, predicate: ["searchInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"relative\">\n  <input\n    #searchInput\n    type=\"text\"\n    class=\"appearance-none focus:outline-white focus:outline-2 focus:outline-dotted focus:outline-offset-2 leading-tight rounded w-full text-black shadow-xl focus:shadow-[0_0_24px_0_rgba(21,40,184,0.09)]\"\n    [placeholder]=\"placeholder\"\n    [formControl]=\"control\"\n    [matAutocomplete]=\"auto\"\n    (keyup.enter)=\"handleEnter(searchInput.value)\"\n  />\n  <div class=\"flex flex-row absolute inset-y-0 right-0\">\n    <button\n      type=\"button\"\n      class=\"text-primary-lightest hover:text-primary hover:bg-gray-50 transition-all duration-100 clear-btn\"\n      *ngIf=\"searchInput.value\"\n      aria-label=\"Clear\"\n      (click)=\"clear()\"\n    >\n      <mat-icon class=\"material-symbols-outlined\">close</mat-icon>\n    </button>\n    <button\n      type=\"button\"\n      class=\"text-primary bg-white hover:text-primary-darkest hover:bg-gray-100 border-gray-300 hover:border-gray-500 transition-all duration-100 search-btn rounded-r\"\n      aria-label=\"Trigger search\"\n      *ngIf=\"allowSubmit\"\n      data-test=\"autocomplete-submit-btn\"\n      (click)=\"handleClickSearch()\"\n    >\n      <mat-icon class=\"material-symbols-outlined\">search</mat-icon>\n    </button>\n  </div>\n  <gn-ui-popup-alert\n    *ngIf=\"error\"\n    class=\"absolute mt-2 w-full top-[100%] left-0\"\n    icon=\"error_outline\"\n    position=\"top\"\n    type=\"warning\"\n  >\n    <span translate>search.autocomplete.error</span>\n    {{ error }}\n  </gn-ui-popup-alert>\n</div>\n<mat-autocomplete\n  #auto=\"matAutocomplete\"\n  (optionSelected)=\"handleSelection($event)\"\n  [displayWith]=\"displayWithFnInternal\"\n>\n  <mat-option\n    *ngFor=\"let suggestion of suggestions$ | async\"\n    [value]=\"suggestion\"\n    class=\"p-2 suggestion\"\n  >\n    {{ displayWithFnInternal(suggestion) }}\n  </mat-option>\n</mat-autocomplete>\n", styles: [":host{--input-height: 3.5em}.clear-btn{width:var(--input-height);height:100%}.search-btn{width:var(--input-height);height:100%;border-left-width:.1em}mat-icon{width:100%;height:100%;padding:.65em;font-size:1.5em}input{height:var(--input-height);padding:1.05em;padding-right:calc(2 * var(--input-height))}input:placeholder-shown{text-overflow:ellipsis}.mat-mdc-option.suggestion.mat-mdc-option-active{background-color:var(--color-primary-lightest)}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: PopupAlertComponent, selector: "gn-ui-popup-alert", inputs: ["icon", "type", "position"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i2$1.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple", "hideSingleSelectionIndicator"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i3.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i2$1.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AutocompleteComponent, isStandalone: true, selector: "gn-ui-autocomplete", inputs: { placeholder: "placeholder", action: "action", value: "value", clearOnSelection: "clearOnSelection", preventCompleteOnSelection: "preventCompleteOnSelection", autoFocus: "autoFocus", minCharacterCount: "minCharacterCount", allowSubmit: "allowSubmit", displayWithFn: "displayWithFn" }, outputs: { itemSelected: "itemSelected", inputSubmitted: "inputSubmitted", inputCleared: "inputCleared" }, viewQueries: [{ propertyName: "triggerRef", first: true, predicate: MatAutocompleteTrigger, descendants: true }, { propertyName: "autocomplete", first: true, predicate: MatAutocomplete, descendants: true }, { propertyName: "inputRef", first: true, predicate: ["searchInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"relative\">\n  <input\n    #searchInput\n    type=\"text\"\n    class=\"appearance-none focus:outline-white focus:outline-2 focus:outline-dotted focus:outline-offset-2 leading-tight rounded w-full text-black shadow-xl focus:shadow-[0_0_24px_0_rgba(21,40,184,0.09)]\"\n    [placeholder]=\"placeholder\"\n    [formControl]=\"control\"\n    [matAutocomplete]=\"auto\"\n    (keyup.enter)=\"handleEnter(searchInput.value)\"\n  />\n  <div class=\"flex flex-row absolute inset-y-0 right-0\">\n    <button\n      type=\"button\"\n      class=\"text-primary-lightest hover:text-primary hover:bg-gray-50 transition-all duration-100 clear-btn\"\n      *ngIf=\"searchInput.value\"\n      aria-label=\"Clear\"\n      (click)=\"clear()\"\n    >\n      <mat-icon class=\"material-symbols-outlined\">close</mat-icon>\n    </button>\n    <button\n      type=\"button\"\n      class=\"text-primary bg-white hover:text-primary-darkest hover:bg-gray-100 border-gray-300 hover:border-gray-500 transition-all duration-100 search-btn rounded-r\"\n      aria-label=\"Trigger search\"\n      *ngIf=\"allowSubmit\"\n      data-test=\"autocomplete-submit-btn\"\n      (click)=\"handleClickSearch()\"\n    >\n      <mat-icon class=\"material-symbols-outlined\">search</mat-icon>\n    </button>\n  </div>\n  <gn-ui-popup-alert\n    *ngIf=\"error\"\n    class=\"absolute mt-2 w-full top-[100%] left-0\"\n    icon=\"error_outline\"\n    position=\"top\"\n    type=\"warning\"\n  >\n    <span translate>search.autocomplete.error</span>\n    {{ error }}\n  </gn-ui-popup-alert>\n</div>\n<mat-autocomplete\n  #auto=\"matAutocomplete\"\n  (optionSelected)=\"handleSelection($event)\"\n  [displayWith]=\"displayWithFnInternal\"\n>\n  <mat-option\n    *ngFor=\"let suggestion of suggestions$ | async\"\n    [value]=\"suggestion\"\n    class=\"p-2 suggestion\"\n  >\n    {{ displayWithFnInternal(suggestion) }}\n  </mat-option>\n</mat-autocomplete>\n", styles: [":host{--input-height: 3.5em}.clear-btn{width:var(--input-height);height:100%}.search-btn{width:var(--input-height);height:100%;border-left-width:.1em}mat-icon{width:100%;height:100%;padding:.65em;font-size:1.5em}input{height:var(--input-height);padding:1.05em;padding-right:calc(2 * var(--input-height))}input:placeholder-shown{text-overflow:ellipsis}.mat-mdc-option.suggestion.mat-mdc-option-active{background-color:var(--color-primary-lightest)}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: PopupAlertComponent, selector: "gn-ui-popup-alert", inputs: ["icon", "type", "position"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i2$1.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple", "hideSingleSelectionIndicator"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i3.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i2$1.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AutocompleteComponent, decorators: [{
             type: Component,
@@ -25265,6 +25440,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], clearOnSelection: [{
                 type: Input
+            }], preventCompleteOnSelection: [{
+                type: Input
             }], autoFocus: [{
                 type: Input
             }], minCharacterCount: [{
@@ -28317,6 +28494,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 
 class SortableListComponent {
     constructor() {
+        this.addOptions = [];
         this.elementsChange = new EventEmitter();
         this.add = new EventEmitter();
     }
@@ -30333,11 +30511,11 @@ class FuzzySearchComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FuzzySearchComponent, deps: [{ token: SearchFacade }, { token: SearchService }, { token: RecordsRepositoryInterface }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FuzzySearchComponent, selector: "gn-ui-fuzzy-search", inputs: { autoFocus: "autoFocus" }, outputs: { itemSelected: "itemSelected", inputSubmitted: "inputSubmitted" }, viewQueries: [{ propertyName: "autocomplete", first: true, predicate: AutocompleteComponent, descendants: true }], ngImport: i0, template: "<gn-ui-autocomplete\n  [placeholder]=\"'search.field.any.placeholder' | translate\"\n  [displayWithFn]=\"displayWithFn\"\n  [action]=\"autoCompleteAction\"\n  (itemSelected)=\"handleItemSelection($event)\"\n  (inputSubmitted)=\"handleInputSubmission($event)\"\n  (inputCleared)=\"handleInputCleared()\"\n  [value]=\"searchInputValue$ | async\"\n  [clearOnSelection]=\"true\"\n  [autoFocus]=\"autoFocus\"\n></gn-ui-autocomplete>\n", styles: [""], dependencies: [{ kind: "component", type: AutocompleteComponent, selector: "gn-ui-autocomplete", inputs: ["placeholder", "action", "value", "clearOnSelection", "autoFocus", "minCharacterCount", "allowSubmit", "displayWithFn"], outputs: ["itemSelected", "inputSubmitted", "inputCleared"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FuzzySearchComponent, selector: "gn-ui-fuzzy-search", inputs: { autoFocus: "autoFocus" }, outputs: { itemSelected: "itemSelected", inputSubmitted: "inputSubmitted" }, viewQueries: [{ propertyName: "autocomplete", first: true, predicate: AutocompleteComponent, descendants: true }], ngImport: i0, template: "<gn-ui-autocomplete\n  [placeholder]=\"'search.field.any.placeholder' | translate\"\n  [displayWithFn]=\"displayWithFn\"\n  [action]=\"autoCompleteAction\"\n  (itemSelected)=\"handleItemSelection($event)\"\n  (inputSubmitted)=\"handleInputSubmission($event)\"\n  (inputCleared)=\"handleInputCleared()\"\n  [value]=\"searchInputValue$ | async\"\n  [preventCompleteOnSelection]=\"true\"\n  [autoFocus]=\"autoFocus\"\n></gn-ui-autocomplete>\n", styles: [""], dependencies: [{ kind: "component", type: AutocompleteComponent, selector: "gn-ui-autocomplete", inputs: ["placeholder", "action", "value", "clearOnSelection", "preventCompleteOnSelection", "autoFocus", "minCharacterCount", "allowSubmit", "displayWithFn"], outputs: ["itemSelected", "inputSubmitted", "inputCleared"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FuzzySearchComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-fuzzy-search', changeDetection: ChangeDetectionStrategy.OnPush, template: "<gn-ui-autocomplete\n  [placeholder]=\"'search.field.any.placeholder' | translate\"\n  [displayWithFn]=\"displayWithFn\"\n  [action]=\"autoCompleteAction\"\n  (itemSelected)=\"handleItemSelection($event)\"\n  (inputSubmitted)=\"handleInputSubmission($event)\"\n  (inputCleared)=\"handleInputCleared()\"\n  [value]=\"searchInputValue$ | async\"\n  [clearOnSelection]=\"true\"\n  [autoFocus]=\"autoFocus\"\n></gn-ui-autocomplete>\n" }]
+            args: [{ selector: 'gn-ui-fuzzy-search', changeDetection: ChangeDetectionStrategy.OnPush, template: "<gn-ui-autocomplete\n  [placeholder]=\"'search.field.any.placeholder' | translate\"\n  [displayWithFn]=\"displayWithFn\"\n  [action]=\"autoCompleteAction\"\n  (itemSelected)=\"handleItemSelection($event)\"\n  (inputSubmitted)=\"handleInputSubmission($event)\"\n  (inputCleared)=\"handleInputCleared()\"\n  [value]=\"searchInputValue$ | async\"\n  [preventCompleteOnSelection]=\"true\"\n  [autoFocus]=\"autoFocus\"\n></gn-ui-autocomplete>\n" }]
         }], ctorParameters: function () { return [{ type: SearchFacade }, { type: SearchService }, { type: RecordsRepositoryInterface }]; }, propDecorators: { autocomplete: [{
                 type: ViewChild,
                 args: [AutocompleteComponent]
@@ -34828,6 +35006,12 @@ const RECORD_ABSTRACT_FIELD = {
         labelKey: marker('editor.record.form.field.abstract'),
     },
 };
+const CONTACTS_FOR_RESOURCE_FIELD = {
+    model: 'contactsForResource',
+    formFieldConfig: {
+        labelKey: '',
+    },
+};
 const RECORD_GRAPHICAL_OVERVIEW_FIELD = {
     model: 'overviews',
     formFieldConfig: {
@@ -34889,7 +35073,7 @@ const DATA_MANAGERS_SECTION = {
     labelKey: marker('editor.record.form.section.dataManagers.label'),
     descriptionKey: marker('editor.record.form.section.dataManagers.description'),
     hidden: false,
-    fields: [],
+    fields: [CONTACTS_FOR_RESOURCE_FIELD],
 };
 const DATA_POINT_OF_CONTACT_SECTION = {
     labelKey: marker('editor.record.form.section.dataPointOfContact.label'),
@@ -34922,6 +35106,17 @@ const DEFAULT_CONFIGURATION = {
         },
     ],
 };
+/************************************************************
+ ***************           LICENSES            *****************
+ ************************************************************
+ */
+const OPEN_DATA_LICENSES = [
+    'etalab',
+    'etalab-v2',
+    'odbl',
+    'odc-by',
+    'pddl',
+];
 
 const EDITOR_FEATURE_KEY = 'editor';
 const initialEditorState = {
@@ -35554,7 +35749,7 @@ class FormFieldKeywordsComponent {
         this.control.setValue(removeKeywords);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormFieldKeywordsComponent, deps: [{ token: PlatformServiceInterface }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormFieldKeywordsComponent, isStandalone: true, selector: "gn-ui-form-field-keywords", inputs: { control: "control" }, ngImport: i0, template: "<div class=\"flex flex-col gap-3\">\n  <gn-ui-autocomplete\n    [placeholder]=\"'Search for keywords in all thesaurus'\"\n    [displayWithFn]=\"displayWithFn\"\n    [action]=\"autoCompleteAction\"\n    (itemSelected)=\"handleItemSelection($event)\"\n    [clearOnSelection]=\"true\"\n    [minCharacterCount]=\"0\"\n    [allowSubmit]=\"false\"\n  ></gn-ui-autocomplete>\n  <div class=\"flex gap-2 flex-wrap\">\n    <gn-ui-badge\n      *ngFor=\"let keyword of control.value; let index = index\"\n      [removable]=\"true\"\n      (badgeRemoveClicked)=\"removeKeyword(index)\"\n      >{{ keyword.label }}</gn-ui-badge\n    >\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: UiInputsModule }, { kind: "component", type: BadgeComponent, selector: "gn-ui-badge", inputs: ["clickable", "removable"], outputs: ["badgeRemoveClicked"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: UiWidgetsModule }, { kind: "component", type: AutocompleteComponent, selector: "gn-ui-autocomplete", inputs: ["placeholder", "action", "value", "clearOnSelection", "autoFocus", "minCharacterCount", "allowSubmit", "displayWithFn"], outputs: ["itemSelected", "inputSubmitted", "inputCleared"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormFieldKeywordsComponent, isStandalone: true, selector: "gn-ui-form-field-keywords", inputs: { control: "control" }, ngImport: i0, template: "<div class=\"flex flex-col gap-3\">\n  <gn-ui-autocomplete\n    [placeholder]=\"'Search for keywords in all thesaurus'\"\n    [displayWithFn]=\"displayWithFn\"\n    [action]=\"autoCompleteAction\"\n    (itemSelected)=\"handleItemSelection($event)\"\n    [preventCompleteOnSelection]=\"true\"\n    [minCharacterCount]=\"0\"\n    [allowSubmit]=\"false\"\n  ></gn-ui-autocomplete>\n  <div class=\"flex gap-2 flex-wrap\">\n    <gn-ui-badge\n      *ngFor=\"let keyword of control.value; let index = index\"\n      [removable]=\"true\"\n      (badgeRemoveClicked)=\"removeKeyword(index)\"\n      >{{ keyword.label }}</gn-ui-badge\n    >\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: UiInputsModule }, { kind: "component", type: BadgeComponent, selector: "gn-ui-badge", inputs: ["clickable", "removable"], outputs: ["badgeRemoveClicked"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormFieldKeywordsComponent, decorators: [{
             type: Component,
@@ -35564,7 +35759,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         CommonModule,
                         UiWidgetsModule,
                         AutocompleteComponent,
-                    ], template: "<div class=\"flex flex-col gap-3\">\n  <gn-ui-autocomplete\n    [placeholder]=\"'Search for keywords in all thesaurus'\"\n    [displayWithFn]=\"displayWithFn\"\n    [action]=\"autoCompleteAction\"\n    (itemSelected)=\"handleItemSelection($event)\"\n    [clearOnSelection]=\"true\"\n    [minCharacterCount]=\"0\"\n    [allowSubmit]=\"false\"\n  ></gn-ui-autocomplete>\n  <div class=\"flex gap-2 flex-wrap\">\n    <gn-ui-badge\n      *ngFor=\"let keyword of control.value; let index = index\"\n      [removable]=\"true\"\n      (badgeRemoveClicked)=\"removeKeyword(index)\"\n      >{{ keyword.label }}</gn-ui-badge\n    >\n  </div>\n</div>\n" }]
+                    ], template: "<div class=\"flex flex-col gap-3\">\n  <gn-ui-autocomplete\n    [placeholder]=\"'Search for keywords in all thesaurus'\"\n    [displayWithFn]=\"displayWithFn\"\n    [action]=\"autoCompleteAction\"\n    (itemSelected)=\"handleItemSelection($event)\"\n    [preventCompleteOnSelection]=\"true\"\n    [minCharacterCount]=\"0\"\n    [allowSubmit]=\"false\"\n  ></gn-ui-autocomplete>\n  <div class=\"flex gap-2 flex-wrap\">\n    <gn-ui-badge\n      *ngFor=\"let keyword of control.value; let index = index\"\n      [removable]=\"true\"\n      (badgeRemoveClicked)=\"removeKeyword(index)\"\n      >{{ keyword.label }}</gn-ui-badge\n    >\n  </div>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: PlatformServiceInterface }]; }, propDecorators: { control: [{
                 type: Input
             }] } });
@@ -36137,6 +36332,290 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }] } });
 
+const RoleValues = [
+    'unspecified',
+    'other',
+    'author',
+    'collaborator',
+    'contributor',
+    'custodian',
+    'distributor',
+    'editor',
+    'funder',
+    'mediator',
+    'originator',
+    'owner',
+    'point_of_contact',
+    'principal_investigator',
+    'processor',
+    'publisher',
+    'resource_provider',
+    'rights_holder',
+    'sponsor',
+    'stakeholder',
+    '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 {
+    constructor() {
+        this.removable = true;
+        this.contactRemoved = new EventEmitter();
+    }
+    removeContact(contact) {
+        this.contactRemoved.emit(contact);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContactCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ContactCardComponent, isStandalone: true, selector: "gn-ui-contact-card", inputs: { contact: "contact", removable: "removable" }, outputs: { contactRemoved: "contactRemoved" }, ngImport: i0, template: "<div class=\"flex flex-row gap-4 items-center\">\n  <div class=\"flex flex-row border border-gray-200 rounded-xl p-4 gap-4 w-full\">\n    <gn-ui-thumbnail\n      class=\"w-[56px] h-[56px] rounded-[4px]\"\n      [thumbnailUrl]=\"contact.organization.logoUrl?.href\"\n      [fit]=\"'contain'\"\n    ></gn-ui-thumbnail>\n    <div class=\"flex flex-col w-full\">\n      <div class=\"flex flex-row justify-between\">\n        <span class=\"flex flex-wrap font-bold w-full\"\n          >{{ contact.firstName }} {{ contact.lastName }}</span\n        >\n      </div>\n      <div>{{ contact.email }}</div>\n    </div>\n  </div>\n  <gn-ui-button\n    *ngIf=\"removable\"\n    data-test=\"removeContactButton\"\n    type=\"light\"\n    extraClass=\"w-[20px] h-[20px] flex items-center justify-center\"\n    (buttonClick)=\"removeContact(contact)\"\n    ><span class=\"material-symbols-outlined\"> close </span>\n  </gn-ui-button>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: ThumbnailComponent, selector: "gn-ui-thumbnail", inputs: ["thumbnailUrl", "fit"], outputs: ["placeholderShown"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContactCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-contact-card', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, MatIconModule, ButtonComponent, ThumbnailComponent], template: "<div class=\"flex flex-row gap-4 items-center\">\n  <div class=\"flex flex-row border border-gray-200 rounded-xl p-4 gap-4 w-full\">\n    <gn-ui-thumbnail\n      class=\"w-[56px] h-[56px] rounded-[4px]\"\n      [thumbnailUrl]=\"contact.organization.logoUrl?.href\"\n      [fit]=\"'contain'\"\n    ></gn-ui-thumbnail>\n    <div class=\"flex flex-col w-full\">\n      <div class=\"flex flex-row justify-between\">\n        <span class=\"flex flex-wrap font-bold w-full\"\n          >{{ contact.firstName }} {{ contact.lastName }}</span\n        >\n      </div>\n      <div>{{ contact.email }}</div>\n    </div>\n  </div>\n  <gn-ui-button\n    *ngIf=\"removable\"\n    data-test=\"removeContactButton\"\n    type=\"light\"\n    extraClass=\"w-[20px] h-[20px] flex items-center justify-center\"\n    (buttonClick)=\"removeContact(contact)\"\n    ><span class=\"material-symbols-outlined\"> close </span>\n  </gn-ui-button>\n</div>\n" }]
+        }], propDecorators: { contact: [{
+                type: Input
+            }], removable: [{
+                type: Input
+            }], contactRemoved: [{
+                type: Output
+            }] } });
+
+class FormFieldContactsForResourceComponent {
+    constructor(platformServiceInterface, organizationsServiceInterface, changeDetectorRef) {
+        this.platformServiceInterface = platformServiceInterface;
+        this.organizationsServiceInterface = organizationsServiceInterface;
+        this.changeDetectorRef = changeDetectorRef;
+        this.subscription = new Subscription();
+        this.contactsForRessourceByRole = new Map();
+        this.contactsAsDynElemByRole = new Map();
+        this.rolesToPick = [
+            'resource_provider',
+            'custodian',
+            'owner',
+            'point_of_contact',
+            'author',
+        ];
+        this.roleSectionsToDisplay = [];
+        this.allOrganizations = new Map();
+        /**
+         * gn-ui-autocomplete
+         */
+        this.displayWithFn = (user) => `${user.name} ${user.surname} ${user.organisation ? `(${user.organisation})` : ''}`;
+        /**
+         * gn-ui-autocomplete
+         */
+        this.autoCompleteAction = (query) => {
+            const fuzzyFilter = createFuzzyFilter(query);
+            return this.allUsers$.pipe(switchMap((users) => [
+                users.filter((user) => fuzzyFilter(user.username)),
+            ]), map$1((results) => results.slice(0, 10)), debounceTime$1(300), distinctUntilChanged$1());
+        };
+        this.allUsers$ = this.platformServiceInterface.getUsers();
+    }
+    async ngOnInit() {
+        this.allOrganizations = new Map((await firstValueFrom(this.organizationsServiceInterface.organisations$)).map((organization) => [organization.name, organization]));
+        this.updateContactsForRessource();
+        this.manageRoleSectionsToDisplay(this.control.value);
+        this.filterRolesToPick();
+        this.changeDetectorRef.markForCheck();
+        this.subscription.add(this.control.valueChanges.subscribe((contactsForResource) => {
+            this.updateContactsForRessource();
+            this.manageRoleSectionsToDisplay(contactsForResource);
+            this.filterRolesToPick();
+            this.changeDetectorRef.markForCheck();
+        }));
+    }
+    addRoleToDisplay(roleToAdd) {
+        this.roleSectionsToDisplay.push(roleToAdd);
+        this.filterRolesToPick();
+    }
+    filterRolesToPick() {
+        this.rolesToPick = this.rolesToPick.filter((role) => !this.roleSectionsToDisplay.includes(role));
+    }
+    updateContactsForRessource() {
+        this.contactsForRessourceByRole = this.control.value.reduce((acc, contact) => {
+            const completeOrganization = this.allOrganizations.get(contact.organization.name);
+            const updatedContact = {
+                ...contact,
+                organization: completeOrganization ??
+                    { name: contact.organization.name },
+            };
+            if (!acc.has(contact.role)) {
+                acc.set(contact.role, []);
+            }
+            acc.get(contact.role).push(updatedContact);
+            return acc;
+        }, new Map());
+        this.contactsAsDynElemByRole = this.control.value.reduce((acc, contact) => {
+            const completeOrganization = this.allOrganizations.get(contact.organization.name);
+            const updatedContact = {
+                ...contact,
+                organization: completeOrganization ??
+                    { name: contact.organization.name },
+            };
+            const contactAsDynElem = {
+                component: ContactCardComponent,
+                inputs: {
+                    contact: updatedContact,
+                    removable: false,
+                },
+            };
+            if (!acc.has(contact.role)) {
+                acc.set(contact.role, []);
+            }
+            acc.get(contact.role).push(contactAsDynElem);
+            return acc;
+        }, new Map());
+        this.changeDetectorRef.markForCheck();
+    }
+    manageRoleSectionsToDisplay(contactsForResource) {
+        const roles = contactsForResource.map((contact) => contact.role);
+        roles.forEach((role) => {
+            if (!this.roleSectionsToDisplay.includes(role)) {
+                this.roleSectionsToDisplay.push(role);
+            }
+        });
+    }
+    removeContact(index) {
+        const newContactsforRessource = this.control.value.filter((_, i) => i !== index);
+        this.control.setValue(newContactsforRessource);
+    }
+    handleContactsChanged(event) {
+        const newContactsOrdered = event.map((contactAsDynElem) => contactAsDynElem.inputs['contact']);
+        const role = newContactsOrdered[0].role;
+        this.contactsForRessourceByRole.set(role, newContactsOrdered);
+        const newControlValue = Array.from(this.contactsForRessourceByRole.values()).flat();
+        this.control.setValue(newControlValue);
+    }
+    roleToLabel(role) {
+        return RoleLabels.get(role);
+    }
+    /**
+     * gn-ui-autocomplete
+     */
+    addContact(contact, role) {
+        const newContactsForRessource = {
+            firstName: contact.name ?? '',
+            lastName: contact.surname ?? '',
+            organization: this.allOrganizations.get(contact.organisation) ??
+                { name: contact.organisation },
+            email: contact.email ?? '',
+            role,
+            address: '',
+            phone: '',
+            position: '',
+        };
+        const newControlValue = [...this.control.value, newContactsForRessource];
+        this.control.setValue(newControlValue);
+    }
+    ngOnDestroy() {
+        this.subscription.unsubscribe();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormFieldContactsForResourceComponent, deps: [{ token: PlatformServiceInterface }, { token: OrganizationsServiceInterface }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormFieldContactsForResourceComponent, isStandalone: true, selector: "gn-ui-form-field-contacts-for-resource", inputs: { control: "control" }, ngImport: i0, template: "<div class=\"flex flex-col gap-3\">\n  <div class=\"flex flex-row flex-wrap gap-2\" data-test=\"rolesToPick\">\n    <ng-container *ngFor=\"let role of rolesToPick\">\n      <gn-ui-button\n        extraClass=\"px-2 py-1.5\"\n        (buttonClick)=\"addRoleToDisplay(role)\"\n      >\n        <div class=\"flex flex-row gap-1 items-center\">\n          <span class=\"text-primary text-[20px] leading-[0] font-bold pb-[5px]\"\n            >&#8330;</span\n          >\n          <span class=\"font-bold\" translate>{{ roleToLabel(role) }}</span>\n        </div>\n      </gn-ui-button>\n    </ng-container>\n  </div>\n  <div\n    class=\"mt-8\"\n    *ngIf=\"\n      roleSectionsToDisplay && roleSectionsToDisplay.length > 0;\n      else noContact\n    \"\n    data-test=\"displayedRoles\"\n  >\n    <div\n      *ngFor=\"\n        let role of roleSectionsToDisplay;\n        let index = index;\n        let isLast = last\n      \"\n      class=\"flex flex-col gap-4\"\n    >\n      <div class=\"flex flex-row justify-between\">\n        <span class=\"font-bold text-base\" translate>{{\n          roleToLabel(role)\n        }}</span>\n      </div>\n\n      <gn-ui-autocomplete\n        [placeholder]=\"'Choose a contact'\"\n        [action]=\"autoCompleteAction\"\n        (itemSelected)=\"addContact($event, role)\"\n        [displayWithFn]=\"displayWithFn\"\n        [minCharacterCount]=\"1\"\n        [clearOnSelection]=\"true\"\n      >\n      </gn-ui-autocomplete>\n\n      <ng-container *ngIf=\"contactsForRessourceByRole.get(role) as contacts\">\n        <ng-container *ngIf=\"contacts.length > 1\">\n          <gn-ui-sortable-list\n            [elements]=\"contactsAsDynElemByRole.get(role)\"\n            (elementsChange)=\"handleContactsChanged($event)\"\n          ></gn-ui-sortable-list>\n        </ng-container>\n        <ng-container *ngIf=\"contacts.length === 1\">\n          <ng-container *ngFor=\"let contact of contacts\">\n            <gn-ui-contact-card\n              [contact]=\"contact\"\n              (contactRemoved)=\"removeContact(index)\"\n            ></gn-ui-contact-card> </ng-container\n        ></ng-container>\n      </ng-container>\n\n      <hr class=\"border-t-[#D6D3D1] mt-4 mb-6\" *ngIf=\"!isLast\" />\n    </div>\n  </div>\n  <ng-template #noContact>\n    <div\n      class=\"p-4 border border-primary bg-primary-lightest rounded-lg\"\n      translate\n    >\n      editor.record.form.field.contactsForResource.noContact\n    </div>\n  </ng-template>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: UiInputsModule }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: UiWidgetsModule }, { kind: "component", type: AutocompleteComponent, selector: "gn-ui-autocomplete", inputs: ["placeholder", "action", "value", "clearOnSelection", "preventCompleteOnSelection", "autoFocus", "minCharacterCount", "allowSubmit", "displayWithFn"], outputs: ["itemSelected", "inputSubmitted", "inputCleared"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: ContactCardComponent, selector: "gn-ui-contact-card", inputs: ["contact", "removable"], outputs: ["contactRemoved"] }, { kind: "component", type: SortableListComponent, selector: "gn-ui-sortable-list", inputs: ["elements", "addOptions"], outputs: ["elementsChange", "add"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormFieldContactsForResourceComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-form-field-contacts-for-resource', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        DropdownSelectorComponent,
+                        UiInputsModule,
+                        CommonModule,
+                        UiWidgetsModule,
+                        AutocompleteComponent,
+                        TranslateModule,
+                        ContactCardComponent,
+                        SortableListComponent,
+                    ], template: "<div class=\"flex flex-col gap-3\">\n  <div class=\"flex flex-row flex-wrap gap-2\" data-test=\"rolesToPick\">\n    <ng-container *ngFor=\"let role of rolesToPick\">\n      <gn-ui-button\n        extraClass=\"px-2 py-1.5\"\n        (buttonClick)=\"addRoleToDisplay(role)\"\n      >\n        <div class=\"flex flex-row gap-1 items-center\">\n          <span class=\"text-primary text-[20px] leading-[0] font-bold pb-[5px]\"\n            >&#8330;</span\n          >\n          <span class=\"font-bold\" translate>{{ roleToLabel(role) }}</span>\n        </div>\n      </gn-ui-button>\n    </ng-container>\n  </div>\n  <div\n    class=\"mt-8\"\n    *ngIf=\"\n      roleSectionsToDisplay && roleSectionsToDisplay.length > 0;\n      else noContact\n    \"\n    data-test=\"displayedRoles\"\n  >\n    <div\n      *ngFor=\"\n        let role of roleSectionsToDisplay;\n        let index = index;\n        let isLast = last\n      \"\n      class=\"flex flex-col gap-4\"\n    >\n      <div class=\"flex flex-row justify-between\">\n        <span class=\"font-bold text-base\" translate>{{\n          roleToLabel(role)\n        }}</span>\n      </div>\n\n      <gn-ui-autocomplete\n        [placeholder]=\"'Choose a contact'\"\n        [action]=\"autoCompleteAction\"\n        (itemSelected)=\"addContact($event, role)\"\n        [displayWithFn]=\"displayWithFn\"\n        [minCharacterCount]=\"1\"\n        [clearOnSelection]=\"true\"\n      >\n      </gn-ui-autocomplete>\n\n      <ng-container *ngIf=\"contactsForRessourceByRole.get(role) as contacts\">\n        <ng-container *ngIf=\"contacts.length > 1\">\n          <gn-ui-sortable-list\n            [elements]=\"contactsAsDynElemByRole.get(role)\"\n            (elementsChange)=\"handleContactsChanged($event)\"\n          ></gn-ui-sortable-list>\n        </ng-container>\n        <ng-container *ngIf=\"contacts.length === 1\">\n          <ng-container *ngFor=\"let contact of contacts\">\n            <gn-ui-contact-card\n              [contact]=\"contact\"\n              (contactRemoved)=\"removeContact(index)\"\n            ></gn-ui-contact-card> </ng-container\n        ></ng-container>\n      </ng-container>\n\n      <hr class=\"border-t-[#D6D3D1] mt-4 mb-6\" *ngIf=\"!isLast\" />\n    </div>\n  </div>\n  <ng-template #noContact>\n    <div\n      class=\"p-4 border border-primary bg-primary-lightest rounded-lg\"\n      translate\n    >\n      editor.record.form.field.contactsForResource.noContact\n    </div>\n  </ng-template>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: PlatformServiceInterface }, { type: OrganizationsServiceInterface }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { control: [{
+                type: Input
+            }] } });
+
+class FormFieldOpenDataComponent {
+    constructor() {
+        this.value = false;
+        this.visibilityChange = new EventEmitter();
+    }
+    get config() {
+        return OPEN_DATA_LICENSES;
+    }
+    ngOnInit() {
+        this.initToggle();
+        this.subscription = new Subscription();
+        this.subscription.add(this.control.valueChanges.subscribe((value) => {
+            this.value = this.config.includes(value[0].text);
+            this.visibilityChange.emit(this.value);
+        }));
+    }
+    initToggle() {
+        this.value = this.config.includes(this.control.value[0].text);
+        this.visibilityChange.emit(this.value);
+    }
+    onOpenDataToggled(boolean) {
+        if (boolean) {
+            this.control.setValue([{ text: this.config[0] }]);
+        }
+        this.value = !this.value;
+        this.visibilityChange.emit(boolean);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormFieldOpenDataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormFieldOpenDataComponent, isStandalone: true, selector: "gn-ui-form-field-open-data", inputs: { control: "control" }, outputs: { visibilityChange: "visibilityChange" }, ngImport: i0, template: "<gn-ui-check-toggle\n  [label]=\"'editor.record.form.classification.opendata' | translate\"\n  [value]=\"value\"\n  (toggled)=\"onOpenDataToggled($event)\"\n  data-cy=\"openDataToggle\"\n></gn-ui-check-toggle>\n", styles: [""], dependencies: [{ kind: "component", type: CheckToggleComponent, selector: "gn-ui-check-toggle", inputs: ["title", "label", "value", "color"], outputs: ["toggled"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormFieldOpenDataComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-form-field-open-data', standalone: true, imports: [CheckToggleComponent, TranslateModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<gn-ui-check-toggle\n  [label]=\"'editor.record.form.classification.opendata' | translate\"\n  [value]=\"value\"\n  (toggled)=\"onOpenDataToggled($event)\"\n  data-cy=\"openDataToggle\"\n></gn-ui-check-toggle>\n" }]
+        }], propDecorators: { control: [{
+                type: Input
+            }], visibilityChange: [{
+                type: Output
+            }] } });
+
 class FormFieldComponent {
     set value(v) {
         this.formControl.setValue(v, {
@@ -36145,6 +36624,7 @@ class FormFieldComponent {
     }
     constructor(facade) {
         this.facade = facade;
+        this.isHidden = false;
         this.metadataUuid$ = this.facade.record$.pipe(take(1), map$1((record) => record.uniqueIdentifier));
         this.formControl = new FormControl();
         this.valueChange = this.formControl.valueChanges;
@@ -36152,6 +36632,9 @@ class FormFieldComponent {
     focusTitleInput() {
         this.titleInput.nativeElement.children[0].focus();
     }
+    onVisibilityChange(visibility) {
+        this.isHidden = visibility;
+    }
     get isTitle() {
         return this.model === 'title';
     }
@@ -36185,11 +36668,17 @@ class FormFieldComponent {
     get isKeywords() {
         return this.model === 'keywords';
     }
+    get isContactsForResource() {
+        return this.model === 'contactsForResource';
+    }
     get withoutWrapper() {
         return this.model === 'title' || this.model === 'abstract';
     }
+    get isOpenData() {
+        return this.model === 'licenses';
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormFieldComponent, deps: [{ token: EditorFacade }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormFieldComponent, isStandalone: true, selector: "gn-ui-form-field", inputs: { model: "model", config: "config", value: "value" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "titleInput", first: true, predicate: ["titleInput"], descendants: true }], ngImport: i0, template: "<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 *ngIf=\"isTitle\">\n    <div class=\"flex justify-between items-center gap-3\">\n      <span\n        #titleInput\n        class=\"grow font-title text-3xl font-normal\"\n        [gnUiEditableLabel]=\"true\"\n        (editableLabelChanged)=\"formControl.setValue($event)\"\n      >\n        {{ formControl.value }}\n      </span>\n      <span\n        class=\"material-symbols-outlined gn-ui-icon-small m-2 cursor-pointer\"\n        (click)=\"focusTitleInput()\"\n        >edit</span\n      >\n      <span\n        class=\"material-symbols-outlined gn-ui-icon-small m-2\"\n        [matTooltip]=\"config.hintKey! | translate\"\n        matTooltipPosition=\"above\"\n      >\n        help\n      </span>\n    </div>\n  </ng-container>\n  <ng-container *ngIf=\"isAbstract\">\n    <gn-ui-form-field-rich\n      class=\"h-[8rem]\"\n      [control]=\"formControl\"\n      [label]=\"config.labelKey! | translate\"\n      [hint]=\"config.hintKey! | translate\"\n    ></gn-ui-form-field-rich>\n  </ng-container>\n  <ng-container *ngIf=\"isLicenses\">\n    <gn-ui-form-field-license\n      [control]=\"formControl\"\n      [label]=\"config.labelKey! | translate\"\n    ></gn-ui-form-field-license>\n  </ng-container>\n  <ng-container *ngIf=\"isResourceUpdated\">\n    <gn-ui-form-field-resource-updated\n      [control]=\"formControl\"\n    ></gn-ui-form-field-resource-updated>\n  </ng-container>\n  <ng-container *ngIf=\"isUpdateFrequency\">\n    <gn-ui-form-field-update-frequency\n      [control]=\"formControl\"\n    ></gn-ui-form-field-update-frequency>\n  </ng-container>\n  <ng-container *ngIf=\"isTemporalExtents\">\n    <gn-ui-form-field-temporal-extents\n      [control]=\"formControl\"\n    ></gn-ui-form-field-temporal-extents>\n  </ng-container>\n  <ng-container *ngIf=\"isSimpleField\">\n    <gn-ui-form-field-simple\n      type=\"text\"\n      [control]=\"formControl\"\n      [readonly]=\"isReadOnly\"\n    ></gn-ui-form-field-simple>\n  </ng-container>\n  <ng-container *ngIf=\"isSpatialExtentField\">\n    <gn-ui-form-field-spatial-extent></gn-ui-form-field-spatial-extent>\n  </ng-container>\n  <ng-container *ngIf=\"isGraphicOverview\">\n    <gn-ui-form-field-overviews\n      [control]=\"formControl\"\n      [metadataUuid]=\"metadataUuid$ | async\"\n    ></gn-ui-form-field-overviews>\n  </ng-container>\n  <ng-container *ngIf=\"isKeywords\">\n    <gn-ui-form-field-keywords\n      [control]=\"formControl\"\n    ></gn-ui-form-field-keywords>\n  </ng-container>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: EditableLabelDirective, selector: "[gnUiEditableLabel]", inputs: ["gnUiEditableLabel"], outputs: ["editableLabelChanged"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: FormFieldWrapperComponent, selector: "gn-ui-form-field-wrapper", inputs: ["label", "hint"] }, { kind: "component", type: FormFieldLicenseComponent, selector: "gn-ui-form-field-license", inputs: ["control", "label"] }, { kind: "component", type: FormFieldResourceUpdatedComponent, selector: "gn-ui-form-field-resource-updated", inputs: ["control"] }, { kind: "component", type: FormFieldUpdateFrequencyComponent, selector: "gn-ui-form-field-update-frequency", inputs: ["control"] }, { kind: "component", type: FormFieldTemporalExtentsComponent, selector: "gn-ui-form-field-temporal-extents", inputs: ["control"] }, { kind: "component", type: FormFieldSimpleComponent, selector: "gn-ui-form-field-simple", inputs: ["type", "control", "readonly", "invalid", "placeholder", "options"] }, { kind: "component", type: FormFieldRichComponent, selector: "gn-ui-form-field-rich", inputs: ["control", "label", "hint", "helperText", "placeholder"] }, { kind: "component", type: FormFieldSpatialExtentComponent, selector: "gn-ui-form-field-spatial-extent" }, { kind: "component", type: FormFieldKeywordsComponent, selector: "gn-ui-form-field-keywords", inputs: ["control"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "component", type: FormFieldOverviewsComponent, selector: "gn-ui-form-field-overviews", inputs: ["metadataUuid", "control"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormFieldComponent, isStandalone: true, selector: "gn-ui-form-field", inputs: { model: "model", config: "config", value: "value" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "titleInput", first: true, predicate: ["titleInput"], descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"isOpenData\">\n  <gn-ui-form-field-open-data\n    [control]=\"formControl\"\n    (visibilityChange)=\"onVisibilityChange($event)\"\n  ></gn-ui-form-field-open-data>\n</ng-container>\n<div class=\"flex flex-col h-full\" *ngIf=\"!isHidden\">\n  <ng-container *ngIf=\"withoutWrapper; else withGenericWrapper\">\n    <ng-container *ngTemplateOutlet=\"fieldContent\"></ng-container>\n  </ng-container>\n  <ng-template #withGenericWrapper>\n    <gn-ui-form-field-wrapper\n      [label]=\"config.labelKey! | translate\"\n      [hint]=\"config.hintKey! | translate\"\n    >\n      <ng-container *ngTemplateOutlet=\"fieldContent\"></ng-container>\n    </gn-ui-form-field-wrapper>\n  </ng-template>\n</div>\n\n<ng-template #fieldContent>\n  <ng-container *ngIf=\"isTitle\">\n    <div class=\"flex justify-between items-center gap-3\">\n      <span\n        #titleInput\n        class=\"grow font-title text-3xl font-normal\"\n        [gnUiEditableLabel]=\"true\"\n        (editableLabelChanged)=\"formControl.setValue($event)\"\n      >\n        {{ formControl.value }}\n      </span>\n      <span\n        class=\"material-symbols-outlined gn-ui-icon-small m-2 cursor-pointer\"\n        (click)=\"focusTitleInput()\"\n        >edit</span\n      >\n      <span\n        class=\"material-symbols-outlined gn-ui-icon-small m-2\"\n        [matTooltip]=\"config.hintKey! | translate\"\n        matTooltipPosition=\"above\"\n      >\n        help\n      </span>\n    </div>\n  </ng-container>\n  <ng-container *ngIf=\"isAbstract\">\n    <gn-ui-form-field-rich\n      class=\"h-[8rem]\"\n      [control]=\"formControl\"\n      [label]=\"config.labelKey! | translate\"\n      [hint]=\"config.hintKey! | translate\"\n    ></gn-ui-form-field-rich>\n  </ng-container>\n  <ng-container *ngIf=\"isLicenses\">\n    <gn-ui-form-field-license\n      [control]=\"formControl\"\n      [label]=\"config.labelKey! | translate\"\n    ></gn-ui-form-field-license>\n  </ng-container>\n  <ng-container *ngIf=\"isResourceUpdated\">\n    <gn-ui-form-field-resource-updated\n      [control]=\"formControl\"\n    ></gn-ui-form-field-resource-updated>\n  </ng-container>\n  <ng-container *ngIf=\"isUpdateFrequency\">\n    <gn-ui-form-field-update-frequency\n      [control]=\"formControl\"\n    ></gn-ui-form-field-update-frequency>\n  </ng-container>\n  <ng-container *ngIf=\"isTemporalExtents\">\n    <gn-ui-form-field-temporal-extents\n      [control]=\"formControl\"\n    ></gn-ui-form-field-temporal-extents>\n  </ng-container>\n  <ng-container *ngIf=\"isSimpleField\">\n    <gn-ui-form-field-simple\n      type=\"text\"\n      [control]=\"formControl\"\n      [readonly]=\"isReadOnly\"\n    ></gn-ui-form-field-simple>\n  </ng-container>\n  <ng-container *ngIf=\"isSpatialExtentField\">\n    <gn-ui-form-field-spatial-extent></gn-ui-form-field-spatial-extent>\n  </ng-container>\n  <ng-container *ngIf=\"isGraphicOverview\">\n    <gn-ui-form-field-overviews\n      [control]=\"formControl\"\n      [metadataUuid]=\"metadataUuid$ | async\"\n    ></gn-ui-form-field-overviews>\n  </ng-container>\n  <ng-container *ngIf=\"isKeywords\">\n    <gn-ui-form-field-keywords\n      [control]=\"formControl\"\n    ></gn-ui-form-field-keywords>\n  </ng-container>\n  <ng-container *ngIf=\"isContactsForResource\">\n    <gn-ui-form-field-contacts-for-resource\n      [control]=\"formControl\"\n    ></gn-ui-form-field-contacts-for-resource>\n  </ng-container>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: EditableLabelDirective, selector: "[gnUiEditableLabel]", inputs: ["gnUiEditableLabel"], outputs: ["editableLabelChanged"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: FormFieldWrapperComponent, selector: "gn-ui-form-field-wrapper", inputs: ["label", "hint"] }, { kind: "component", type: FormFieldLicenseComponent, selector: "gn-ui-form-field-license", inputs: ["control", "label"] }, { kind: "component", type: FormFieldResourceUpdatedComponent, selector: "gn-ui-form-field-resource-updated", inputs: ["control"] }, { kind: "component", type: FormFieldUpdateFrequencyComponent, selector: "gn-ui-form-field-update-frequency", inputs: ["control"] }, { kind: "component", type: FormFieldTemporalExtentsComponent, selector: "gn-ui-form-field-temporal-extents", inputs: ["control"] }, { kind: "component", type: FormFieldSimpleComponent, selector: "gn-ui-form-field-simple", inputs: ["type", "control", "readonly", "invalid", "placeholder", "options"] }, { kind: "component", type: FormFieldRichComponent, selector: "gn-ui-form-field-rich", inputs: ["control", "label", "hint", "helperText", "placeholder"] }, { kind: "component", type: FormFieldSpatialExtentComponent, selector: "gn-ui-form-field-spatial-extent" }, { kind: "component", type: FormFieldKeywordsComponent, selector: "gn-ui-form-field-keywords", inputs: ["control"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "component", type: FormFieldOverviewsComponent, selector: "gn-ui-form-field-overviews", inputs: ["metadataUuid", "control"] }, { kind: "component", type: FormFieldContactsForResourceComponent, selector: "gn-ui-form-field-contacts-for-resource", inputs: ["control"] }, { kind: "component", type: FormFieldOpenDataComponent, selector: "gn-ui-form-field-open-data", inputs: ["control"], outputs: ["visibilityChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormFieldComponent, decorators: [{
             type: Component,
@@ -36213,7 +36702,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         FormFieldKeywordsComponent,
                         TranslateModule,
                         FormFieldOverviewsComponent,
-                    ], template: "<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 *ngIf=\"isTitle\">\n    <div class=\"flex justify-between items-center gap-3\">\n      <span\n        #titleInput\n        class=\"grow font-title text-3xl font-normal\"\n        [gnUiEditableLabel]=\"true\"\n        (editableLabelChanged)=\"formControl.setValue($event)\"\n      >\n        {{ formControl.value }}\n      </span>\n      <span\n        class=\"material-symbols-outlined gn-ui-icon-small m-2 cursor-pointer\"\n        (click)=\"focusTitleInput()\"\n        >edit</span\n      >\n      <span\n        class=\"material-symbols-outlined gn-ui-icon-small m-2\"\n        [matTooltip]=\"config.hintKey! | translate\"\n        matTooltipPosition=\"above\"\n      >\n        help\n      </span>\n    </div>\n  </ng-container>\n  <ng-container *ngIf=\"isAbstract\">\n    <gn-ui-form-field-rich\n      class=\"h-[8rem]\"\n      [control]=\"formControl\"\n      [label]=\"config.labelKey! | translate\"\n      [hint]=\"config.hintKey! | translate\"\n    ></gn-ui-form-field-rich>\n  </ng-container>\n  <ng-container *ngIf=\"isLicenses\">\n    <gn-ui-form-field-license\n      [control]=\"formControl\"\n      [label]=\"config.labelKey! | translate\"\n    ></gn-ui-form-field-license>\n  </ng-container>\n  <ng-container *ngIf=\"isResourceUpdated\">\n    <gn-ui-form-field-resource-updated\n      [control]=\"formControl\"\n    ></gn-ui-form-field-resource-updated>\n  </ng-container>\n  <ng-container *ngIf=\"isUpdateFrequency\">\n    <gn-ui-form-field-update-frequency\n      [control]=\"formControl\"\n    ></gn-ui-form-field-update-frequency>\n  </ng-container>\n  <ng-container *ngIf=\"isTemporalExtents\">\n    <gn-ui-form-field-temporal-extents\n      [control]=\"formControl\"\n    ></gn-ui-form-field-temporal-extents>\n  </ng-container>\n  <ng-container *ngIf=\"isSimpleField\">\n    <gn-ui-form-field-simple\n      type=\"text\"\n      [control]=\"formControl\"\n      [readonly]=\"isReadOnly\"\n    ></gn-ui-form-field-simple>\n  </ng-container>\n  <ng-container *ngIf=\"isSpatialExtentField\">\n    <gn-ui-form-field-spatial-extent></gn-ui-form-field-spatial-extent>\n  </ng-container>\n  <ng-container *ngIf=\"isGraphicOverview\">\n    <gn-ui-form-field-overviews\n      [control]=\"formControl\"\n      [metadataUuid]=\"metadataUuid$ | async\"\n    ></gn-ui-form-field-overviews>\n  </ng-container>\n  <ng-container *ngIf=\"isKeywords\">\n    <gn-ui-form-field-keywords\n      [control]=\"formControl\"\n    ></gn-ui-form-field-keywords>\n  </ng-container>\n</ng-template>\n" }]
+                        FormFieldContactsForResourceComponent,
+                        FormFieldOpenDataComponent,
+                    ], template: "<ng-container *ngIf=\"isOpenData\">\n  <gn-ui-form-field-open-data\n    [control]=\"formControl\"\n    (visibilityChange)=\"onVisibilityChange($event)\"\n  ></gn-ui-form-field-open-data>\n</ng-container>\n<div class=\"flex flex-col h-full\" *ngIf=\"!isHidden\">\n  <ng-container *ngIf=\"withoutWrapper; else withGenericWrapper\">\n    <ng-container *ngTemplateOutlet=\"fieldContent\"></ng-container>\n  </ng-container>\n  <ng-template #withGenericWrapper>\n    <gn-ui-form-field-wrapper\n      [label]=\"config.labelKey! | translate\"\n      [hint]=\"config.hintKey! | translate\"\n    >\n      <ng-container *ngTemplateOutlet=\"fieldContent\"></ng-container>\n    </gn-ui-form-field-wrapper>\n  </ng-template>\n</div>\n\n<ng-template #fieldContent>\n  <ng-container *ngIf=\"isTitle\">\n    <div class=\"flex justify-between items-center gap-3\">\n      <span\n        #titleInput\n        class=\"grow font-title text-3xl font-normal\"\n        [gnUiEditableLabel]=\"true\"\n        (editableLabelChanged)=\"formControl.setValue($event)\"\n      >\n        {{ formControl.value }}\n      </span>\n      <span\n        class=\"material-symbols-outlined gn-ui-icon-small m-2 cursor-pointer\"\n        (click)=\"focusTitleInput()\"\n        >edit</span\n      >\n      <span\n        class=\"material-symbols-outlined gn-ui-icon-small m-2\"\n        [matTooltip]=\"config.hintKey! | translate\"\n        matTooltipPosition=\"above\"\n      >\n        help\n      </span>\n    </div>\n  </ng-container>\n  <ng-container *ngIf=\"isAbstract\">\n    <gn-ui-form-field-rich\n      class=\"h-[8rem]\"\n      [control]=\"formControl\"\n      [label]=\"config.labelKey! | translate\"\n      [hint]=\"config.hintKey! | translate\"\n    ></gn-ui-form-field-rich>\n  </ng-container>\n  <ng-container *ngIf=\"isLicenses\">\n    <gn-ui-form-field-license\n      [control]=\"formControl\"\n      [label]=\"config.labelKey! | translate\"\n    ></gn-ui-form-field-license>\n  </ng-container>\n  <ng-container *ngIf=\"isResourceUpdated\">\n    <gn-ui-form-field-resource-updated\n      [control]=\"formControl\"\n    ></gn-ui-form-field-resource-updated>\n  </ng-container>\n  <ng-container *ngIf=\"isUpdateFrequency\">\n    <gn-ui-form-field-update-frequency\n      [control]=\"formControl\"\n    ></gn-ui-form-field-update-frequency>\n  </ng-container>\n  <ng-container *ngIf=\"isTemporalExtents\">\n    <gn-ui-form-field-temporal-extents\n      [control]=\"formControl\"\n    ></gn-ui-form-field-temporal-extents>\n  </ng-container>\n  <ng-container *ngIf=\"isSimpleField\">\n    <gn-ui-form-field-simple\n      type=\"text\"\n      [control]=\"formControl\"\n      [readonly]=\"isReadOnly\"\n    ></gn-ui-form-field-simple>\n  </ng-container>\n  <ng-container *ngIf=\"isSpatialExtentField\">\n    <gn-ui-form-field-spatial-extent></gn-ui-form-field-spatial-extent>\n  </ng-container>\n  <ng-container *ngIf=\"isGraphicOverview\">\n    <gn-ui-form-field-overviews\n      [control]=\"formControl\"\n      [metadataUuid]=\"metadataUuid$ | async\"\n    ></gn-ui-form-field-overviews>\n  </ng-container>\n  <ng-container *ngIf=\"isKeywords\">\n    <gn-ui-form-field-keywords\n      [control]=\"formControl\"\n    ></gn-ui-form-field-keywords>\n  </ng-container>\n  <ng-container *ngIf=\"isContactsForResource\">\n    <gn-ui-form-field-contacts-for-resource\n      [control]=\"formControl\"\n    ></gn-ui-form-field-contacts-for-resource>\n  </ng-container>\n</ng-template>\n" }]
         }], ctorParameters: function () { return [{ type: EditorFacade }]; }, propDecorators: { model: [{
                 type: Input
             }], config: [{
@@ -36244,11 +36735,11 @@ class RecordFormComponent {
         return section.labelKey;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RecordFormComponent, deps: [{ token: EditorFacade }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RecordFormComponent, isStandalone: true, selector: "gn-ui-record-form", ngImport: i0, template: "<ng-container>\n  <div class=\"flex flex-col gap-6 p-8\">\n    <ng-container\n      *ngFor=\"\n        let section of facade.currentSections$ | async;\n        trackBy: sectionTracker\n      \"\n    >\n      <ng-container *ngIf=\"!section.hidden\">\n        <div class=\"flex flex-col gap-8 border p-8 rounded-[8px] shadow\">\n          <div\n            class=\"flex flex-col gap-2\"\n            [ngClass]=\"section.labelKey ? 'mb-4' : 'hidden'\"\n          >\n            <div\n              *ngIf=\"section.labelKey\"\n              class=\"text-2xl font-petrona text-secondary\"\n              translate\n            >\n              {{ section.labelKey }}\n            </div>\n            <div\n              *ngIf=\"section.descriptionKey\"\n              class=\"text-secondary-lightest\"\n              translate\n            >\n              {{ section.descriptionKey }}\n            </div>\n          </div>\n          <ng-container\n            *ngFor=\"\n              let field of section.fieldsWithValues;\n              trackBy: fieldTracker\n            \"\n          >\n            <ng-container *ngIf=\"!field.config.hidden\">\n              <gn-ui-form-field\n                [model]=\"field.config.model!\"\n                [config]=\"field.config.formFieldConfig\"\n                [value]=\"field.value\"\n                (valueChange)=\"\n                  handleFieldValueChange(field.config.model!, $event)\n                \"\n              ></gn-ui-form-field>\n            </ng-container>\n          </ng-container>\n        </div>\n      </ng-container>\n    </ng-container>\n  </div>\n</ng-container>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "component", type: FormFieldComponent, selector: "gn-ui-form-field", inputs: ["model", "config", "value"], outputs: ["valueChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RecordFormComponent, isStandalone: true, selector: "gn-ui-record-form", ngImport: i0, template: "<ng-container>\n  <div class=\"flex flex-col gap-6 p-8\">\n    <ng-container\n      *ngFor=\"\n        let section of facade.currentSections$ | async;\n        trackBy: sectionTracker\n      \"\n    >\n      <ng-container *ngIf=\"!section.hidden\">\n        <div class=\"flex flex-col gap-8 border p-8 rounded-[8px] shadow\">\n          <div\n            class=\"flex flex-col gap-2\"\n            [ngClass]=\"section.labelKey ? 'mb-4' : 'hidden'\"\n          >\n            <div\n              *ngIf=\"section.labelKey\"\n              class=\"text-2xl font-title text-secondary\"\n              translate\n            >\n              {{ section.labelKey }}\n            </div>\n            <div\n              *ngIf=\"section.descriptionKey\"\n              class=\"text-secondary-lightest\"\n              translate\n            >\n              {{ section.descriptionKey }}\n            </div>\n          </div>\n          <ng-container\n            *ngFor=\"\n              let field of section.fieldsWithValues;\n              trackBy: fieldTracker\n            \"\n          >\n            <ng-container *ngIf=\"!field.config.hidden\">\n              <gn-ui-form-field\n                [model]=\"field.config.model!\"\n                [config]=\"field.config.formFieldConfig\"\n                [value]=\"field.value\"\n                (valueChange)=\"\n                  handleFieldValueChange(field.config.model!, $event)\n                \"\n              ></gn-ui-form-field>\n            </ng-container>\n          </ng-container>\n        </div>\n      </ng-container>\n    </ng-container>\n  </div>\n</ng-container>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "component", type: FormFieldComponent, selector: "gn-ui-form-field", inputs: ["model", "config", "value"], outputs: ["valueChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RecordFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-record-form', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, FormFieldComponent, TranslateModule], template: "<ng-container>\n  <div class=\"flex flex-col gap-6 p-8\">\n    <ng-container\n      *ngFor=\"\n        let section of facade.currentSections$ | async;\n        trackBy: sectionTracker\n      \"\n    >\n      <ng-container *ngIf=\"!section.hidden\">\n        <div class=\"flex flex-col gap-8 border p-8 rounded-[8px] shadow\">\n          <div\n            class=\"flex flex-col gap-2\"\n            [ngClass]=\"section.labelKey ? 'mb-4' : 'hidden'\"\n          >\n            <div\n              *ngIf=\"section.labelKey\"\n              class=\"text-2xl font-petrona text-secondary\"\n              translate\n            >\n              {{ section.labelKey }}\n            </div>\n            <div\n              *ngIf=\"section.descriptionKey\"\n              class=\"text-secondary-lightest\"\n              translate\n            >\n              {{ section.descriptionKey }}\n            </div>\n          </div>\n          <ng-container\n            *ngFor=\"\n              let field of section.fieldsWithValues;\n              trackBy: fieldTracker\n            \"\n          >\n            <ng-container *ngIf=\"!field.config.hidden\">\n              <gn-ui-form-field\n                [model]=\"field.config.model!\"\n                [config]=\"field.config.formFieldConfig\"\n                [value]=\"field.value\"\n                (valueChange)=\"\n                  handleFieldValueChange(field.config.model!, $event)\n                \"\n              ></gn-ui-form-field>\n            </ng-container>\n          </ng-container>\n        </div>\n      </ng-container>\n    </ng-container>\n  </div>\n</ng-container>\n" }]
+            args: [{ selector: 'gn-ui-record-form', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, FormFieldComponent, TranslateModule], template: "<ng-container>\n  <div class=\"flex flex-col gap-6 p-8\">\n    <ng-container\n      *ngFor=\"\n        let section of facade.currentSections$ | async;\n        trackBy: sectionTracker\n      \"\n    >\n      <ng-container *ngIf=\"!section.hidden\">\n        <div class=\"flex flex-col gap-8 border p-8 rounded-[8px] shadow\">\n          <div\n            class=\"flex flex-col gap-2\"\n            [ngClass]=\"section.labelKey ? 'mb-4' : 'hidden'\"\n          >\n            <div\n              *ngIf=\"section.labelKey\"\n              class=\"text-2xl font-title text-secondary\"\n              translate\n            >\n              {{ section.labelKey }}\n            </div>\n            <div\n              *ngIf=\"section.descriptionKey\"\n              class=\"text-secondary-lightest\"\n              translate\n            >\n              {{ section.descriptionKey }}\n            </div>\n          </div>\n          <ng-container\n            *ngFor=\"\n              let field of section.fieldsWithValues;\n              trackBy: fieldTracker\n            \"\n          >\n            <ng-container *ngIf=\"!field.config.hidden\">\n              <gn-ui-form-field\n                [model]=\"field.config.model!\"\n                [config]=\"field.config.formFieldConfig\"\n                [value]=\"field.value\"\n                (valueChange)=\"\n                  handleFieldValueChange(field.config.model!, $event)\n                \"\n              ></gn-ui-form-field>\n            </ng-container>\n          </ng-container>\n        </div>\n      </ng-container>\n    </ng-container>\n  </div>\n</ng-container>\n" }]
         }], ctorParameters: function () { return [{ type: EditorFacade }]; } });
 
 const ROUTER_STATE_KEY = 'router';