geonetwork-ui 2.6.0-dev.600519f47 → 2.6.0-dev.6e0b3d33d

package/fesm2022/geonetwork-ui.mjs

@@ -7,17 +7,17 @@ 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';
-import { InjectionToken, Injectable, Optional, Inject, NgModule, SkipSelf, Directive, Input, HostListener, HostBinding, Component, EventEmitter, ChangeDetectionStrategy, ViewChild, Output, ContentChild, ContentChildren, TemplateRef, Host, ElementRef, ViewChildren, ViewContainerRef, ViewEncapsulation, Pipe, inject } from '@angular/core';
+import { InjectionToken, Injectable, Optional, Inject, NgModule, SkipSelf, Directive, Input, HostListener, HostBinding, Component, EventEmitter, ChangeDetectionStrategy, ViewChild, Output, TemplateRef, ElementRef, ViewChildren, ContentChild, ContentChildren, Host, ViewContainerRef, ViewEncapsulation, Pipe, inject } from '@angular/core';
 import * as i1 from '@angular/common/http';
 import { HttpHeaders, HttpParams, HttpClient, HttpClientModule, HTTP_INTERCEPTORS, HttpEventType, HttpClientXsrfModule } from '@angular/common/http';
 import * as i1$1 from '@ngx-translate/core';
 import { TranslateCompiler, TranslateLoader, TranslateModule, TranslateService } from '@ngx-translate/core';
 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, delay, first as first$1, share, pairwise, defaultIfEmpty, toArray } from 'rxjs/operators';
+import { map as map$1, shareReplay, catchError, tap as tap$1, filter, startWith, withLatestFrom, switchMap as switchMap$1, take, mergeMap, distinctUntilChanged, debounceTime, finalize, throttleTime, delay, first as first$1, share, pairwise, defaultIfEmpty, toArray } from 'rxjs/operators';
 import * as i1$2 from '@angular/common';
-import { CommonModule, NgSwitch, NgSwitchCase, NgSwitchDefault, NgClass, NgIf, NgTemplateOutlet, NgOptimizedImage, DatePipe } from '@angular/common';
-import { of, map as map$2, lastValueFrom, Subject, switchMap, combineLatest, from, exhaustMap, throwError, forkJoin, takeLast, firstValueFrom, merge, BehaviorSubject, fromEvent, animationFrameScheduler, ReplaySubject, Subscription, first, distinctUntilChanged as distinctUntilChanged$1, timer, filter as filter$1, tap as tap$2, Observable, buffer, debounceTime as debounceTime$1, combineLatestWith, startWith as startWith$1, catchError as catchError$1, takeUntil, EMPTY, mergeMap as mergeMap$1, withLatestFrom as withLatestFrom$1, shareReplay as shareReplay$1, pairwise as pairwise$1 } from 'rxjs';
+import { CommonModule, NgSwitch, NgSwitchCase, NgSwitchDefault, NgIf, NgClass, NgTemplateOutlet, NgOptimizedImage, DatePipe } from '@angular/common';
+import { of, map as map$2, lastValueFrom, Subject, switchMap, combineLatest, from, exhaustMap, throwError, forkJoin, takeLast, firstValueFrom, merge, BehaviorSubject, ReplaySubject, Subscription, first, distinctUntilChanged as distinctUntilChanged$1, fromEvent, animationFrameScheduler, timer, filter as filter$1, take as take$1, tap as tap$2, Observable, buffer, debounceTime as debounceTime$1, combineLatestWith, startWith as startWith$1, catchError as catchError$1, takeUntil, EMPTY, mergeMap as mergeMap$1, withLatestFrom as withLatestFrom$1, shareReplay as shareReplay$1, pairwise as pairwise$1 } from 'rxjs';
 import { lt, valid, coerce, satisfies, ltr } from 'semver';
 import chroma from 'chroma-js';
 import { WmtsEndpoint, WmsEndpoint, WfsEndpoint, OgcApiEndpoint, sharedFetch, useCache, TmsEndpoint } from '@camptocamp/ogc-client';
@@ -25,12 +25,11 @@ import * as i1$3 from '@ngrx/store';
 import { createAction, props, createReducer, on, createFeatureSelector, createSelector, select, StoreModule, Store } from '@ngrx/store';
 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, iconoirLongArrowDownLeft, iconoirCalendar, iconoirLink, iconoirArrowUp, iconoirCloudUpload, iconoirFramePlusIn, iconoirExpand, iconoirReduce, iconoirAppleWallet, iconoirAppleShortcuts, iconoirCode, iconoirCreditCard, iconoirInternet, iconoirSettings, iconoirDownload, iconoirMediaImage, iconoirMediaImageXmark, iconoirBin, iconoirPlus, iconoirUser, iconoirLock, iconoirTranslate, iconoirImport, iconoirLightBulbOn, iconoirArrowLeft, iconoirAttachment, iconoirRefresh, iconoirCheckCircle, iconoirCircle } from '@ng-icons/iconoir';
-import { matExpandMore, matExpandLess, matAdd, matRemove, matClose, matContentCopy, matSearch, matStar, matStarBorder, matChevronLeft, matChevronRight, matArrowBackIos, matArrowForwardIos, matCheck, matWarningAmber, matFace, matQuestionMark, matMoodBad, matZoomOutMap, matOpenInNew, matMailOutline, matPersonOutline, matCheckCircleOutline, matWarning, matMoreVert, matCorporateFare } from '@ng-icons/material-icons/baseline';
-import * as i3 from '@angular/material/tooltip';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { moveItemInArray, CdkDropList, CdkDrag, CdkDragHandle } from '@angular/cdk/drag-drop';
+import { provideIcons, NgIconComponent, provideNgIconsConfig, NgIcon, NgIconsModule } from '@ng-icons/core';
+import { iconoirNavArrowRight, iconoirNavArrowLeft, iconoirSearch, iconoirLongArrowDownLeft, iconoirCalendar, iconoirLink, iconoirArrowUp, iconoirCloudUpload, iconoirFramePlusIn, iconoirReduce, iconoirNavArrowDown, iconoirNavArrowUp, iconoirExpand, iconoirAppleWallet, iconoirAppleShortcuts, iconoirCode, iconoirCreditCard, iconoirInternet, iconoirSettings, iconoirDownload, iconoirMediaImage, iconoirMediaImageXmark, iconoirBin, iconoirPlus, iconoirList, iconoirUser, iconoirLock, iconoirTranslate, iconoirImport, iconoirLightBulbOn, iconoirArrowLeft, iconoirAttachment, iconoirRefresh, iconoirCheckCircle, iconoirCircle } from '@ng-icons/iconoir';
+import { MatButtonModule } from '@angular/material/button';
+import * as i1$8 from '@angular/cdk/overlay';
+import { CdkConnectedOverlay, OverlayModule, CdkOverlayOrigin } from '@angular/cdk/overlay';
 import * as i2$1 from '@angular/forms';
 import { FormsModule, ReactiveFormsModule, UntypedFormControl } from '@angular/forms';
 import * as i1$5 from '@angular/material/autocomplete';
@@ -42,21 +41,22 @@ import * as i1$4 from '@angular/material/progress-spinner';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import tippy from 'tippy.js';
 import { matErrorOutlineOutline, matLocationSearchingOutline, matInfoOutline, matEmailOutline, matPhoneOutline, matLocationOnOutline, matComputerOutline, matCallOutline, matSwipeOutline, matMailOutline as matMailOutline$1, matWarningAmberOutline, matCloseOutline, matSendOutline, matMapOutline, matCloudDownloadOutline, matHomeWorkOutline, matLayersOutline, matAddCircleOutlineOutline, matMoreHorizOutline } from '@ng-icons/material-icons/outline';
+import { matClose, matContentCopy, matExpandMore, matExpandLess, matSearch, matStar, matStarBorder, matAdd, matRemove, matChevronLeft, matChevronRight, matArrowBackIos, matArrowForwardIos, matCheck, matWarningAmber, matFace, matQuestionMark, matMoodBad, matZoomOutMap, matOpenInNew, matMailOutline, matPersonOutline, matCheckCircleOutline, matWarning, matMoreVert, matCorporateFare } from '@ng-icons/material-icons/baseline';
 import * as i2 from '@angular/material/core';
 import { MatNativeDateModule, MAT_DATE_LOCALE, DateAdapter, MAT_DATE_FORMATS } from '@angular/material/core';
 import * as i1$6 from '@angular/material/checkbox';
 import { MatCheckboxModule } from '@angular/material/checkbox';
+import * as i3 from '@angular/material/tooltip';
+import { MatTooltipModule } from '@angular/material/tooltip';
 import * as i1$7 from '@angular/material/datepicker';
 import { MatDatepickerModule } from '@angular/material/datepicker';
-import * as i1$8 from '@angular/cdk/overlay';
-import { CdkConnectedOverlay, OverlayModule, CdkOverlayOrigin } from '@angular/cdk/overlay';
 import * as i1$9 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 { moveItemInArray, CdkDropList, CdkDrag, CdkDragHandle } from '@angular/cdk/drag-drop';
 import * as i1$a from '@angular/material/dialog';
 import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
-import { MatButtonModule } from '@angular/material/button';
 import * as i2$3 from '@angular/material/tabs';
 import { MatTabsModule } from '@angular/material/tabs';
 import * as i1$c from '@angular/router';
@@ -72,6 +72,8 @@ import { mouseOnly, noModifierKeys, primaryAction, platformModifierKeyOnly } fro
 import { Polygon } from 'ol/geom';
 import { formatDistance } from 'date-fns/formatDistance';
 import { enUS, sk, pt as pt$1, nl as nl$1, it as it$1, es as es$1, de as de$1, fr as fr$1 } from 'date-fns/locale';
+import * as i3$2 from '@angular/cdk/scrolling';
+import { ScrollingModule, CdkScrollable } from '@angular/cdk/scrolling';
 import { MatMenuTrigger, MatMenuModule } from '@angular/material/menu';
 import { TemplatePortal } from '@angular/cdk/portal';
 import * as i1$b from '@ngrx/effects';
@@ -89,8 +91,7 @@ import { parseISO } from 'date-fns/parseISO';
 import { WFS, GeoJSON as GeoJSON$1 } from 'ol/format';
 import { tablerFolderOpen } from '@ng-icons/tabler-icons';
 import { Chart, BarController, BarElement, CategoryScale, LinearScale, LineController, LineElement, PointElement, PieController, ArcElement, ScatterController, Tooltip, Colors, Legend } from 'chart.js';
-import { ScrollingModule } from '@angular/cdk/scrolling';
-import * as i3$2 from '@angular/material/sort';
+import * as i3$3 from '@angular/material/sort';
 import { MatSort, MatSortModule } from '@angular/material/sort';
 import * as i2$4 from '@angular/material/table';
 import { MatTableModule } from '@angular/material/table';
@@ -105,7 +106,7 @@ import { MatRadioModule } from '@angular/material/radio';
 import { MatIconModule } from '@angular/material/icon';
 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$4 from '@ngrx/router-store';
 import { getRouterSelectors, routerReducer, StoreRouterConnectingModule, FullRouterStateSerializer } from '@ngrx/router-store';
 import { navigation } from '@ngrx/router-store/data-persistence';
 
@@ -18917,8 +18918,9 @@ var de = {
 	"editor.record.loadError.body": "Der Datensatz konnte nicht geladen werden:",
 	"editor.record.loadError.closeMessage": "Verstanden",
 	"editor.record.loadError.title": "Fehler beim Laden des Datensatzes",
-	"editor.record.lock.format": "",
-	"editor.record.lock.reason": "",
+	"editor.record.lock.harvested": "",
+	"editor.record.lock.owner": "",
+	"editor.record.lock.resourceType": "",
 	"editor.record.multilingual.confirmation.cancelText": "",
 	"editor.record.multilingual.confirmation.confirmText": "",
 	"editor.record.multilingual.confirmation.message": "",
@@ -18969,6 +18971,11 @@ var de = {
 	"facets.block.title.tag.default": "Stichwort",
 	"facets.block.title.th_regions_tree.default": "Regionen",
 	"favorite.not.authenticated.tooltip": "<div><a href=' {link} '>Anmelden</a>, um auf diese Funktion zuzugreifen</div>",
+	"feature.catalog.attribute.code": "Code",
+	"feature.catalog.attribute.definition": "Beschreibung",
+	"feature.catalog.attribute.name": "Name",
+	"feature.catalog.attribute.type": "Typ",
+	"feature.catalog.attribute.values": "Werte",
 	"input.file.dropFileLabel": "",
 	"input.file.orInputUrl": "",
 	"input.file.selectFileLabel": "",
@@ -19106,9 +19113,15 @@ var de = {
 	"record.metadata.download": "Downloads",
 	"record.metadata.feature.catalog": "",
 	"record.metadata.formats": "Formate",
+	"record.metadata.isGeographical": "Geographischer Datensatz",
 	"record.metadata.keywords": "Stichworte",
 	"record.metadata.languages": "Sprachen",
 	"record.metadata.lastUpdate": "Zuletzt aktualisiert am {date}",
+	"record.metadata.linked.datasets": "Verknüpfte Datensätze",
+	"record.metadata.linked.records": "Verknüpfte Inhalte",
+	"record.metadata.linked.reuses": "Verknüpfte Wiederverwendungen",
+	"record.metadata.linked.services": "Verknüpfte Dienste",
+	"record.metadata.linked.sourceDatasets": "Quelldatensätze",
 	"record.metadata.links": "Links",
 	"record.metadata.noUsage": "Für diesen Datensatz sind keine Nutzungsbedingungen angegeben.",
 	"record.metadata.otherConstraints": "Zusätzliche Bedingungen",
@@ -19135,8 +19148,7 @@ var de = {
 	"record.metadata.quality.topic.success": "Thema angegeben",
 	"record.metadata.quality.updateFrequency.failed": "Aktualisierungsfrequenz nicht angegeben",
 	"record.metadata.quality.updateFrequency.success": "Aktualisierungsfrequenz angegeben",
-	"record.metadata.related": "Ähnliche Datensätze",
-	"record.metadata.related.contents": "",
+	"record.metadata.related": "Entdecken Sie den Katalog",
 	"record.metadata.ressources.and.links": "Ressourcen und Links",
 	"record.metadata.sheet": "Weitere Informationen verfügbar unter:",
 	"record.metadata.status": "Status",
@@ -19148,7 +19160,6 @@ var de = {
 	"record.metadata.temporalExtent.untilDate": "Bis {end}",
 	"record.metadata.title": "Titel",
 	"record.metadata.topics": "Kategorien",
-	"record.metadata.isGeographical": "Geographischer Datensatz",
 	"record.metadata.uniqueId": "Eindeutige Kennung",
 	"record.metadata.updateFrequency": "Aktualisierungsfrequenz der Daten",
 	"record.metadata.updatedOn": "Geändert am",
@@ -19268,7 +19279,6 @@ var de = {
 	"tooltip.html.copy": "HTML kopieren",
 	"tooltip.id.copy": "Eindeutige Kennung kopieren",
 	"tooltip.url.copy": "URL kopieren",
-	"tooltip.url.open": "URL öffnen",
 	"ui.readLess": "Weniger lesen",
 	"ui.readMore": "Weiterlesen",
 	"wfs.feature.limit": "Zu viele Features, um den WFS-Layer anzuzeigen!",
@@ -19526,8 +19536,9 @@ var en = {
 	"editor.record.loadError.body": "The dataset could not be loaded:",
 	"editor.record.loadError.closeMessage": "Understood",
 	"editor.record.loadError.title": "Error loading dataset",
-	"editor.record.lock.format": "Record with the format 'service' or 'reuse' are not editable",
-	"editor.record.lock.reason": "You are not an editor of the allowed groups",
+	"editor.record.lock.harvested": "Datasets harvested from an external catalog are not editable",
+	"editor.record.lock.owner": "You are not an editor of the allowed groups",
+	"editor.record.lock.resourceType": "Records of a type other than dataset are not editable",
 	"editor.record.multilingual.confirmation.cancelText": "Keep the language(s)",
 	"editor.record.multilingual.confirmation.confirmText": "Remove the language(s)",
 	"editor.record.multilingual.confirmation.message": "You are about to remove one or several languages, which will delete all of the related translations and is irreversible. Do you want to proceed?",
@@ -19578,6 +19589,11 @@ var en = {
 	"facets.block.title.tag.default": "Tag",
 	"facets.block.title.th_regions_tree.default": "Regions",
 	"favorite.not.authenticated.tooltip": "<div><a href=' {link} '>Login</a> to access this feature</div>",
+	"feature.catalog.attribute.code": "Code",
+	"feature.catalog.attribute.definition": "Description",
+	"feature.catalog.attribute.name": "Name",
+	"feature.catalog.attribute.type": "Type",
+	"feature.catalog.attribute.values": "Values",
 	"input.file.dropFileLabel": "or drop it here",
 	"input.file.orInputUrl": "or create a link to an external resource",
 	"input.file.selectFileLabel": "Select a file ({sizeMB} MB max.)",
@@ -19715,9 +19731,15 @@ var en = {
 	"record.metadata.download": "Downloads",
 	"record.metadata.feature.catalog": "Feature catalog",
 	"record.metadata.formats": "Formats",
+	"record.metadata.isGeographical": "Geographical dataset",
 	"record.metadata.keywords": "Keywords",
 	"record.metadata.languages": "Languages",
 	"record.metadata.lastUpdate": "Last updated on {date}",
+	"record.metadata.linked.datasets": "Associated datasets",
+	"record.metadata.linked.records": "Associated content",
+	"record.metadata.linked.reuses": "Associated reuses",
+	"record.metadata.linked.services": "Associated services",
+	"record.metadata.linked.sourceDatasets": "Source datasets",
 	"record.metadata.links": "Links",
 	"record.metadata.noUsage": "No usage conditions specified for this dataset.",
 	"record.metadata.otherConstraints": "Additional Conditions",
@@ -19744,8 +19766,7 @@ var en = {
 	"record.metadata.quality.topic.success": "Topic is specified",
 	"record.metadata.quality.updateFrequency.failed": "Update frequency is not specified",
 	"record.metadata.quality.updateFrequency.success": "Update frequency is specified",
-	"record.metadata.related": "Related records",
-	"record.metadata.related.contents": "Related content",
+	"record.metadata.related": "Explore the catalog",
 	"record.metadata.ressources.and.links": "Resources and links",
 	"record.metadata.sheet": "Original metadata",
 	"record.metadata.status": "Status",
@@ -19757,7 +19778,6 @@ var en = {
 	"record.metadata.temporalExtent.untilDate": "Until { end }",
 	"record.metadata.title": "Title",
 	"record.metadata.topics": "Categories",
-	"record.metadata.isGeographical": "Geographical dataset",
 	"record.metadata.uniqueId": "Unique Identifier",
 	"record.metadata.updateFrequency": "Data Update Frequency",
 	"record.metadata.updatedOn": "Updated on",
@@ -19877,7 +19897,6 @@ var en = {
 	"tooltip.html.copy": "Copy HTML",
 	"tooltip.id.copy": "Copy unique identifier",
 	"tooltip.url.copy": "Copy URL",
-	"tooltip.url.open": "Open URL",
 	"ui.readLess": "Read less",
 	"ui.readMore": "Read more",
 	"wfs.feature.limit": "Too many features to display the WFS layer!",
@@ -20135,8 +20154,9 @@ var es = {
 	"editor.record.loadError.body": "",
 	"editor.record.loadError.closeMessage": "",
 	"editor.record.loadError.title": "",
-	"editor.record.lock.format": "",
-	"editor.record.lock.reason": "",
+	"editor.record.lock.harvested": "",
+	"editor.record.lock.owner": "",
+	"editor.record.lock.resourceType": "",
 	"editor.record.multilingual.confirmation.cancelText": "",
 	"editor.record.multilingual.confirmation.confirmText": "",
 	"editor.record.multilingual.confirmation.message": "",
@@ -20187,6 +20207,11 @@ var es = {
 	"facets.block.title.tag.default": "",
 	"facets.block.title.th_regions_tree.default": "",
 	"favorite.not.authenticated.tooltip": "",
+	"feature.catalog.attribute.code": "Código",
+	"feature.catalog.attribute.definition": "Descripción",
+	"feature.catalog.attribute.name": "Nombre",
+	"feature.catalog.attribute.type": "Tipo",
+	"feature.catalog.attribute.values": "Valores",
 	"input.file.dropFileLabel": "",
 	"input.file.orInputUrl": "",
 	"input.file.selectFileLabel": "",
@@ -20324,9 +20349,15 @@ var es = {
 	"record.metadata.download": "",
 	"record.metadata.feature.catalog": "",
 	"record.metadata.formats": "",
+	"record.metadata.isGeographical": "",
 	"record.metadata.keywords": "",
 	"record.metadata.languages": "",
 	"record.metadata.lastUpdate": "",
+	"record.metadata.linked.datasets": "",
+	"record.metadata.linked.records": "",
+	"record.metadata.linked.reuses": "",
+	"record.metadata.linked.services": "",
+	"record.metadata.linked.sourceDatasets": "",
 	"record.metadata.links": "",
 	"record.metadata.noUsage": "",
 	"record.metadata.otherConstraints": "",
@@ -20354,7 +20385,6 @@ var es = {
 	"record.metadata.quality.updateFrequency.failed": "",
 	"record.metadata.quality.updateFrequency.success": "",
 	"record.metadata.related": "",
-	"record.metadata.related.contents": "",
 	"record.metadata.ressources.and.links": "Recursos y enlaces",
 	"record.metadata.sheet": "",
 	"record.metadata.status": "",
@@ -20366,7 +20396,6 @@ var es = {
 	"record.metadata.temporalExtent.untilDate": "",
 	"record.metadata.title": "",
 	"record.metadata.topics": "",
-	"record.metadata.isGeographical": "",
 	"record.metadata.uniqueId": "",
 	"record.metadata.updateFrequency": "",
 	"record.metadata.updatedOn": "",
@@ -20486,7 +20515,6 @@ var es = {
 	"tooltip.html.copy": "",
 	"tooltip.id.copy": "",
 	"tooltip.url.copy": "",
-	"tooltip.url.open": "",
 	"ui.readLess": "",
 	"ui.readMore": "",
 	"wfs.feature.limit": "",
@@ -20744,8 +20772,9 @@ var fr = {
 	"editor.record.loadError.body": "Le jeu de données n'a pas pu être chargé :",
 	"editor.record.loadError.closeMessage": "Compris",
 	"editor.record.loadError.title": "Erreur lors du chargement",
-	"editor.record.lock.format": "Les jeux de données de type 'service' et 'reuse' ne sont pas éditables",
-	"editor.record.lock.reason": "Vous n'êtes pas éditeur d'un des groupes autorisés.",
+	"editor.record.lock.harvested": "Les jeux de données moissonnés ne sont pas éditables",
+	"editor.record.lock.owner": "Vous n'êtes pas éditeur d'un des groupes autorisés",
+	"editor.record.lock.resourceType": "Les fiches d'un type autre que jeu de données ne sont pas éditables",
 	"editor.record.multilingual.confirmation.cancelText": "Garder le(s) language(s)",
 	"editor.record.multilingual.confirmation.confirmText": "Supprimer le(s) language(s)",
 	"editor.record.multilingual.confirmation.message": "Vous allez supprimer un ou plusieurs languages, ce qui supprimera toutes les traductions qui y sont liées et est irréversible. Voulez-vous procéder ?",
@@ -20796,6 +20825,11 @@ var fr = {
 	"facets.block.title.tag.default": "Tag",
 	"facets.block.title.th_regions_tree.default": "Régions",
 	"favorite.not.authenticated.tooltip": "<div><a href=' {link} '>Connectez-vous</a> pour avoir accès à cette fonctionnalité</div>",
+	"feature.catalog.attribute.code": "Code",
+	"feature.catalog.attribute.definition": "Description",
+	"feature.catalog.attribute.name": "Nom",
+	"feature.catalog.attribute.type": "Type",
+	"feature.catalog.attribute.values": "Valeurs",
 	"input.file.dropFileLabel": "ou glissez-le ici",
 	"input.file.orInputUrl": "ou créez un lien vers une ressource externe",
 	"input.file.selectFileLabel": "Sélectionnez un fichier ({sizeMB} Mo max.)",
@@ -20933,9 +20967,15 @@ var fr = {
 	"record.metadata.download": "Téléchargements",
 	"record.metadata.feature.catalog": "Catalogue d'attributs",
 	"record.metadata.formats": "Formats",
+	"record.metadata.isGeographical": "Donnée géographique",
 	"record.metadata.keywords": "Mots-clés",
 	"record.metadata.languages": "Langues",
 	"record.metadata.lastUpdate": "Mis à jour le {date}",
+	"record.metadata.linked.datasets": "Jeux de données associés",
+	"record.metadata.linked.records": "Contenus associés",
+	"record.metadata.linked.reuses": "Réutilisations associées",
+	"record.metadata.linked.services": "Services associés",
+	"record.metadata.linked.sourceDatasets": "Jeux de données sources",
 	"record.metadata.links": "Liens",
 	"record.metadata.noUsage": "Aucune condition d'utilisation spécifiée pour ces données",
 	"record.metadata.otherConstraints": "Limitations d'usage",
@@ -20962,8 +21002,7 @@ var fr = {
 	"record.metadata.quality.topic.success": "Le thème est renseigné",
 	"record.metadata.quality.updateFrequency.failed": "La fréquence de mise à jour n'est pas renseignée",
 	"record.metadata.quality.updateFrequency.success": "La fréquence de mise à jour est renseignée",
-	"record.metadata.related": "Voir aussi",
-	"record.metadata.related.contents": "Contenu associé",
+	"record.metadata.related": "Explorez le catalogue",
 	"record.metadata.ressources.and.links": "Ressources et liens",
 	"record.metadata.sheet": "Fiche de métadonnées d'origine",
 	"record.metadata.status": "Statut",
@@ -20975,7 +21014,6 @@ var fr = {
 	"record.metadata.temporalExtent.untilDate": "Jusqu'au { end }",
 	"record.metadata.title": "Intitulé",
 	"record.metadata.topics": "Catégories",
-	"record.metadata.isGeographical": "Donnée géographique",
 	"record.metadata.uniqueId": "Identificateur de ressource unique",
 	"record.metadata.updateFrequency": "Fréquence de mise à jour des données",
 	"record.metadata.updatedOn": "Modifié le",
@@ -21095,7 +21133,6 @@ var fr = {
 	"tooltip.html.copy": "Copier le HTML",
 	"tooltip.id.copy": "Copier l'identifiant unique",
 	"tooltip.url.copy": "Copier l'URL",
-	"tooltip.url.open": "Ouvrir l'URL",
 	"ui.readLess": "Réduire",
 	"ui.readMore": "Lire la suite",
 	"wfs.feature.limit": "Trop d'objets pour afficher la couche WFS !",
@@ -21353,8 +21390,9 @@ var it = {
 	"editor.record.loadError.body": "Impossibile caricare il dataset:",
 	"editor.record.loadError.closeMessage": "Capito",
 	"editor.record.loadError.title": "Errore durante il caricamento",
-	"editor.record.lock.format": "I record con il formato 'servizio' o 'riutilizzo' non sono modificabili",
-	"editor.record.lock.reason": "Non è un editore di uno dei gruppi autorizzati",
+	"editor.record.lock.harvested": "",
+	"editor.record.lock.owner": "Non è un editore di uno dei gruppi autorizzati",
+	"editor.record.lock.resourceType": "I record con il formato 'servizio' o 'riutilizzo' non sono modificabili",
 	"editor.record.multilingual.confirmation.cancelText": "",
 	"editor.record.multilingual.confirmation.confirmText": "",
 	"editor.record.multilingual.confirmation.message": "",
@@ -21405,6 +21443,11 @@ var it = {
 	"facets.block.title.tag.default": "Tag",
 	"facets.block.title.th_regions_tree.default": "Regioni",
 	"favorite.not.authenticated.tooltip": "<div><a href=' {link} '>Login</a> per accedere a questa funzionalità</div>",
+	"feature.catalog.attribute.code": "Codice",
+	"feature.catalog.attribute.definition": "Descrizione",
+	"feature.catalog.attribute.name": "Nome",
+	"feature.catalog.attribute.type": "Tipo",
+	"feature.catalog.attribute.values": "Valori",
 	"input.file.dropFileLabel": "oppure trascinalo qui",
 	"input.file.orInputUrl": "o collegamento a una risorsa esterna",
 	"input.file.selectFileLabel": "Seleziona un file ({sizeMB} MB max.)",
@@ -21542,9 +21585,15 @@ var it = {
 	"record.metadata.download": "Download",
 	"record.metadata.feature.catalog": "Catalogo dei oggetti",
 	"record.metadata.formats": "Formati",
+	"record.metadata.isGeographical": "Dati geografici",
 	"record.metadata.keywords": "Parole chiave",
 	"record.metadata.languages": "Lingue",
 	"record.metadata.lastUpdate": "Ultimo aggiornamento il {date}",
+	"record.metadata.linked.datasets": "",
+	"record.metadata.linked.records": "",
+	"record.metadata.linked.reuses": "",
+	"record.metadata.linked.services": "",
+	"record.metadata.linked.sourceDatasets": "",
 	"record.metadata.links": "Collegamenti",
 	"record.metadata.noUsage": "Nessuna condizione d'uso specificata per questi dati",
 	"record.metadata.otherConstraints": "Limitazioni di uso",
@@ -21572,7 +21621,6 @@ var it = {
 	"record.metadata.quality.updateFrequency.failed": "La frequenza di aggiornamento non è specificata",
 	"record.metadata.quality.updateFrequency.success": "La frequenza di aggiornamento è specificata",
 	"record.metadata.related": "Vedi anche",
-	"record.metadata.related.contents": "Contenuti correlati",
 	"record.metadata.ressources.and.links": "Risorse e collegamenti",
 	"record.metadata.sheet": "Origine del metadata",
 	"record.metadata.status": "Stato",
@@ -21584,7 +21632,6 @@ var it = {
 	"record.metadata.temporalExtent.untilDate": "Fino a {end}",
 	"record.metadata.title": "Titolo",
 	"record.metadata.topics": "Categorie",
-	"record.metadata.isGeographical": "Dati geografici",
 	"record.metadata.uniqueId": "Identificatore unico di risorsa",
 	"record.metadata.updateFrequency": "Frequenza di aggiornamento dei dati",
 	"record.metadata.updatedOn": "Modificato il",
@@ -21704,7 +21751,6 @@ var it = {
 	"tooltip.html.copy": "Copiare il HTML",
 	"tooltip.id.copy": "Copiare l'identificatore unico",
 	"tooltip.url.copy": "Copiare l'URL",
-	"tooltip.url.open": "Aprire l'URL",
 	"ui.readLess": "Ridurre",
 	"ui.readMore": "Leggere di più",
 	"wfs.feature.limit": "Troppi oggetti per visualizzare il WFS layer!",
@@ -21962,8 +22008,9 @@ var nl = {
 	"editor.record.loadError.body": "",
 	"editor.record.loadError.closeMessage": "",
 	"editor.record.loadError.title": "",
-	"editor.record.lock.format": "",
-	"editor.record.lock.reason": "",
+	"editor.record.lock.harvested": "",
+	"editor.record.lock.owner": "",
+	"editor.record.lock.resourceType": "",
 	"editor.record.multilingual.confirmation.cancelText": "",
 	"editor.record.multilingual.confirmation.confirmText": "",
 	"editor.record.multilingual.confirmation.message": "",
@@ -22014,6 +22061,11 @@ var nl = {
 	"facets.block.title.tag.default": "",
 	"facets.block.title.th_regions_tree.default": "",
 	"favorite.not.authenticated.tooltip": "",
+	"feature.catalog.attribute.code": "Code",
+	"feature.catalog.attribute.definition": "Beschrijving",
+	"feature.catalog.attribute.name": "Naam",
+	"feature.catalog.attribute.type": "Type",
+	"feature.catalog.attribute.values": "Waarden",
 	"input.file.dropFileLabel": "",
 	"input.file.orInputUrl": "",
 	"input.file.selectFileLabel": "",
@@ -22151,9 +22203,15 @@ var nl = {
 	"record.metadata.download": "",
 	"record.metadata.feature.catalog": "",
 	"record.metadata.formats": "",
+	"record.metadata.isGeographical": "",
 	"record.metadata.keywords": "",
 	"record.metadata.languages": "",
 	"record.metadata.lastUpdate": "",
+	"record.metadata.linked.datasets": "",
+	"record.metadata.linked.records": "",
+	"record.metadata.linked.reuses": "",
+	"record.metadata.linked.services": "",
+	"record.metadata.linked.sourceDatasets": "",
 	"record.metadata.links": "",
 	"record.metadata.noUsage": "",
 	"record.metadata.otherConstraints": "",
@@ -22181,7 +22239,6 @@ var nl = {
 	"record.metadata.quality.updateFrequency.failed": "",
 	"record.metadata.quality.updateFrequency.success": "",
 	"record.metadata.related": "",
-	"record.metadata.related.contents": "",
 	"record.metadata.ressources.and.links": "Bronnen en links",
 	"record.metadata.sheet": "",
 	"record.metadata.status": "",
@@ -22193,7 +22250,6 @@ var nl = {
 	"record.metadata.temporalExtent.untilDate": "",
 	"record.metadata.title": "",
 	"record.metadata.topics": "",
-	"record.metadata.isGeographical": "",
 	"record.metadata.uniqueId": "",
 	"record.metadata.updateFrequency": "",
 	"record.metadata.updatedOn": "",
@@ -22313,7 +22369,6 @@ var nl = {
 	"tooltip.html.copy": "",
 	"tooltip.id.copy": "",
 	"tooltip.url.copy": "",
-	"tooltip.url.open": "",
 	"ui.readLess": "",
 	"ui.readMore": "",
 	"wfs.feature.limit": "",
@@ -22571,8 +22626,9 @@ var pt = {
 	"editor.record.loadError.body": "",
 	"editor.record.loadError.closeMessage": "",
 	"editor.record.loadError.title": "",
-	"editor.record.lock.format": "",
-	"editor.record.lock.reason": "",
+	"editor.record.lock.harvested": "",
+	"editor.record.lock.owner": "",
+	"editor.record.lock.resourceType": "",
 	"editor.record.multilingual.confirmation.cancelText": "",
 	"editor.record.multilingual.confirmation.confirmText": "",
 	"editor.record.multilingual.confirmation.message": "",
@@ -22623,6 +22679,11 @@ var pt = {
 	"facets.block.title.tag.default": "",
 	"facets.block.title.th_regions_tree.default": "",
 	"favorite.not.authenticated.tooltip": "",
+	"feature.catalog.attribute.code": "Código",
+	"feature.catalog.attribute.definition": "Descrição",
+	"feature.catalog.attribute.name": "Nome",
+	"feature.catalog.attribute.type": "Tipo",
+	"feature.catalog.attribute.values": "Valores",
 	"input.file.dropFileLabel": "",
 	"input.file.orInputUrl": "",
 	"input.file.selectFileLabel": "",
@@ -22760,9 +22821,15 @@ var pt = {
 	"record.metadata.download": "",
 	"record.metadata.feature.catalog": "",
 	"record.metadata.formats": "",
+	"record.metadata.isGeographical": "",
 	"record.metadata.keywords": "",
 	"record.metadata.languages": "",
 	"record.metadata.lastUpdate": "",
+	"record.metadata.linked.datasets": "",
+	"record.metadata.linked.records": "",
+	"record.metadata.linked.reuses": "",
+	"record.metadata.linked.services": "",
+	"record.metadata.linked.sourceDatasets": "",
 	"record.metadata.links": "",
 	"record.metadata.noUsage": "",
 	"record.metadata.otherConstraints": "",
@@ -22790,7 +22857,6 @@ var pt = {
 	"record.metadata.quality.updateFrequency.failed": "",
 	"record.metadata.quality.updateFrequency.success": "",
 	"record.metadata.related": "",
-	"record.metadata.related.contents": "",
 	"record.metadata.ressources.and.links": "Recursos e links",
 	"record.metadata.sheet": "",
 	"record.metadata.status": "",
@@ -22802,7 +22868,6 @@ var pt = {
 	"record.metadata.temporalExtent.untilDate": "",
 	"record.metadata.title": "",
 	"record.metadata.topics": "",
-	"record.metadata.isGeographical": "",
 	"record.metadata.uniqueId": "",
 	"record.metadata.updateFrequency": "",
 	"record.metadata.updatedOn": "",
@@ -22922,7 +22987,6 @@ var pt = {
 	"tooltip.html.copy": "",
 	"tooltip.id.copy": "",
 	"tooltip.url.copy": "",
-	"tooltip.url.open": "",
 	"ui.readLess": "",
 	"ui.readMore": "",
 	"wfs.feature.limit": "",
@@ -23156,6 +23220,9 @@ class Gn4FieldMapper {
             isPublishedToAll: (output, source) => this.addExtra({
                 isPublishedToAll: selectField(source, 'isPublishedToAll'),
             }, output),
+            isHarvested: (output, source) => this.addExtra({
+                isHarvested: selectField(source, 'isHarvested') !== 'false',
+            }, output),
             edit: (output, source) => this.addExtra({
                 edit: selectField(source, 'edit'),
             }, output),
@@ -23968,10 +24035,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     args: [METADATA_LANGUAGE]
                 }] }] });
 
+class Gn4SettingsService {
+    constructor(siteApiService) {
+        this.siteApiService = siteApiService;
+        this.identicon$ = this.getSettingsSetValueByKey('system/users/identicon');
+        this.allowEditHarvested$ = this.getSettingsSetValueByKey('system/harvester/enableEditing');
+    }
+    getSettingsSetValueByKey(key) {
+        return this.siteApiService.getSettingsSet(null, [key]).pipe(map$1((v) => v[key]), shareReplay({ bufferSize: 1, refCount: true }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: Gn4SettingsService, deps: [{ token: SiteApiService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: Gn4SettingsService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: Gn4SettingsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: SiteApiService }] });
+
 const minPublicationApiVersion = '4.2.5';
 const TEMPORARY_ID_PREFIX = 'TEMP-ID-';
 class Gn4Repository {
-    constructor(httpClient, gn4SearchApi, gn4SearchHelper, gn4Mapper, gn4RecordsApi, platformService, gn4LanguagesApi) {
+    constructor(httpClient, gn4SearchApi, gn4SearchHelper, gn4Mapper, gn4RecordsApi, platformService, gn4LanguagesApi, settingsService) {
         this.httpClient = httpClient;
         this.gn4SearchApi = gn4SearchApi;
         this.gn4SearchHelper = gn4SearchHelper;
@@ -23979,6 +24065,7 @@ class Gn4Repository {
         this.gn4RecordsApi = gn4RecordsApi;
         this.platformService = platformService;
         this.gn4LanguagesApi = gn4LanguagesApi;
+        this.settingsService = settingsService;
         this._draftsChanged = new Subject();
         this.draftsChanged$ = this._draftsChanged.asObservable();
     }
@@ -24016,12 +24103,21 @@ class Gn4Repository {
                 name: featureType.typeName || '',
                 definition: featureType.definition || '',
                 attributes: Array.isArray(featureType.attributeTable)
-                    ? featureType.attributeTable.map((attr) => ({
-                        name: attr.name,
-                        code: attr.code,
-                        title: attr.definition,
-                        type: attr.type,
-                    }))
+                    ? featureType.attributeTable.map((attr) => {
+                        const values = attr.values
+                            ?.filter((v) => v.code || v.label)
+                            .map((v) => ({
+                            code: v.code,
+                            label: v.label,
+                        }));
+                        return {
+                            name: attr.name,
+                            code: attr.code,
+                            definition: attr.definition,
+                            type: attr.type,
+                            ...(values?.length > 0 ? { values } : {}),
+                        };
+                    })
                     : [],
             })),
         };
@@ -24084,11 +24180,29 @@ class Gn4Repository {
             ? this.getRecord(uniqueIdentifier).pipe(map$1((record) => record.extras['isPublishedToAll']))
             : of(true);
     }
-    canEditRecord(uniqueIdentifier) {
-        return this.getRecord(uniqueIdentifier).pipe(map$1((record) => {
-            return record.extras['edit'];
+    canDuplicate(record) {
+        return record.kind === 'dataset';
+    }
+    canDelete(record) {
+        return this.settingsService.allowEditHarvested$.pipe(map$1((allowEditHarvested) => {
+            return (record.extras['edit'] &&
+                (!record.extras['isHarvested'] || allowEditHarvested));
         }));
     }
+    canEdit(record, allowEditHarvested) {
+        return (record.kind === 'dataset' &&
+            record.extras['edit'] &&
+            (!record.extras['isHarvested'] || allowEditHarvested));
+    }
+    canEditRecord(uniqueIdentifier) {
+        return combineLatest([
+            this.getRecord(uniqueIdentifier),
+            this.settingsService.allowEditHarvested$,
+        ]).pipe(map$1(([record, allowEditHarvested]) => record ? this.canEdit(record, allowEditHarvested) : false));
+    }
+    canEditIndexedRecord(record) {
+        return this.settingsService.allowEditHarvested$.pipe(map$1((allowEditHarvested) => this.canEdit(record, allowEditHarvested)));
+    }
     openRecordForEdition(uniqueIdentifier) {
         const draft$ = of(this.getRecordFromLocalStorage(uniqueIdentifier));
         const recordAsXml$ = this.getRecordAsXml(uniqueIdentifier);
@@ -24250,12 +24364,12 @@ class Gn4Repository {
     removeRecordFromLocalStorage(recordId) {
         window.localStorage.removeItem(this.getLocalStorageKeyForRecord(recordId));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: Gn4Repository, deps: [{ token: i1.HttpClient }, { token: SearchApiService }, { token: ElasticsearchService }, { token: Gn4Converter }, { token: RecordsApiService }, { token: PlatformServiceInterface }, { token: LanguagesApiService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: Gn4Repository, deps: [{ token: i1.HttpClient }, { token: SearchApiService }, { token: ElasticsearchService }, { token: Gn4Converter }, { token: RecordsApiService }, { token: PlatformServiceInterface }, { token: LanguagesApiService }, { token: Gn4SettingsService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: Gn4Repository }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: Gn4Repository, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: SearchApiService }, { type: ElasticsearchService }, { type: Gn4Converter }, { type: RecordsApiService }, { type: PlatformServiceInterface }, { type: LanguagesApiService }] });
+        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: SearchApiService }, { type: ElasticsearchService }, { type: Gn4Converter }, { type: RecordsApiService }, { type: PlatformServiceInterface }, { type: LanguagesApiService }, { type: Gn4SettingsService }] });
 
 const IMAGE_URL$1 = '/geonetwork/images/harvesting/';
 class OrganizationsFromMetadataService {
@@ -24534,24 +24648,6 @@ const ORGANIZATIONS_STRATEGY = new InjectionToken('organizations-strategy', {
     factory: () => 'metadata',
 });
 
-class Gn4SettingsService {
-    constructor(siteApiService) {
-        this.siteApiService = siteApiService;
-        this.identicon$ = this.getSettingsSetValueByKey('system/users/identicon');
-    }
-    getSettingsSetValueByKey(key) {
-        return this.siteApiService.getSettingsSet(null, [key]).pipe(map$1((v) => v[key]), shareReplay({ bufferSize: 1, refCount: true }));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: Gn4SettingsService, deps: [{ token: SiteApiService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: Gn4SettingsService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: Gn4SettingsService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: () => [{ type: SiteApiService }] });
-
 const DEFAULT_GN4_LOGIN_URL = `/geonetwork/srv/\${lang3}/catalog.signin?redirect=\${current_url}`;
 const LOGIN_URL = new InjectionToken('loginUrl');
 const DEFAULT_GN4_LOGOUT_URL = `/geonetwork/signout`;
@@ -25673,7 +25769,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
         }] });
 
 var name = "geonetwork-ui";
-var version = "2.6.0-dev.600519f47";
+var version = "2.6.0-dev.6e0b3d33d";
 var engines = {
 	node: ">=20"
 };
@@ -25798,6 +25894,9 @@ class Gn4PlatformService {
                 throw new Error(`Gn4 API version is not compatible.\nMinimum: ${minApiVersion}\nYour version: ${version}`);
             }
         }), shareReplay(1));
+        this.allowEditHarvestedMd$ = this.settings$.pipe(map$1((info) => {
+            return info['system/harvester/enableEditing'];
+        }), shareReplay(1));
         /**
          * A map of already loaded thesauri (groups of keywords); the key is a URI
          * @private
@@ -25818,6 +25917,9 @@ class Gn4PlatformService {
     getApiVersion() {
         return this.apiVersion$;
     }
+    getAllowEditHarvestedMd() {
+        return this.allowEditHarvestedMd$;
+    }
     getMe() {
         return this.me$;
     }
@@ -26250,422 +26352,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Output
             }] } });
 
-class ExpandablePanelButtonComponent {
-    constructor() {
-        this.collapsed = true;
-    }
-    toggle() {
-        this.collapsed = !this.collapsed;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ExpandablePanelButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ExpandablePanelButtonComponent, isStandalone: true, selector: "gn-ui-expandable-panel-button", inputs: { titleTemplate: "titleTemplate", collapsed: "collapsed" }, ngImport: i0, template: "<button\n  type=\"button\"\n  class=\"px-4 bg-primary hover:bg-primary-darker text-white flex flex-row w-full items-center font-bold text-lg pointer-events-auto\"\n  [style.height]=\"'55px'\"\n  (click)=\"toggle()\"\n>\n  <ng-container [ngTemplateOutlet]=\"titleTemplate\"></ng-container>\n  <div class=\"ml-3 grow\"></div>\n  <ng-icon *ngIf=\"collapsed\" name=\"matExpandMore\"></ng-icon>\n  <ng-icon name=\"matExpandLess\" *ngIf=\"!collapsed\"></ng-icon>\n</button>\n<div\n  class=\"content transition-all pointer-events-auto bg-white\"\n  [style.height]=\"collapsed ? '0px' : 'calc(100% - 55px)'\"\n  [ngClass]=\"collapsed ? 'overflow-hidden' : 'overflow-auto'\"\n>\n  <ng-content></ng-content>\n</div>\n", styles: [":host{height:100%;position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none}\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: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], viewProviders: [provideIcons({ matExpandMore, matExpandLess })], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ExpandablePanelButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gn-ui-expandable-panel-button', changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, NgIcon], viewProviders: [provideIcons({ matExpandMore, matExpandLess })], standalone: true, template: "<button\n  type=\"button\"\n  class=\"px-4 bg-primary hover:bg-primary-darker text-white flex flex-row w-full items-center font-bold text-lg pointer-events-auto\"\n  [style.height]=\"'55px'\"\n  (click)=\"toggle()\"\n>\n  <ng-container [ngTemplateOutlet]=\"titleTemplate\"></ng-container>\n  <div class=\"ml-3 grow\"></div>\n  <ng-icon *ngIf=\"collapsed\" name=\"matExpandMore\"></ng-icon>\n  <ng-icon name=\"matExpandLess\" *ngIf=\"!collapsed\"></ng-icon>\n</button>\n<div\n  class=\"content transition-all pointer-events-auto bg-white\"\n  [style.height]=\"collapsed ? '0px' : 'calc(100% - 55px)'\"\n  [ngClass]=\"collapsed ? 'overflow-hidden' : 'overflow-auto'\"\n>\n  <ng-content></ng-content>\n</div>\n", styles: [":host{height:100%;position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none}\n"] }]
-        }], propDecorators: { titleTemplate: [{
-                type: Input
-            }], collapsed: [{
-                type: Input
-            }] } });
-
-class ExpandablePanelComponent {
-    constructor(changeDetector) {
-        this.changeDetector = changeDetector;
-        this.iconColor = '';
-        this._collapsed = true;
-    }
-    ngAfterViewInit() {
-        if (this.contentDiv) {
-            this.contentObserver = new ResizeObserver(() => {
-                this.changeDetector.detectChanges();
-            });
-            this.contentObserver.observe(this.contentDiv.nativeElement);
-        }
-    }
-    set collapsed(value) {
-        this._collapsed = value;
-    }
-    get collapsed() {
-        return this._collapsed;
-    }
-    toggle() {
-        this.collapsed = !this.collapsed;
-    }
-    ngOnDestroy() {
-        if (this.contentObserver) {
-            this.contentObserver.disconnect();
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ExpandablePanelComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ExpandablePanelComponent, isStandalone: true, selector: "gn-ui-expandable-panel", inputs: { title: "title", iconColor: "iconColor", collapsed: "collapsed" }, queries: [{ propertyName: "titleTemplate", first: true, predicate: ["titleTemplate"], descendants: true }], viewQueries: [{ propertyName: "contentDiv", first: true, predicate: ["contentDiv"], descendants: true }], ngImport: i0, template: "<div\n  class=\"group flex items-center justify-between title border-b border-gray-100 cursor-pointer\"\n  (click)=\"toggle()\"\n  data-cy=\"expandable-panel-header\"\n>\n  <div class=\"grow py-2.5\">\n    <ng-container *ngIf=\"titleTemplate; else simpleTitle\">\n      <div data-cy=\"expandable-panel-custom-title\">\n        <ng-container *ngTemplateOutlet=\"titleTemplate\"></ng-container>\n      </div>\n    </ng-container>\n    <ng-template #simpleTitle>\n      <div\n        class=\"font-medium text-black text-sm\"\n        data-cy=\"expandable-panel-title\"\n      >\n        {{ title }}\n      </div>\n    </ng-template>\n  </div>\n  <div\n    class=\"w-8 opacity-25 text-primary group-hover:opacity-100 transition-opacity flex items-center shrink-0\"\n  >\n    <ng-icon\n      [name]=\"collapsed ? 'matAdd' : 'matRemove'\"\n      [style.color]=\"iconColor\"\n    ></ng-icon>\n  </div>\n</div>\n<div\n  class=\"content overflow-hidden transition-all duration-300\"\n  [ngClass]=\"collapsed ? 'ease-out' : 'ease-in'\"\n  #contentDiv\n  *ngIf=\"!collapsed\"\n  data-cy=\"expandable-panel-content\"\n>\n  <ng-content></ng-content>\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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], viewProviders: [provideIcons({ matAdd, matRemove })], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ExpandablePanelComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gn-ui-expandable-panel', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, NgIcon], viewProviders: [provideIcons({ matAdd, matRemove })], template: "<div\n  class=\"group flex items-center justify-between title border-b border-gray-100 cursor-pointer\"\n  (click)=\"toggle()\"\n  data-cy=\"expandable-panel-header\"\n>\n  <div class=\"grow py-2.5\">\n    <ng-container *ngIf=\"titleTemplate; else simpleTitle\">\n      <div data-cy=\"expandable-panel-custom-title\">\n        <ng-container *ngTemplateOutlet=\"titleTemplate\"></ng-container>\n      </div>\n    </ng-container>\n    <ng-template #simpleTitle>\n      <div\n        class=\"font-medium text-black text-sm\"\n        data-cy=\"expandable-panel-title\"\n      >\n        {{ title }}\n      </div>\n    </ng-template>\n  </div>\n  <div\n    class=\"w-8 opacity-25 text-primary group-hover:opacity-100 transition-opacity flex items-center shrink-0\"\n  >\n    <ng-icon\n      [name]=\"collapsed ? 'matAdd' : 'matRemove'\"\n      [style.color]=\"iconColor\"\n    ></ng-icon>\n  </div>\n</div>\n<div\n  class=\"content overflow-hidden transition-all duration-300\"\n  [ngClass]=\"collapsed ? 'ease-out' : 'ease-in'\"\n  #contentDiv\n  *ngIf=\"!collapsed\"\n  data-cy=\"expandable-panel-content\"\n>\n  <ng-content></ng-content>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { title: [{
-                type: Input
-            }], iconColor: [{
-                type: Input
-            }], titleTemplate: [{
-                type: ContentChild,
-                args: ['titleTemplate']
-            }], contentDiv: [{
-                type: ViewChild,
-                args: ['contentDiv']
-            }], collapsed: [{
-                type: Input
-            }] } });
-
-class FormFieldWrapperComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormFieldWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FormFieldWrapperComponent, isStandalone: true, selector: "gn-ui-form-field-wrapper", inputs: { label: "label", hint: "hint" }, ngImport: i0, template: "<div class=\"h-full flex flex-col\" *ngIf=\"label; else onlyContent\">\n  <div class=\"flex-none w-full flex flex-row items-center\">\n    <span class=\"flex-none font-bold\" translate=\"\">{{ label }}</span>\n    <div class=\"flex-1 flex justify-end items-center\">\n      <ng-content select=\"[form-field-interaction]\"></ng-content>\n      <span\n        *ngIf=\"hint\"\n        class=\"material-symbols-outlined m-2 gn-ui-icon-small\"\n        [matTooltip]=\"hint\"\n        matTooltipPosition=\"above\"\n      >\n        help\n      </span>\n    </div>\n  </div>\n  <div class=\"flex-1 mt-2\">\n    <ng-container *ngTemplateOutlet=\"onlyContent\"> </ng-container>\n  </div>\n</div>\n\n<ng-template #onlyContent>\n  <ng-content></ng-content>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { 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: "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: FormFieldWrapperComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gn-ui-form-field-wrapper', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [MatTooltipModule, CommonModule, TranslateModule], template: "<div class=\"h-full flex flex-col\" *ngIf=\"label; else onlyContent\">\n  <div class=\"flex-none w-full flex flex-row items-center\">\n    <span class=\"flex-none font-bold\" translate=\"\">{{ label }}</span>\n    <div class=\"flex-1 flex justify-end items-center\">\n      <ng-content select=\"[form-field-interaction]\"></ng-content>\n      <span\n        *ngIf=\"hint\"\n        class=\"material-symbols-outlined m-2 gn-ui-icon-small\"\n        [matTooltip]=\"hint\"\n        matTooltipPosition=\"above\"\n      >\n        help\n      </span>\n    </div>\n  </div>\n  <div class=\"flex-1 mt-2\">\n    <ng-container *ngTemplateOutlet=\"onlyContent\"> </ng-container>\n  </div>\n</div>\n\n<ng-template #onlyContent>\n  <ng-content></ng-content>\n</ng-template>\n" }]
-        }], propDecorators: { label: [{
-                type: Input
-            }], hint: [{
-                type: Input
-            }] } });
-
-class MaxLinesComponent {
-    constructor(cdr) {
-        this.cdr = cdr;
-        this.maxLines = 6;
-        this.isExpanded = false;
-        this.maxHeight = '';
-        this.showToggleButton = false;
-    }
-    ngAfterViewInit() {
-        this.calculateMaxHeight();
-        this.observer = new ResizeObserver((mutations) => {
-            mutations.forEach(() => {
-                this.calculateMaxHeight();
-            });
-        });
-        this.observer.observe(this.container.nativeElement.children[0]);
-    }
-    toggleDisplay() {
-        this.isExpanded = !this.isExpanded;
-        this.calculateMaxHeight();
-    }
-    calculateMaxHeight() {
-        const containerElement = this.container.nativeElement;
-        const contentElement = containerElement.children[0];
-        const contentHeight = contentElement.getBoundingClientRect().height;
-        if (contentHeight) {
-            if (contentHeight > this.maxLines * this.getLineHeight(contentElement)) {
-                this.showToggleButton = true;
-                this.maxHeight = this.isExpanded
-                    ? `${contentHeight}px`
-                    : `${this.maxLines * this.getLineHeight(contentElement)}px`;
-            }
-            else {
-                this.showToggleButton = false;
-                this.maxHeight = `${contentHeight}px`;
-            }
-            containerElement.setAttribute('style', `max-height: ${this.maxHeight}; overflow: hidden`);
-            this.cdr.detectChanges();
-        }
-    }
-    getLineHeight(element) {
-        const computedStyle = window.getComputedStyle(element);
-        const lineHeight = parseFloat(computedStyle.lineHeight);
-        const fontSize = parseFloat(computedStyle.fontSize || '14');
-        const result = isNaN(lineHeight) ? fontSize * 1.2 : lineHeight; // Use a default if line height is not specified
-        return result;
-    }
-    ngOnDestroy() {
-        if (!this.observer)
-            return;
-        this.observer.unobserve(this.container.nativeElement.children[0]);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MaxLinesComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MaxLinesComponent, isStandalone: true, selector: "gn-ui-max-lines", inputs: { maxLines: "maxLines" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }], ngImport: i0, template: "<div\n  #container\n  class=\"max-lines overflow-hidden transition-[max-height] duration-300 relative\"\n  [ngClass]=\"isExpanded ? 'ease-in' : 'ease-out'\"\n  [style.maxHeight]=\"maxHeight\"\n>\n  <ng-content></ng-content>\n  <div\n    *ngIf=\"showToggleButton && !isExpanded\"\n    class=\"absolute inset-x-0 bottom-0 bg-gradient-to-b from-transparent to-white h-10\"\n  ></div>\n</div>\n<div\n  *ngIf=\"showToggleButton\"\n  (click)=\"toggleDisplay()\"\n  class=\"text-primary cursor-pointer pt-2.5\"\n  data-cy=\"readMoreButton\"\n>\n  {{ (isExpanded ? 'ui.readLess' : 'ui.readMore') | translate }}\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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: MaxLinesComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gn-ui-max-lines', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, TranslateModule], template: "<div\n  #container\n  class=\"max-lines overflow-hidden transition-[max-height] duration-300 relative\"\n  [ngClass]=\"isExpanded ? 'ease-in' : 'ease-out'\"\n  [style.maxHeight]=\"maxHeight\"\n>\n  <ng-content></ng-content>\n  <div\n    *ngIf=\"showToggleButton && !isExpanded\"\n    class=\"absolute inset-x-0 bottom-0 bg-gradient-to-b from-transparent to-white h-10\"\n  ></div>\n</div>\n<div\n  *ngIf=\"showToggleButton\"\n  (click)=\"toggleDisplay()\"\n  class=\"text-primary cursor-pointer pt-2.5\"\n  data-cy=\"readMoreButton\"\n>\n  {{ (isExpanded ? 'ui.readLess' : 'ui.readMore') | translate }}\n</div>\n" }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { maxLines: [{
-                type: Input
-            }], container: [{
-                type: ViewChild,
-                args: ['container']
-            }] } });
-
-class InteractiveTableColumnComponent {
-    constructor() {
-        this.grow = false;
-        this.sortable = false;
-        this.activeSort = null;
-        this.sortChange = new EventEmitter();
-    }
-    handleSortChange() {
-        this.activeSort = this.activeSort === 'asc' ? 'desc' : 'asc';
-        this.sortChange.emit(this.activeSort);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InteractiveTableColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: InteractiveTableColumnComponent, isStandalone: true, selector: "gn-ui-interactive-table-column", inputs: { grow: "grow", width: "width", sortable: "sortable", activeSort: "activeSort" }, outputs: { sortChange: "sortChange" }, queries: [{ propertyName: "header", first: true, predicate: ["header"], descendants: true }, { propertyName: "cell", first: true, predicate: ["cell"], descendants: true }], ngImport: i0, template: "<span>empty</span>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InteractiveTableColumnComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gn-ui-interactive-table-column', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<span>empty</span>\n" }]
-        }], propDecorators: { header: [{
-                type: ContentChild,
-                args: ['header']
-            }], cell: [{
-                type: ContentChild,
-                args: ['cell']
-            }], grow: [{
-                type: Input
-            }], width: [{
-                type: Input
-            }], sortable: [{
-                type: Input
-            }], activeSort: [{
-                type: Input
-            }], sortChange: [{
-                type: Output
-            }] } });
-
-marker('editor.record.lock.reason');
-marker('editor.record.lock.format');
-class InteractiveTableComponent {
-    constructor() {
-        this.items = [];
-        this.isDraftPage = false;
-        this.itemClick = new EventEmitter();
-    }
-    get gridStyle() {
-        return {
-            'grid-template-columns': this.columns
-                .map((column) => column.width
-                ? column.width
-                : column.grow
-                    ? `minmax(0px,1fr)`
-                    : `minmax(0px,max-content)`)
-                .join(' '),
-        };
-    }
-    getItemTitle(item) {
-        if (!item.extras?.edit && !this.isDraftPage && item.kind === 'dataset') {
-            return 'editor.record.lock.reason';
-        }
-        else if (item.kind !== 'dataset') {
-            return 'editor.record.lock.format';
-        }
-        return '';
-    }
-    handleRowClick(item) {
-        this.itemClick.emit(item);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InteractiveTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: InteractiveTableComponent, isStandalone: true, selector: "gn-ui-interactive-table", inputs: { items: "items", isDraftPage: "isDraftPage" }, outputs: { itemClick: "itemClick" }, providers: [provideIcons({ iconoirNavArrowDown, iconoirNavArrowUp })], queries: [{ propertyName: "columns", predicate: InteractiveTableColumnComponent }], ngImport: i0, template: "<div class=\"grid w-full\" [ngStyle]=\"gridStyle\">\n  <div class=\"contents w-full\">\n    <ng-container *ngFor=\"let column of columns\">\n      <button\n        *ngIf=\"column.sortable\"\n        type=\"button\"\n        class=\"table-header-cell gap-1\"\n        (click)=\"column.sortable && column.handleSortChange()\"\n      >\n        <ng-container *ngTemplateOutlet=\"column.header\"></ng-container>\n        <div class=\"sort-button flex flex-col\" *ngIf=\"column.sortable\">\n          <ng-icon\n            class=\"text-gray-600 -mb-2\"\n            [ngClass]=\"{ 'text-main': column.activeSort === 'asc' }\"\n            name=\"iconoirNavArrowUp\"\n          ></ng-icon>\n          <ng-icon\n            class=\"text-gray-600\"\n            [ngClass]=\"{ 'text-main': column.activeSort === 'desc' }\"\n            name=\"iconoirNavArrowDown\"\n          ></ng-icon>\n        </div>\n      </button>\n      <div *ngIf=\"!column.sortable\" class=\"table-header-cell\">\n        <ng-container *ngTemplateOutlet=\"column.header\"></ng-container>\n      </div>\n    </ng-container>\n  </div>\n  <div\n    class=\"contents text-gray-900 cursor-pointer group\"\n    *ngFor=\"let item of items\"\n    (click)=\"handleRowClick(item)\"\n    data-cy=\"table-row\"\n    [attr.data-cy-title]=\"item.title\"\n    [title]=\"getItemTitle(item) | translate\"\n  >\n    <div\n      class=\"relative h-0\"\n      [ngStyle]=\"{ 'grid-column': 'span ' + this.columns.length }\"\n    >\n      <!-- this element is only used in keyboard navigation -->\n      <button\n        type=\"button\"\n        class=\"absolute inset-x-0 h-[50px] bg-transparent pointer-events-none\"\n      ></button>\n    </div>\n    <ng-container *ngFor=\"let column of columns\">\n      <div\n        class=\"table-row-cell px-3 py-1.5 flex items-center bg-white transition-colors duration-75 truncate border-b border-gray-200\"\n        [ngClass]=\"{\n          'text-purple-light cursor-default':\n            (!item.extras?.edit && !isDraftPage) || item.kind !== 'dataset',\n          'group-hover:text-main group-hover:bg-gray-50':\n            (item.extras?.edit || isDraftPage) && item.kind === 'dataset',\n        }\"\n      >\n        <ng-container\n          *ngTemplateOutlet=\"column.cell; context: { $implicit: item }\"\n        ></ng-container>\n      </div>\n    </ng-container>\n  </div>\n</div>\n", styles: [".table-header-cell{@apply text-gray-700 px-3 py-3 flex items-center truncate bg-white;}button.table-header-cell{@apply transition-colors duration-75 hover:text-main hover:bg-gray-50 focus:text-main focus:bg-gray-50;}ng-icon{@apply w-4 h-4;}\n"], 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: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { 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: InteractiveTableComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gn-ui-interactive-table', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, NgIconComponent, TranslateModule], providers: [provideIcons({ iconoirNavArrowDown, iconoirNavArrowUp })], template: "<div class=\"grid w-full\" [ngStyle]=\"gridStyle\">\n  <div class=\"contents w-full\">\n    <ng-container *ngFor=\"let column of columns\">\n      <button\n        *ngIf=\"column.sortable\"\n        type=\"button\"\n        class=\"table-header-cell gap-1\"\n        (click)=\"column.sortable && column.handleSortChange()\"\n      >\n        <ng-container *ngTemplateOutlet=\"column.header\"></ng-container>\n        <div class=\"sort-button flex flex-col\" *ngIf=\"column.sortable\">\n          <ng-icon\n            class=\"text-gray-600 -mb-2\"\n            [ngClass]=\"{ 'text-main': column.activeSort === 'asc' }\"\n            name=\"iconoirNavArrowUp\"\n          ></ng-icon>\n          <ng-icon\n            class=\"text-gray-600\"\n            [ngClass]=\"{ 'text-main': column.activeSort === 'desc' }\"\n            name=\"iconoirNavArrowDown\"\n          ></ng-icon>\n        </div>\n      </button>\n      <div *ngIf=\"!column.sortable\" class=\"table-header-cell\">\n        <ng-container *ngTemplateOutlet=\"column.header\"></ng-container>\n      </div>\n    </ng-container>\n  </div>\n  <div\n    class=\"contents text-gray-900 cursor-pointer group\"\n    *ngFor=\"let item of items\"\n    (click)=\"handleRowClick(item)\"\n    data-cy=\"table-row\"\n    [attr.data-cy-title]=\"item.title\"\n    [title]=\"getItemTitle(item) | translate\"\n  >\n    <div\n      class=\"relative h-0\"\n      [ngStyle]=\"{ 'grid-column': 'span ' + this.columns.length }\"\n    >\n      <!-- this element is only used in keyboard navigation -->\n      <button\n        type=\"button\"\n        class=\"absolute inset-x-0 h-[50px] bg-transparent pointer-events-none\"\n      ></button>\n    </div>\n    <ng-container *ngFor=\"let column of columns\">\n      <div\n        class=\"table-row-cell px-3 py-1.5 flex items-center bg-white transition-colors duration-75 truncate border-b border-gray-200\"\n        [ngClass]=\"{\n          'text-purple-light cursor-default':\n            (!item.extras?.edit && !isDraftPage) || item.kind !== 'dataset',\n          'group-hover:text-main group-hover:bg-gray-50':\n            (item.extras?.edit || isDraftPage) && item.kind === 'dataset',\n        }\"\n      >\n        <ng-container\n          *ngTemplateOutlet=\"column.cell; context: { $implicit: item }\"\n        ></ng-container>\n      </div>\n    </ng-container>\n  </div>\n</div>\n", styles: [".table-header-cell{@apply text-gray-700 px-3 py-3 flex items-center truncate bg-white;}button.table-header-cell{@apply transition-colors duration-75 hover:text-main hover:bg-gray-50 focus:text-main focus:bg-gray-50;}ng-icon{@apply w-4 h-4;}\n"] }]
-        }], propDecorators: { columns: [{
-                type: ContentChildren,
-                args: [InteractiveTableColumnComponent]
-            }], items: [{
-                type: Input
-            }], isDraftPage: [{
-                type: Input
-            }], itemClick: [{
-                type: Output
-            }] } });
-
-/**
- * This component will make a block that will stay sticky on the top of the page,
- * but will also shrink down to a minimum height when scrolling.
- * The ratio between minimum and nominal height is stored in the shrinkRatio
- * property, and can be used to change e.g. the opacity or size of child elements.
- * This component renders at z-index: 50 by default.
- * The first parent element with an overflow of `scroll` or `overflow` is considered
- * for scroll events.
- */
-class StickyHeaderComponent {
-    constructor(changeDetector, hostEl, zone) {
-        this.changeDetector = changeDetector;
-        this.hostEl = hostEl;
-        this.zone = zone;
-    }
-    ngAfterViewInit() {
-        this.scrollSub = fromEvent(window, 'scroll', {
-            passive: true,
-        })
-            .pipe(throttleTime(0, animationFrameScheduler, {
-            leading: true,
-            trailing: true,
-        }))
-            .subscribe(this.updateSize.bind(this));
-    }
-    ngOnInit() {
-        this.placeholderEl = document.createElement('div');
-        this.placeholderEl.style.position = 'absolute';
-        this.placeholderEl.classList.add('sticky-header-placeholder');
-        this.hostEl.nativeElement.insertAdjacentElement('beforebegin', this.placeholderEl);
-    }
-    ngAfterViewChecked() {
-        this.updateSize();
-    }
-    ngOnDestroy() {
-        this.scrollSub.unsubscribe();
-        this.placeholderEl.remove();
-    }
-    updateSize() {
-        this.zone.runOutsideAngular(() => {
-            if (window.scrollY === this.parentScroll)
-                return;
-            this.parentScroll = window.scrollY;
-            const offsetTop = Math.max(0, this.parentScroll - this.placeholderEl.offsetTop);
-            const newHeightPx = Math.max(this.minHeightPx, this.fullHeightPx - offsetTop);
-            this.innerContainer.nativeElement.style.transform = `translate(0, ${newHeightPx - this.fullHeightPx}px)`;
-            this.expandRatio =
-                (newHeightPx - this.minHeightPx) /
-                    (this.fullHeightPx - this.minHeightPx);
-            this.changeDetector.detectChanges();
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StickyHeaderComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef, host: true }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: StickyHeaderComponent, selector: "gn-ui-sticky-header", inputs: { minHeightPx: "minHeightPx", fullHeightPx: "fullHeightPx" }, queries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], viewQueries: [{ propertyName: "outerContainer", first: true, predicate: ["outerContainer"], descendants: true }, { propertyName: "innerContainer", first: true, predicate: ["innerContainer"], descendants: true }], ngImport: i0, template: "<div\n  #outerContainer\n  class=\"sticky pointer-events-none z-50 top-0\"\n  [style.height]=\"fullHeightPx + 'px'\"\n>\n  <div\n    #innerContainer\n    class=\"relative pointer-events-auto\"\n    [style.height]=\"fullHeightPx + 'px'\"\n  >\n    <ng-container\n      [ngTemplateOutlet]=\"template\"\n      [ngTemplateOutletContext]=\"{ $implicit: expandRatio }\"\n    ></ng-container>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StickyHeaderComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gn-ui-sticky-header', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  #outerContainer\n  class=\"sticky pointer-events-none z-50 top-0\"\n  [style.height]=\"fullHeightPx + 'px'\"\n>\n  <div\n    #innerContainer\n    class=\"relative pointer-events-auto\"\n    [style.height]=\"fullHeightPx + 'px'\"\n  >\n    <ng-container\n      [ngTemplateOutlet]=\"template\"\n      [ngTemplateOutletContext]=\"{ $implicit: expandRatio }\"\n    ></ng-container>\n  </div>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef, decorators: [{
-                    type: Host
-                }] }, { type: i0.NgZone }], propDecorators: { minHeightPx: [{
-                type: Input
-            }], fullHeightPx: [{
-                type: Input
-            }], template: [{
-                type: ContentChild,
-                args: [TemplateRef]
-            }], outerContainer: [{
-                type: ViewChild,
-                args: ['outerContainer']
-            }], innerContainer: [{
-                type: ViewChild,
-                args: ['innerContainer']
-            }] } });
-
-class BlockListComponent {
-    get pages() {
-        return new Array(this.pagesCount).fill(0).map((_, i) => i);
-    }
-    get isFirstPage() {
-        return this.currentPage_ === 0;
-    }
-    get isLastPage() {
-        return this.currentPage_ === this.pagesCount - 1;
-    }
-    get pagesCount() {
-        return this.blocks ? Math.ceil(this.blocks.length / this.pageSize) : 1;
-    }
-    get currentPage() {
-        return this.currentPage_ + 1;
-    }
-    constructor(changeDetector) {
-        this.changeDetector = changeDetector;
-        this.pageSize = 4;
-        this.containerClass = '';
-        this.paginationContainerClass = 'w-full bottom-0 top-auto';
-        this.minHeight = 0;
-        this.listChanges = new EventEmitter();
-        this.subComponentSize = 'M';
-        this.currentPage_ = 0;
-        this.refreshBlocksVisibility = () => {
-            this.blocks.forEach((block, index) => {
-                block.nativeElement.style.display =
-                    index >= this.currentPage_ * this.pageSize &&
-                        index < (this.currentPage_ + 1) * this.pageSize
-                        ? null
-                        : 'none';
-            });
-        };
-    }
-    ngAfterViewInit() {
-        this.blocks.changes.subscribe(() => {
-            this.updateSizes();
-            this.refreshBlocksVisibility();
-            this.goToPage(1);
-            this.changeDetector.detectChanges();
-            this.listChanges.emit(this);
-        });
-        this.updateSizes();
-        this.refreshBlocksVisibility();
-        // we store the first height as the min-height of the list container
-        this.minHeight = this.blockContainer.nativeElement.clientHeight;
-        this.changeDetector.detectChanges();
-        this.listChanges.emit(this);
-    }
-    updateSizes() {
-        this.subComponentSize = this.computeSubComponentSize();
-        this.pageSize = this.computePageSize();
-    }
-    computeSubComponentSize() {
-        if (!this.blocks)
-            return 'M';
-        const subComponentsCount = this.blocks.length;
-        if (subComponentsCount <= 3)
-            return 'L';
-        if (subComponentsCount <= 12)
-            return 'M';
-        if (subComponentsCount <= 18)
-            return 'S';
-        return 'XS';
-    }
-    computePageSize() {
-        switch (this.subComponentSize) {
-            case 'L':
-                return 3;
-            case 'S':
-                return 6;
-            case 'XS':
-                return 8;
-            default:
-                return 4;
-        }
-    }
-    goToPage(pageIndex) {
-        this.currentPage_ = Math.max(Math.min(pageIndex - 1, this.pagesCount - 1), 0);
-        this.changeDetector.detectChanges();
-        this.refreshBlocksVisibility();
-    }
-    goToPrevPage() {
-        if (this.isFirstPage)
-            return;
-        this.goToPage(this.currentPage - 1);
-    }
-    goToNextPage() {
-        if (this.isLastPage)
-            return;
-        this.goToPage(this.currentPage + 1);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BlockListComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: BlockListComponent, isStandalone: true, selector: "gn-ui-block-list", inputs: { containerClass: "containerClass", paginationContainerClass: "paginationContainerClass" }, outputs: { listChanges: "listChanges" }, queries: [{ propertyName: "blocks", predicate: ["block"], read: ElementRef }], viewQueries: [{ propertyName: "blockContainer", first: true, predicate: ["blockContainer"], descendants: true }], ngImport: i0, template: "<div\n  class=\"grid gap-4 w-full md:grid-cols-2\"\n  #blockContainer\n  [ngClass]=\"[containerClass, 'size-' + subComponentSize]\"\n  [ngStyle]=\"{ minHeight: minHeight + 'px' }\"\n>\n  <ng-content></ng-content>\n</div>\n<gn-ui-pagination-dots\n  [containerClass]=\"'absolute ' + paginationContainerClass\"\n  [listComponent]=\"this\"\n></gn-ui-pagination-dots>\n", styles: [":host .block-list-container ::ng-deep>*{flex-shrink:0}:host{position:relative}@media screen and (min-width: 769px){.size-L{grid-template-columns:repeat(1,minmax(0,1fr));grid-auto-rows:minmax(0,min-content)}.size-M{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,min-content)}.size-S{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(0,min-content)}.size-XS{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,min-content)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: PaginationDotsComponent, selector: "gn-ui-pagination-dots", inputs: ["listComponent", "containerClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BlockListComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gn-ui-block-list', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, PaginationDotsComponent], template: "<div\n  class=\"grid gap-4 w-full md:grid-cols-2\"\n  #blockContainer\n  [ngClass]=\"[containerClass, 'size-' + subComponentSize]\"\n  [ngStyle]=\"{ minHeight: minHeight + 'px' }\"\n>\n  <ng-content></ng-content>\n</div>\n<gn-ui-pagination-dots\n  [containerClass]=\"'absolute ' + paginationContainerClass\"\n  [listComponent]=\"this\"\n></gn-ui-pagination-dots>\n", styles: [":host .block-list-container ::ng-deep>*{flex-shrink:0}:host{position:relative}@media screen and (min-width: 769px){.size-L{grid-template-columns:repeat(1,minmax(0,1fr));grid-auto-rows:minmax(0,min-content)}.size-M{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,min-content)}.size-S{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(0,min-content)}.size-XS{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,min-content)}}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { containerClass: [{
-                type: Input
-            }], paginationContainerClass: [{
-                type: Input
-            }], blocks: [{
-                type: ContentChildren,
-                args: ['block', { read: ElementRef }]
-            }], blockContainer: [{
-                type: ViewChild,
-                args: ['blockContainer']
-            }], listChanges: [{
-                type: Output
-            }] } });
-
 class ColorScaleComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ColorScaleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ColorScaleComponent, selector: "gn-ui-color-scale", ngImport: i0, template: "<div class=\"flex flex-row items-center\">\n  <div class=\"text-xs text-gray-700 font-bold m-2 w-32 text-right\">primary</div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-primary-black\"\n    title=\"primary-black\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-primary-darkest\"\n    title=\"primary-darkest\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-primary-darker\"\n    title=\"primary-darker\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-primary border-2 border-primary-darkest\"\n    title=\"primary\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-primary-lighter\"\n    title=\"primary-lighter\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-primary-lightest\"\n    title=\"primary-lightest\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-primary-white\"\n    title=\"primary-white\"\n  ></div>\n</div>\n<div class=\"flex flex-row\">\n  <div class=\"text-xs text-gray-700 font-bold m-2 w-32 text-right\">\n    secondary\n  </div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-secondary-black\"\n    title=\"secondary-black\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-secondary-darkest\"\n    title=\"secondary-darkest\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-secondary-darker\"\n    title=\"secondary-darker\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-secondary border-2 border-secondary-darkest\"\n    title=\"secondary\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-secondary-lighter\"\n    title=\"secondary-lighter\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-secondary-lightest\"\n    title=\"secondary-lightest\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-secondary-white\"\n    title=\"secondary-white\"\n  ></div>\n</div>\n<div class=\"flex flex-row\">\n  <div class=\"text-xs text-gray-700 font-bold m-2 w-32 text-right\">main</div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-main\" title=\"main\"></div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-gray-900\" title=\"gray-900\"></div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-gray-800\" title=\"gray-800\"></div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-gray-700\" title=\"gray-700\"></div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-gray-600\" title=\"gray-600\"></div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-gray-500\" title=\"gray-500\"></div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-gray-400\" title=\"gray-400\"></div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-gray-300\" title=\"gray-300\"></div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-gray-200\" title=\"gray-200\"></div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-gray-100\" title=\"gray-100\"></div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-gray-50\" title=\"gray-50\"></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-background\"\n    title=\"background\"\n  ></div>\n  <div class=\"text-xs text-gray-700 font-bold m-2 w-32\">background</div>\n</div>\n", styles: [""] }); }
@@ -28598,6 +28284,531 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Output
             }] } });
 
+class CellPopinComponent {
+    set activePopin(active) {
+        this._activePopin = !!active;
+        this.updateIntersectionObserver();
+    }
+    get activePopin() {
+        return this._activePopin;
+    }
+    constructor(scrollDispatcher, cdr) {
+        this.scrollDispatcher = scrollDispatcher;
+        this.cdr = cdr;
+        this.extraClass = '';
+        this.isOpen = false;
+        this.isVisible = true;
+        this.overlayPositions = [
+            {
+                originX: 'end',
+                originY: 'top',
+                overlayX: 'end',
+                overlayY: 'top',
+            },
+            {
+                originX: 'start',
+                originY: 'top',
+                overlayX: 'start',
+                overlayY: 'top',
+            },
+        ];
+        this.firstCheck = true;
+        this._activePopin = true;
+    }
+    ngAfterViewInit() {
+        if (!this.activePopin) {
+            return;
+        }
+        if (this.cdkScrollContainer) {
+            this.scrollDispatcher.register(this.cdkScrollContainer);
+        }
+        this.updateIntersectionObserver();
+    }
+    ngOnDestroy() {
+        this.intersectionObserver?.disconnect();
+        this.scrollDispatcher.deregister(this.cdkScrollContainer);
+    }
+    updateIntersectionObserver() {
+        if (!this.scrollContainer || !this.anchorRef) {
+            return;
+        }
+        if (this.intersectionObserver) {
+            this.intersectionObserver?.disconnect();
+        }
+        this.intersectionObserver = new IntersectionObserver(([entry]) => {
+            const visible = entry.intersectionRatio >= 1;
+            // Ignore first visibility if first time opening it
+            if (this.firstCheck && !visible) {
+                this.firstCheck = false;
+                return;
+            }
+            this.firstCheck = false;
+            if (this.isVisible !== visible) {
+                this.isVisible = visible;
+                this.cdr.detectChanges();
+            }
+        }, {
+            root: this.scrollContainer.nativeElement,
+            threshold: 1.0,
+        });
+        this.intersectionObserver.observe(this.anchorRef.nativeElement);
+    }
+    openOverlay() {
+        this.isOpen = true;
+    }
+    closeOverlay() {
+        this.isOpen = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CellPopinComponent, deps: [{ token: i1$8.ScrollDispatcher }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CellPopinComponent, isStandalone: true, selector: "gn-ui-cell-popin", inputs: { extraClass: "extraClass", cdkScrollContainer: "cdkScrollContainer", scrollContainer: "scrollContainer", activePopin: "activePopin" }, providers: [provideIcons({ iconoirReduce })], viewQueries: [{ propertyName: "anchorRef", first: true, predicate: ["anchorRef"], descendants: true }], ngImport: i0, template: "<div\n  class=\"h-full flex items-center justify-center\"\n  cdkOverlayOrigin\n  #anchorRef\n  #trigger=\"cdkOverlayOrigin\"\n  [class]=\"extraClass\"\n  data-cy=\"cell-popin\"\n>\n  <ng-content select=\"[cellContent]\"></ng-content>\n  <ng-template\n    *ngIf=\"activePopin\"\n    cdkConnectedOverlay\n    [cdkConnectedOverlayPush]=\"false\"\n    [cdkConnectedOverlayOrigin]=\"trigger\"\n    [cdkConnectedOverlayOpen]=\"isOpen\"\n    [cdkConnectedOverlayPositions]=\"overlayPositions\"\n    [cdkConnectedOverlayWidth]=\"'auto'\"\n    [cdkConnectedOverlayFlexibleDimensions]=\"true\"\n    [cdkConnectedOverlayGrowAfterOpen]=\"true\"\n    (detach)=\"closeOverlay()\"\n  >\n    <div\n      *ngIf=\"activePopin && isVisible\"\n      class=\"bg-white shadow-lg border border-gray-300 relative\"\n      data-cy=\"cell-popin-content\"\n    >\n      <ng-content select=\"[popinContent]\"></ng-content>\n      <gn-ui-button\n        data-cy=\"cell-popin-close\"\n        [style.--gn-ui-button-background]=\"'bg-transparent'\"\n        class=\"absolute top-2 right-2\"\n        type=\"light\"\n        (buttonClick)=\"closeOverlay()\"\n        extraClass=\"w-10 h-8 px-1\"\n      >\n        <ng-icon name=\"iconoirReduce\" size=\"24\"></ng-icon>\n      </gn-ui-button>\n    </div>\n  </ng-template>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i1$8.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i1$8.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { 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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CellPopinComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-cell-popin', standalone: true, imports: [
+                        CommonModule,
+                        MatButtonModule,
+                        OverlayModule,
+                        ButtonComponent,
+                        NgIconComponent,
+                    ], providers: [provideIcons({ iconoirReduce })], template: "<div\n  class=\"h-full flex items-center justify-center\"\n  cdkOverlayOrigin\n  #anchorRef\n  #trigger=\"cdkOverlayOrigin\"\n  [class]=\"extraClass\"\n  data-cy=\"cell-popin\"\n>\n  <ng-content select=\"[cellContent]\"></ng-content>\n  <ng-template\n    *ngIf=\"activePopin\"\n    cdkConnectedOverlay\n    [cdkConnectedOverlayPush]=\"false\"\n    [cdkConnectedOverlayOrigin]=\"trigger\"\n    [cdkConnectedOverlayOpen]=\"isOpen\"\n    [cdkConnectedOverlayPositions]=\"overlayPositions\"\n    [cdkConnectedOverlayWidth]=\"'auto'\"\n    [cdkConnectedOverlayFlexibleDimensions]=\"true\"\n    [cdkConnectedOverlayGrowAfterOpen]=\"true\"\n    (detach)=\"closeOverlay()\"\n  >\n    <div\n      *ngIf=\"activePopin && isVisible\"\n      class=\"bg-white shadow-lg border border-gray-300 relative\"\n      data-cy=\"cell-popin-content\"\n    >\n      <ng-content select=\"[popinContent]\"></ng-content>\n      <gn-ui-button\n        data-cy=\"cell-popin-close\"\n        [style.--gn-ui-button-background]=\"'bg-transparent'\"\n        class=\"absolute top-2 right-2\"\n        type=\"light\"\n        (buttonClick)=\"closeOverlay()\"\n        extraClass=\"w-10 h-8 px-1\"\n      >\n        <ng-icon name=\"iconoirReduce\" size=\"24\"></ng-icon>\n      </gn-ui-button>\n    </div>\n  </ng-template>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i1$8.ScrollDispatcher }, { type: i0.ChangeDetectorRef }], propDecorators: { extraClass: [{
+                type: Input
+            }], cdkScrollContainer: [{
+                type: Input
+            }], scrollContainer: [{
+                type: Input
+            }], anchorRef: [{
+                type: ViewChild,
+                args: ['anchorRef']
+            }], activePopin: [{
+                type: Input
+            }] } });
+
+class ExpandablePanelButtonComponent {
+    constructor() {
+        this.collapsed = true;
+    }
+    toggle() {
+        this.collapsed = !this.collapsed;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ExpandablePanelButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ExpandablePanelButtonComponent, isStandalone: true, selector: "gn-ui-expandable-panel-button", inputs: { titleTemplate: "titleTemplate", collapsed: "collapsed" }, ngImport: i0, template: "<button\n  type=\"button\"\n  class=\"px-4 bg-primary hover:bg-primary-darker text-white flex flex-row w-full items-center font-bold text-lg pointer-events-auto\"\n  [style.height]=\"'55px'\"\n  (click)=\"toggle()\"\n>\n  <ng-container [ngTemplateOutlet]=\"titleTemplate\"></ng-container>\n  <div class=\"ml-3 grow\"></div>\n  <ng-icon *ngIf=\"collapsed\" name=\"matExpandMore\"></ng-icon>\n  <ng-icon name=\"matExpandLess\" *ngIf=\"!collapsed\"></ng-icon>\n</button>\n<div\n  class=\"content transition-all pointer-events-auto bg-white\"\n  [style.height]=\"collapsed ? '0px' : 'calc(100% - 55px)'\"\n  [ngClass]=\"collapsed ? 'overflow-hidden' : 'overflow-auto'\"\n>\n  <ng-content></ng-content>\n</div>\n", styles: [":host{height:100%;position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none}\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: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], viewProviders: [provideIcons({ matExpandMore, matExpandLess })], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ExpandablePanelButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-expandable-panel-button', changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, NgIcon], viewProviders: [provideIcons({ matExpandMore, matExpandLess })], standalone: true, template: "<button\n  type=\"button\"\n  class=\"px-4 bg-primary hover:bg-primary-darker text-white flex flex-row w-full items-center font-bold text-lg pointer-events-auto\"\n  [style.height]=\"'55px'\"\n  (click)=\"toggle()\"\n>\n  <ng-container [ngTemplateOutlet]=\"titleTemplate\"></ng-container>\n  <div class=\"ml-3 grow\"></div>\n  <ng-icon *ngIf=\"collapsed\" name=\"matExpandMore\"></ng-icon>\n  <ng-icon name=\"matExpandLess\" *ngIf=\"!collapsed\"></ng-icon>\n</button>\n<div\n  class=\"content transition-all pointer-events-auto bg-white\"\n  [style.height]=\"collapsed ? '0px' : 'calc(100% - 55px)'\"\n  [ngClass]=\"collapsed ? 'overflow-hidden' : 'overflow-auto'\"\n>\n  <ng-content></ng-content>\n</div>\n", styles: [":host{height:100%;position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none}\n"] }]
+        }], propDecorators: { titleTemplate: [{
+                type: Input
+            }], collapsed: [{
+                type: Input
+            }] } });
+
+class ExpandablePanelComponent {
+    constructor(changeDetector) {
+        this.changeDetector = changeDetector;
+        this.iconColor = '';
+        this._collapsed = true;
+    }
+    ngAfterViewInit() {
+        if (this.contentDiv) {
+            this.contentObserver = new ResizeObserver(() => {
+                this.changeDetector.detectChanges();
+            });
+            this.contentObserver.observe(this.contentDiv.nativeElement);
+        }
+    }
+    set collapsed(value) {
+        this._collapsed = value;
+    }
+    get collapsed() {
+        return this._collapsed;
+    }
+    toggle() {
+        this.collapsed = !this.collapsed;
+    }
+    ngOnDestroy() {
+        if (this.contentObserver) {
+            this.contentObserver.disconnect();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ExpandablePanelComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ExpandablePanelComponent, isStandalone: true, selector: "gn-ui-expandable-panel", inputs: { title: "title", iconColor: "iconColor", collapsed: "collapsed" }, queries: [{ propertyName: "titleTemplate", first: true, predicate: ["titleTemplate"], descendants: true }], viewQueries: [{ propertyName: "contentDiv", first: true, predicate: ["contentDiv"], descendants: true }], ngImport: i0, template: "<div\n  class=\"group flex items-center justify-between title border-b border-gray-100 cursor-pointer\"\n  (click)=\"toggle()\"\n  data-cy=\"expandable-panel-header\"\n>\n  <div class=\"grow py-2.5\">\n    <ng-container *ngIf=\"titleTemplate; else simpleTitle\">\n      <div data-cy=\"expandable-panel-custom-title\">\n        <ng-container *ngTemplateOutlet=\"titleTemplate\"></ng-container>\n      </div>\n    </ng-container>\n    <ng-template #simpleTitle>\n      <div\n        class=\"font-medium text-black text-sm\"\n        data-cy=\"expandable-panel-title\"\n      >\n        {{ title }}\n      </div>\n    </ng-template>\n  </div>\n  <div\n    class=\"w-8 opacity-25 text-primary group-hover:opacity-100 transition-opacity flex items-center shrink-0\"\n  >\n    <ng-icon\n      [name]=\"collapsed ? 'matAdd' : 'matRemove'\"\n      [style.color]=\"iconColor\"\n    ></ng-icon>\n  </div>\n</div>\n<div\n  class=\"content overflow-hidden transition-all duration-300\"\n  [ngClass]=\"collapsed ? 'ease-out' : 'ease-in'\"\n  #contentDiv\n  *ngIf=\"!collapsed\"\n  data-cy=\"expandable-panel-content\"\n>\n  <ng-content></ng-content>\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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], viewProviders: [provideIcons({ matAdd, matRemove })], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ExpandablePanelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-expandable-panel', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, NgIcon], viewProviders: [provideIcons({ matAdd, matRemove })], template: "<div\n  class=\"group flex items-center justify-between title border-b border-gray-100 cursor-pointer\"\n  (click)=\"toggle()\"\n  data-cy=\"expandable-panel-header\"\n>\n  <div class=\"grow py-2.5\">\n    <ng-container *ngIf=\"titleTemplate; else simpleTitle\">\n      <div data-cy=\"expandable-panel-custom-title\">\n        <ng-container *ngTemplateOutlet=\"titleTemplate\"></ng-container>\n      </div>\n    </ng-container>\n    <ng-template #simpleTitle>\n      <div\n        class=\"font-medium text-black text-sm\"\n        data-cy=\"expandable-panel-title\"\n      >\n        {{ title }}\n      </div>\n    </ng-template>\n  </div>\n  <div\n    class=\"w-8 opacity-25 text-primary group-hover:opacity-100 transition-opacity flex items-center shrink-0\"\n  >\n    <ng-icon\n      [name]=\"collapsed ? 'matAdd' : 'matRemove'\"\n      [style.color]=\"iconColor\"\n    ></ng-icon>\n  </div>\n</div>\n<div\n  class=\"content overflow-hidden transition-all duration-300\"\n  [ngClass]=\"collapsed ? 'ease-out' : 'ease-in'\"\n  #contentDiv\n  *ngIf=\"!collapsed\"\n  data-cy=\"expandable-panel-content\"\n>\n  <ng-content></ng-content>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { title: [{
+                type: Input
+            }], iconColor: [{
+                type: Input
+            }], titleTemplate: [{
+                type: ContentChild,
+                args: ['titleTemplate']
+            }], contentDiv: [{
+                type: ViewChild,
+                args: ['contentDiv']
+            }], collapsed: [{
+                type: Input
+            }] } });
+
+class FormFieldWrapperComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormFieldWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FormFieldWrapperComponent, isStandalone: true, selector: "gn-ui-form-field-wrapper", inputs: { label: "label", hint: "hint" }, ngImport: i0, template: "<div class=\"h-full flex flex-col\" *ngIf=\"label; else onlyContent\">\n  <div class=\"flex-none w-full flex flex-row items-center\">\n    <span class=\"flex-none font-bold\" translate=\"\">{{ label }}</span>\n    <div class=\"flex-1 flex justify-end items-center\">\n      <ng-content select=\"[form-field-interaction]\"></ng-content>\n      <span\n        *ngIf=\"hint\"\n        class=\"material-symbols-outlined m-2 gn-ui-icon-small\"\n        [matTooltip]=\"hint\"\n        matTooltipPosition=\"above\"\n      >\n        help\n      </span>\n    </div>\n  </div>\n  <div class=\"flex-1 mt-2\">\n    <ng-container *ngTemplateOutlet=\"onlyContent\"> </ng-container>\n  </div>\n</div>\n\n<ng-template #onlyContent>\n  <ng-content></ng-content>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { 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: "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: FormFieldWrapperComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-form-field-wrapper', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [MatTooltipModule, CommonModule, TranslateModule], template: "<div class=\"h-full flex flex-col\" *ngIf=\"label; else onlyContent\">\n  <div class=\"flex-none w-full flex flex-row items-center\">\n    <span class=\"flex-none font-bold\" translate=\"\">{{ label }}</span>\n    <div class=\"flex-1 flex justify-end items-center\">\n      <ng-content select=\"[form-field-interaction]\"></ng-content>\n      <span\n        *ngIf=\"hint\"\n        class=\"material-symbols-outlined m-2 gn-ui-icon-small\"\n        [matTooltip]=\"hint\"\n        matTooltipPosition=\"above\"\n      >\n        help\n      </span>\n    </div>\n  </div>\n  <div class=\"flex-1 mt-2\">\n    <ng-container *ngTemplateOutlet=\"onlyContent\"> </ng-container>\n  </div>\n</div>\n\n<ng-template #onlyContent>\n  <ng-content></ng-content>\n</ng-template>\n" }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], hint: [{
+                type: Input
+            }] } });
+
+class MaxLinesComponent {
+    constructor(cdr) {
+        this.cdr = cdr;
+        this.maxLines = 6;
+        this.isExpanded = false;
+        this.maxHeight = '';
+        this.showToggleButton = false;
+    }
+    ngAfterViewInit() {
+        this.calculateMaxHeight();
+        this.observer = new ResizeObserver((mutations) => {
+            mutations.forEach(() => {
+                this.calculateMaxHeight();
+            });
+        });
+        this.observer.observe(this.container.nativeElement.children[0]);
+    }
+    toggleDisplay() {
+        this.isExpanded = !this.isExpanded;
+        this.calculateMaxHeight();
+    }
+    calculateMaxHeight() {
+        const containerElement = this.container.nativeElement;
+        const contentElement = containerElement.children[0];
+        const contentHeight = contentElement.getBoundingClientRect().height;
+        if (contentHeight) {
+            if (contentHeight > this.maxLines * this.getLineHeight(contentElement)) {
+                this.showToggleButton = true;
+                this.maxHeight = this.isExpanded
+                    ? `${contentHeight}px`
+                    : `${this.maxLines * this.getLineHeight(contentElement)}px`;
+            }
+            else {
+                this.showToggleButton = false;
+                this.maxHeight = `${contentHeight}px`;
+            }
+            containerElement.setAttribute('style', `max-height: ${this.maxHeight}; overflow: hidden`);
+            this.cdr.detectChanges();
+        }
+    }
+    getLineHeight(element) {
+        const computedStyle = window.getComputedStyle(element);
+        const lineHeight = parseFloat(computedStyle.lineHeight);
+        const fontSize = parseFloat(computedStyle.fontSize || '14');
+        const result = isNaN(lineHeight) ? fontSize * 1.2 : lineHeight; // Use a default if line height is not specified
+        return result;
+    }
+    ngOnDestroy() {
+        if (!this.observer)
+            return;
+        this.observer.unobserve(this.container.nativeElement.children[0]);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MaxLinesComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MaxLinesComponent, isStandalone: true, selector: "gn-ui-max-lines", inputs: { maxLines: "maxLines" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }], ngImport: i0, template: "<div\n  #container\n  class=\"max-lines overflow-hidden transition-[max-height] duration-300 relative\"\n  [ngClass]=\"isExpanded ? 'ease-in' : 'ease-out'\"\n  [style.maxHeight]=\"maxHeight\"\n>\n  <ng-content></ng-content>\n  <div\n    *ngIf=\"showToggleButton && !isExpanded\"\n    class=\"absolute inset-x-0 bottom-0 bg-gradient-to-b from-transparent to-white h-10\"\n  ></div>\n</div>\n<div\n  *ngIf=\"showToggleButton\"\n  (click)=\"toggleDisplay()\"\n  class=\"text-primary cursor-pointer pt-2.5\"\n  data-cy=\"readMoreButton\"\n>\n  {{ (isExpanded ? 'ui.readLess' : 'ui.readMore') | translate }}\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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: MaxLinesComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-max-lines', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, TranslateModule], template: "<div\n  #container\n  class=\"max-lines overflow-hidden transition-[max-height] duration-300 relative\"\n  [ngClass]=\"isExpanded ? 'ease-in' : 'ease-out'\"\n  [style.maxHeight]=\"maxHeight\"\n>\n  <ng-content></ng-content>\n  <div\n    *ngIf=\"showToggleButton && !isExpanded\"\n    class=\"absolute inset-x-0 bottom-0 bg-gradient-to-b from-transparent to-white h-10\"\n  ></div>\n</div>\n<div\n  *ngIf=\"showToggleButton\"\n  (click)=\"toggleDisplay()\"\n  class=\"text-primary cursor-pointer pt-2.5\"\n  data-cy=\"readMoreButton\"\n>\n  {{ (isExpanded ? 'ui.readLess' : 'ui.readMore') | translate }}\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { maxLines: [{
+                type: Input
+            }], container: [{
+                type: ViewChild,
+                args: ['container']
+            }] } });
+
+class InteractiveTableColumnComponent {
+    constructor() {
+        this.grow = false;
+        this.sortable = false;
+        this.activeSort = null;
+        this.sortChange = new EventEmitter();
+    }
+    handleSortChange() {
+        this.activeSort = this.activeSort === 'asc' ? 'desc' : 'asc';
+        this.sortChange.emit(this.activeSort);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InteractiveTableColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: InteractiveTableColumnComponent, isStandalone: true, selector: "gn-ui-interactive-table-column", inputs: { grow: "grow", width: "width", sortable: "sortable", activeSort: "activeSort" }, outputs: { sortChange: "sortChange" }, queries: [{ propertyName: "header", first: true, predicate: ["header"], descendants: true }, { propertyName: "cell", first: true, predicate: ["cell"], descendants: true }], ngImport: i0, template: "<span>empty</span>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InteractiveTableColumnComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-interactive-table-column', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<span>empty</span>\n" }]
+        }], propDecorators: { header: [{
+                type: ContentChild,
+                args: ['header']
+            }], cell: [{
+                type: ContentChild,
+                args: ['cell']
+            }], grow: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], sortable: [{
+                type: Input
+            }], activeSort: [{
+                type: Input
+            }], sortChange: [{
+                type: Output
+            }] } });
+
+marker('editor.record.lock.resourceType');
+marker('editor.record.lock.harvested');
+marker('editor.record.lock.owner');
+class InteractiveTableComponent {
+    constructor() {
+        this.items = [];
+        this.canEditItem = () => of(true);
+        this.isDraftPage = false;
+        this.itemClick = new EventEmitter();
+    }
+    get gridStyle() {
+        return {
+            'grid-template-columns': this.columns
+                .map((column) => column.width
+                ? column.width
+                : column.grow
+                    ? `minmax(0px,1fr)`
+                    : `minmax(0px,max-content)`)
+                .join(' '),
+        };
+    }
+    getItemTitle(item) {
+        if (!this.isDraftPage) {
+            if (item.kind !== 'dataset') {
+                return 'editor.record.lock.resourceType';
+            }
+            else if (item.extras?.isHarvested) {
+                return 'editor.record.lock.harvested';
+            }
+            else if (!item.extras?.edit) {
+                return 'editor.record.lock.owner';
+            }
+        }
+        return '';
+    }
+    handleRowClick(item) {
+        this.itemClick.emit(item);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InteractiveTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: InteractiveTableComponent, isStandalone: true, selector: "gn-ui-interactive-table", inputs: { items: "items", canEditItem: "canEditItem", isDraftPage: "isDraftPage" }, outputs: { itemClick: "itemClick" }, providers: [provideIcons({ iconoirNavArrowDown, iconoirNavArrowUp })], queries: [{ propertyName: "columns", predicate: InteractiveTableColumnComponent }], ngImport: i0, template: "<div class=\"grid w-full\" [ngStyle]=\"gridStyle\">\n  <div class=\"contents w-full\">\n    <ng-container *ngFor=\"let column of columns\">\n      <button\n        *ngIf=\"column.sortable\"\n        type=\"button\"\n        class=\"table-header-cell gap-1\"\n        (click)=\"column.sortable && column.handleSortChange()\"\n      >\n        <ng-container *ngTemplateOutlet=\"column.header\"></ng-container>\n        <div class=\"sort-button flex flex-col\" *ngIf=\"column.sortable\">\n          <ng-icon\n            class=\"text-gray-600 -mb-2\"\n            [ngClass]=\"{ 'text-main': column.activeSort === 'asc' }\"\n            name=\"iconoirNavArrowUp\"\n          ></ng-icon>\n          <ng-icon\n            class=\"text-gray-600\"\n            [ngClass]=\"{ 'text-main': column.activeSort === 'desc' }\"\n            name=\"iconoirNavArrowDown\"\n          ></ng-icon>\n        </div>\n      </button>\n      <div *ngIf=\"!column.sortable\" class=\"table-header-cell\">\n        <ng-container *ngTemplateOutlet=\"column.header\"></ng-container>\n      </div>\n    </ng-container>\n  </div>\n  <div\n    class=\"contents text-gray-900 cursor-pointer group\"\n    *ngFor=\"let item of items\"\n    (click)=\"handleRowClick(item)\"\n    data-cy=\"table-row\"\n    [attr.data-cy-title]=\"item.title\"\n    [title]=\"getItemTitle(item) | translate\"\n  >\n    <div\n      class=\"relative h-0\"\n      [ngStyle]=\"{ 'grid-column': 'span ' + this.columns.length }\"\n    >\n      <!-- this element is only used in keyboard navigation -->\n      <button\n        type=\"button\"\n        class=\"absolute inset-x-0 h-[50px] bg-transparent pointer-events-none\"\n      ></button>\n    </div>\n    <ng-container *ngFor=\"let column of columns\">\n      <div\n        class=\"table-row-cell px-3 py-1.5 flex items-center bg-white transition-colors duration-75 truncate border-b border-gray-200\"\n        [ngClass]=\"{\n          'text-purple-light cursor-default':\n            (canEditItem(item) | async) === false,\n          'group-hover:text-main group-hover:bg-gray-50':\n            canEditItem(item) | async,\n        }\"\n      >\n        <ng-container\n          *ngTemplateOutlet=\"column.cell; context: { $implicit: item }\"\n        ></ng-container>\n      </div>\n    </ng-container>\n  </div>\n</div>\n", styles: [".table-header-cell{@apply text-gray-700 px-3 py-3 flex items-center truncate bg-white;}button.table-header-cell{@apply transition-colors duration-75 hover:text-main hover:bg-gray-50 focus:text-main focus:bg-gray-50;}ng-icon{@apply w-4 h-4;}\n"], 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: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { 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: InteractiveTableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-interactive-table', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, NgIconComponent, TranslateModule], providers: [provideIcons({ iconoirNavArrowDown, iconoirNavArrowUp })], template: "<div class=\"grid w-full\" [ngStyle]=\"gridStyle\">\n  <div class=\"contents w-full\">\n    <ng-container *ngFor=\"let column of columns\">\n      <button\n        *ngIf=\"column.sortable\"\n        type=\"button\"\n        class=\"table-header-cell gap-1\"\n        (click)=\"column.sortable && column.handleSortChange()\"\n      >\n        <ng-container *ngTemplateOutlet=\"column.header\"></ng-container>\n        <div class=\"sort-button flex flex-col\" *ngIf=\"column.sortable\">\n          <ng-icon\n            class=\"text-gray-600 -mb-2\"\n            [ngClass]=\"{ 'text-main': column.activeSort === 'asc' }\"\n            name=\"iconoirNavArrowUp\"\n          ></ng-icon>\n          <ng-icon\n            class=\"text-gray-600\"\n            [ngClass]=\"{ 'text-main': column.activeSort === 'desc' }\"\n            name=\"iconoirNavArrowDown\"\n          ></ng-icon>\n        </div>\n      </button>\n      <div *ngIf=\"!column.sortable\" class=\"table-header-cell\">\n        <ng-container *ngTemplateOutlet=\"column.header\"></ng-container>\n      </div>\n    </ng-container>\n  </div>\n  <div\n    class=\"contents text-gray-900 cursor-pointer group\"\n    *ngFor=\"let item of items\"\n    (click)=\"handleRowClick(item)\"\n    data-cy=\"table-row\"\n    [attr.data-cy-title]=\"item.title\"\n    [title]=\"getItemTitle(item) | translate\"\n  >\n    <div\n      class=\"relative h-0\"\n      [ngStyle]=\"{ 'grid-column': 'span ' + this.columns.length }\"\n    >\n      <!-- this element is only used in keyboard navigation -->\n      <button\n        type=\"button\"\n        class=\"absolute inset-x-0 h-[50px] bg-transparent pointer-events-none\"\n      ></button>\n    </div>\n    <ng-container *ngFor=\"let column of columns\">\n      <div\n        class=\"table-row-cell px-3 py-1.5 flex items-center bg-white transition-colors duration-75 truncate border-b border-gray-200\"\n        [ngClass]=\"{\n          'text-purple-light cursor-default':\n            (canEditItem(item) | async) === false,\n          'group-hover:text-main group-hover:bg-gray-50':\n            canEditItem(item) | async,\n        }\"\n      >\n        <ng-container\n          *ngTemplateOutlet=\"column.cell; context: { $implicit: item }\"\n        ></ng-container>\n      </div>\n    </ng-container>\n  </div>\n</div>\n", styles: [".table-header-cell{@apply text-gray-700 px-3 py-3 flex items-center truncate bg-white;}button.table-header-cell{@apply transition-colors duration-75 hover:text-main hover:bg-gray-50 focus:text-main focus:bg-gray-50;}ng-icon{@apply w-4 h-4;}\n"] }]
+        }], propDecorators: { columns: [{
+                type: ContentChildren,
+                args: [InteractiveTableColumnComponent]
+            }], items: [{
+                type: Input
+            }], canEditItem: [{
+                type: Input
+            }], isDraftPage: [{
+                type: Input
+            }], itemClick: [{
+                type: Output
+            }] } });
+
+/**
+ * This component will make a block that will stay sticky on the top of the page,
+ * but will also shrink down to a minimum height when scrolling.
+ * The ratio between minimum and nominal height is stored in the shrinkRatio
+ * property, and can be used to change e.g. the opacity or size of child elements.
+ * This component renders at z-index: 50 by default.
+ * The first parent element with an overflow of `scroll` or `overflow` is considered
+ * for scroll events.
+ */
+class StickyHeaderComponent {
+    constructor(changeDetector, hostEl, zone) {
+        this.changeDetector = changeDetector;
+        this.hostEl = hostEl;
+        this.zone = zone;
+    }
+    ngAfterViewInit() {
+        this.scrollSub = fromEvent(window, 'scroll', {
+            passive: true,
+        })
+            .pipe(throttleTime(0, animationFrameScheduler, {
+            leading: true,
+            trailing: true,
+        }))
+            .subscribe(this.updateSize.bind(this));
+    }
+    ngOnInit() {
+        this.placeholderEl = document.createElement('div');
+        this.placeholderEl.style.position = 'absolute';
+        this.placeholderEl.classList.add('sticky-header-placeholder');
+        this.hostEl.nativeElement.insertAdjacentElement('beforebegin', this.placeholderEl);
+    }
+    ngAfterViewChecked() {
+        this.updateSize();
+    }
+    ngOnDestroy() {
+        this.scrollSub.unsubscribe();
+        this.placeholderEl.remove();
+    }
+    updateSize() {
+        this.zone.runOutsideAngular(() => {
+            if (window.scrollY === this.parentScroll)
+                return;
+            this.parentScroll = window.scrollY;
+            const offsetTop = Math.max(0, this.parentScroll - this.placeholderEl.offsetTop);
+            const newHeightPx = Math.max(this.minHeightPx, this.fullHeightPx - offsetTop);
+            this.innerContainer.nativeElement.style.transform = `translate(0, ${newHeightPx - this.fullHeightPx}px)`;
+            this.expandRatio =
+                (newHeightPx - this.minHeightPx) /
+                    (this.fullHeightPx - this.minHeightPx);
+            this.changeDetector.detectChanges();
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StickyHeaderComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef, host: true }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: StickyHeaderComponent, selector: "gn-ui-sticky-header", inputs: { minHeightPx: "minHeightPx", fullHeightPx: "fullHeightPx" }, queries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], viewQueries: [{ propertyName: "outerContainer", first: true, predicate: ["outerContainer"], descendants: true }, { propertyName: "innerContainer", first: true, predicate: ["innerContainer"], descendants: true }], ngImport: i0, template: "<div\n  #outerContainer\n  class=\"sticky pointer-events-none z-50 top-0\"\n  [style.height]=\"fullHeightPx + 'px'\"\n>\n  <div\n    #innerContainer\n    class=\"relative pointer-events-auto\"\n    [style.height]=\"fullHeightPx + 'px'\"\n  >\n    <ng-container\n      [ngTemplateOutlet]=\"template\"\n      [ngTemplateOutletContext]=\"{ $implicit: expandRatio }\"\n    ></ng-container>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StickyHeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-sticky-header', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  #outerContainer\n  class=\"sticky pointer-events-none z-50 top-0\"\n  [style.height]=\"fullHeightPx + 'px'\"\n>\n  <div\n    #innerContainer\n    class=\"relative pointer-events-auto\"\n    [style.height]=\"fullHeightPx + 'px'\"\n  >\n    <ng-container\n      [ngTemplateOutlet]=\"template\"\n      [ngTemplateOutletContext]=\"{ $implicit: expandRatio }\"\n    ></ng-container>\n  </div>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef, decorators: [{
+                    type: Host
+                }] }, { type: i0.NgZone }], propDecorators: { minHeightPx: [{
+                type: Input
+            }], fullHeightPx: [{
+                type: Input
+            }], template: [{
+                type: ContentChild,
+                args: [TemplateRef]
+            }], outerContainer: [{
+                type: ViewChild,
+                args: ['outerContainer']
+            }], innerContainer: [{
+                type: ViewChild,
+                args: ['innerContainer']
+            }] } });
+
+class BlockListComponent {
+    get pages() {
+        return new Array(this.pagesCount).fill(0).map((_, i) => i);
+    }
+    get isFirstPage() {
+        return this.currentPage_ === 0;
+    }
+    get isLastPage() {
+        return this.currentPage_ === this.pagesCount - 1;
+    }
+    get pagesCount() {
+        return this.blocks ? Math.ceil(this.blocks.length / this.pageSize) : 1;
+    }
+    get currentPage() {
+        return this.currentPage_ + 1;
+    }
+    constructor(changeDetector) {
+        this.changeDetector = changeDetector;
+        this.pageSize = 4;
+        this.containerClass = '';
+        this.paginationContainerClass = 'w-full bottom-0 top-auto';
+        this.minHeight = 0;
+        this.listChanges = new EventEmitter();
+        this.subComponentSize = 'M';
+        this.currentPage_ = 0;
+        this.refreshBlocksVisibility = () => {
+            this.blocks.forEach((block, index) => {
+                block.nativeElement.style.display =
+                    index >= this.currentPage_ * this.pageSize &&
+                        index < (this.currentPage_ + 1) * this.pageSize
+                        ? null
+                        : 'none';
+            });
+        };
+    }
+    ngAfterViewInit() {
+        this.blocks.changes.subscribe(() => {
+            this.updateSizes();
+            this.refreshBlocksVisibility();
+            this.goToPage(1);
+            this.changeDetector.detectChanges();
+            this.listChanges.emit(this);
+        });
+        this.updateSizes();
+        this.refreshBlocksVisibility();
+        // we store the first height as the min-height of the list container
+        this.minHeight = this.blockContainer.nativeElement.clientHeight;
+        this.changeDetector.detectChanges();
+        this.listChanges.emit(this);
+    }
+    updateSizes() {
+        this.subComponentSize = this.computeSubComponentSize();
+        this.pageSize = this.computePageSize();
+    }
+    computeSubComponentSize() {
+        if (!this.blocks)
+            return 'M';
+        const subComponentsCount = this.blocks.length;
+        if (subComponentsCount <= 3)
+            return 'L';
+        if (subComponentsCount <= 12)
+            return 'M';
+        if (subComponentsCount <= 18)
+            return 'S';
+        return 'XS';
+    }
+    computePageSize() {
+        switch (this.subComponentSize) {
+            case 'L':
+                return 3;
+            case 'S':
+                return 6;
+            case 'XS':
+                return 8;
+            default:
+                return 4;
+        }
+    }
+    goToPage(pageIndex) {
+        this.currentPage_ = Math.max(Math.min(pageIndex - 1, this.pagesCount - 1), 0);
+        this.changeDetector.detectChanges();
+        this.refreshBlocksVisibility();
+    }
+    goToPrevPage() {
+        if (this.isFirstPage)
+            return;
+        this.goToPage(this.currentPage - 1);
+    }
+    goToNextPage() {
+        if (this.isLastPage)
+            return;
+        this.goToPage(this.currentPage + 1);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BlockListComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: BlockListComponent, isStandalone: true, selector: "gn-ui-block-list", inputs: { containerClass: "containerClass", paginationContainerClass: "paginationContainerClass" }, outputs: { listChanges: "listChanges" }, queries: [{ propertyName: "blocks", predicate: ["block"], read: ElementRef }], viewQueries: [{ propertyName: "blockContainer", first: true, predicate: ["blockContainer"], descendants: true }], ngImport: i0, template: "<div\n  class=\"grid gap-4 w-full md:grid-cols-2\"\n  #blockContainer\n  [ngClass]=\"[containerClass, 'size-' + subComponentSize]\"\n  [ngStyle]=\"{ minHeight: minHeight + 'px' }\"\n>\n  <ng-content></ng-content>\n</div>\n<gn-ui-pagination-dots\n  [containerClass]=\"'absolute ' + paginationContainerClass\"\n  [listComponent]=\"this\"\n></gn-ui-pagination-dots>\n", styles: [":host .block-list-container ::ng-deep>*{flex-shrink:0}:host{position:relative}@media screen and (min-width: 769px){.size-L{grid-template-columns:repeat(1,minmax(0,1fr));grid-auto-rows:minmax(0,min-content)}.size-M{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,min-content)}.size-S{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(0,min-content)}.size-XS{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,min-content)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: PaginationDotsComponent, selector: "gn-ui-pagination-dots", inputs: ["listComponent", "containerClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BlockListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-block-list', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, PaginationDotsComponent], template: "<div\n  class=\"grid gap-4 w-full md:grid-cols-2\"\n  #blockContainer\n  [ngClass]=\"[containerClass, 'size-' + subComponentSize]\"\n  [ngStyle]=\"{ minHeight: minHeight + 'px' }\"\n>\n  <ng-content></ng-content>\n</div>\n<gn-ui-pagination-dots\n  [containerClass]=\"'absolute ' + paginationContainerClass\"\n  [listComponent]=\"this\"\n></gn-ui-pagination-dots>\n", styles: [":host .block-list-container ::ng-deep>*{flex-shrink:0}:host{position:relative}@media screen and (min-width: 769px){.size-L{grid-template-columns:repeat(1,minmax(0,1fr));grid-auto-rows:minmax(0,min-content)}.size-M{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,min-content)}.size-S{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(0,min-content)}.size-XS{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,min-content)}}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { containerClass: [{
+                type: Input
+            }], paginationContainerClass: [{
+                type: Input
+            }], blocks: [{
+                type: ContentChildren,
+                args: ['block', { read: ElementRef }]
+            }], blockContainer: [{
+                type: ViewChild,
+                args: ['blockContainer']
+            }], listChanges: [{
+                type: Output
+            }] } });
+
 class SortableListComponent {
     constructor() {
         this.itemsOrderChange = new EventEmitter();
@@ -28772,34 +28983,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
         }] });
 
 class TruncatedTextComponent {
-    constructor(cd, ngZone, viewportRuler) {
+    constructor(cd, ngZone) {
         this.cd = cd;
         this.ngZone = ngZone;
-        this.viewportRuler = viewportRuler;
         this.text = '';
         this.extraClass = '';
         this.isTextTruncated = false;
-        this.isOpen = false;
-        this.overlayPosition = {
-            originX: 'end',
-            originY: 'top',
-            overlayX: 'end',
-            overlayY: 'top',
-        };
         this.resizeObserver = new ResizeObserver(() => {
             this.ngZone.run(() => this.checkTextTruncation());
         });
         this.mutationObserver = new MutationObserver(() => {
             this.ngZone.run(() => {
                 this.checkTextTruncation();
-                this.close();
             });
         });
-        this.viewportSubscription = this.viewportRuler.change().subscribe(() => {
-            if (this.isOpen) {
-                this.updateOverlayPosition();
-            }
-        });
     }
     ngAfterViewInit() {
         const element = this.textElement.nativeElement;
@@ -28814,39 +29011,14 @@ class TruncatedTextComponent {
     ngOnDestroy() {
         this.resizeObserver?.disconnect();
         this.mutationObserver?.disconnect();
-        this.viewportSubscription?.unsubscribe();
-        this.close();
-    }
-    toggleOverlay() {
-        this.isOpen = !this.isOpen;
-        if (this.isOpen) {
-            this.updateOverlayPosition();
-        }
-    }
-    updateOverlayPosition() {
-        const element = this.textElement.nativeElement;
-        const rect = element.getBoundingClientRect();
-        const viewportWidth = this.viewportRuler.getViewportSize().width;
-        const isMobile = viewportWidth < 640;
-        const overlayWidth = isMobile ? 190 : 320;
-        const isNearLeftEdge = rect.left < overlayWidth;
-        this.overlayPosition = {
-            originX: isNearLeftEdge ? 'start' : 'end',
-            originY: 'top',
-            overlayX: isNearLeftEdge ? 'start' : 'end',
-            overlayY: 'top',
-        };
-    }
-    close() {
-        this.isOpen = false;
     }
     checkTextTruncation() {
         const element = this.textElement.nativeElement;
         this.isTextTruncated = element.scrollWidth > element.clientWidth;
         this.cd.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TruncatedTextComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i1$8.ViewportRuler }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TruncatedTextComponent, isStandalone: true, selector: "gn-ui-truncated-text", inputs: { text: "text", extraClass: "extraClass" }, providers: [provideIcons({ iconoirExpand, iconoirReduce })], viewQueries: [{ propertyName: "textElement", first: true, predicate: ["textElement"], descendants: true }], ngImport: i0, template: "<div\n  class=\"flex items-center justify-between w-full gap-2\"\n  cdkOverlayOrigin\n  [class]=\"extraClass\"\n  #trigger=\"cdkOverlayOrigin\"\n>\n  <span #textElement class=\"truncate\">\n    {{ text }}\n  </span>\n  <gn-ui-button\n    *ngIf=\"isTextTruncated\"\n    type=\"outline\"\n    extraClass=\"w-10 h-8 border rounded-lg\"\n    (buttonClick)=\"toggleOverlay()\"\n  >\n    <ng-icon name=\"iconoirExpand\" size=\"24\"> </ng-icon>\n  </gn-ui-button>\n\n  <ng-template\n    cdkConnectedOverlay\n    [cdkConnectedOverlayOrigin]=\"trigger\"\n    [cdkConnectedOverlayOpen]=\"isOpen\"\n    [cdkConnectedOverlayPositions]=\"[overlayPosition]\"\n    cdkConnectedOverlayPush\n    [cdkConnectedOverlayWidth]=\"'auto'\"\n    [cdkConnectedOverlayFlexibleDimensions]=\"true\"\n    [cdkConnectedOverlayGrowAfterOpen]=\"true\"\n    (detach)=\"close()\"\n  >\n    <div class=\"bg-white shadow-lg border border-gray-300 flex\">\n      <div class=\"sm:w-64 xs:w-32\">\n        <p class=\"m-2\">{{ text }}</p>\n      </div>\n      <gn-ui-button\n        class=\"m-2 flex-shrink-0\"\n        type=\"light\"\n        (buttonClick)=\"close()\"\n        extraClass=\"w-10 h-8 px-1 bg-white\"\n      >\n        <ng-icon name=\"iconoirReduce\" size=\"24\"> </ng-icon>\n      </gn-ui-button>\n    </div>\n  </ng-template>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i1$8.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i1$8.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { 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"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TruncatedTextComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TruncatedTextComponent, isStandalone: true, selector: "gn-ui-truncated-text", inputs: { text: "text", extraClass: "extraClass", scrollContainer: "scrollContainer", cdkScrollContainer: "cdkScrollContainer" }, providers: [provideIcons({ iconoirExpand })], viewQueries: [{ propertyName: "textElement", first: true, predicate: ["textElement"], descendants: true }], ngImport: i0, template: "<gn-ui-cell-popin\n  #popinRef\n  [activePopin]=\"isTextTruncated\"\n  [scrollContainer]=\"scrollContainer\"\n  [cdkScrollContainer]=\"cdkScrollContainer\"\n>\n  <div\n    cellContent\n    class=\"flex items-center justify-between w-full gap-2\"\n    [class]=\"extraClass\"\n  >\n    <span #textElement class=\"truncate py-3 px-2\">\n      {{ text }}\n    </span>\n    <gn-ui-button\n      *ngIf=\"isTextTruncated\"\n      type=\"outline\"\n      extraClass=\"w-10 h-8 border rounded-lg mr-2\"\n      (buttonClick)=\"popinRef.openOverlay()\"\n    >\n      <ng-icon name=\"iconoirExpand\" size=\"24\"> </ng-icon>\n    </gn-ui-button>\n  </div>\n  <div popinContent class=\"sm:w-64 xs:w-32 py-4 pl-6 pr-9\">\n    <p>{{ text }}</p>\n  </div>\n</gn-ui-cell-popin>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: OverlayModule }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: CellPopinComponent, selector: "gn-ui-cell-popin", inputs: ["extraClass", "cdkScrollContainer", "scrollContainer", "activePopin"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TruncatedTextComponent, decorators: [{
             type: Component,
@@ -28856,12 +29028,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         MatButtonModule,
                         OverlayModule,
                         ButtonComponent,
+                        CellPopinComponent,
                         NgIconComponent,
-                    ], providers: [provideIcons({ iconoirExpand, iconoirReduce })], template: "<div\n  class=\"flex items-center justify-between w-full gap-2\"\n  cdkOverlayOrigin\n  [class]=\"extraClass\"\n  #trigger=\"cdkOverlayOrigin\"\n>\n  <span #textElement class=\"truncate\">\n    {{ text }}\n  </span>\n  <gn-ui-button\n    *ngIf=\"isTextTruncated\"\n    type=\"outline\"\n    extraClass=\"w-10 h-8 border rounded-lg\"\n    (buttonClick)=\"toggleOverlay()\"\n  >\n    <ng-icon name=\"iconoirExpand\" size=\"24\"> </ng-icon>\n  </gn-ui-button>\n\n  <ng-template\n    cdkConnectedOverlay\n    [cdkConnectedOverlayOrigin]=\"trigger\"\n    [cdkConnectedOverlayOpen]=\"isOpen\"\n    [cdkConnectedOverlayPositions]=\"[overlayPosition]\"\n    cdkConnectedOverlayPush\n    [cdkConnectedOverlayWidth]=\"'auto'\"\n    [cdkConnectedOverlayFlexibleDimensions]=\"true\"\n    [cdkConnectedOverlayGrowAfterOpen]=\"true\"\n    (detach)=\"close()\"\n  >\n    <div class=\"bg-white shadow-lg border border-gray-300 flex\">\n      <div class=\"sm:w-64 xs:w-32\">\n        <p class=\"m-2\">{{ text }}</p>\n      </div>\n      <gn-ui-button\n        class=\"m-2 flex-shrink-0\"\n        type=\"light\"\n        (buttonClick)=\"close()\"\n        extraClass=\"w-10 h-8 px-1 bg-white\"\n      >\n        <ng-icon name=\"iconoirReduce\" size=\"24\"> </ng-icon>\n      </gn-ui-button>\n    </div>\n  </ng-template>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i1$8.ViewportRuler }], propDecorators: { text: [{
+                    ], providers: [provideIcons({ iconoirExpand })], template: "<gn-ui-cell-popin\n  #popinRef\n  [activePopin]=\"isTextTruncated\"\n  [scrollContainer]=\"scrollContainer\"\n  [cdkScrollContainer]=\"cdkScrollContainer\"\n>\n  <div\n    cellContent\n    class=\"flex items-center justify-between w-full gap-2\"\n    [class]=\"extraClass\"\n  >\n    <span #textElement class=\"truncate py-3 px-2\">\n      {{ text }}\n    </span>\n    <gn-ui-button\n      *ngIf=\"isTextTruncated\"\n      type=\"outline\"\n      extraClass=\"w-10 h-8 border rounded-lg mr-2\"\n      (buttonClick)=\"popinRef.openOverlay()\"\n    >\n      <ng-icon name=\"iconoirExpand\" size=\"24\"> </ng-icon>\n    </gn-ui-button>\n  </div>\n  <div popinContent class=\"sm:w-64 xs:w-32 py-4 pl-6 pr-9\">\n    <p>{{ text }}</p>\n  </div>\n</gn-ui-cell-popin>\n" }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.NgZone }], propDecorators: { text: [{
                 type: Input
             }], extraClass: [{
                 type: Input
+            }], scrollContainer: [{
+                type: Input
+            }], cdkScrollContainer: [{
+                type: Input
             }], textElement: [{
                 type: ViewChild,
                 args: ['textElement']
@@ -29564,6 +29741,56 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }] } });
 
+class InternalLinkCardContactComponent {
+    constructor() {
+        this.size = 'M';
+    }
+    get organization() {
+        return this.record.ownerOrganization;
+    }
+    get contacts() {
+        return ((this.record.kind === 'dataset'
+            ? this.record.contactsForResource
+            : this.record.contacts) || []);
+    }
+    openExternalUrl(event, url) {
+        event.stopPropagation();
+        window.open(url, '_blank');
+    }
+    openMailto(event, email) {
+        event.stopPropagation();
+        window.open(`mailto:${email}`, '_blank');
+    }
+    copyToClipboard(event, text) {
+        event.stopPropagation();
+        navigator.clipboard.writeText(text);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InternalLinkCardContactComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: InternalLinkCardContactComponent, isStandalone: true, selector: "gn-ui-internal-link-card-contact", inputs: { record: "record", size: "size" }, providers: [
+            provideIcons({
+                iconoirInternet,
+                matEmailOutline,
+                matPhoneOutline,
+                matLocationOnOutline,
+            }),
+        ], ngImport: i0, template: "<div\n  data-cy=\"recordOrg\"\n  class=\"flex items-center justify-evenly bg-gray-50 rounded-lg h-[53px] px-2\"\n>\n  <div class=\"flex items-center flex-1 min-w-0\">\n    <div class=\"w-[45px] h-[45px] rounded-lg overflow-hidden shrink-0 mr-3\">\n      <gn-ui-thumbnail\n        [thumbnailUrl]=\"record.ownerOrganization?.logoUrl?.toString() || ''\"\n        [fit]=\"'contain'\"\n        class=\"w-full h-full rounded-lg\"\n      ></gn-ui-thumbnail>\n    </div>\n    <div *ngIf=\"organization?.name\" class=\"flex-1 w-0 overflow-hidden\">\n      <div\n        class=\"text-xs text-black font-normal leading-tight truncate\"\n        translate\n      >\n        record.card.metadata.contact\n      </div>\n      <div\n        data-cy=\"recordOrgName\"\n        class=\"text-xl text-primary-black font-medium truncate\"\n      >\n        {{ organization.name }}\n      </div>\n    </div>\n  </div>\n  <div *ngIf=\"size === 'L'\" class=\"ml-2 flex space-x-2\">\n    <div *ngIf=\"organization?.website\" class=\"flex\">\n      <button\n        [title]=\"organization.website\"\n        class=\"w-[40px] h-[32px] flex items-center justify-center rounded-lg border border-[#D4D3D7] px-[8px] py-[4px] hover:bg-primary-lightest\"\n        (click)=\"openExternalUrl($event, organization.website)\"\n      >\n        <ng-icon name=\"iconoirInternet\"></ng-icon>\n      </button>\n    </div>\n    <div *ngIf=\"contacts[0]?.email\" class=\"flex\">\n      <button\n        [title]=\"contacts[0].email\"\n        class=\"w-[40px] h-[32px] flex items-center justify-center rounded-lg border border-[#D4D3D7] px-[8px] py-[4px] hover:bg-primary-lightest\"\n        data-cy=\"contact-email\"\n        (click)=\"openMailto($event, contacts[0].email)\"\n      >\n        <ng-icon name=\"matEmailOutline\"></ng-icon>\n      </button>\n    </div>\n    <div *ngIf=\"contacts[0]?.phone\" class=\"flex\">\n      <button\n        [title]=\"'Copy to clipboard'\"\n        class=\"w-[40px] h-[32px] flex items-center justify-center rounded-lg border border-[#D4D3D7] px-[8px] py-[4px] hover:bg-primary-lightest relative group\"\n        data-cy=\"contact-phone\"\n        (click)=\"copyToClipboard($event, contacts[0].phone)\"\n      >\n        <ng-icon name=\"matPhoneOutline\"></ng-icon>\n      </button>\n    </div>\n    <div *ngIf=\"contacts[0]?.address\" class=\"flex\">\n      <button\n        [title]=\"'Copy to clipboard'\"\n        class=\"w-[40px] h-[32px] flex items-center justify-center rounded-lg border border-[#D4D3D7] px-[8px] py-[4px] hover:bg-primary-lightest relative group\"\n        data-cy=\"contact-phone\"\n        (click)=\"copyToClipboard($event, contacts[0].address)\"\n      >\n        <ng-icon name=\"matLocationOnOutline\"></ng-icon>\n      </button>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ThumbnailComponent, selector: "gn-ui-thumbnail", inputs: ["thumbnailUrl", "fit"], outputs: ["placeholderShown"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InternalLinkCardContactComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-internal-link-card-contact', standalone: true, imports: [NgIf, ThumbnailComponent, NgIconComponent, TranslateModule], providers: [
+                        provideIcons({
+                            iconoirInternet,
+                            matEmailOutline,
+                            matPhoneOutline,
+                            matLocationOnOutline,
+                        }),
+                    ], template: "<div\n  data-cy=\"recordOrg\"\n  class=\"flex items-center justify-evenly bg-gray-50 rounded-lg h-[53px] px-2\"\n>\n  <div class=\"flex items-center flex-1 min-w-0\">\n    <div class=\"w-[45px] h-[45px] rounded-lg overflow-hidden shrink-0 mr-3\">\n      <gn-ui-thumbnail\n        [thumbnailUrl]=\"record.ownerOrganization?.logoUrl?.toString() || ''\"\n        [fit]=\"'contain'\"\n        class=\"w-full h-full rounded-lg\"\n      ></gn-ui-thumbnail>\n    </div>\n    <div *ngIf=\"organization?.name\" class=\"flex-1 w-0 overflow-hidden\">\n      <div\n        class=\"text-xs text-black font-normal leading-tight truncate\"\n        translate\n      >\n        record.card.metadata.contact\n      </div>\n      <div\n        data-cy=\"recordOrgName\"\n        class=\"text-xl text-primary-black font-medium truncate\"\n      >\n        {{ organization.name }}\n      </div>\n    </div>\n  </div>\n  <div *ngIf=\"size === 'L'\" class=\"ml-2 flex space-x-2\">\n    <div *ngIf=\"organization?.website\" class=\"flex\">\n      <button\n        [title]=\"organization.website\"\n        class=\"w-[40px] h-[32px] flex items-center justify-center rounded-lg border border-[#D4D3D7] px-[8px] py-[4px] hover:bg-primary-lightest\"\n        (click)=\"openExternalUrl($event, organization.website)\"\n      >\n        <ng-icon name=\"iconoirInternet\"></ng-icon>\n      </button>\n    </div>\n    <div *ngIf=\"contacts[0]?.email\" class=\"flex\">\n      <button\n        [title]=\"contacts[0].email\"\n        class=\"w-[40px] h-[32px] flex items-center justify-center rounded-lg border border-[#D4D3D7] px-[8px] py-[4px] hover:bg-primary-lightest\"\n        data-cy=\"contact-email\"\n        (click)=\"openMailto($event, contacts[0].email)\"\n      >\n        <ng-icon name=\"matEmailOutline\"></ng-icon>\n      </button>\n    </div>\n    <div *ngIf=\"contacts[0]?.phone\" class=\"flex\">\n      <button\n        [title]=\"'Copy to clipboard'\"\n        class=\"w-[40px] h-[32px] flex items-center justify-center rounded-lg border border-[#D4D3D7] px-[8px] py-[4px] hover:bg-primary-lightest relative group\"\n        data-cy=\"contact-phone\"\n        (click)=\"copyToClipboard($event, contacts[0].phone)\"\n      >\n        <ng-icon name=\"matPhoneOutline\"></ng-icon>\n      </button>\n    </div>\n    <div *ngIf=\"contacts[0]?.address\" class=\"flex\">\n      <button\n        [title]=\"'Copy to clipboard'\"\n        class=\"w-[40px] h-[32px] flex items-center justify-center rounded-lg border border-[#D4D3D7] px-[8px] py-[4px] hover:bg-primary-lightest relative group\"\n        data-cy=\"contact-phone\"\n        (click)=\"copyToClipboard($event, contacts[0].address)\"\n      >\n        <ng-icon name=\"matLocationOnOutline\"></ng-icon>\n      </button>\n    </div>\n  </div>\n</div>\n" }]
+        }], propDecorators: { record: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }] } });
+
 class InternalLinkCardComponent {
     set size(value) {
         this._size = value;
@@ -29605,28 +29832,19 @@ class InternalLinkCardComponent {
         this.abstract = removeWhitespace(stripHtml(this.record?.abstract));
         this.subscription.add(fromEvent(this.elementRef.nativeElement, 'click').subscribe(() => this.mdSelect.emit(this.record)));
     }
-    get organization() {
-        return this.record.ownerOrganization;
-    }
-    get contacts() {
-        return ((this.record.kind === 'dataset'
-            ? this.record.contactsForResource
-            : this.record.contacts) || []);
-    }
     getTitleClass() {
         return this.titleClassMap[this._size];
     }
-    openExternalUrl(event, url) {
-        event.stopPropagation();
-        window.open(url, '_blank');
+    getAbstractClass() {
+        const marginClass = ['S', 'XS'].includes(this.size) ? 'ml-2' : '';
+        const clampClass = this.size === 'L' && !this.record.ownerOrganization?.name
+            ? 'line-clamp-6'
+            : 'line-clamp-2';
+        return `${clampClass} ${marginClass}`.trim();
     }
-    openMailto(event, email) {
-        event.stopPropagation();
-        window.open(`mailto:${email}`, '_blank');
-    }
-    copyToClipboard(event, text) {
-        event.stopPropagation();
-        navigator.clipboard.writeText(text);
+    displayAbstract() {
+        return (this.size === 'L' ||
+            (['M', 'S'].includes(this.size) && !this.record.ownerOrganization?.name));
     }
     get shouldShowThumbnail() {
         return this.size === 'L' || this.size === 'M';
@@ -29636,40 +29854,34 @@ class InternalLinkCardComponent {
             provideIcons({
                 iconoirInternet,
                 matLocationSearchingOutline,
-                matEmailOutline,
-                matPhoneOutline,
-                matLocationOnOutline,
             }),
             provideNgIconsConfig({
                 size: '1.2em',
             }),
-        ], ngImport: i0, template: "<a [attr.href]=\"linkHref\" [target]=\"linkTarget\">\n  <div\n    class=\"group rounded-md bg-white hover:cursor-pointer hover:bg-slate-50 overflow-hidden w-full\"\n    [ngClass]=\"cardClass\"\n  >\n    <div\n      class=\"flex flex-row md:gap-0 justify-between w-full\"\n      [ngClass]=\"{ 'flex-wrap md:flex-nowrap gap-3': size === 'L' }\"\n    >\n      <div\n        *ngIf=\"shouldShowThumbnail\"\n        [ngClass]=\"thumbnailContainerClass\"\n        class=\"border mr-4 flex flex-col\"\n      >\n        <gn-ui-thumbnail\n          class=\"w-full h-full object-cover\"\n          [thumbnailUrl]=\"record.overviews?.[0]?.url?.toString() || ''\"\n          [fit]=\"'cover'\"\n        ></gn-ui-thumbnail>\n      </div>\n      <div class=\"grow flex flex-col gap-3\">\n        <div class=\"flex items-center gap-2\">\n          <div class=\"grow flex flex-wrap items-center gap-2\">\n            <gn-ui-kind-badge\n              [styling]=\"'default'\"\n              [kind]=\"record?.kind\"\n            ></gn-ui-kind-badge>\n            <gn-ui-geo-data-badge\n              [showLabel]=\"size === 'L'\"\n              [styling]=\"'light'\"\n              [record]=\"record\"\n            ></gn-ui-geo-data-badge>\n            <gn-ui-metadata-quality\n              class=\"flex items-center\"\n              [smaller]=\"true\"\n              [metadata]=\"record\"\n              [metadataQualityDisplay]=\"metadataQualityDisplay\"\n            ></gn-ui-metadata-quality>\n          </div>\n          <div *ngIf=\"size !== 'XS'\" data-cy=\"recordFav\">\n            <ng-container\n              [ngTemplateOutlet]=\"favoriteTemplate\"\n              [ngTemplateOutletContext]=\"{ $implicit: record }\"\n            ></ng-container>\n          </div>\n        </div>\n\n        <div class=\"grow flex flex-col gap-2\">\n          <div\n            class=\"font-medium text-title group-hover:text-primary\"\n            [title]=\"record.title\"\n          >\n            <h4\n              class=\"mr-6 overflow-hidden\"\n              [ngClass]=\"getTitleClass()\"\n              data-cy=\"recordTitle\"\n              [title]=\"record.title\"\n            >\n              {{ record.title }}\n            </h4>\n          </div>\n          <div\n            *ngIf=\"size === 'L'\"\n            class=\"mr-6 text-xs text-gray-900 line-clamp-2 overflow-hidden\"\n            data-cy=\"recordAbstract\"\n          >\n            <gn-ui-markdown-parser\n              [textContent]=\"abstract\"\n              [whitoutStyles]=\"true\"\n            ></gn-ui-markdown-parser>\n          </div>\n        </div>\n\n        <div\n          data-cy=\"recordOrg\"\n          *ngIf=\"size !== 'XS' && record.ownerOrganization?.name\"\n          class=\"flex items-center justify-evenly bg-gray-50 rounded-lg h-[53px] px-2\"\n        >\n          <div class=\"flex items-center flex-1 min-w-0\">\n            <div\n              class=\"w-[45px] h-[45px] rounded-lg overflow-hidden shrink-0 mr-3\"\n            >\n              <gn-ui-thumbnail\n                [thumbnailUrl]=\"\n                  record.ownerOrganization?.logoUrl?.toString() || ''\n                \"\n                [fit]=\"'contain'\"\n                class=\"w-full h-full rounded-lg\"\n              ></gn-ui-thumbnail>\n            </div>\n            <div *ngIf=\"organization?.name\" class=\"flex-1 w-0 overflow-hidden\">\n              <div\n                class=\"text-xs text-black font-normal leading-tight truncate\"\n                translate\n              >\n                record.card.metadata.contact\n              </div>\n              <div\n                data-cy=\"recordOrgName\"\n                class=\"text-xl text-primary-black font-medium truncate\"\n              >\n                {{ organization.name }}\n              </div>\n            </div>\n          </div>\n          <div *ngIf=\"size === 'L'\" class=\"ml-2 flex space-x-2\">\n            <div *ngIf=\"organization?.website\" class=\"flex\">\n              <button\n                [title]=\"organization.website\"\n                class=\"w-[40px] h-[32px] flex items-center justify-center rounded-lg border border-[#D4D3D7] px-[8px] py-[4px] hover:bg-primary-lightest\"\n                (click)=\"openExternalUrl($event, organization.website)\"\n              >\n                <ng-icon name=\"iconoirInternet\"></ng-icon>\n              </button>\n            </div>\n            <div *ngIf=\"contacts[0]?.email\" class=\"flex\">\n              <button\n                [title]=\"contacts[0].email\"\n                class=\"w-[40px] h-[32px] flex items-center justify-center rounded-lg border border-[#D4D3D7] px-[8px] py-[4px] hover:bg-primary-lightest\"\n                data-cy=\"contact-email\"\n                (click)=\"openMailto($event, contacts[0].email)\"\n              >\n                <ng-icon name=\"matEmailOutline\"></ng-icon>\n              </button>\n            </div>\n            <div *ngIf=\"contacts[0]?.phone\" class=\"flex\">\n              <button\n                [title]=\"'Copy to clipboard'\"\n                class=\"w-[40px] h-[32px] flex items-center justify-center rounded-lg border border-[#D4D3D7] px-[8px] py-[4px] hover:bg-primary-lightest relative group\"\n                data-cy=\"contact-phone\"\n                (click)=\"copyToClipboard($event, contacts[0].phone)\"\n              >\n                <ng-icon name=\"matPhoneOutline\"></ng-icon>\n              </button>\n            </div>\n            <div *ngIf=\"contacts[0]?.address\" class=\"flex\">\n              <button\n                [title]=\"'Copy to clipboard'\"\n                class=\"w-[40px] h-[32px] flex items-center justify-center rounded-lg border border-[#D4D3D7] px-[8px] py-[4px] hover:bg-primary-lightest relative group\"\n                data-cy=\"contact-phone\"\n                (click)=\"copyToClipboard($event, contacts[0].address)\"\n              >\n                <ng-icon name=\"matLocationOnOutline\"></ng-icon>\n              </button>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</a>\n", styles: [""], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ThumbnailComponent, selector: "gn-ui-thumbnail", inputs: ["thumbnailUrl", "fit"], outputs: ["placeholderShown"] }, { kind: "component", type: MetadataQualityComponent, selector: "gn-ui-metadata-quality", inputs: ["metadata", "smaller", "metadataQualityDisplay"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: GeoDataBadgeComponent, selector: "gn-ui-geo-data-badge", inputs: ["showLabel", "styling", "record"] }, { kind: "component", type: KindBadgeComponent, selector: "gn-ui-kind-badge", inputs: ["styling", "contentTemplate", "kind"] }, { kind: "component", type: MarkdownParserComponent, selector: "gn-ui-markdown-parser", inputs: ["textContent", "whitoutStyles"] }] }); }
+        ], ngImport: i0, template: "<a [attr.href]=\"linkHref\" [target]=\"linkTarget\">\n  <div\n    class=\"group rounded-md bg-white hover:cursor-pointer hover:bg-slate-50 overflow-hidden w-full\"\n    [ngClass]=\"cardClass\"\n  >\n    <div\n      class=\"flex flex-row md:gap-0 justify-between w-full\"\n      [ngClass]=\"{ 'flex-wrap md:flex-nowrap gap-3': size === 'L' }\"\n    >\n      <div\n        *ngIf=\"shouldShowThumbnail\"\n        [ngClass]=\"thumbnailContainerClass\"\n        class=\"border mr-4 flex flex-col\"\n      >\n        <gn-ui-thumbnail\n          class=\"w-full h-full object-cover\"\n          [thumbnailUrl]=\"record.overviews?.[0]?.url?.toString() || ''\"\n          [fit]=\"'cover'\"\n        ></gn-ui-thumbnail>\n      </div>\n      <div class=\"grow flex flex-col gap-3\">\n        <div class=\"flex items-center gap-2\">\n          <div class=\"grow flex flex-wrap items-center gap-2\">\n            <gn-ui-kind-badge\n              [styling]=\"'default'\"\n              [kind]=\"record?.kind\"\n            ></gn-ui-kind-badge>\n            <gn-ui-geo-data-badge\n              [showLabel]=\"size === 'L'\"\n              [styling]=\"'light'\"\n              [record]=\"record\"\n            ></gn-ui-geo-data-badge>\n            <gn-ui-metadata-quality\n              class=\"flex items-center\"\n              [smaller]=\"true\"\n              [metadata]=\"record\"\n              [metadataQualityDisplay]=\"metadataQualityDisplay\"\n            ></gn-ui-metadata-quality>\n          </div>\n          <div *ngIf=\"size !== 'XS'\" data-cy=\"recordFav\">\n            <ng-container\n              [ngTemplateOutlet]=\"favoriteTemplate\"\n              [ngTemplateOutletContext]=\"{ $implicit: record }\"\n            ></ng-container>\n          </div>\n        </div>\n\n        <div class=\"grow flex flex-col gap-2\">\n          <div\n            class=\"font-medium text-title group-hover:text-primary\"\n            [title]=\"record.title\"\n          >\n            <h4\n              class=\"mr-6 overflow-hidden\"\n              [ngClass]=\"getTitleClass()\"\n              data-cy=\"recordTitle\"\n              [title]=\"record.title\"\n            >\n              {{ record.title }}\n            </h4>\n          </div>\n          <div\n            *ngIf=\"displayAbstract()\"\n            class=\"mr-6 text-xs text-gray-900 overflow-hidden\"\n            [ngClass]=\"getAbstractClass()\"\n            data-cy=\"recordAbstract\"\n          >\n            <gn-ui-markdown-parser\n              [textContent]=\"abstract\"\n              [whitoutStyles]=\"true\"\n            ></gn-ui-markdown-parser>\n          </div>\n        </div>\n\n        <gn-ui-internal-link-card-contact\n          *ngIf=\"size !== 'XS' && record.ownerOrganization?.name\"\n          [record]=\"record\"\n          [size]=\"size\"\n        ></gn-ui-internal-link-card-contact>\n      </div>\n    </div>\n  </div>\n</a>\n", styles: [""], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: MetadataQualityComponent, selector: "gn-ui-metadata-quality", inputs: ["metadata", "smaller", "metadataQualityDisplay"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: GeoDataBadgeComponent, selector: "gn-ui-geo-data-badge", inputs: ["showLabel", "styling", "record"] }, { kind: "component", type: KindBadgeComponent, selector: "gn-ui-kind-badge", inputs: ["styling", "contentTemplate", "kind"] }, { kind: "component", type: MarkdownParserComponent, selector: "gn-ui-markdown-parser", inputs: ["textContent", "whitoutStyles"] }, { kind: "component", type: InternalLinkCardContactComponent, selector: "gn-ui-internal-link-card-contact", inputs: ["record", "size"] }, { kind: "component", type: ThumbnailComponent, selector: "gn-ui-thumbnail", inputs: ["thumbnailUrl", "fit"], outputs: ["placeholderShown"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InternalLinkCardComponent, decorators: [{
             type: Component,
             args: [{ selector: 'gn-ui-internal-link-card', standalone: true, imports: [
                         NgClass,
                         NgIf,
-                        ThumbnailComponent,
                         MetadataQualityComponent,
                         NgTemplateOutlet,
-                        NgIconComponent,
                         TranslateModule,
                         GeoDataBadgeComponent,
                         KindBadgeComponent,
                         MarkdownParserComponent,
+                        InternalLinkCardContactComponent,
+                        ThumbnailComponent,
                     ], providers: [
                         provideIcons({
                             iconoirInternet,
                             matLocationSearchingOutline,
-                            matEmailOutline,
-                            matPhoneOutline,
-                            matLocationOnOutline,
                         }),
                         provideNgIconsConfig({
                             size: '1.2em',
                         }),
-                    ], template: "<a [attr.href]=\"linkHref\" [target]=\"linkTarget\">\n  <div\n    class=\"group rounded-md bg-white hover:cursor-pointer hover:bg-slate-50 overflow-hidden w-full\"\n    [ngClass]=\"cardClass\"\n  >\n    <div\n      class=\"flex flex-row md:gap-0 justify-between w-full\"\n      [ngClass]=\"{ 'flex-wrap md:flex-nowrap gap-3': size === 'L' }\"\n    >\n      <div\n        *ngIf=\"shouldShowThumbnail\"\n        [ngClass]=\"thumbnailContainerClass\"\n        class=\"border mr-4 flex flex-col\"\n      >\n        <gn-ui-thumbnail\n          class=\"w-full h-full object-cover\"\n          [thumbnailUrl]=\"record.overviews?.[0]?.url?.toString() || ''\"\n          [fit]=\"'cover'\"\n        ></gn-ui-thumbnail>\n      </div>\n      <div class=\"grow flex flex-col gap-3\">\n        <div class=\"flex items-center gap-2\">\n          <div class=\"grow flex flex-wrap items-center gap-2\">\n            <gn-ui-kind-badge\n              [styling]=\"'default'\"\n              [kind]=\"record?.kind\"\n            ></gn-ui-kind-badge>\n            <gn-ui-geo-data-badge\n              [showLabel]=\"size === 'L'\"\n              [styling]=\"'light'\"\n              [record]=\"record\"\n            ></gn-ui-geo-data-badge>\n            <gn-ui-metadata-quality\n              class=\"flex items-center\"\n              [smaller]=\"true\"\n              [metadata]=\"record\"\n              [metadataQualityDisplay]=\"metadataQualityDisplay\"\n            ></gn-ui-metadata-quality>\n          </div>\n          <div *ngIf=\"size !== 'XS'\" data-cy=\"recordFav\">\n            <ng-container\n              [ngTemplateOutlet]=\"favoriteTemplate\"\n              [ngTemplateOutletContext]=\"{ $implicit: record }\"\n            ></ng-container>\n          </div>\n        </div>\n\n        <div class=\"grow flex flex-col gap-2\">\n          <div\n            class=\"font-medium text-title group-hover:text-primary\"\n            [title]=\"record.title\"\n          >\n            <h4\n              class=\"mr-6 overflow-hidden\"\n              [ngClass]=\"getTitleClass()\"\n              data-cy=\"recordTitle\"\n              [title]=\"record.title\"\n            >\n              {{ record.title }}\n            </h4>\n          </div>\n          <div\n            *ngIf=\"size === 'L'\"\n            class=\"mr-6 text-xs text-gray-900 line-clamp-2 overflow-hidden\"\n            data-cy=\"recordAbstract\"\n          >\n            <gn-ui-markdown-parser\n              [textContent]=\"abstract\"\n              [whitoutStyles]=\"true\"\n            ></gn-ui-markdown-parser>\n          </div>\n        </div>\n\n        <div\n          data-cy=\"recordOrg\"\n          *ngIf=\"size !== 'XS' && record.ownerOrganization?.name\"\n          class=\"flex items-center justify-evenly bg-gray-50 rounded-lg h-[53px] px-2\"\n        >\n          <div class=\"flex items-center flex-1 min-w-0\">\n            <div\n              class=\"w-[45px] h-[45px] rounded-lg overflow-hidden shrink-0 mr-3\"\n            >\n              <gn-ui-thumbnail\n                [thumbnailUrl]=\"\n                  record.ownerOrganization?.logoUrl?.toString() || ''\n                \"\n                [fit]=\"'contain'\"\n                class=\"w-full h-full rounded-lg\"\n              ></gn-ui-thumbnail>\n            </div>\n            <div *ngIf=\"organization?.name\" class=\"flex-1 w-0 overflow-hidden\">\n              <div\n                class=\"text-xs text-black font-normal leading-tight truncate\"\n                translate\n              >\n                record.card.metadata.contact\n              </div>\n              <div\n                data-cy=\"recordOrgName\"\n                class=\"text-xl text-primary-black font-medium truncate\"\n              >\n                {{ organization.name }}\n              </div>\n            </div>\n          </div>\n          <div *ngIf=\"size === 'L'\" class=\"ml-2 flex space-x-2\">\n            <div *ngIf=\"organization?.website\" class=\"flex\">\n              <button\n                [title]=\"organization.website\"\n                class=\"w-[40px] h-[32px] flex items-center justify-center rounded-lg border border-[#D4D3D7] px-[8px] py-[4px] hover:bg-primary-lightest\"\n                (click)=\"openExternalUrl($event, organization.website)\"\n              >\n                <ng-icon name=\"iconoirInternet\"></ng-icon>\n              </button>\n            </div>\n            <div *ngIf=\"contacts[0]?.email\" class=\"flex\">\n              <button\n                [title]=\"contacts[0].email\"\n                class=\"w-[40px] h-[32px] flex items-center justify-center rounded-lg border border-[#D4D3D7] px-[8px] py-[4px] hover:bg-primary-lightest\"\n                data-cy=\"contact-email\"\n                (click)=\"openMailto($event, contacts[0].email)\"\n              >\n                <ng-icon name=\"matEmailOutline\"></ng-icon>\n              </button>\n            </div>\n            <div *ngIf=\"contacts[0]?.phone\" class=\"flex\">\n              <button\n                [title]=\"'Copy to clipboard'\"\n                class=\"w-[40px] h-[32px] flex items-center justify-center rounded-lg border border-[#D4D3D7] px-[8px] py-[4px] hover:bg-primary-lightest relative group\"\n                data-cy=\"contact-phone\"\n                (click)=\"copyToClipboard($event, contacts[0].phone)\"\n              >\n                <ng-icon name=\"matPhoneOutline\"></ng-icon>\n              </button>\n            </div>\n            <div *ngIf=\"contacts[0]?.address\" class=\"flex\">\n              <button\n                [title]=\"'Copy to clipboard'\"\n                class=\"w-[40px] h-[32px] flex items-center justify-center rounded-lg border border-[#D4D3D7] px-[8px] py-[4px] hover:bg-primary-lightest relative group\"\n                data-cy=\"contact-phone\"\n                (click)=\"copyToClipboard($event, contacts[0].address)\"\n              >\n                <ng-icon name=\"matLocationOnOutline\"></ng-icon>\n              </button>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</a>\n" }]
+                    ], template: "<a [attr.href]=\"linkHref\" [target]=\"linkTarget\">\n  <div\n    class=\"group rounded-md bg-white hover:cursor-pointer hover:bg-slate-50 overflow-hidden w-full\"\n    [ngClass]=\"cardClass\"\n  >\n    <div\n      class=\"flex flex-row md:gap-0 justify-between w-full\"\n      [ngClass]=\"{ 'flex-wrap md:flex-nowrap gap-3': size === 'L' }\"\n    >\n      <div\n        *ngIf=\"shouldShowThumbnail\"\n        [ngClass]=\"thumbnailContainerClass\"\n        class=\"border mr-4 flex flex-col\"\n      >\n        <gn-ui-thumbnail\n          class=\"w-full h-full object-cover\"\n          [thumbnailUrl]=\"record.overviews?.[0]?.url?.toString() || ''\"\n          [fit]=\"'cover'\"\n        ></gn-ui-thumbnail>\n      </div>\n      <div class=\"grow flex flex-col gap-3\">\n        <div class=\"flex items-center gap-2\">\n          <div class=\"grow flex flex-wrap items-center gap-2\">\n            <gn-ui-kind-badge\n              [styling]=\"'default'\"\n              [kind]=\"record?.kind\"\n            ></gn-ui-kind-badge>\n            <gn-ui-geo-data-badge\n              [showLabel]=\"size === 'L'\"\n              [styling]=\"'light'\"\n              [record]=\"record\"\n            ></gn-ui-geo-data-badge>\n            <gn-ui-metadata-quality\n              class=\"flex items-center\"\n              [smaller]=\"true\"\n              [metadata]=\"record\"\n              [metadataQualityDisplay]=\"metadataQualityDisplay\"\n            ></gn-ui-metadata-quality>\n          </div>\n          <div *ngIf=\"size !== 'XS'\" data-cy=\"recordFav\">\n            <ng-container\n              [ngTemplateOutlet]=\"favoriteTemplate\"\n              [ngTemplateOutletContext]=\"{ $implicit: record }\"\n            ></ng-container>\n          </div>\n        </div>\n\n        <div class=\"grow flex flex-col gap-2\">\n          <div\n            class=\"font-medium text-title group-hover:text-primary\"\n            [title]=\"record.title\"\n          >\n            <h4\n              class=\"mr-6 overflow-hidden\"\n              [ngClass]=\"getTitleClass()\"\n              data-cy=\"recordTitle\"\n              [title]=\"record.title\"\n            >\n              {{ record.title }}\n            </h4>\n          </div>\n          <div\n            *ngIf=\"displayAbstract()\"\n            class=\"mr-6 text-xs text-gray-900 overflow-hidden\"\n            [ngClass]=\"getAbstractClass()\"\n            data-cy=\"recordAbstract\"\n          >\n            <gn-ui-markdown-parser\n              [textContent]=\"abstract\"\n              [whitoutStyles]=\"true\"\n            ></gn-ui-markdown-parser>\n          </div>\n        </div>\n\n        <gn-ui-internal-link-card-contact\n          *ngIf=\"size !== 'XS' && record.ownerOrganization?.name\"\n          [record]=\"record\"\n          [size]=\"size\"\n        ></gn-ui-internal-link-card-contact>\n      </div>\n    </div>\n  </div>\n</a>\n" }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { record: [{
                 type: Input
             }], linkTarget: [{
@@ -31682,7 +31894,8 @@ class UiElementsModule {
             InternalLinkCardComponent,
             ServiceCapabilitiesComponent,
             KindBadgeComponent,
-            GeoDataBadgeComponent], exports: [ThumbnailComponent,
+            GeoDataBadgeComponent,
+            ScrollingModule], exports: [ThumbnailComponent,
             AvatarComponent,
             UserPreviewComponent,
             MarkdownParserComponent,
@@ -31715,7 +31928,8 @@ class UiElementsModule {
             InternalLinkCardComponent,
             ServiceCapabilitiesComponent,
             KindBadgeComponent,
-            GeoDataBadgeComponent] }); }
+            GeoDataBadgeComponent,
+            ScrollingModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UiElementsModule, decorators: [{
             type: NgModule,
@@ -31744,6 +31958,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         ServiceCapabilitiesComponent,
                         KindBadgeComponent,
                         GeoDataBadgeComponent,
+                        ScrollingModule,
                     ],
                     providers: [
                         provideNgIconsConfig({
@@ -31833,48 +32048,63 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Output
             }] } });
 
+marker('feature.catalog.attribute.type');
+marker('feature.catalog.attribute.name');
+marker('feature.catalog.attribute.code');
+marker('feature.catalog.attribute.definition');
+marker('feature.catalog.attribute.values');
 class FeatureCatalogListComponent {
     constructor() {
-        this.columns = [
-            {
-                key: 'type',
-                label: 'feature.catalog.attribute.type',
-                width: '19%',
-            },
-            {
-                key: 'name',
-                label: 'feature.catalog.attribute.name',
-                width: '32%',
-            },
-            {
-                key: 'code',
-                label: 'feature.catalog.attribute.code',
-                width: '24%',
-            },
-            {
-                key: 'title',
-                label: 'feature.catalog.attribute.description',
-                width: '25%',
-            },
+        this.COLUMNS_DEFAULT = [
+            { key: 'type', width: '17%' },
+            { key: 'name', width: '32%' },
+            { key: 'code', width: '17%' },
+            { key: 'definition', width: 'minmax(0px, 1fr)' },
         ];
-        this.gridTemplateColumns = '';
+        this.COLUMN_VALUES = {
+            key: 'values',
+            width: '73px',
+            class: 'text-center',
+        };
     }
-    ngOnInit() {
-        this.gridTemplateColumns = this.columns.map((col) => col.width).join(' ');
+    getColumnsDefinition(attrs) {
+        const hasValues = attrs.some((a) => a.values?.length > 0);
+        return [...this.COLUMNS_DEFAULT, ...(hasValues ? [this.COLUMN_VALUES] : [])];
+    }
+    getGridTemplateColumns(attributes) {
+        return this.getColumnsDefinition(attributes)
+            .map((col) => col.width)
+            .join(' ');
+    }
+    trackByColumn(_i, col) {
+        return col.key;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FeatureCatalogListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FeatureCatalogListComponent, isStandalone: true, selector: "gn-ui-feature-catalog-list", inputs: { filteredFeatureCatalog: "filteredFeatureCatalog" }, ngImport: i0, template: "<div class=\"flex flex-col gap-2 py-5 px-5 h-[562px] overflow-y-auto\">\n  <div\n    *ngFor=\"let featureType of filteredFeatureCatalog?.featureTypes\"\n    class=\"rounded shadow bg-white\"\n  >\n    <gn-ui-expandable-panel\n      [collapsed]=\"filteredFeatureCatalog?.featureTypes?.length !== 1\"\n      iconColor=\"black\"\n    >\n      <ng-template #titleTemplate>\n        <div class=\"px-2\">\n          <div class=\"text-lg font-bold\">{{ featureType.name }}</div>\n          <div class=\"text-sm\" *ngIf=\"featureType.definition\">\n            {{ featureType.definition }}\n          </div>\n        </div>\n      </ng-template>\n      <div\n        class=\"grid gap-0\"\n        [style.grid-template-columns]=\"gridTemplateColumns\"\n        data-cy=\"feature-type-content\"\n      >\n        <div\n          class=\"py-1 px-2 text-sm font-bold text-left border-t\"\n          [class.border-l]=\"i > 0\"\n          [class.border-gray-300]=\"i > 0\"\n          *ngFor=\"let col of columns; let i = index\"\n          data-test=\"column-label\"\n        >\n          {{ col.label | translate }}\n        </div>\n        <ng-container *ngFor=\"let row of featureType.attributes\">\n          <div\n            class=\"bg-white text-sm font-normal text-left border-t\"\n            [class.border-l]=\"i > 0\"\n            [class.border-gray-300]=\"i > 0\"\n            *ngFor=\"let col of columns; let i = index\"\n          >\n            <gn-ui-truncated-text\n              extraClass=\"py-3 px-2\"\n              [text]=\"row[col.key]\"\n            ></gn-ui-truncated-text>\n          </div>\n        </ng-container>\n      </div>\n    </gn-ui-expandable-panel>\n  </div>\n</div>\n", 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: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "component", type: ExpandablePanelComponent, selector: "gn-ui-expandable-panel", inputs: ["title", "iconColor", "collapsed"] }, { kind: "component", type: TruncatedTextComponent, selector: "gn-ui-truncated-text", inputs: ["text", "extraClass"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FeatureCatalogListComponent, isStandalone: true, selector: "gn-ui-feature-catalog-list", inputs: { filteredFeatureCatalog: "filteredFeatureCatalog" }, providers: [provideIcons({ iconoirList })], viewQueries: [{ propertyName: "scrollContainer", first: true, predicate: ["scrollContainer"], descendants: true }, { propertyName: "scrollable", first: true, predicate: CdkScrollable, descendants: true, static: true }, { propertyName: "panelComponent", first: true, predicate: ["expanel"], descendants: true, read: ExpandablePanelComponent, static: true }], ngImport: i0, template: "<div\n  cdkScrollable\n  class=\"h-[562px] relative overflow-y-auto overflow-hidden\"\n  data-cy=\"feat-catalog-scrollable\"\n>\n  <div #scrollContainer class=\"flex flex-col gap-2 py-5 px-5\">\n    <div\n      *ngFor=\"let featureType of filteredFeatureCatalog?.featureTypes\"\n      class=\"rounded shadow bg-white\"\n    >\n      <gn-ui-expandable-panel\n        #expanel\n        [collapsed]=\"filteredFeatureCatalog?.featureTypes?.length !== 1\"\n        iconColor=\"black\"\n      >\n        <ng-template #titleTemplate>\n          <div class=\"px-2\">\n            <div class=\"text-lg font-bold\">{{ featureType.name }}</div>\n            <div class=\"text-sm\" *ngIf=\"featureType.definition\">\n              {{ featureType.definition }}\n            </div>\n          </div>\n        </ng-template>\n        <div\n          *ngIf=\"expanel && !expanel.collapsed\"\n          class=\"grid gap-0\"\n          [style.grid-template-columns]=\"\n            getGridTemplateColumns(featureType.attributes)\n          \"\n          data-cy=\"feature-type-content\"\n        >\n          <div\n            class=\"py-1 px-2 text-sm font-bold text-left border-t break-all\"\n            [class.border-l]=\"i > 0\"\n            [class.border-gray-300]=\"i > 0\"\n            [ngClass]=\"col.class || ''\"\n            *ngFor=\"\n              let col of getColumnsDefinition(featureType.attributes);\n              trackBy: trackByColumn;\n              let i = index\n            \"\n            data-test=\"column-label\"\n          >\n            {{ 'feature.catalog.attribute.' + col.key | translate }}\n          </div>\n          <ng-container *ngIf=\"expanel && !expanel.collapsed\">\n            <ng-container *ngFor=\"let row of featureType.attributes\">\n              <div\n                class=\"bg-white text-sm font-normal text-left border-t\"\n                [class.border-l]=\"i > 0\"\n                [class.border-gray-300]=\"i > 0\"\n                *ngFor=\"\n                  let col of getColumnsDefinition(featureType.attributes);\n                  trackBy: trackByColumn;\n                  let i = index\n                \"\n                data-test=\"cell-content\"\n              >\n                <ng-container\n                  *ngIf=\"col.key === 'values'; then tplValues; else defaultTpl\"\n                ></ng-container>\n\n                <ng-template #defaultTpl>\n                  <gn-ui-truncated-text\n                    [scrollContainer]=\"scrollContainer\"\n                    [cdkScrollContainer]=\"scrollable\"\n                    [text]=\"row[col.key]\"\n                  ></gn-ui-truncated-text>\n                </ng-template>\n\n                <ng-template #tplValues>\n                  <gn-ui-cell-popin\n                    #popinRef\n                    [scrollContainer]=\"scrollContainer\"\n                    [cdkScrollContainer]=\"scrollable\"\n                    *ngIf=\"row.values?.length > 0\"\n                  >\n                    <div cellContent data-cy=\"values-cell-popin-trigger\">\n                      <gn-ui-button\n                        type=\"light\"\n                        extraClass=\"bg-transparent border-none\"\n                        (buttonClick)=\"popinRef.openOverlay()\"\n                      >\n                        <ng-icon name=\"iconoirList\" size=\"24\"></ng-icon>\n                      </gn-ui-button>\n                    </div>\n                    <div\n                      popinContent\n                      class=\"max-h-60 overflow-y-auto min-w-64 py-4 px-6\"\n                      style=\"scrollbar-width: thin\"\n                    >\n                      <ul class=\"list-disc list-inside mr-4\">\n                        <li *ngFor=\"let v of row.values\">\n                          {{ v.label || v.code }}\n                        </li>\n                      </ul>\n                    </div>\n                  </gn-ui-cell-popin>\n                </ng-template>\n              </div>\n            </ng-container>\n          </ng-container>\n        </div>\n      </gn-ui-expandable-panel>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: CellPopinComponent, selector: "gn-ui-cell-popin", inputs: ["extraClass", "cdkScrollContainer", "scrollContainer", "activePopin"] }, { 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: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "component", type: ExpandablePanelComponent, selector: "gn-ui-expandable-panel", inputs: ["title", "iconColor", "collapsed"] }, { kind: "component", type: TruncatedTextComponent, selector: "gn-ui-truncated-text", inputs: ["text", "extraClass", "scrollContainer", "cdkScrollContainer"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i3$2.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FeatureCatalogListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'gn-ui-feature-catalog-list', standalone: true, imports: [
+                        ButtonComponent,
+                        CellPopinComponent,
                         CommonModule,
                         TranslateModule,
                         ExpandablePanelComponent,
                         TruncatedTextComponent,
-                    ], template: "<div class=\"flex flex-col gap-2 py-5 px-5 h-[562px] overflow-y-auto\">\n  <div\n    *ngFor=\"let featureType of filteredFeatureCatalog?.featureTypes\"\n    class=\"rounded shadow bg-white\"\n  >\n    <gn-ui-expandable-panel\n      [collapsed]=\"filteredFeatureCatalog?.featureTypes?.length !== 1\"\n      iconColor=\"black\"\n    >\n      <ng-template #titleTemplate>\n        <div class=\"px-2\">\n          <div class=\"text-lg font-bold\">{{ featureType.name }}</div>\n          <div class=\"text-sm\" *ngIf=\"featureType.definition\">\n            {{ featureType.definition }}\n          </div>\n        </div>\n      </ng-template>\n      <div\n        class=\"grid gap-0\"\n        [style.grid-template-columns]=\"gridTemplateColumns\"\n        data-cy=\"feature-type-content\"\n      >\n        <div\n          class=\"py-1 px-2 text-sm font-bold text-left border-t\"\n          [class.border-l]=\"i > 0\"\n          [class.border-gray-300]=\"i > 0\"\n          *ngFor=\"let col of columns; let i = index\"\n          data-test=\"column-label\"\n        >\n          {{ col.label | translate }}\n        </div>\n        <ng-container *ngFor=\"let row of featureType.attributes\">\n          <div\n            class=\"bg-white text-sm font-normal text-left border-t\"\n            [class.border-l]=\"i > 0\"\n            [class.border-gray-300]=\"i > 0\"\n            *ngFor=\"let col of columns; let i = index\"\n          >\n            <gn-ui-truncated-text\n              extraClass=\"py-3 px-2\"\n              [text]=\"row[col.key]\"\n            ></gn-ui-truncated-text>\n          </div>\n        </ng-container>\n      </div>\n    </gn-ui-expandable-panel>\n  </div>\n</div>\n" }]
+                        NgIconComponent,
+                        ScrollingModule,
+                    ], providers: [provideIcons({ iconoirList })], template: "<div\n  cdkScrollable\n  class=\"h-[562px] relative overflow-y-auto overflow-hidden\"\n  data-cy=\"feat-catalog-scrollable\"\n>\n  <div #scrollContainer class=\"flex flex-col gap-2 py-5 px-5\">\n    <div\n      *ngFor=\"let featureType of filteredFeatureCatalog?.featureTypes\"\n      class=\"rounded shadow bg-white\"\n    >\n      <gn-ui-expandable-panel\n        #expanel\n        [collapsed]=\"filteredFeatureCatalog?.featureTypes?.length !== 1\"\n        iconColor=\"black\"\n      >\n        <ng-template #titleTemplate>\n          <div class=\"px-2\">\n            <div class=\"text-lg font-bold\">{{ featureType.name }}</div>\n            <div class=\"text-sm\" *ngIf=\"featureType.definition\">\n              {{ featureType.definition }}\n            </div>\n          </div>\n        </ng-template>\n        <div\n          *ngIf=\"expanel && !expanel.collapsed\"\n          class=\"grid gap-0\"\n          [style.grid-template-columns]=\"\n            getGridTemplateColumns(featureType.attributes)\n          \"\n          data-cy=\"feature-type-content\"\n        >\n          <div\n            class=\"py-1 px-2 text-sm font-bold text-left border-t break-all\"\n            [class.border-l]=\"i > 0\"\n            [class.border-gray-300]=\"i > 0\"\n            [ngClass]=\"col.class || ''\"\n            *ngFor=\"\n              let col of getColumnsDefinition(featureType.attributes);\n              trackBy: trackByColumn;\n              let i = index\n            \"\n            data-test=\"column-label\"\n          >\n            {{ 'feature.catalog.attribute.' + col.key | translate }}\n          </div>\n          <ng-container *ngIf=\"expanel && !expanel.collapsed\">\n            <ng-container *ngFor=\"let row of featureType.attributes\">\n              <div\n                class=\"bg-white text-sm font-normal text-left border-t\"\n                [class.border-l]=\"i > 0\"\n                [class.border-gray-300]=\"i > 0\"\n                *ngFor=\"\n                  let col of getColumnsDefinition(featureType.attributes);\n                  trackBy: trackByColumn;\n                  let i = index\n                \"\n                data-test=\"cell-content\"\n              >\n                <ng-container\n                  *ngIf=\"col.key === 'values'; then tplValues; else defaultTpl\"\n                ></ng-container>\n\n                <ng-template #defaultTpl>\n                  <gn-ui-truncated-text\n                    [scrollContainer]=\"scrollContainer\"\n                    [cdkScrollContainer]=\"scrollable\"\n                    [text]=\"row[col.key]\"\n                  ></gn-ui-truncated-text>\n                </ng-template>\n\n                <ng-template #tplValues>\n                  <gn-ui-cell-popin\n                    #popinRef\n                    [scrollContainer]=\"scrollContainer\"\n                    [cdkScrollContainer]=\"scrollable\"\n                    *ngIf=\"row.values?.length > 0\"\n                  >\n                    <div cellContent data-cy=\"values-cell-popin-trigger\">\n                      <gn-ui-button\n                        type=\"light\"\n                        extraClass=\"bg-transparent border-none\"\n                        (buttonClick)=\"popinRef.openOverlay()\"\n                      >\n                        <ng-icon name=\"iconoirList\" size=\"24\"></ng-icon>\n                      </gn-ui-button>\n                    </div>\n                    <div\n                      popinContent\n                      class=\"max-h-60 overflow-y-auto min-w-64 py-4 px-6\"\n                      style=\"scrollbar-width: thin\"\n                    >\n                      <ul class=\"list-disc list-inside mr-4\">\n                        <li *ngFor=\"let v of row.values\">\n                          {{ v.label || v.code }}\n                        </li>\n                      </ul>\n                    </div>\n                  </gn-ui-cell-popin>\n                </ng-template>\n              </div>\n            </ng-container>\n          </ng-container>\n        </div>\n      </gn-ui-expandable-panel>\n    </div>\n  </div>\n</div>\n" }]
         }], propDecorators: { filteredFeatureCatalog: [{
                 type: Input
+            }], scrollContainer: [{
+                type: ViewChild,
+                args: ['scrollContainer']
+            }], scrollable: [{
+                type: ViewChild,
+                args: [CdkScrollable, { static: true }]
+            }], panelComponent: [{
+                type: ViewChild,
+                args: ['expanel', { read: ExpandablePanelComponent, static: true }]
             }] } });
 
 class ActionMenuComponent {
@@ -31909,7 +32139,7 @@ class ActionMenuComponent {
         this.cdr.markForCheck();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ActionMenuComponent, deps: [{ token: i1$a.MatDialog }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ActionMenuComponent, isStandalone: true, selector: "gn-ui-action-menu", inputs: { canDuplicate: "canDuplicate", canDelete: "canDelete", page: "page" }, outputs: { duplicate: "duplicate", delete: "delete", closeActionMenu: "closeActionMenu", rollback: "rollback", switch: "switch" }, viewQueries: [{ propertyName: "trigger", first: true, predicate: MatMenuTrigger, descendants: true }], ngImport: i0, template: "<ng-container [ngSwitch]=\"sectionDisplayed\">\n  <ng-container *ngSwitchCase=\"'mainMenu'\">\n    <div\n      data-test=\"mainMenuSection\"\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        <gn-ui-button\n          *ngIf=\"page === 'main'\"\n          type=\"light\"\n          extraClass=\"flex flex-row items-center gap-2 w-full justify-start\"\n          (buttonClick)=\"duplicate.emit()\"\n          [disabled]=\"!canDuplicate\"\n          data-test=\"record-menu-duplicate-button\"\n        >\n          <span *ngIf=\"canDuplicate\" translate>record.action.duplicate</span>\n          <span *ngIf=\"!canDuplicate\" translate\n            >record.action.duplicating</span\n          ></gn-ui-button\n        >\n        <gn-ui-button\n          *ngIf=\"page === 'record'\"\n          type=\"light\"\n          extraClass=\"flex flex-row items-center gap-2 w-full justify-start\"\n          (buttonClick)=\"switch.emit()\"\n          data-test=\"record-menu-switch-button\"\n          ><span translate>record.action.switchLang</span></gn-ui-button\n        >\n        <gn-ui-button\n          type=\"light\"\n          extraClass=\"flex flex-row items-center gap-2 w-full justify-start\"\n          (buttonClick)=\"displayDeleteMenu()\"\n          [disabled]=\"!canDelete\"\n          data-test=\"record-menu-delete-button\"\n          ><span *ngIf=\"page !== 'draft'\" translate>record.action.delete</span>\n          <span *ngIf=\"page === 'draft'\" translate\n            >record.action.rollback</span\n          ></gn-ui-button\n        >\n      </ul>\n    </div>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"'deleteMenu'\">\n    <div\n      data-test=\"deleteMenuSection\"\n      class=\"w-72 p-6 flex flex-col gap-3 mt-2 border border-gray-100 bg-white shadow-2xl rounded-2xl\"\n    >\n      <span class=\"text-lg font-bold text-center\">{{\n        'editor.record.delete.confirmation.title' | translate\n      }}</span>\n      <span class=\"text-center\">{{\n        'editor.record.delete.confirmation.message' | translate\n      }}</span>\n      <div class=\"flex flex-row gap-8 justify-center\">\n        <gn-ui-button\n          (buttonClick)=\"delete.emit()\"\n          cdkFocusInitial\n          type=\"primary\"\n          data-cy=\"confirm-button\"\n          [style.--gn-ui-button-width]=\"'100px'\"\n          >{{\n            'editor.record.delete.confirmation.confirmText' | translate\n          }}</gn-ui-button\n        >\n        <gn-ui-button\n          [style.--gn-ui-button-width]=\"'100px'\"\n          (buttonClick)=\"closeActionMenu.emit()\"\n          >{{\n            'editor.record.delete.confirmation.cancelText' | translate\n          }}</gn-ui-button\n        >\n      </div>\n    </div>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"'rollbackMenu'\">\n    <div\n      data-test=\"rollbackMenuSection\"\n      class=\"w-80 p-6 flex flex-col gap-3 mt-2 border border-gray-100 bg-white shadow-2xl rounded-2xl\"\n    >\n      <span class=\"text-lg font-bold text-center\">{{\n        'editor.record.undo.confirmation.title' | translate\n      }}</span>\n      <span class=\"text-center\">{{\n        'editor.record.undo.confirmation.message' | translate\n      }}</span>\n      <div class=\"flex flex-row gap-8 justify-center\">\n        <gn-ui-button\n          (buttonClick)=\"rollback.emit()\"\n          cdkFocusInitial\n          type=\"primary\"\n          data-cy=\"confirm-button\"\n          [style.--gn-ui-button-width]=\"'120px'\"\n          >{{\n            'editor.record.undo.confirmation.confirmText' | translate\n          }}</gn-ui-button\n        >\n        <gn-ui-button\n          [style.--gn-ui-button-width]=\"'120px'\"\n          (buttonClick)=\"closeActionMenu.emit()\"\n          >{{\n            'editor.record.undo.confirmation.cancelText' | translate\n          }}</gn-ui-button\n        >\n      </div>\n    </div>\n  </ng-container>\n</ng-container>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: "ngmodule", type: MatMenuModule }, { kind: "ngmodule", type: MatDialogModule }, { 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"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ActionMenuComponent, isStandalone: true, selector: "gn-ui-action-menu", inputs: { canDuplicate: "canDuplicate", isDuplicating: "isDuplicating", canDelete: "canDelete", page: "page" }, outputs: { duplicate: "duplicate", delete: "delete", closeActionMenu: "closeActionMenu", rollback: "rollback", switch: "switch" }, viewQueries: [{ propertyName: "trigger", first: true, predicate: MatMenuTrigger, descendants: true }], ngImport: i0, template: "<ng-container [ngSwitch]=\"sectionDisplayed\">\n  <ng-container *ngSwitchCase=\"'mainMenu'\">\n    <div\n      data-test=\"mainMenuSection\"\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        <gn-ui-button\n          *ngIf=\"page === 'main'\"\n          type=\"light\"\n          extraClass=\"flex flex-row items-center gap-2 w-full justify-start\"\n          (buttonClick)=\"duplicate.emit()\"\n          [disabled]=\"!canDuplicate\"\n          data-test=\"record-menu-duplicate-button\"\n        >\n          <span *ngIf=\"isDuplicating; else notDuplicating\" translate\n            >record.action.duplicating</span\n          >\n          <ng-template #notDuplicating>\n            <span translate>record.action.duplicate</span>\n          </ng-template>\n        </gn-ui-button>\n        <gn-ui-button\n          *ngIf=\"page === 'record'\"\n          type=\"light\"\n          extraClass=\"flex flex-row items-center gap-2 w-full justify-start\"\n          (buttonClick)=\"switch.emit()\"\n          data-test=\"record-menu-switch-button\"\n          ><span translate>record.action.switchLang</span></gn-ui-button\n        >\n        <gn-ui-button\n          type=\"light\"\n          extraClass=\"flex flex-row items-center gap-2 w-full justify-start\"\n          (buttonClick)=\"displayDeleteMenu()\"\n          [disabled]=\"!canDelete\"\n          data-test=\"record-menu-delete-button\"\n          ><span *ngIf=\"page !== 'draft'\" translate>record.action.delete</span>\n          <span *ngIf=\"page === 'draft'\" translate\n            >record.action.rollback</span\n          ></gn-ui-button\n        >\n      </ul>\n    </div>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"'deleteMenu'\">\n    <div\n      data-test=\"deleteMenuSection\"\n      class=\"w-72 p-6 flex flex-col gap-3 mt-2 border border-gray-100 bg-white shadow-2xl rounded-2xl\"\n    >\n      <span class=\"text-lg font-bold text-center\">{{\n        'editor.record.delete.confirmation.title' | translate\n      }}</span>\n      <span class=\"text-center\">{{\n        'editor.record.delete.confirmation.message' | translate\n      }}</span>\n      <div class=\"flex flex-row gap-8 justify-center\">\n        <gn-ui-button\n          (buttonClick)=\"delete.emit()\"\n          cdkFocusInitial\n          type=\"primary\"\n          data-cy=\"confirm-button\"\n          [style.--gn-ui-button-width]=\"'100px'\"\n          >{{\n            'editor.record.delete.confirmation.confirmText' | translate\n          }}</gn-ui-button\n        >\n        <gn-ui-button\n          [style.--gn-ui-button-width]=\"'100px'\"\n          (buttonClick)=\"closeActionMenu.emit()\"\n          >{{\n            'editor.record.delete.confirmation.cancelText' | translate\n          }}</gn-ui-button\n        >\n      </div>\n    </div>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"'rollbackMenu'\">\n    <div\n      data-test=\"rollbackMenuSection\"\n      class=\"w-80 p-6 flex flex-col gap-3 mt-2 border border-gray-100 bg-white shadow-2xl rounded-2xl\"\n    >\n      <span class=\"text-lg font-bold text-center\">{{\n        'editor.record.undo.confirmation.title' | translate\n      }}</span>\n      <span class=\"text-center\">{{\n        'editor.record.undo.confirmation.message' | translate\n      }}</span>\n      <div class=\"flex flex-row gap-8 justify-center\">\n        <gn-ui-button\n          (buttonClick)=\"rollback.emit()\"\n          cdkFocusInitial\n          type=\"primary\"\n          data-cy=\"confirm-button\"\n          [style.--gn-ui-button-width]=\"'120px'\"\n          >{{\n            'editor.record.undo.confirmation.confirmText' | translate\n          }}</gn-ui-button\n        >\n        <gn-ui-button\n          [style.--gn-ui-button-width]=\"'120px'\"\n          (buttonClick)=\"closeActionMenu.emit()\"\n          >{{\n            'editor.record.undo.confirmation.cancelText' | translate\n          }}</gn-ui-button\n        >\n      </div>\n    </div>\n  </ng-container>\n</ng-container>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: "ngmodule", type: MatMenuModule }, { kind: "ngmodule", type: MatDialogModule }, { 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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ActionMenuComponent, decorators: [{
             type: Component,
@@ -31920,9 +32150,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         MatDialogModule,
                         ConfirmationDialogComponent,
                         TranslateModule,
-                    ], template: "<ng-container [ngSwitch]=\"sectionDisplayed\">\n  <ng-container *ngSwitchCase=\"'mainMenu'\">\n    <div\n      data-test=\"mainMenuSection\"\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        <gn-ui-button\n          *ngIf=\"page === 'main'\"\n          type=\"light\"\n          extraClass=\"flex flex-row items-center gap-2 w-full justify-start\"\n          (buttonClick)=\"duplicate.emit()\"\n          [disabled]=\"!canDuplicate\"\n          data-test=\"record-menu-duplicate-button\"\n        >\n          <span *ngIf=\"canDuplicate\" translate>record.action.duplicate</span>\n          <span *ngIf=\"!canDuplicate\" translate\n            >record.action.duplicating</span\n          ></gn-ui-button\n        >\n        <gn-ui-button\n          *ngIf=\"page === 'record'\"\n          type=\"light\"\n          extraClass=\"flex flex-row items-center gap-2 w-full justify-start\"\n          (buttonClick)=\"switch.emit()\"\n          data-test=\"record-menu-switch-button\"\n          ><span translate>record.action.switchLang</span></gn-ui-button\n        >\n        <gn-ui-button\n          type=\"light\"\n          extraClass=\"flex flex-row items-center gap-2 w-full justify-start\"\n          (buttonClick)=\"displayDeleteMenu()\"\n          [disabled]=\"!canDelete\"\n          data-test=\"record-menu-delete-button\"\n          ><span *ngIf=\"page !== 'draft'\" translate>record.action.delete</span>\n          <span *ngIf=\"page === 'draft'\" translate\n            >record.action.rollback</span\n          ></gn-ui-button\n        >\n      </ul>\n    </div>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"'deleteMenu'\">\n    <div\n      data-test=\"deleteMenuSection\"\n      class=\"w-72 p-6 flex flex-col gap-3 mt-2 border border-gray-100 bg-white shadow-2xl rounded-2xl\"\n    >\n      <span class=\"text-lg font-bold text-center\">{{\n        'editor.record.delete.confirmation.title' | translate\n      }}</span>\n      <span class=\"text-center\">{{\n        'editor.record.delete.confirmation.message' | translate\n      }}</span>\n      <div class=\"flex flex-row gap-8 justify-center\">\n        <gn-ui-button\n          (buttonClick)=\"delete.emit()\"\n          cdkFocusInitial\n          type=\"primary\"\n          data-cy=\"confirm-button\"\n          [style.--gn-ui-button-width]=\"'100px'\"\n          >{{\n            'editor.record.delete.confirmation.confirmText' | translate\n          }}</gn-ui-button\n        >\n        <gn-ui-button\n          [style.--gn-ui-button-width]=\"'100px'\"\n          (buttonClick)=\"closeActionMenu.emit()\"\n          >{{\n            'editor.record.delete.confirmation.cancelText' | translate\n          }}</gn-ui-button\n        >\n      </div>\n    </div>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"'rollbackMenu'\">\n    <div\n      data-test=\"rollbackMenuSection\"\n      class=\"w-80 p-6 flex flex-col gap-3 mt-2 border border-gray-100 bg-white shadow-2xl rounded-2xl\"\n    >\n      <span class=\"text-lg font-bold text-center\">{{\n        'editor.record.undo.confirmation.title' | translate\n      }}</span>\n      <span class=\"text-center\">{{\n        'editor.record.undo.confirmation.message' | translate\n      }}</span>\n      <div class=\"flex flex-row gap-8 justify-center\">\n        <gn-ui-button\n          (buttonClick)=\"rollback.emit()\"\n          cdkFocusInitial\n          type=\"primary\"\n          data-cy=\"confirm-button\"\n          [style.--gn-ui-button-width]=\"'120px'\"\n          >{{\n            'editor.record.undo.confirmation.confirmText' | translate\n          }}</gn-ui-button\n        >\n        <gn-ui-button\n          [style.--gn-ui-button-width]=\"'120px'\"\n          (buttonClick)=\"closeActionMenu.emit()\"\n          >{{\n            'editor.record.undo.confirmation.cancelText' | translate\n          }}</gn-ui-button\n        >\n      </div>\n    </div>\n  </ng-container>\n</ng-container>\n" }]
+                    ], template: "<ng-container [ngSwitch]=\"sectionDisplayed\">\n  <ng-container *ngSwitchCase=\"'mainMenu'\">\n    <div\n      data-test=\"mainMenuSection\"\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        <gn-ui-button\n          *ngIf=\"page === 'main'\"\n          type=\"light\"\n          extraClass=\"flex flex-row items-center gap-2 w-full justify-start\"\n          (buttonClick)=\"duplicate.emit()\"\n          [disabled]=\"!canDuplicate\"\n          data-test=\"record-menu-duplicate-button\"\n        >\n          <span *ngIf=\"isDuplicating; else notDuplicating\" translate\n            >record.action.duplicating</span\n          >\n          <ng-template #notDuplicating>\n            <span translate>record.action.duplicate</span>\n          </ng-template>\n        </gn-ui-button>\n        <gn-ui-button\n          *ngIf=\"page === 'record'\"\n          type=\"light\"\n          extraClass=\"flex flex-row items-center gap-2 w-full justify-start\"\n          (buttonClick)=\"switch.emit()\"\n          data-test=\"record-menu-switch-button\"\n          ><span translate>record.action.switchLang</span></gn-ui-button\n        >\n        <gn-ui-button\n          type=\"light\"\n          extraClass=\"flex flex-row items-center gap-2 w-full justify-start\"\n          (buttonClick)=\"displayDeleteMenu()\"\n          [disabled]=\"!canDelete\"\n          data-test=\"record-menu-delete-button\"\n          ><span *ngIf=\"page !== 'draft'\" translate>record.action.delete</span>\n          <span *ngIf=\"page === 'draft'\" translate\n            >record.action.rollback</span\n          ></gn-ui-button\n        >\n      </ul>\n    </div>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"'deleteMenu'\">\n    <div\n      data-test=\"deleteMenuSection\"\n      class=\"w-72 p-6 flex flex-col gap-3 mt-2 border border-gray-100 bg-white shadow-2xl rounded-2xl\"\n    >\n      <span class=\"text-lg font-bold text-center\">{{\n        'editor.record.delete.confirmation.title' | translate\n      }}</span>\n      <span class=\"text-center\">{{\n        'editor.record.delete.confirmation.message' | translate\n      }}</span>\n      <div class=\"flex flex-row gap-8 justify-center\">\n        <gn-ui-button\n          (buttonClick)=\"delete.emit()\"\n          cdkFocusInitial\n          type=\"primary\"\n          data-cy=\"confirm-button\"\n          [style.--gn-ui-button-width]=\"'100px'\"\n          >{{\n            'editor.record.delete.confirmation.confirmText' | translate\n          }}</gn-ui-button\n        >\n        <gn-ui-button\n          [style.--gn-ui-button-width]=\"'100px'\"\n          (buttonClick)=\"closeActionMenu.emit()\"\n          >{{\n            'editor.record.delete.confirmation.cancelText' | translate\n          }}</gn-ui-button\n        >\n      </div>\n    </div>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"'rollbackMenu'\">\n    <div\n      data-test=\"rollbackMenuSection\"\n      class=\"w-80 p-6 flex flex-col gap-3 mt-2 border border-gray-100 bg-white shadow-2xl rounded-2xl\"\n    >\n      <span class=\"text-lg font-bold text-center\">{{\n        'editor.record.undo.confirmation.title' | translate\n      }}</span>\n      <span class=\"text-center\">{{\n        'editor.record.undo.confirmation.message' | translate\n      }}</span>\n      <div class=\"flex flex-row gap-8 justify-center\">\n        <gn-ui-button\n          (buttonClick)=\"rollback.emit()\"\n          cdkFocusInitial\n          type=\"primary\"\n          data-cy=\"confirm-button\"\n          [style.--gn-ui-button-width]=\"'120px'\"\n          >{{\n            'editor.record.undo.confirmation.confirmText' | translate\n          }}</gn-ui-button\n        >\n        <gn-ui-button\n          [style.--gn-ui-button-width]=\"'120px'\"\n          (buttonClick)=\"closeActionMenu.emit()\"\n          >{{\n            'editor.record.undo.confirmation.cancelText' | translate\n          }}</gn-ui-button\n        >\n      </div>\n    </div>\n  </ng-container>\n</ng-container>\n" }]
         }], ctorParameters: () => [{ type: i1$a.MatDialog }, { type: i0.ChangeDetectorRef }], propDecorators: { canDuplicate: [{
                 type: Input
+            }], isDuplicating: [{
+                type: Input
             }], canDelete: [{
                 type: Input
             }], page: [{
@@ -32089,7 +32321,8 @@ class ResultsTableComponent {
         this.sortOrder = null;
         this.hasDraft = () => false;
         this.canDuplicate = () => true;
-        this.canDelete = () => true;
+        this.canDelete = () => of(true);
+        this.canEdit = () => of(true);
         this.isDraftPage = false;
         this.isDuplicating = false;
         // emits the column (field) as well as the order
@@ -32166,9 +32399,13 @@ class ResultsTableComponent {
         return getBadgeColor(format);
     }
     handleRecordClick(item) {
-        if ((item?.extras?.edit || this.isDraftPage) && item.kind === 'dataset') {
-            this.recordClick.emit(item);
-        }
+        this.canEdit(item)
+            .pipe(take$1(1))
+            .subscribe((canEdit) => {
+            if (canEdit) {
+                this.recordClick.emit(item);
+            }
+        });
     }
     handleDuplicate(item) {
         this.duplicateRecord.emit(item);
@@ -32213,9 +32450,9 @@ class ResultsTableComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ResultsTableComponent, deps: [{ token: i1$8.Overlay }, { token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }, { token: DateService }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ResultsTableComponent, isStandalone: true, selector: "gn-ui-results-table", inputs: { records: "records", selectedRecordsIdentifiers: "selectedRecordsIdentifiers", sortOrder: "sortOrder", hasDraft: "hasDraft", canDuplicate: "canDuplicate", canDelete: "canDelete", isDraftPage: "isDraftPage", isDuplicating: "isDuplicating" }, outputs: { sortByChange: "sortByChange", recordClick: "recordClick", duplicateRecord: "duplicateRecord", deleteRecord: "deleteRecord", rollbackDraft: "rollbackDraft", recordsSelectedChange: "recordsSelectedChange" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ResultsTableComponent, isStandalone: true, selector: "gn-ui-results-table", inputs: { records: "records", selectedRecordsIdentifiers: "selectedRecordsIdentifiers", sortOrder: "sortOrder", hasDraft: "hasDraft", canDuplicate: "canDuplicate", canDelete: "canDelete", canEdit: "canEdit", isDraftPage: "isDraftPage", isDuplicating: "isDuplicating" }, outputs: { sortByChange: "sortByChange", recordClick: "recordClick", duplicateRecord: "duplicateRecord", deleteRecord: "deleteRecord", rollbackDraft: "rollbackDraft", recordsSelectedChange: "recordsSelectedChange" }, providers: [
             provideIcons({ iconoirUser, iconoirLock, iconoirTranslate, matMoreVert }),
-        ], viewQueries: [{ propertyName: "actionMenuButtons", predicate: ["actionMenuButton"], descendants: true, read: ElementRef }], ngImport: i0, template: "<gn-ui-interactive-table\n  [items]=\"records\"\n  [isDraftPage]=\"isDraftPage\"\n  (itemClick)=\"handleRecordClick($event)\"\n>\n  <!-- SELECTED COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'3rem'\">\n    <ng-template #cell let-item let-i=\"index\">\n      <ng-icon\n        name=\"iconoirLock\"\n        class=\"text-purple\"\n        *ngIf=\"(!item.extras?.edit && !isDraftPage) || item.kind !== 'dataset'\"\n      ></ng-icon>\n      <gn-ui-checkbox\n        *ngIf=\"(item.extras?.edit || isDraftPage) && item.kind === 'dataset'\"\n        [checked]=\"isChecked(item)\"\n        (changed)=\"handleRecordSelectedChange($event, item)\"\n        class=\"-m-2\"\n        type=\"default\"\n      ></gn-ui-checkbox>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- TITLE COLUMN -->\n  <gn-ui-interactive-table-column\n    [sortable]=\"true\"\n    [grow]=\"true\"\n    [activeSort]=\"isSortedBy('resourceTitleObject.default.keyword')\"\n    (sortChange)=\"setSortBy('resourceTitleObject.default.keyword', $event)\"\n  >\n    <ng-template #header>\n      <span translate>record.metadata.title</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div class=\"flex flex-row items-center gap-2 max-w-full font-semibold\">\n        <span data-cy=\"resultItemTitle\" class=\"overflow-hidden text-ellipsis\">{{\n          item.title\n        }}</span>\n        <gn-ui-badge\n          *ngIf=\"hasDraft(item)\"\n          [style.--gn-ui-badge-padding]=\"'0.2em 0.6em'\"\n          [style.--gn-ui-badge-text-size]=\"'12px'\"\n          [style.--gn-ui-badge-text-color]=\"'#3d2006'\"\n          [style.--gn-ui-badge-background-color]=\"'#ffbc7b'\"\n          [style.--gn-ui-badge-rounded]=\"'4px'\"\n        >\n          <span translate>dashboard.records.hasDraft</span>\n        </gn-ui-badge>\n      </div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- FORMATS COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'9rem'\">\n    <ng-template #header>\n      <span translate>record.metadata.formats</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div\n        class=\"flex justify-start items-center gap-2 font-medium\"\n        *ngIf=\"getRecordFormats(item) as formats\"\n        [title]=\"formats.join(', ')\"\n      >\n        <span\n          class=\"badge-btn min-w-[45px] text-xs text-gray-900 px-2 shrink-0\"\n          [style.background-color]=\"getBadgeColor(formats[0])\"\n          *ngIf=\"formats[0]\"\n        >\n          {{ formats[0] }}\n        </span>\n        <span\n          class=\"badge-btn min-w-[45px] text-xs text-gray-900 px-2 shrink-0\"\n          [style.background-color]=\"getBadgeColor(formats[1])\"\n          *ngIf=\"formats[1]\"\n        >\n          {{ formats[1] }}\n        </span>\n        <div class=\"shrink-0 text-xs\" *ngIf=\"formats.slice(2).length > 0\">\n          <span>+{{ formats.slice(2).length }}</span>\n        </div>\n      </div>\n      <div *ngIf=\"!getRecordFormats(item)\"></div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- OWNER COLUMN -->\n  <gn-ui-interactive-table-column\n    [width]=\"'12rem'\"\n    [sortable]=\"true\"\n    [activeSort]=\"isSortedBy('recordOwner')\"\n    (sortChange)=\"setSortBy('recordOwner', $event)\"\n  >\n    <ng-template #header>\n      <span translate>search.filters.user</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <ng-icon name=\"iconoirUser\" size=\"16px\"></ng-icon>\n      <span data-cy=\"ownerInfo\" class=\"text-xs\">{{\n        formatUserInfo(item.extras?.ownerInfo)\n      }}</span>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- STATUS COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'6rem'\">\n    <ng-template #header>\n      <span translate>record.metadata.status</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <span class=\"text-xs\">\n        {{\n          (item.extras?.['isPublishedToAll']\n            ? 'record.metadata.status.published'\n            : 'record.metadata.status.notPublished'\n          ) | translate\n        }}</span\n      >\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- UPDATE DATE COLUMN -->\n  <gn-ui-interactive-table-column\n    [width]=\"'8rem'\"\n    [sortable]=\"true\"\n    [activeSort]=\"isSortedBy('changeDate')\"\n    (sortChange)=\"setSortBy('changeDate', $event)\"\n  >\n    <ng-template #header>\n      <span translate>search.filters.changeDate</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div class=\"flex text-left w-full text-xs\">\n        {{\n          item.extras?.['isPublishedToAll']\n            ? dateToString(item.recordUpdated)\n            : '-'\n        }}\n      </div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- ACTION MENU COLUMN -->\n  <gn-ui-interactive-table-column>\n    <ng-template #header> </ng-template>\n    <ng-template #cell let-item>\n      <div class=\"flex justify-end items-center gap-4 w-full\">\n        <!-- IS MULTILINGUAL -->\n        <ng-icon\n          *ngIf=\"isMultilingual(item)\"\n          data-cy=\"multilingual-indicator\"\n          name=\"iconoirTranslate\"\n          [attr.title]=\"getTxtHoverMultilingual(item)\"\n        ></ng-icon>\n        <!-- MORE ACTIONS MENU BUTTON -->\n        <gn-ui-button\n          cdkOverlayOrigin\n          #actionMenuButton\n          (buttonClick)=\"openActionMenu(item, template)\"\n          type=\"light\"\n          data-test=\"record-menu-button\"\n          [disabled]=\"\n            (!item.extras?.edit && !isDraftPage) || item.kind !== 'dataset'\n          \"\n        >\n          <ng-icon\n            [ngClass]=\"{\n              'text-purple-light':\n                (!item.extras?.edit && !isDraftPage) || item.kind !== 'dataset',\n            }\"\n            name=\"matMoreVert\"\n          ></ng-icon>\n        </gn-ui-button>\n      </div>\n      <ng-template #template>\n        <gn-ui-action-menu\n          [canDuplicate]=\"canDuplicate(item) && !isDuplicating\"\n          [canDelete]=\"canDelete(item)\"\n          [page]=\"isDraftPage ? 'draft' : 'main'\"\n          (duplicate)=\"handleDuplicate(item)\"\n          (delete)=\"handleDelete(item)\"\n          (closeActionMenu)=\"closeActionMenu()\"\n          (rollback)=\"handleRollback(item)\"\n        >\n        </gn-ui-action-menu>\n      </ng-template>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n</gn-ui-interactive-table>\n", styles: [":host{--gn-ui-button-height: 40px;--gn-ui-button-width: 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: "ngmodule", type: UiInputsModule }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: CheckboxComponent, selector: "gn-ui-checkbox", inputs: ["type", "checked", "indeterminate"], outputs: ["changed"] }, { kind: "component", type: BadgeComponent, selector: "gn-ui-badge", inputs: ["clickable", "removable"], outputs: ["badgeRemoveClicked"] }, { kind: "component", type: InteractiveTableComponent, selector: "gn-ui-interactive-table", inputs: ["items", "isDraftPage"], outputs: ["itemClick"] }, { kind: "component", type: InteractiveTableColumnComponent, selector: "gn-ui-interactive-table-column", inputs: ["grow", "width", "sortable", "activeSort"], outputs: ["sortChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: ActionMenuComponent, selector: "gn-ui-action-menu", inputs: ["canDuplicate", "canDelete", "page"], outputs: ["duplicate", "delete", "closeActionMenu", "rollback", "switch"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "directive", type: CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }] }); }
+        ], viewQueries: [{ propertyName: "actionMenuButtons", predicate: ["actionMenuButton"], descendants: true, read: ElementRef }], ngImport: i0, template: "<gn-ui-interactive-table\n  [items]=\"records\"\n  [canEditItem]=\"canEdit\"\n  [isDraftPage]=\"isDraftPage\"\n  (itemClick)=\"handleRecordClick($event)\"\n>\n  <!-- SELECTED COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'3rem'\">\n    <ng-template #cell let-item let-i=\"index\">\n      <ng-icon\n        name=\"iconoirLock\"\n        class=\"text-purple\"\n        *ngIf=\"(canEdit(item) | async) === false; else selectCheckbox\"\n      ></ng-icon>\n      <ng-template #selectCheckbox>\n        <gn-ui-checkbox\n          [checked]=\"isChecked(item)\"\n          (changed)=\"handleRecordSelectedChange($event, item)\"\n          class=\"-m-2\"\n          type=\"default\"\n        ></gn-ui-checkbox>\n      </ng-template>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- TITLE COLUMN -->\n  <gn-ui-interactive-table-column\n    [sortable]=\"true\"\n    [grow]=\"true\"\n    [activeSort]=\"isSortedBy('resourceTitleObject.default.keyword')\"\n    (sortChange)=\"setSortBy('resourceTitleObject.default.keyword', $event)\"\n  >\n    <ng-template #header>\n      <span translate>record.metadata.title</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div class=\"flex flex-row items-center gap-2 max-w-full font-semibold\">\n        <span data-cy=\"resultItemTitle\" class=\"overflow-hidden text-ellipsis\">{{\n          item.title\n        }}</span>\n        <gn-ui-badge\n          *ngIf=\"hasDraft(item)\"\n          [style.--gn-ui-badge-padding]=\"'0.2em 0.6em'\"\n          [style.--gn-ui-badge-text-size]=\"'12px'\"\n          [style.--gn-ui-badge-text-color]=\"'#3d2006'\"\n          [style.--gn-ui-badge-background-color]=\"'#ffbc7b'\"\n          [style.--gn-ui-badge-rounded]=\"'4px'\"\n        >\n          <span translate>dashboard.records.hasDraft</span>\n        </gn-ui-badge>\n      </div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- FORMATS COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'9rem'\">\n    <ng-template #header>\n      <span translate>record.metadata.formats</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div\n        class=\"flex justify-start items-center gap-2 font-medium\"\n        *ngIf=\"getRecordFormats(item) as formats\"\n        [title]=\"formats.join(', ')\"\n      >\n        <span\n          class=\"badge-btn min-w-[45px] text-xs text-gray-900 px-2 shrink-0\"\n          [style.background-color]=\"getBadgeColor(formats[0])\"\n          *ngIf=\"formats[0]\"\n        >\n          {{ formats[0] }}\n        </span>\n        <span\n          class=\"badge-btn min-w-[45px] text-xs text-gray-900 px-2 shrink-0\"\n          [style.background-color]=\"getBadgeColor(formats[1])\"\n          *ngIf=\"formats[1]\"\n        >\n          {{ formats[1] }}\n        </span>\n        <div class=\"shrink-0 text-xs\" *ngIf=\"formats.slice(2).length > 0\">\n          <span>+{{ formats.slice(2).length }}</span>\n        </div>\n      </div>\n      <div *ngIf=\"!getRecordFormats(item)\"></div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- OWNER COLUMN -->\n  <gn-ui-interactive-table-column\n    [width]=\"'12rem'\"\n    [sortable]=\"true\"\n    [activeSort]=\"isSortedBy('recordOwner')\"\n    (sortChange)=\"setSortBy('recordOwner', $event)\"\n  >\n    <ng-template #header>\n      <span translate>search.filters.user</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <ng-icon name=\"iconoirUser\" size=\"16px\"></ng-icon>\n      <span data-cy=\"ownerInfo\" class=\"text-xs\">{{\n        formatUserInfo(item.extras?.ownerInfo)\n      }}</span>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- STATUS COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'6rem'\">\n    <ng-template #header>\n      <span translate>record.metadata.status</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <span class=\"text-xs\">\n        {{\n          (item.extras?.['isPublishedToAll']\n            ? 'record.metadata.status.published'\n            : 'record.metadata.status.notPublished'\n          ) | translate\n        }}</span\n      >\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- UPDATE DATE COLUMN -->\n  <gn-ui-interactive-table-column\n    [width]=\"'8rem'\"\n    [sortable]=\"true\"\n    [activeSort]=\"isSortedBy('changeDate')\"\n    (sortChange)=\"setSortBy('changeDate', $event)\"\n  >\n    <ng-template #header>\n      <span translate>search.filters.changeDate</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div class=\"flex text-left w-full text-xs\">\n        {{\n          item.extras?.['isPublishedToAll']\n            ? dateToString(item.recordUpdated)\n            : '-'\n        }}\n      </div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- ACTION MENU COLUMN -->\n  <gn-ui-interactive-table-column>\n    <ng-template #header> </ng-template>\n    <ng-template #cell let-item>\n      <div class=\"flex justify-end items-center gap-4 w-full\">\n        <!-- IS MULTILINGUAL -->\n        <ng-icon\n          *ngIf=\"isMultilingual(item)\"\n          data-cy=\"multilingual-indicator\"\n          name=\"iconoirTranslate\"\n          [attr.title]=\"getTxtHoverMultilingual(item)\"\n        ></ng-icon>\n        <!-- MORE ACTIONS MENU BUTTON -->\n        <gn-ui-button\n          cdkOverlayOrigin\n          #actionMenuButton\n          (buttonClick)=\"openActionMenu(item, template)\"\n          type=\"light\"\n          data-test=\"record-menu-button\"\n        >\n          <ng-icon name=\"matMoreVert\"></ng-icon>\n        </gn-ui-button>\n      </div>\n      <ng-template #template>\n        <gn-ui-action-menu\n          [canDuplicate]=\"canDuplicate(item)\"\n          [isDuplicating]=\"isDuplicating\"\n          [canDelete]=\"canDelete(item) | async\"\n          [page]=\"isDraftPage ? 'draft' : 'main'\"\n          (duplicate)=\"handleDuplicate(item)\"\n          (delete)=\"handleDelete(item)\"\n          (closeActionMenu)=\"closeActionMenu()\"\n          (rollback)=\"handleRollback(item)\"\n        >\n        </gn-ui-action-menu>\n      </ng-template>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n</gn-ui-interactive-table>\n", styles: [":host{--gn-ui-button-height: 40px;--gn-ui-button-width: 40px}\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: "ngmodule", type: UiInputsModule }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: CheckboxComponent, selector: "gn-ui-checkbox", inputs: ["type", "checked", "indeterminate"], outputs: ["changed"] }, { kind: "component", type: BadgeComponent, selector: "gn-ui-badge", inputs: ["clickable", "removable"], outputs: ["badgeRemoveClicked"] }, { kind: "component", type: InteractiveTableComponent, selector: "gn-ui-interactive-table", inputs: ["items", "canEditItem", "isDraftPage"], outputs: ["itemClick"] }, { kind: "component", type: InteractiveTableColumnComponent, selector: "gn-ui-interactive-table-column", inputs: ["grow", "width", "sortable", "activeSort"], outputs: ["sortChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: ActionMenuComponent, selector: "gn-ui-action-menu", inputs: ["canDuplicate", "isDuplicating", "canDelete", "page"], outputs: ["duplicate", "delete", "closeActionMenu", "rollback", "switch"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "directive", type: CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ResultsTableComponent, decorators: [{
             type: Component,
@@ -32231,7 +32468,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         CdkOverlayOrigin,
                     ], providers: [
                         provideIcons({ iconoirUser, iconoirLock, iconoirTranslate, matMoreVert }),
-                    ], template: "<gn-ui-interactive-table\n  [items]=\"records\"\n  [isDraftPage]=\"isDraftPage\"\n  (itemClick)=\"handleRecordClick($event)\"\n>\n  <!-- SELECTED COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'3rem'\">\n    <ng-template #cell let-item let-i=\"index\">\n      <ng-icon\n        name=\"iconoirLock\"\n        class=\"text-purple\"\n        *ngIf=\"(!item.extras?.edit && !isDraftPage) || item.kind !== 'dataset'\"\n      ></ng-icon>\n      <gn-ui-checkbox\n        *ngIf=\"(item.extras?.edit || isDraftPage) && item.kind === 'dataset'\"\n        [checked]=\"isChecked(item)\"\n        (changed)=\"handleRecordSelectedChange($event, item)\"\n        class=\"-m-2\"\n        type=\"default\"\n      ></gn-ui-checkbox>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- TITLE COLUMN -->\n  <gn-ui-interactive-table-column\n    [sortable]=\"true\"\n    [grow]=\"true\"\n    [activeSort]=\"isSortedBy('resourceTitleObject.default.keyword')\"\n    (sortChange)=\"setSortBy('resourceTitleObject.default.keyword', $event)\"\n  >\n    <ng-template #header>\n      <span translate>record.metadata.title</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div class=\"flex flex-row items-center gap-2 max-w-full font-semibold\">\n        <span data-cy=\"resultItemTitle\" class=\"overflow-hidden text-ellipsis\">{{\n          item.title\n        }}</span>\n        <gn-ui-badge\n          *ngIf=\"hasDraft(item)\"\n          [style.--gn-ui-badge-padding]=\"'0.2em 0.6em'\"\n          [style.--gn-ui-badge-text-size]=\"'12px'\"\n          [style.--gn-ui-badge-text-color]=\"'#3d2006'\"\n          [style.--gn-ui-badge-background-color]=\"'#ffbc7b'\"\n          [style.--gn-ui-badge-rounded]=\"'4px'\"\n        >\n          <span translate>dashboard.records.hasDraft</span>\n        </gn-ui-badge>\n      </div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- FORMATS COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'9rem'\">\n    <ng-template #header>\n      <span translate>record.metadata.formats</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div\n        class=\"flex justify-start items-center gap-2 font-medium\"\n        *ngIf=\"getRecordFormats(item) as formats\"\n        [title]=\"formats.join(', ')\"\n      >\n        <span\n          class=\"badge-btn min-w-[45px] text-xs text-gray-900 px-2 shrink-0\"\n          [style.background-color]=\"getBadgeColor(formats[0])\"\n          *ngIf=\"formats[0]\"\n        >\n          {{ formats[0] }}\n        </span>\n        <span\n          class=\"badge-btn min-w-[45px] text-xs text-gray-900 px-2 shrink-0\"\n          [style.background-color]=\"getBadgeColor(formats[1])\"\n          *ngIf=\"formats[1]\"\n        >\n          {{ formats[1] }}\n        </span>\n        <div class=\"shrink-0 text-xs\" *ngIf=\"formats.slice(2).length > 0\">\n          <span>+{{ formats.slice(2).length }}</span>\n        </div>\n      </div>\n      <div *ngIf=\"!getRecordFormats(item)\"></div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- OWNER COLUMN -->\n  <gn-ui-interactive-table-column\n    [width]=\"'12rem'\"\n    [sortable]=\"true\"\n    [activeSort]=\"isSortedBy('recordOwner')\"\n    (sortChange)=\"setSortBy('recordOwner', $event)\"\n  >\n    <ng-template #header>\n      <span translate>search.filters.user</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <ng-icon name=\"iconoirUser\" size=\"16px\"></ng-icon>\n      <span data-cy=\"ownerInfo\" class=\"text-xs\">{{\n        formatUserInfo(item.extras?.ownerInfo)\n      }}</span>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- STATUS COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'6rem'\">\n    <ng-template #header>\n      <span translate>record.metadata.status</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <span class=\"text-xs\">\n        {{\n          (item.extras?.['isPublishedToAll']\n            ? 'record.metadata.status.published'\n            : 'record.metadata.status.notPublished'\n          ) | translate\n        }}</span\n      >\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- UPDATE DATE COLUMN -->\n  <gn-ui-interactive-table-column\n    [width]=\"'8rem'\"\n    [sortable]=\"true\"\n    [activeSort]=\"isSortedBy('changeDate')\"\n    (sortChange)=\"setSortBy('changeDate', $event)\"\n  >\n    <ng-template #header>\n      <span translate>search.filters.changeDate</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div class=\"flex text-left w-full text-xs\">\n        {{\n          item.extras?.['isPublishedToAll']\n            ? dateToString(item.recordUpdated)\n            : '-'\n        }}\n      </div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- ACTION MENU COLUMN -->\n  <gn-ui-interactive-table-column>\n    <ng-template #header> </ng-template>\n    <ng-template #cell let-item>\n      <div class=\"flex justify-end items-center gap-4 w-full\">\n        <!-- IS MULTILINGUAL -->\n        <ng-icon\n          *ngIf=\"isMultilingual(item)\"\n          data-cy=\"multilingual-indicator\"\n          name=\"iconoirTranslate\"\n          [attr.title]=\"getTxtHoverMultilingual(item)\"\n        ></ng-icon>\n        <!-- MORE ACTIONS MENU BUTTON -->\n        <gn-ui-button\n          cdkOverlayOrigin\n          #actionMenuButton\n          (buttonClick)=\"openActionMenu(item, template)\"\n          type=\"light\"\n          data-test=\"record-menu-button\"\n          [disabled]=\"\n            (!item.extras?.edit && !isDraftPage) || item.kind !== 'dataset'\n          \"\n        >\n          <ng-icon\n            [ngClass]=\"{\n              'text-purple-light':\n                (!item.extras?.edit && !isDraftPage) || item.kind !== 'dataset',\n            }\"\n            name=\"matMoreVert\"\n          ></ng-icon>\n        </gn-ui-button>\n      </div>\n      <ng-template #template>\n        <gn-ui-action-menu\n          [canDuplicate]=\"canDuplicate(item) && !isDuplicating\"\n          [canDelete]=\"canDelete(item)\"\n          [page]=\"isDraftPage ? 'draft' : 'main'\"\n          (duplicate)=\"handleDuplicate(item)\"\n          (delete)=\"handleDelete(item)\"\n          (closeActionMenu)=\"closeActionMenu()\"\n          (rollback)=\"handleRollback(item)\"\n        >\n        </gn-ui-action-menu>\n      </ng-template>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n</gn-ui-interactive-table>\n", styles: [":host{--gn-ui-button-height: 40px;--gn-ui-button-width: 40px}\n"] }]
+                    ], template: "<gn-ui-interactive-table\n  [items]=\"records\"\n  [canEditItem]=\"canEdit\"\n  [isDraftPage]=\"isDraftPage\"\n  (itemClick)=\"handleRecordClick($event)\"\n>\n  <!-- SELECTED COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'3rem'\">\n    <ng-template #cell let-item let-i=\"index\">\n      <ng-icon\n        name=\"iconoirLock\"\n        class=\"text-purple\"\n        *ngIf=\"(canEdit(item) | async) === false; else selectCheckbox\"\n      ></ng-icon>\n      <ng-template #selectCheckbox>\n        <gn-ui-checkbox\n          [checked]=\"isChecked(item)\"\n          (changed)=\"handleRecordSelectedChange($event, item)\"\n          class=\"-m-2\"\n          type=\"default\"\n        ></gn-ui-checkbox>\n      </ng-template>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- TITLE COLUMN -->\n  <gn-ui-interactive-table-column\n    [sortable]=\"true\"\n    [grow]=\"true\"\n    [activeSort]=\"isSortedBy('resourceTitleObject.default.keyword')\"\n    (sortChange)=\"setSortBy('resourceTitleObject.default.keyword', $event)\"\n  >\n    <ng-template #header>\n      <span translate>record.metadata.title</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div class=\"flex flex-row items-center gap-2 max-w-full font-semibold\">\n        <span data-cy=\"resultItemTitle\" class=\"overflow-hidden text-ellipsis\">{{\n          item.title\n        }}</span>\n        <gn-ui-badge\n          *ngIf=\"hasDraft(item)\"\n          [style.--gn-ui-badge-padding]=\"'0.2em 0.6em'\"\n          [style.--gn-ui-badge-text-size]=\"'12px'\"\n          [style.--gn-ui-badge-text-color]=\"'#3d2006'\"\n          [style.--gn-ui-badge-background-color]=\"'#ffbc7b'\"\n          [style.--gn-ui-badge-rounded]=\"'4px'\"\n        >\n          <span translate>dashboard.records.hasDraft</span>\n        </gn-ui-badge>\n      </div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- FORMATS COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'9rem'\">\n    <ng-template #header>\n      <span translate>record.metadata.formats</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div\n        class=\"flex justify-start items-center gap-2 font-medium\"\n        *ngIf=\"getRecordFormats(item) as formats\"\n        [title]=\"formats.join(', ')\"\n      >\n        <span\n          class=\"badge-btn min-w-[45px] text-xs text-gray-900 px-2 shrink-0\"\n          [style.background-color]=\"getBadgeColor(formats[0])\"\n          *ngIf=\"formats[0]\"\n        >\n          {{ formats[0] }}\n        </span>\n        <span\n          class=\"badge-btn min-w-[45px] text-xs text-gray-900 px-2 shrink-0\"\n          [style.background-color]=\"getBadgeColor(formats[1])\"\n          *ngIf=\"formats[1]\"\n        >\n          {{ formats[1] }}\n        </span>\n        <div class=\"shrink-0 text-xs\" *ngIf=\"formats.slice(2).length > 0\">\n          <span>+{{ formats.slice(2).length }}</span>\n        </div>\n      </div>\n      <div *ngIf=\"!getRecordFormats(item)\"></div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- OWNER COLUMN -->\n  <gn-ui-interactive-table-column\n    [width]=\"'12rem'\"\n    [sortable]=\"true\"\n    [activeSort]=\"isSortedBy('recordOwner')\"\n    (sortChange)=\"setSortBy('recordOwner', $event)\"\n  >\n    <ng-template #header>\n      <span translate>search.filters.user</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <ng-icon name=\"iconoirUser\" size=\"16px\"></ng-icon>\n      <span data-cy=\"ownerInfo\" class=\"text-xs\">{{\n        formatUserInfo(item.extras?.ownerInfo)\n      }}</span>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- STATUS COLUMN -->\n  <gn-ui-interactive-table-column [width]=\"'6rem'\">\n    <ng-template #header>\n      <span translate>record.metadata.status</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <span class=\"text-xs\">\n        {{\n          (item.extras?.['isPublishedToAll']\n            ? 'record.metadata.status.published'\n            : 'record.metadata.status.notPublished'\n          ) | translate\n        }}</span\n      >\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- UPDATE DATE COLUMN -->\n  <gn-ui-interactive-table-column\n    [width]=\"'8rem'\"\n    [sortable]=\"true\"\n    [activeSort]=\"isSortedBy('changeDate')\"\n    (sortChange)=\"setSortBy('changeDate', $event)\"\n  >\n    <ng-template #header>\n      <span translate>search.filters.changeDate</span>\n    </ng-template>\n    <ng-template #cell let-item>\n      <div class=\"flex text-left w-full text-xs\">\n        {{\n          item.extras?.['isPublishedToAll']\n            ? dateToString(item.recordUpdated)\n            : '-'\n        }}\n      </div>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n\n  <!-- ACTION MENU COLUMN -->\n  <gn-ui-interactive-table-column>\n    <ng-template #header> </ng-template>\n    <ng-template #cell let-item>\n      <div class=\"flex justify-end items-center gap-4 w-full\">\n        <!-- IS MULTILINGUAL -->\n        <ng-icon\n          *ngIf=\"isMultilingual(item)\"\n          data-cy=\"multilingual-indicator\"\n          name=\"iconoirTranslate\"\n          [attr.title]=\"getTxtHoverMultilingual(item)\"\n        ></ng-icon>\n        <!-- MORE ACTIONS MENU BUTTON -->\n        <gn-ui-button\n          cdkOverlayOrigin\n          #actionMenuButton\n          (buttonClick)=\"openActionMenu(item, template)\"\n          type=\"light\"\n          data-test=\"record-menu-button\"\n        >\n          <ng-icon name=\"matMoreVert\"></ng-icon>\n        </gn-ui-button>\n      </div>\n      <ng-template #template>\n        <gn-ui-action-menu\n          [canDuplicate]=\"canDuplicate(item)\"\n          [isDuplicating]=\"isDuplicating\"\n          [canDelete]=\"canDelete(item) | async\"\n          [page]=\"isDraftPage ? 'draft' : 'main'\"\n          (duplicate)=\"handleDuplicate(item)\"\n          (delete)=\"handleDelete(item)\"\n          (closeActionMenu)=\"closeActionMenu()\"\n          (rollback)=\"handleRollback(item)\"\n        >\n        </gn-ui-action-menu>\n      </ng-template>\n    </ng-template>\n  </gn-ui-interactive-table-column>\n</gn-ui-interactive-table>\n", styles: [":host{--gn-ui-button-height: 40px;--gn-ui-button-width: 40px}\n"] }]
         }], ctorParameters: () => [{ type: i1$8.Overlay }, { type: i0.ViewContainerRef }, { type: i0.ChangeDetectorRef }, { type: DateService }, { type: i1$1.TranslateService }], propDecorators: { records: [{
                 type: Input
             }], selectedRecordsIdentifiers: [{
@@ -32244,6 +32481,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }], canDelete: [{
                 type: Input
+            }], canEdit: [{
+                type: Input
             }], isDraftPage: [{
                 type: Input
             }], isDuplicating: [{
@@ -34575,14 +34814,21 @@ class ResultsTableContainerComponent {
         this.recordsRepository = recordsRepository;
         this.notificationsService = notificationsService;
         this.translateService = translateService;
-        this.canDuplicate = () => true;
-        this.canDelete = () => true;
         this.recordClick = new EventEmitter();
         this.duplicateRecord = new EventEmitter();
         this.subscription = new Subscription();
         this.selectedRecords$ = this.selectionService.selectedRecordsIdentifiers$;
         this.sortBy$ = this.searchFacade.sortBy$;
         this.hasDraft = (record) => this.recordsRepository.recordHasDraft(record.uniqueIdentifier);
+        this.canDuplicate = (record) => {
+            return this.recordsRepository.canDuplicate(record);
+        };
+        this.canDelete = (record) => {
+            return this.recordsRepository.canDelete(record);
+        };
+        this.canEdit = (record) => {
+            return this.recordsRepository.canEditIndexedRecord(record);
+        };
     }
     handleRecordClick(item) {
         this.recordClick.emit(item);
@@ -34627,16 +34873,12 @@ class ResultsTableContainerComponent {
         this.subscription.unsubscribe();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ResultsTableContainerComponent, deps: [{ token: SearchFacade }, { token: SearchService }, { token: SelectionService }, { token: RecordsRepositoryInterface }, { token: NotificationsService }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ResultsTableContainerComponent, isStandalone: true, selector: "gn-ui-results-table-container", inputs: { canDuplicate: "canDuplicate", canDelete: "canDelete", isDuplicating: "isDuplicating" }, outputs: { recordClick: "recordClick", duplicateRecord: "duplicateRecord" }, ngImport: i0, template: "<gn-ui-results-table\n  *ngIf=\"searchFacade.results$ | async as records\"\n  [records]=\"records\"\n  [hasDraft]=\"hasDraft\"\n  [selectedRecordsIdentifiers]=\"selectedRecords$ | async\"\n  [sortOrder]=\"sortBy$ | async\"\n  [canDelete]=\"canDelete\"\n  [canDuplicate]=\"canDuplicate\"\n  [isDuplicating]=\"isDuplicating\"\n  (recordClick)=\"handleRecordClick($event)\"\n  (duplicateRecord)=\"handleDuplicateRecord($event)\"\n  (deleteRecord)=\"handleDeleteRecord($event)\"\n  (recordsSelectedChange)=\"handleRecordsSelectedChange($event[0], $event[1])\"\n  (sortByChange)=\"handleSortByChange($event[0], $event[1])\"\n></gn-ui-results-table>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: ResultsTableComponent, selector: "gn-ui-results-table", inputs: ["records", "selectedRecordsIdentifiers", "sortOrder", "hasDraft", "canDuplicate", "canDelete", "isDraftPage", "isDuplicating"], outputs: ["sortByChange", "recordClick", "duplicateRecord", "deleteRecord", "rollbackDraft", "recordsSelectedChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ResultsTableContainerComponent, isStandalone: true, selector: "gn-ui-results-table-container", inputs: { isDuplicating: "isDuplicating" }, outputs: { recordClick: "recordClick", duplicateRecord: "duplicateRecord" }, ngImport: i0, template: "<gn-ui-results-table\n  *ngIf=\"searchFacade.results$ | async as records\"\n  [records]=\"records\"\n  [hasDraft]=\"hasDraft\"\n  [selectedRecordsIdentifiers]=\"selectedRecords$ | async\"\n  [sortOrder]=\"sortBy$ | async\"\n  [canDelete]=\"canDelete\"\n  [canDuplicate]=\"canDuplicate\"\n  [isDuplicating]=\"isDuplicating\"\n  [canEdit]=\"canEdit\"\n  (recordClick)=\"handleRecordClick($event)\"\n  (duplicateRecord)=\"handleDuplicateRecord($event)\"\n  (deleteRecord)=\"handleDeleteRecord($event)\"\n  (recordsSelectedChange)=\"handleRecordsSelectedChange($event[0], $event[1])\"\n  (sortByChange)=\"handleSortByChange($event[0], $event[1])\"\n></gn-ui-results-table>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: ResultsTableComponent, selector: "gn-ui-results-table", inputs: ["records", "selectedRecordsIdentifiers", "sortOrder", "hasDraft", "canDuplicate", "canDelete", "canEdit", "isDraftPage", "isDuplicating"], outputs: ["sortByChange", "recordClick", "duplicateRecord", "deleteRecord", "rollbackDraft", "recordsSelectedChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ResultsTableContainerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-results-table-container', standalone: true, imports: [CommonModule, ResultsTableComponent], template: "<gn-ui-results-table\n  *ngIf=\"searchFacade.results$ | async as records\"\n  [records]=\"records\"\n  [hasDraft]=\"hasDraft\"\n  [selectedRecordsIdentifiers]=\"selectedRecords$ | async\"\n  [sortOrder]=\"sortBy$ | async\"\n  [canDelete]=\"canDelete\"\n  [canDuplicate]=\"canDuplicate\"\n  [isDuplicating]=\"isDuplicating\"\n  (recordClick)=\"handleRecordClick($event)\"\n  (duplicateRecord)=\"handleDuplicateRecord($event)\"\n  (deleteRecord)=\"handleDeleteRecord($event)\"\n  (recordsSelectedChange)=\"handleRecordsSelectedChange($event[0], $event[1])\"\n  (sortByChange)=\"handleSortByChange($event[0], $event[1])\"\n></gn-ui-results-table>\n" }]
-        }], ctorParameters: () => [{ type: SearchFacade }, { type: SearchService }, { type: SelectionService }, { type: RecordsRepositoryInterface }, { type: NotificationsService }, { type: i1$1.TranslateService }], propDecorators: { canDuplicate: [{
-                type: Input
-            }], canDelete: [{
-                type: Input
-            }], isDuplicating: [{
+            args: [{ selector: 'gn-ui-results-table-container', standalone: true, imports: [CommonModule, ResultsTableComponent], template: "<gn-ui-results-table\n  *ngIf=\"searchFacade.results$ | async as records\"\n  [records]=\"records\"\n  [hasDraft]=\"hasDraft\"\n  [selectedRecordsIdentifiers]=\"selectedRecords$ | async\"\n  [sortOrder]=\"sortBy$ | async\"\n  [canDelete]=\"canDelete\"\n  [canDuplicate]=\"canDuplicate\"\n  [isDuplicating]=\"isDuplicating\"\n  [canEdit]=\"canEdit\"\n  (recordClick)=\"handleRecordClick($event)\"\n  (duplicateRecord)=\"handleDuplicateRecord($event)\"\n  (deleteRecord)=\"handleDeleteRecord($event)\"\n  (recordsSelectedChange)=\"handleRecordsSelectedChange($event[0], $event[1])\"\n  (sortByChange)=\"handleSortByChange($event[0], $event[1])\"\n></gn-ui-results-table>\n" }]
+        }], ctorParameters: () => [{ type: SearchFacade }, { type: SearchService }, { type: SelectionService }, { type: RecordsRepositoryInterface }, { type: NotificationsService }, { type: i1$1.TranslateService }], propDecorators: { isDuplicating: [{
                 type: Input
             }], recordClick: [{
                 type: Output
@@ -38136,7 +38378,7 @@ class DataTableComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DataTableComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DataTableComponent, isStandalone: true, selector: "gn-ui-data-table", inputs: { featureAttributes: "featureAttributes", dataset: "dataset", activeId: "activeId" }, outputs: { selected: "selected" }, providers: [{ provide: MatPaginatorIntl, useClass: CustomMatPaginatorIntl }], viewQueries: [{ propertyName: "sort", first: true, predicate: MatSort, descendants: true }, { propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"flex flex-col border border-gray-300 rounded-lg bg-white h-full\">\n  <div class=\"flex-1 overflow-y-hidden overflow-x-auto rounded-lg relative\">\n    <table\n      mat-table\n      [dataSource]=\"dataSource\"\n      matSort\n      (matSortChange)=\"setSort($event)\"\n      [matSortDisableClear]=\"true\"\n      *ngrxLet=\"properties$ as properties\"\n    >\n      <ng-container\n        *ngFor=\"let attr of _featureAttributes\"\n        [matColumnDef]=\"attr.value\"\n      >\n        <th\n          mat-header-cell\n          *matHeaderCellDef\n          mat-sort-header\n          class=\"text-sm text-black bg-white\"\n        >\n          {{ attr.label }}\n        </th>\n        <td\n          mat-cell\n          *matCellDef=\"let element\"\n          class=\"whitespace-nowrap pr-1 truncate\"\n        >\n          {{ element[attr.value] }}\n        </td>\n      </ng-container>\n\n      <tr mat-header-row *matHeaderRowDef=\"properties; sticky: true\"></tr>\n      <tr\n        [id]=\"getRowEltId(row.id)\"\n        mat-row\n        *matRowDef=\"let row; columns: properties\"\n        (click)=\"selected.emit(row)\"\n        [class.active]=\"\n          activeId !== undefined && activeId !== null && row.id === activeId\n        \"\n      ></tr>\n    </table>\n    <gn-ui-loading-mask\n      *ngIf=\"loading$ | async\"\n      class=\"sticky inset-0\"\n      [message]=\"'table.loading.data' | translate\"\n    ></gn-ui-loading-mask>\n    <gn-ui-popup-alert\n      *ngIf=\"error\"\n      type=\"warning\"\n      icon=\"matErrorOutlineOutline\"\n      class=\"absolute m-2 inset-0 z-[100]\"\n    >\n      <span translate>{{ error }}</span>\n    </gn-ui-popup-alert>\n  </div>\n  <div class=\"flex justify-between items-center overflow-hidden\">\n    <div class=\"text-gray-900 px-4 py-2 text-sm\">\n      <span class=\"count font-extrabold text-primary\">{{ count }}</span\n      >&nbsp;<span translate>table.object.count</span>.\n    </div>\n\n    <mat-paginator\n      class=\"my-[-16px]\"\n      (page)=\"setPagination()\"\n      [length]=\"count\"\n      [pageSize]=\"10\"\n      [showFirstLastButtons]=\"true\"\n      [hidePageSize]=\"true\"\n    ></mat-paginator>\n  </div>\n</div>\n", styles: ["table{width:100%;background:#fff}th.mat-mdc-header-cell,td.mat-mdc-cell,td.mat-mdc-footer-cell{padding-right:20px}tr.mat-mdc-row,tr.mat-mdc-footer-row{height:36px}tr:hover{background:#f5f5f5}tr.mat-mdc-header-row{height:48px}[mat-header-cell]{color:#0000008a;font-size:12px;font-weight:500}tr{cursor:pointer}.active .mat-mdc-cell{color:var(--color-primary)}.mat-mdc-paginator{background:none}\n"], dependencies: [{ kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i2$4.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i2$4.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i2$4.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i2$4.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i2$4.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i2$4.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i2$4.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i2$4.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i2$4.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i2$4.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: MatSortModule }, { kind: "directive", type: i3$2.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i3$2.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i4.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "ngmodule", type: ScrollingModule }, { 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: "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: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: LoadingMaskComponent, selector: "gn-ui-loading-mask", inputs: ["message"] }, { kind: "component", type: PopupAlertComponent, selector: "gn-ui-popup-alert", inputs: ["icon", "type", "position"] }, { kind: "directive", type: LetDirective, selector: "[ngrxLet]", inputs: ["ngrxLet", "ngrxLetSuspenseTpl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DataTableComponent, isStandalone: true, selector: "gn-ui-data-table", inputs: { featureAttributes: "featureAttributes", dataset: "dataset", activeId: "activeId" }, outputs: { selected: "selected" }, providers: [{ provide: MatPaginatorIntl, useClass: CustomMatPaginatorIntl }], viewQueries: [{ propertyName: "sort", first: true, predicate: MatSort, descendants: true }, { propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"flex flex-col border border-gray-300 rounded-lg bg-white h-full\">\n  <div class=\"flex-1 overflow-y-hidden overflow-x-auto rounded-lg relative\">\n    <table\n      mat-table\n      [dataSource]=\"dataSource\"\n      matSort\n      (matSortChange)=\"setSort($event)\"\n      [matSortDisableClear]=\"true\"\n      *ngrxLet=\"properties$ as properties\"\n    >\n      <ng-container\n        *ngFor=\"let attr of _featureAttributes\"\n        [matColumnDef]=\"attr.value\"\n      >\n        <th\n          mat-header-cell\n          *matHeaderCellDef\n          mat-sort-header\n          class=\"text-sm text-black bg-white\"\n        >\n          {{ attr.label }}\n        </th>\n        <td\n          mat-cell\n          *matCellDef=\"let element\"\n          class=\"whitespace-nowrap pr-1 truncate\"\n        >\n          {{ element[attr.value] }}\n        </td>\n      </ng-container>\n\n      <tr mat-header-row *matHeaderRowDef=\"properties; sticky: true\"></tr>\n      <tr\n        [id]=\"getRowEltId(row.id)\"\n        mat-row\n        *matRowDef=\"let row; columns: properties\"\n        (click)=\"selected.emit(row)\"\n        [class.active]=\"\n          activeId !== undefined && activeId !== null && row.id === activeId\n        \"\n      ></tr>\n    </table>\n    <gn-ui-loading-mask\n      *ngIf=\"loading$ | async\"\n      class=\"sticky inset-0\"\n      [message]=\"'table.loading.data' | translate\"\n    ></gn-ui-loading-mask>\n    <gn-ui-popup-alert\n      *ngIf=\"error\"\n      type=\"warning\"\n      icon=\"matErrorOutlineOutline\"\n      class=\"absolute m-2 inset-0 z-[100]\"\n    >\n      <span translate>{{ error }}</span>\n    </gn-ui-popup-alert>\n  </div>\n  <div class=\"flex justify-between items-center overflow-hidden\">\n    <div class=\"text-gray-900 px-4 py-2 text-sm\">\n      <span class=\"count font-extrabold text-primary\">{{ count }}</span\n      >&nbsp;<span translate>table.object.count</span>.\n    </div>\n\n    <mat-paginator\n      class=\"my-[-16px]\"\n      (page)=\"setPagination()\"\n      [length]=\"count\"\n      [pageSize]=\"10\"\n      [showFirstLastButtons]=\"true\"\n      [hidePageSize]=\"true\"\n    ></mat-paginator>\n  </div>\n</div>\n", styles: ["table{width:100%;background:#fff}th.mat-mdc-header-cell,td.mat-mdc-cell,td.mat-mdc-footer-cell{padding-right:20px}tr.mat-mdc-row,tr.mat-mdc-footer-row{height:36px}tr:hover{background:#f5f5f5}tr.mat-mdc-header-row{height:48px}[mat-header-cell]{color:#0000008a;font-size:12px;font-weight:500}tr{cursor:pointer}.active .mat-mdc-cell{color:var(--color-primary)}.mat-mdc-paginator{background:none}\n"], dependencies: [{ kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i2$4.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i2$4.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i2$4.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i2$4.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i2$4.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i2$4.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i2$4.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i2$4.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i2$4.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i2$4.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: MatSortModule }, { kind: "directive", type: i3$3.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i3$3.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i4.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "ngmodule", type: ScrollingModule }, { 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: "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: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: LoadingMaskComponent, selector: "gn-ui-loading-mask", inputs: ["message"] }, { kind: "component", type: PopupAlertComponent, selector: "gn-ui-popup-alert", inputs: ["icon", "type", "position"] }, { kind: "directive", type: LetDirective, selector: "[ngrxLet]", inputs: ["ngrxLet", "ngrxLetSuspenseTpl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DataTableComponent, decorators: [{
             type: Component,
@@ -43177,6 +43419,7 @@ class MultilingualPanelComponent {
         this.formLanguage = lang;
         this.facade.updateRecordField('defaultLanguage', lang);
         this.facade.updateRecordField('otherLanguages', this.selectedLanguages.filter((lang) => lang !== this.formLanguage));
+        this.closeActionMenu();
     }
     confirmDeleteAction(lang) {
         const dialogRef = this.dialog.open(ConfirmationDialogComponent, {
@@ -43277,7 +43520,7 @@ class MultilingualPanelComponent {
             provideNgIconsConfig({
                 size: '1.25em',
             }),
-        ], viewQueries: [{ propertyName: "actionMenuButtons", predicate: ["actionMenuButton"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div\n  class=\"flex flex-col h-full w-[302px] bg-neutral-100 border-l border-gray-300 py-8 px-3 gap-6 overflow-auto\"\n>\n  <div class=\"flex flex-row px-2 justify-between\">\n    <span class=\"text-3xl font-title text-black/80\" translate\n      >editor.record.form.multilingual.title</span\n    >\n    <button\n      [title]=\"'editor.record.form.multilingual.open' | translate\"\n      (click)=\"toggleLanguageSelection()\"\n      *ngIf=\"isMultilingual\"\n      data-test=\"activateSelection\"\n    >\n      <ng-icon class=\"mt-1\" name=\"iconoirSettings\"></ng-icon>\n    </button>\n  </div>\n  <div class=\"flex flex-col gap-2\" *ngIf=\"editTranslations || !isMultilingual\">\n    <gn-ui-check-toggle\n      class=\"p-2\"\n      [label]=\"'editor.record.form.multilingual.enable' | translate\"\n      [color]=\"'primary'\"\n      [(value)]=\"isMultilingual\"\n      (toggled)=\"switchMultilingual($event)\"\n    ></gn-ui-check-toggle>\n    <div *ngIf=\"isMultilingual\" class=\"flex flex-col gap-2\">\n      <div class=\"flex flex-row justify-between border-t border-gray-300 p-3\">\n        <span class=\"mt-2 text-sm text-gray-600\" translate\n          >editor.record.form.multilingual.activate</span\n        >\n        <gn-ui-button\n          extraClass=\"w-16 h-8 font-bold\"\n          type=\"gray\"\n          (buttonClick)=\"validateTranslations()\"\n          data-test=\"validateSelection\"\n          >{{ 'editor.record.form.multilingual.validate' | translate }}\n        </gn-ui-button>\n      </div>\n      <ng-container *ngIf=\"supportedLanguages$ | async as languages\">\n        <div\n          class=\"flex flex-col gap-2 w-full px-2\"\n          data-test=\"langAvailable\"\n          *ngFor=\"let lang of languages\"\n        >\n          <gn-ui-button\n            [extraClass]=\"getExtraClass(lang)\"\n            type=\"gray\"\n            (buttonClick)=\"toggleLanguage(lang)\"\n            [disabled]=\"lang === _record.defaultLanguage\"\n            [title]=\"getToggleTitle(lang)\"\n          >\n            <span [class]=\"getIconClass(lang)\"></span>\n            <span class=\"ml-2\">{{ 'language.' + lang | translate }}</span>\n          </gn-ui-button>\n        </div>\n      </ng-container>\n    </div>\n  </div>\n  <div *ngIf=\"!editTranslations && isMultilingual\" class=\"flex flex-col gap-2\">\n    <gn-ui-button\n      *ngFor=\"let recordLang of sortLanguages(recordLanguages); let i = index\"\n      extraClass=\"flex flex-row justify-between bg-white border border-white rounded mb-1 h-[34px] w-full\"\n      [ngClass]=\"{\n        'mt-8': isFirstUnsupported(i),\n        '': true,\n      }\"\n      (buttonClick)=\"switchFormLang(recordLang)\"\n      type=\"outline\"\n      data-test=\"langSwitch\"\n    >\n      <div class=\"flex flex-row gap-2 items-center\">\n        <ng-icon\n          *ngIf=\"recordLang === formLanguage\"\n          class=\"text-primary mt-1\"\n          name=\"iconoirCheckCircle\"\n        ></ng-icon>\n        <ng-icon\n          *ngIf=\"recordLang !== formLanguage\"\n          class=\"text-gray-800 mt-1\"\n          name=\"iconoirCircle\"\n        ></ng-icon>\n        <span\n          *ngIf=\"recordLang.length === 2\"\n          [class]=\"getIconClass(recordLang) + 'mt-1'\"\n        ></span>\n        <span [ngClass]=\"recordLang === formLanguage ? 'text-black' : ''\">{{\n          isLangSupported(recordLang)\n            ? ('language.' + recordLang | translate)\n            : recordLang.toUpperCase()\n        }}</span>\n      </div>\n      <div class=\"flex flex-row gap-2 items-center\">\n        <span\n          *ngIf=\"recordLang === formLanguage\"\n          class=\"text-xs text-base\"\n          translate\n          >editor.record.form.multilingual.default</span\n        >\n        <button\n          (click)=\"\n            openActionMenu(recordLang, template); $event.stopPropagation()\n          \"\n          cdkOverlayOrigin\n          #actionMenuButton\n        >\n          <ng-icon class=\"pb-5\" name=\"matMoreHorizOutline\"></ng-icon>\n        </button>\n        <ng-template #template>\n          <gn-ui-action-menu\n            [canDelete]=\"recordLang !== _record.defaultLanguage\"\n            page=\"record\"\n            (delete)=\"confirmDeleteAction(recordLang)\"\n            (closeActionMenu)=\"closeActionMenu()\"\n            (switch)=\"switchDefaultLang(item)\"\n          >\n          </gn-ui-action-menu>\n        </ng-template>\n      </div>\n    </gn-ui-button>\n  </div>\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: 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" }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "component", type: ActionMenuComponent, selector: "gn-ui-action-menu", inputs: ["canDuplicate", "canDelete", "page"], outputs: ["duplicate", "delete", "closeActionMenu", "rollback", "switch"] }] }); }
+        ], viewQueries: [{ propertyName: "actionMenuButtons", predicate: ["actionMenuButton"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div\n  class=\"flex flex-col h-full w-[302px] bg-neutral-100 border-l border-gray-300 py-8 px-3 gap-6 overflow-auto\"\n>\n  <div class=\"flex flex-row px-2 justify-between\">\n    <span class=\"text-3xl font-title text-black/80\" translate\n      >editor.record.form.multilingual.title</span\n    >\n    <button\n      [title]=\"'editor.record.form.multilingual.open' | translate\"\n      (click)=\"toggleLanguageSelection()\"\n      *ngIf=\"isMultilingual\"\n      data-test=\"activateSelection\"\n    >\n      <ng-icon class=\"mt-1\" name=\"iconoirSettings\"></ng-icon>\n    </button>\n  </div>\n  <div class=\"flex flex-col gap-2\" *ngIf=\"editTranslations || !isMultilingual\">\n    <gn-ui-check-toggle\n      class=\"p-2\"\n      [label]=\"'editor.record.form.multilingual.enable' | translate\"\n      [color]=\"'primary'\"\n      [(value)]=\"isMultilingual\"\n      (toggled)=\"switchMultilingual($event)\"\n    ></gn-ui-check-toggle>\n    <div *ngIf=\"isMultilingual\" class=\"flex flex-col gap-2\">\n      <div class=\"flex flex-row justify-between border-t border-gray-300 p-3\">\n        <span class=\"mt-2 text-sm text-gray-600\" translate\n          >editor.record.form.multilingual.activate</span\n        >\n        <gn-ui-button\n          extraClass=\"w-16 h-8 font-bold\"\n          type=\"gray\"\n          (buttonClick)=\"validateTranslations()\"\n          data-test=\"validateSelection\"\n          >{{ 'editor.record.form.multilingual.validate' | translate }}\n        </gn-ui-button>\n      </div>\n      <ng-container *ngIf=\"supportedLanguages$ | async as languages\">\n        <div\n          class=\"flex flex-col gap-2 w-full px-2\"\n          data-test=\"langAvailable\"\n          *ngFor=\"let lang of languages\"\n        >\n          <gn-ui-button\n            [extraClass]=\"getExtraClass(lang)\"\n            type=\"gray\"\n            (buttonClick)=\"toggleLanguage(lang)\"\n            [disabled]=\"lang === _record.defaultLanguage\"\n            [title]=\"getToggleTitle(lang)\"\n          >\n            <span [class]=\"getIconClass(lang)\"></span>\n            <span class=\"ml-2\">{{ 'language.' + lang | translate }}</span>\n          </gn-ui-button>\n        </div>\n      </ng-container>\n    </div>\n  </div>\n  <div *ngIf=\"!editTranslations && isMultilingual\" class=\"flex flex-col gap-2\">\n    <gn-ui-button\n      *ngFor=\"let recordLang of sortLanguages(recordLanguages); let i = index\"\n      extraClass=\"flex flex-row justify-between bg-white border border-white rounded mb-1 h-[34px] w-full\"\n      [ngClass]=\"{\n        'mt-8': isFirstUnsupported(i),\n        '': true,\n      }\"\n      (buttonClick)=\"switchFormLang(recordLang)\"\n      type=\"outline\"\n      data-test=\"langSwitch\"\n    >\n      <div class=\"flex flex-row gap-2 items-center\">\n        <ng-icon\n          *ngIf=\"recordLang === formLanguage\"\n          class=\"text-primary mt-1\"\n          name=\"iconoirCheckCircle\"\n        ></ng-icon>\n        <ng-icon\n          *ngIf=\"recordLang !== formLanguage\"\n          class=\"text-gray-800 mt-1\"\n          name=\"iconoirCircle\"\n        ></ng-icon>\n        <span\n          *ngIf=\"recordLang.length === 2\"\n          [class]=\"getIconClass(recordLang) + 'mt-1'\"\n        ></span>\n        <span [ngClass]=\"recordLang === formLanguage ? 'text-black' : ''\">{{\n          isLangSupported(recordLang)\n            ? ('language.' + recordLang | translate)\n            : recordLang.toUpperCase()\n        }}</span>\n      </div>\n      <div class=\"flex flex-row gap-2 items-center\">\n        <span\n          *ngIf=\"recordLang === formLanguage\"\n          class=\"text-xs text-base\"\n          translate\n          >editor.record.form.multilingual.default</span\n        >\n        <button\n          (click)=\"\n            openActionMenu(recordLang, template); $event.stopPropagation()\n          \"\n          cdkOverlayOrigin\n          #actionMenuButton\n        >\n          <ng-icon class=\"pb-5\" name=\"matMoreHorizOutline\"></ng-icon>\n        </button>\n        <ng-template #template>\n          <gn-ui-action-menu\n            [canDelete]=\"recordLang !== _record.defaultLanguage\"\n            page=\"record\"\n            (delete)=\"confirmDeleteAction(recordLang)\"\n            (closeActionMenu)=\"closeActionMenu()\"\n            (switch)=\"switchDefaultLang(recordLang)\"\n          >\n          </gn-ui-action-menu>\n        </ng-template>\n      </div>\n    </gn-ui-button>\n  </div>\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: 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" }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "component", type: ActionMenuComponent, selector: "gn-ui-action-menu", inputs: ["canDuplicate", "isDuplicating", "canDelete", "page"], outputs: ["duplicate", "delete", "closeActionMenu", "rollback", "switch"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MultilingualPanelComponent, decorators: [{
             type: Component,
@@ -43298,7 +43541,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         provideNgIconsConfig({
                             size: '1.25em',
                         }),
-                    ], template: "<div\n  class=\"flex flex-col h-full w-[302px] bg-neutral-100 border-l border-gray-300 py-8 px-3 gap-6 overflow-auto\"\n>\n  <div class=\"flex flex-row px-2 justify-between\">\n    <span class=\"text-3xl font-title text-black/80\" translate\n      >editor.record.form.multilingual.title</span\n    >\n    <button\n      [title]=\"'editor.record.form.multilingual.open' | translate\"\n      (click)=\"toggleLanguageSelection()\"\n      *ngIf=\"isMultilingual\"\n      data-test=\"activateSelection\"\n    >\n      <ng-icon class=\"mt-1\" name=\"iconoirSettings\"></ng-icon>\n    </button>\n  </div>\n  <div class=\"flex flex-col gap-2\" *ngIf=\"editTranslations || !isMultilingual\">\n    <gn-ui-check-toggle\n      class=\"p-2\"\n      [label]=\"'editor.record.form.multilingual.enable' | translate\"\n      [color]=\"'primary'\"\n      [(value)]=\"isMultilingual\"\n      (toggled)=\"switchMultilingual($event)\"\n    ></gn-ui-check-toggle>\n    <div *ngIf=\"isMultilingual\" class=\"flex flex-col gap-2\">\n      <div class=\"flex flex-row justify-between border-t border-gray-300 p-3\">\n        <span class=\"mt-2 text-sm text-gray-600\" translate\n          >editor.record.form.multilingual.activate</span\n        >\n        <gn-ui-button\n          extraClass=\"w-16 h-8 font-bold\"\n          type=\"gray\"\n          (buttonClick)=\"validateTranslations()\"\n          data-test=\"validateSelection\"\n          >{{ 'editor.record.form.multilingual.validate' | translate }}\n        </gn-ui-button>\n      </div>\n      <ng-container *ngIf=\"supportedLanguages$ | async as languages\">\n        <div\n          class=\"flex flex-col gap-2 w-full px-2\"\n          data-test=\"langAvailable\"\n          *ngFor=\"let lang of languages\"\n        >\n          <gn-ui-button\n            [extraClass]=\"getExtraClass(lang)\"\n            type=\"gray\"\n            (buttonClick)=\"toggleLanguage(lang)\"\n            [disabled]=\"lang === _record.defaultLanguage\"\n            [title]=\"getToggleTitle(lang)\"\n          >\n            <span [class]=\"getIconClass(lang)\"></span>\n            <span class=\"ml-2\">{{ 'language.' + lang | translate }}</span>\n          </gn-ui-button>\n        </div>\n      </ng-container>\n    </div>\n  </div>\n  <div *ngIf=\"!editTranslations && isMultilingual\" class=\"flex flex-col gap-2\">\n    <gn-ui-button\n      *ngFor=\"let recordLang of sortLanguages(recordLanguages); let i = index\"\n      extraClass=\"flex flex-row justify-between bg-white border border-white rounded mb-1 h-[34px] w-full\"\n      [ngClass]=\"{\n        'mt-8': isFirstUnsupported(i),\n        '': true,\n      }\"\n      (buttonClick)=\"switchFormLang(recordLang)\"\n      type=\"outline\"\n      data-test=\"langSwitch\"\n    >\n      <div class=\"flex flex-row gap-2 items-center\">\n        <ng-icon\n          *ngIf=\"recordLang === formLanguage\"\n          class=\"text-primary mt-1\"\n          name=\"iconoirCheckCircle\"\n        ></ng-icon>\n        <ng-icon\n          *ngIf=\"recordLang !== formLanguage\"\n          class=\"text-gray-800 mt-1\"\n          name=\"iconoirCircle\"\n        ></ng-icon>\n        <span\n          *ngIf=\"recordLang.length === 2\"\n          [class]=\"getIconClass(recordLang) + 'mt-1'\"\n        ></span>\n        <span [ngClass]=\"recordLang === formLanguage ? 'text-black' : ''\">{{\n          isLangSupported(recordLang)\n            ? ('language.' + recordLang | translate)\n            : recordLang.toUpperCase()\n        }}</span>\n      </div>\n      <div class=\"flex flex-row gap-2 items-center\">\n        <span\n          *ngIf=\"recordLang === formLanguage\"\n          class=\"text-xs text-base\"\n          translate\n          >editor.record.form.multilingual.default</span\n        >\n        <button\n          (click)=\"\n            openActionMenu(recordLang, template); $event.stopPropagation()\n          \"\n          cdkOverlayOrigin\n          #actionMenuButton\n        >\n          <ng-icon class=\"pb-5\" name=\"matMoreHorizOutline\"></ng-icon>\n        </button>\n        <ng-template #template>\n          <gn-ui-action-menu\n            [canDelete]=\"recordLang !== _record.defaultLanguage\"\n            page=\"record\"\n            (delete)=\"confirmDeleteAction(recordLang)\"\n            (closeActionMenu)=\"closeActionMenu()\"\n            (switch)=\"switchDefaultLang(item)\"\n          >\n          </gn-ui-action-menu>\n        </ng-template>\n      </div>\n    </gn-ui-button>\n  </div>\n</div>\n" }]
+                    ], template: "<div\n  class=\"flex flex-col h-full w-[302px] bg-neutral-100 border-l border-gray-300 py-8 px-3 gap-6 overflow-auto\"\n>\n  <div class=\"flex flex-row px-2 justify-between\">\n    <span class=\"text-3xl font-title text-black/80\" translate\n      >editor.record.form.multilingual.title</span\n    >\n    <button\n      [title]=\"'editor.record.form.multilingual.open' | translate\"\n      (click)=\"toggleLanguageSelection()\"\n      *ngIf=\"isMultilingual\"\n      data-test=\"activateSelection\"\n    >\n      <ng-icon class=\"mt-1\" name=\"iconoirSettings\"></ng-icon>\n    </button>\n  </div>\n  <div class=\"flex flex-col gap-2\" *ngIf=\"editTranslations || !isMultilingual\">\n    <gn-ui-check-toggle\n      class=\"p-2\"\n      [label]=\"'editor.record.form.multilingual.enable' | translate\"\n      [color]=\"'primary'\"\n      [(value)]=\"isMultilingual\"\n      (toggled)=\"switchMultilingual($event)\"\n    ></gn-ui-check-toggle>\n    <div *ngIf=\"isMultilingual\" class=\"flex flex-col gap-2\">\n      <div class=\"flex flex-row justify-between border-t border-gray-300 p-3\">\n        <span class=\"mt-2 text-sm text-gray-600\" translate\n          >editor.record.form.multilingual.activate</span\n        >\n        <gn-ui-button\n          extraClass=\"w-16 h-8 font-bold\"\n          type=\"gray\"\n          (buttonClick)=\"validateTranslations()\"\n          data-test=\"validateSelection\"\n          >{{ 'editor.record.form.multilingual.validate' | translate }}\n        </gn-ui-button>\n      </div>\n      <ng-container *ngIf=\"supportedLanguages$ | async as languages\">\n        <div\n          class=\"flex flex-col gap-2 w-full px-2\"\n          data-test=\"langAvailable\"\n          *ngFor=\"let lang of languages\"\n        >\n          <gn-ui-button\n            [extraClass]=\"getExtraClass(lang)\"\n            type=\"gray\"\n            (buttonClick)=\"toggleLanguage(lang)\"\n            [disabled]=\"lang === _record.defaultLanguage\"\n            [title]=\"getToggleTitle(lang)\"\n          >\n            <span [class]=\"getIconClass(lang)\"></span>\n            <span class=\"ml-2\">{{ 'language.' + lang | translate }}</span>\n          </gn-ui-button>\n        </div>\n      </ng-container>\n    </div>\n  </div>\n  <div *ngIf=\"!editTranslations && isMultilingual\" class=\"flex flex-col gap-2\">\n    <gn-ui-button\n      *ngFor=\"let recordLang of sortLanguages(recordLanguages); let i = index\"\n      extraClass=\"flex flex-row justify-between bg-white border border-white rounded mb-1 h-[34px] w-full\"\n      [ngClass]=\"{\n        'mt-8': isFirstUnsupported(i),\n        '': true,\n      }\"\n      (buttonClick)=\"switchFormLang(recordLang)\"\n      type=\"outline\"\n      data-test=\"langSwitch\"\n    >\n      <div class=\"flex flex-row gap-2 items-center\">\n        <ng-icon\n          *ngIf=\"recordLang === formLanguage\"\n          class=\"text-primary mt-1\"\n          name=\"iconoirCheckCircle\"\n        ></ng-icon>\n        <ng-icon\n          *ngIf=\"recordLang !== formLanguage\"\n          class=\"text-gray-800 mt-1\"\n          name=\"iconoirCircle\"\n        ></ng-icon>\n        <span\n          *ngIf=\"recordLang.length === 2\"\n          [class]=\"getIconClass(recordLang) + 'mt-1'\"\n        ></span>\n        <span [ngClass]=\"recordLang === formLanguage ? 'text-black' : ''\">{{\n          isLangSupported(recordLang)\n            ? ('language.' + recordLang | translate)\n            : recordLang.toUpperCase()\n        }}</span>\n      </div>\n      <div class=\"flex flex-row gap-2 items-center\">\n        <span\n          *ngIf=\"recordLang === formLanguage\"\n          class=\"text-xs text-base\"\n          translate\n          >editor.record.form.multilingual.default</span\n        >\n        <button\n          (click)=\"\n            openActionMenu(recordLang, template); $event.stopPropagation()\n          \"\n          cdkOverlayOrigin\n          #actionMenuButton\n        >\n          <ng-icon class=\"pb-5\" name=\"matMoreHorizOutline\"></ng-icon>\n        </button>\n        <ng-template #template>\n          <gn-ui-action-menu\n            [canDelete]=\"recordLang !== _record.defaultLanguage\"\n            page=\"record\"\n            (delete)=\"confirmDeleteAction(recordLang)\"\n            (closeActionMenu)=\"closeActionMenu()\"\n            (switch)=\"switchDefaultLang(recordLang)\"\n          >\n          </gn-ui-action-menu>\n        </ng-template>\n      </div>\n    </gn-ui-button>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: EditorFacade }, { type: i1$a.MatDialog }, { type: i1$1.TranslateService }, { type: RecordsRepositoryInterface }, { type: i1$8.Overlay }, { type: i0.ViewContainerRef }, { type: i0.ChangeDetectorRef }], propDecorators: { record: [{
                 type: Input
             }], actionMenuButtons: [{
@@ -43707,7 +43950,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$b.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$4.StoreRouterConnectingModule, i1$b.EffectsFeatureModule], exports: [SearchRouterContainerDirective] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DefaultRouterModule, providers: [
             RouterFacade,
             {
@@ -43750,5 +43993,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, ActionMenuComponent, AddLayerFromCatalogComponent, AddLayerRecordPreviewComponent, AddResults, AddSearch, AnchorLinkDirective, ApiCardComponent, ApplicationBannerComponent, AuthService, AutocompleteComponent, AvailableServicesField, AvatarComponent, AvatarServiceInterface, BASEMAP_LAYERS, BadgeComponent, BaseConverter, BaseFileReader, BaseReader, BlockListComponent, ButtonComponent, CLEAR_ERROR, CLEAR_RESULTS, CarouselComponent, CatalogTitleComponent, ChartComponent, ChartViewComponent, CheckToggleComponent, CheckboxComponent, ClearError, ClearResults, ColorScaleComponent, ConfirmationDialogComponent, ContentGhostComponent, CopyTextButtonComponent, DEFAULT_GN4_LOGIN_URL, DEFAULT_GN4_LOGOUT_URL, DEFAULT_GN4_SETTINGS_URL, DEFAULT_LANG, DEFAULT_PAGE_SIZE, DEFAULT_RESULTS_LAYOUT_CONFIG, DEFAULT_SEARCH_KEY, DO_NOT_USE_DEFAULT_BASEMAP, DataService, DataTableComponent, DataViewComponent, DataViewPermalinkComponent, DataViewShareComponent, DataViewWebComponentComponent, DatePickerComponent, DateRangeDropdownComponent, DateRangePickerComponent, DateRangeSearchField, DateService, DcatApConverter, DefaultRouterModule, DownloadItemComponent, DownloadsListComponent, DragAndDropFileInputComponent, DropdownMultiselectComponent, DropdownSelectorComponent, EDITOR_FEATURE_KEY, ES_QUERY_FIELDS_PRIORITY, ES_RESOURCES_VALUES, ES_SOURCE_SUMMARY, EXTERNAL_VIEWER_OPEN_NEW_TAB, EXTERNAL_VIEWER_URL_TEMPLATE, EditableLabelDirective, EditorFacade, EditorService, ElasticsearchService, EmbeddedTranslateLoader, ErrorComponent, ErrorType, ExpandablePanelButtonComponent, ExpandablePanelComponent, ExternalViewerButtonComponent, FIELDS_BRIEF, FIELDS_SUMMARY, FILTER_GEOMETRY, FILTER_SUMMARY_IGNORE_LIST, FORMATS, FacetBlockComponent, FacetBlockStubComponent, FacetItemComponent, FacetItemStubComponent, FacetListComponent, FacetsContainerComponent, FacetsModule, FavoriteStarComponent, FavoritesService, FeatureAuthModule, FeatureCatalogListComponent, FeatureCatalogModule, FeatureDetailComponent, FeatureEditorModule, FeatureMapModule, FeatureNotificationsModule, FeatureRecordModule, FeatureSearchModule, FetchError, FieldsService, FigureComponent, FigureContainerComponent, FileInputComponent, FileTranslateLoader, FilesDropDirective, FilterDropdownComponent, FormFieldArrayComponent, FormFieldComponent, FormFieldDateComponent, FormFieldFileComponent, FormFieldKeywordsComponent, FormFieldLicenseComponent, FormFieldObjectComponent, FormFieldRichComponent, FormFieldSimpleComponent, FormFieldSpatialExtentComponent, FormFieldTemporalExtentsComponent, FormFieldWrapperComponent, FullTextSearchField, FuzzySearchComponent, GEONETWORK_UI_TAG_NAME, GEONETWORK_UI_VERSION, GeoDataBadgeComponent, GeoTableViewComponent, GeocodingComponent, GeojsonReader, Gn4Converter, Gn4PlatformMapper, Gn4PlatformService, Gn4Repository, Gn4SettingsService, GpfApiDlComponent, GravatarService, HttpLoaderFactory, I18nInterceptor, ImageFallbackDirective, ImageInputComponent, ImageOverlayPreviewComponent, ImportRecordComponent, InlineFilterComponent, InteractiveTableColumnComponent, InteractiveTableComponent, InternalLinkCardComponent, IsSpatialSearchField, Iso191153Converter, Iso19139Converter, KindBadgeComponent, LANGUAGES_LIST, LANGUAGE_NAMES, LANGUAGE_STORAGE_KEY, LANG_2_TO_3_MAPPER, 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, MultilingualPanelComponent, MultilingualSearchField, MyOrgService, NAMESPACES, NOT_APPLICABLE_CONSTRAINT, NOT_KNOWN_CONSTRAINT, NotificationComponent, NotificationsContainerComponent, NotificationsService, ORGANIZATIONS_STRATEGY, ORGANIZATION_PAGE_URL_TOKEN, ORGANIZATION_URL_TOKEN, OrganisationPreviewComponent, OrganisationsComponent, OrganisationsFilterComponent, OrganisationsResultComponent, OrganizationSearchField, OrganizationsFromGroupsService, OrganizationsFromMetadataService, OwnerSearchField, PAGINATE, PARSE_DELIMITER, PATCH_RESULTS_AGGREGATIONS, PROXY_PATH, Paginate, PaginationButtonsComponent, PaginationComponent, PaginationDotsComponent, PatchResultsAggregations, PopoverComponent, PopupAlertComponent, PossibleResourceTypes, PossibleResourceTypesDefinition, PreviousNextButtonsComponent, ProgressBarComponent, ProxyService, QUERY_FIELDS, RECORD_DATASET_URL_TOKEN, RECORD_REUSE_URL_TOKEN, RECORD_SERVICE_URL_TOKEN, REQUEST_MORE_ON_AGGREGATION, REQUEST_MORE_RESULTS, REQUEST_NEW_RESULTS, RESULTS_LAYOUT_CONFIG, ROUTER_CONFIG, ROUTER_ROUTE_DATASET, ROUTER_ROUTE_ORGANIZATION, ROUTER_ROUTE_REUSE, ROUTER_ROUTE_SEARCH, ROUTER_ROUTE_SERVICE, ROUTER_STATE_KEY, ROUTE_PARAMS, RecordApiFormComponent, RecordFormComponent, RecordKindField, RecordMetaComponent, RecordMetricComponent, RecordPreviewCardComponent, RecordPreviewComponent, RecordPreviewFeedComponent, RecordPreviewListComponent, RecordPreviewRowComponent, RecordPreviewTextComponent, RecordPreviewTitleComponent, RecordsMetricsComponent, RecordsService, RelatedRecordCardComponent, RequestMoreOnAggregation, RequestMoreResults, RequestNewResults, ResourceTypeLegacyField, ResultsHitsContainerComponent, ResultsHitsNumberComponent, ResultsHitsSearchKindComponent, 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, SUPPORTED_LANGUAGES, SearchEffects, SearchFacade, SearchFeatureCatalogComponent, SearchFiltersSummaryComponent, SearchFiltersSummaryItemComponent, SearchInputComponent, SearchRouterContainerDirective, SearchService, SearchStateContainerDirective, SelectionService, ServiceCapabilitiesComponent, SetConfigAggregations, SetConfigFilters, SetConfigRequestFields, SetError, SetFavoritesOnly, SetFilters, SetIncludeOnAggregation, SetPageSize, SetResultsAggregations, SetResultsHits, SetResultsLayout, SetSearch, SetSortBy, SetSpatialFilterEnabled, SimpleSearchField, SiteTitleComponent, SortByComponent, SortableListComponent, SourceLabelComponent, SourcesService, SpatialExtentComponent, SpinningLoaderComponent, StarToggleComponent, StickyHeaderComponent, SupportedTypes, SwitchToggleComponent, THUMBNAIL_PLACEHOLDER, TRANSLATE_DEFAULT_CONFIG, TRANSLATE_WITH_OVERRIDES_CONFIG, TableViewComponent, TextAreaComponent, TextInputComponent, ThemeService, ThumbnailComponent, TranslatedSearchField, TruncatedTextComponent, 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, canEditRecord, checkFileFormat, clearSelectedFeatures, createChild, createDocument, createElement, createFuzzyFilter, createNestedChild, createNestedElement, currentPage, defaultMapStyleFixture, defaultMapStyleHlFixture, downgradeImage, downsizeImage, draftSaveSuccess, dragPanCondition, dropEmptyTranslations, editorReducer, emptyBlockModelFixture, findChildElement, findChildOrCreate, findChildrenElement, findConverterForDocument, findNestedChildOrCreate, findNestedElement, findNestedElements, findParent, firstChildElement, formatDate, formatUserInfo, getArrayItem, getAsArray, getAsUrl, getBadgeColor, getCustomTranslations, getError, getFavoritesOnly, getFileFormat, getFileFormatFromServiceOutput, getFirstValue, getFormatPriority, getGeometryFromGeoJSON, getGlobalConfig, getJsonDataItemsProxy, getLangFromBrowser, getLayers, getLinkLabel, getLinkPriority, getMapContext, getMapContextLayerFromConfig, getMapState, getMetadataQualityConfig, getMimeTypeForFormat, getNamespace, getOptionalMapConfig, getOptionalSearchConfig, getPageSize, getResourceType, getReuseType, getRootElement, getSearchConfigAggregations, getSearchFilters, getSearchResults, getSearchResultsAggregations, getSearchResultsHits, getSearchResultsLayout, getSearchResultsLoading, getSearchSortBy, getSearchState, getSearchStateSearch, getSelectedFeatures, getSpatialFilterEnabled, getTemporalRangeUnion, getThemeConfig, hasRecordChangedSinceDraft, hasRecordChangedSinceDraftSuccess, initSearch, initialEditorState, initialMapState, initialState, isConfigLoaded, isDateRange, isFormatInQueryParam, isPublished, itemModelFixture, kindToCodeListValue, loadAppConfig, malformedConfigFixture, mapConfigFixture, mapContact, mapKeywords, mapLogo, mapOrganization, mapReducer, markRecordAsChanged, matchesNoApplicableConstraint, matchesNoKnownConstraint, 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, selectCanEditRecord, selectCurrentPage, selectEditorConfig, selectEditorState, selectFallback, selectFallbackFields, selectField, selectHasRecordChanged, selectIsPublished, selectRecord, selectRecordChangedSinceSave, selectRecordSaveError, selectRecordSaving, selectRecordSections, selectRecordSource, selectTranslatedField, selectTranslatedValue, setContext, setCurrentPage, setFieldVisibility, setSelectedFeatures, setTextContent, someHabTableItemFixture, sortByFromString, sortByToString, sortByToStrings, stripHtml, stripNamespace, tableItemsFixture, toDate, totalPages, undoRecordDraft, unrecognizedKeysConfigFixture, updateRecordField, wmsLayerFlatten, writeAttribute, wrongLanguageCodeConfigFixture, xmlToString };
+export { ADD_RESULTS, ADD_SEARCH, AbstractAction, AbstractSearchField, ActionMenuComponent, AddLayerFromCatalogComponent, AddLayerRecordPreviewComponent, AddResults, AddSearch, AnchorLinkDirective, ApiCardComponent, ApplicationBannerComponent, AuthService, AutocompleteComponent, AvailableServicesField, AvatarComponent, AvatarServiceInterface, BASEMAP_LAYERS, BadgeComponent, BaseConverter, BaseFileReader, BaseReader, BlockListComponent, ButtonComponent, CLEAR_ERROR, CLEAR_RESULTS, CarouselComponent, CatalogTitleComponent, CellPopinComponent, ChartComponent, ChartViewComponent, CheckToggleComponent, CheckboxComponent, ClearError, ClearResults, ColorScaleComponent, ConfirmationDialogComponent, ContentGhostComponent, CopyTextButtonComponent, DEFAULT_GN4_LOGIN_URL, DEFAULT_GN4_LOGOUT_URL, DEFAULT_GN4_SETTINGS_URL, DEFAULT_LANG, DEFAULT_PAGE_SIZE, DEFAULT_RESULTS_LAYOUT_CONFIG, DEFAULT_SEARCH_KEY, DO_NOT_USE_DEFAULT_BASEMAP, DataService, DataTableComponent, DataViewComponent, DataViewPermalinkComponent, DataViewShareComponent, DataViewWebComponentComponent, DatePickerComponent, DateRangeDropdownComponent, DateRangePickerComponent, DateRangeSearchField, DateService, DcatApConverter, DefaultRouterModule, DownloadItemComponent, DownloadsListComponent, DragAndDropFileInputComponent, DropdownMultiselectComponent, DropdownSelectorComponent, EDITOR_FEATURE_KEY, ES_QUERY_FIELDS_PRIORITY, ES_RESOURCES_VALUES, ES_SOURCE_SUMMARY, EXTERNAL_VIEWER_OPEN_NEW_TAB, EXTERNAL_VIEWER_URL_TEMPLATE, EditableLabelDirective, EditorFacade, EditorService, ElasticsearchService, EmbeddedTranslateLoader, ErrorComponent, ErrorType, ExpandablePanelButtonComponent, ExpandablePanelComponent, ExternalViewerButtonComponent, FIELDS_BRIEF, FIELDS_SUMMARY, FILTER_GEOMETRY, FILTER_SUMMARY_IGNORE_LIST, FORMATS, FacetBlockComponent, FacetBlockStubComponent, FacetItemComponent, FacetItemStubComponent, FacetListComponent, FacetsContainerComponent, FacetsModule, FavoriteStarComponent, FavoritesService, FeatureAuthModule, FeatureCatalogListComponent, FeatureCatalogModule, FeatureDetailComponent, FeatureEditorModule, FeatureMapModule, FeatureNotificationsModule, FeatureRecordModule, FeatureSearchModule, FetchError, FieldsService, FigureComponent, FigureContainerComponent, FileInputComponent, FileTranslateLoader, FilesDropDirective, FilterDropdownComponent, FormFieldArrayComponent, FormFieldComponent, FormFieldDateComponent, FormFieldFileComponent, FormFieldKeywordsComponent, FormFieldLicenseComponent, FormFieldObjectComponent, FormFieldRichComponent, FormFieldSimpleComponent, FormFieldSpatialExtentComponent, FormFieldTemporalExtentsComponent, FormFieldWrapperComponent, FullTextSearchField, FuzzySearchComponent, GEONETWORK_UI_TAG_NAME, GEONETWORK_UI_VERSION, GeoDataBadgeComponent, GeoTableViewComponent, GeocodingComponent, GeojsonReader, Gn4Converter, Gn4PlatformMapper, Gn4PlatformService, Gn4Repository, Gn4SettingsService, GpfApiDlComponent, GravatarService, HttpLoaderFactory, I18nInterceptor, ImageFallbackDirective, ImageInputComponent, ImageOverlayPreviewComponent, ImportRecordComponent, InlineFilterComponent, InteractiveTableColumnComponent, InteractiveTableComponent, InternalLinkCardComponent, IsSpatialSearchField, Iso191153Converter, Iso19139Converter, KindBadgeComponent, LANGUAGES_LIST, LANGUAGE_NAMES, LANGUAGE_STORAGE_KEY, LANG_2_TO_3_MAPPER, 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, MultilingualPanelComponent, MultilingualSearchField, MyOrgService, NAMESPACES, NOT_APPLICABLE_CONSTRAINT, NOT_KNOWN_CONSTRAINT, NotificationComponent, NotificationsContainerComponent, NotificationsService, ORGANIZATIONS_STRATEGY, ORGANIZATION_PAGE_URL_TOKEN, ORGANIZATION_URL_TOKEN, OrganisationPreviewComponent, OrganisationsComponent, OrganisationsFilterComponent, OrganisationsResultComponent, OrganizationSearchField, OrganizationsFromGroupsService, OrganizationsFromMetadataService, OwnerSearchField, PAGINATE, PARSE_DELIMITER, PATCH_RESULTS_AGGREGATIONS, PROXY_PATH, Paginate, PaginationButtonsComponent, PaginationComponent, PaginationDotsComponent, PatchResultsAggregations, PopoverComponent, PopupAlertComponent, PossibleResourceTypes, PossibleResourceTypesDefinition, PreviousNextButtonsComponent, ProgressBarComponent, ProxyService, QUERY_FIELDS, RECORD_DATASET_URL_TOKEN, RECORD_REUSE_URL_TOKEN, RECORD_SERVICE_URL_TOKEN, REQUEST_MORE_ON_AGGREGATION, REQUEST_MORE_RESULTS, REQUEST_NEW_RESULTS, RESULTS_LAYOUT_CONFIG, ROUTER_CONFIG, ROUTER_ROUTE_DATASET, ROUTER_ROUTE_ORGANIZATION, ROUTER_ROUTE_REUSE, ROUTER_ROUTE_SEARCH, ROUTER_ROUTE_SERVICE, ROUTER_STATE_KEY, ROUTE_PARAMS, RecordApiFormComponent, RecordFormComponent, RecordKindField, RecordMetaComponent, RecordMetricComponent, RecordPreviewCardComponent, RecordPreviewComponent, RecordPreviewFeedComponent, RecordPreviewListComponent, RecordPreviewRowComponent, RecordPreviewTextComponent, RecordPreviewTitleComponent, RecordsMetricsComponent, RecordsService, RelatedRecordCardComponent, RequestMoreOnAggregation, RequestMoreResults, RequestNewResults, ResourceTypeLegacyField, ResultsHitsContainerComponent, ResultsHitsNumberComponent, ResultsHitsSearchKindComponent, 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, SUPPORTED_LANGUAGES, SearchEffects, SearchFacade, SearchFeatureCatalogComponent, SearchFiltersSummaryComponent, SearchFiltersSummaryItemComponent, SearchInputComponent, SearchRouterContainerDirective, SearchService, SearchStateContainerDirective, SelectionService, ServiceCapabilitiesComponent, SetConfigAggregations, SetConfigFilters, SetConfigRequestFields, SetError, SetFavoritesOnly, SetFilters, SetIncludeOnAggregation, SetPageSize, SetResultsAggregations, SetResultsHits, SetResultsLayout, SetSearch, SetSortBy, SetSpatialFilterEnabled, SimpleSearchField, SiteTitleComponent, SortByComponent, SortableListComponent, SourceLabelComponent, SourcesService, SpatialExtentComponent, SpinningLoaderComponent, StarToggleComponent, StickyHeaderComponent, SupportedTypes, SwitchToggleComponent, THUMBNAIL_PLACEHOLDER, TRANSLATE_DEFAULT_CONFIG, TRANSLATE_WITH_OVERRIDES_CONFIG, TableViewComponent, TextAreaComponent, TextInputComponent, ThemeService, ThumbnailComponent, TranslatedSearchField, TruncatedTextComponent, 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, canEditRecord, checkFileFormat, clearSelectedFeatures, createChild, createDocument, createElement, createFuzzyFilter, createNestedChild, createNestedElement, currentPage, defaultMapStyleFixture, defaultMapStyleHlFixture, downgradeImage, downsizeImage, draftSaveSuccess, dragPanCondition, dropEmptyTranslations, editorReducer, emptyBlockModelFixture, findChildElement, findChildOrCreate, findChildrenElement, findConverterForDocument, findNestedChildOrCreate, findNestedElement, findNestedElements, findParent, firstChildElement, formatDate, formatUserInfo, getArrayItem, getAsArray, getAsUrl, getBadgeColor, getCustomTranslations, getError, getFavoritesOnly, getFileFormat, getFileFormatFromServiceOutput, getFirstValue, getFormatPriority, getGeometryFromGeoJSON, getGlobalConfig, getJsonDataItemsProxy, getLangFromBrowser, getLayers, getLinkLabel, getLinkPriority, getMapContext, getMapContextLayerFromConfig, getMapState, getMetadataQualityConfig, getMimeTypeForFormat, getNamespace, getOptionalMapConfig, getOptionalSearchConfig, getPageSize, getResourceType, getReuseType, getRootElement, getSearchConfigAggregations, getSearchFilters, getSearchResults, getSearchResultsAggregations, getSearchResultsHits, getSearchResultsLayout, getSearchResultsLoading, getSearchSortBy, getSearchState, getSearchStateSearch, getSelectedFeatures, getSpatialFilterEnabled, getTemporalRangeUnion, getThemeConfig, hasRecordChangedSinceDraft, hasRecordChangedSinceDraftSuccess, initSearch, initialEditorState, initialMapState, initialState, isConfigLoaded, isDateRange, isFormatInQueryParam, isPublished, itemModelFixture, kindToCodeListValue, loadAppConfig, malformedConfigFixture, mapConfigFixture, mapContact, mapKeywords, mapLogo, mapOrganization, mapReducer, markRecordAsChanged, matchesNoApplicableConstraint, matchesNoKnownConstraint, 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, selectCanEditRecord, selectCurrentPage, selectEditorConfig, selectEditorState, selectFallback, selectFallbackFields, selectField, selectHasRecordChanged, selectIsPublished, selectRecord, selectRecordChangedSinceSave, selectRecordSaveError, selectRecordSaving, selectRecordSections, selectRecordSource, selectTranslatedField, selectTranslatedValue, setContext, setCurrentPage, setFieldVisibility, setSelectedFeatures, setTextContent, someHabTableItemFixture, sortByFromString, sortByToString, sortByToStrings, stripHtml, stripNamespace, tableItemsFixture, toDate, totalPages, undoRecordDraft, unrecognizedKeysConfigFixture, updateRecordField, wmsLayerFlatten, writeAttribute, wrongLanguageCodeConfigFixture, xmlToString };
 //# sourceMappingURL=geonetwork-ui.mjs.map