geonetwork-ui 2.7.0-dev.dbe423d28 → 2.7.0-dev.f29e01b0d

package/fesm2022/geonetwork-ui.mjs

@@ -19058,7 +19058,6 @@ var de = {
 	"record.action.rollback": "",
 	"record.action.switchLang": "",
 	"record.action.view": "Anzeigen",
-	"record.card.metadata.contact": "",
 	"record.externalViewer.open": "In externem Kartenviewer öffnen",
 	"record.feature.catalog.number.total.attribute": "",
 	"record.feature.catalog.number.total.object": "",
@@ -19264,6 +19263,7 @@ var de = {
 	"service.metadata.filter.noLayers": "",
 	"service.metadata.other": "",
 	"service.metadata.question": "",
+	"service.metadata.reuse": "",
 	"service.metadata.search": "",
 	"service.metadata.search.clear": "",
 	"service.metadata.spatialExtent": "",
@@ -19669,7 +19669,6 @@ var en = {
 	"record.action.rollback": "Rollback",
 	"record.action.switchLang": "Switch to default",
 	"record.action.view": "View",
-	"record.card.metadata.contact": "Metadata Contact",
 	"record.externalViewer.open": "Open in the external map viewer",
 	"record.feature.catalog.number.total.attribute": "Total amount of objects",
 	"record.feature.catalog.number.total.object": "Total amount of attributes",
@@ -19875,6 +19874,7 @@ var en = {
 	"service.metadata.filter.noLayers": "No layer matches your search",
 	"service.metadata.other": "Other information",
 	"service.metadata.question": "Ask a question",
+	"service.metadata.reuse": "Declare a reuse",
 	"service.metadata.search": "Search through the layer list",
 	"service.metadata.search.clear": "Clear the layer search",
 	"service.metadata.spatialExtent": "Spatial extent",
@@ -20280,7 +20280,6 @@ var es = {
 	"record.action.rollback": "",
 	"record.action.switchLang": "",
 	"record.action.view": "",
-	"record.card.metadata.contact": "",
 	"record.externalViewer.open": "",
 	"record.feature.catalog.number.total.attribute": "",
 	"record.feature.catalog.number.total.object": "",
@@ -20486,6 +20485,7 @@ var es = {
 	"service.metadata.filter.noLayers": "",
 	"service.metadata.other": "",
 	"service.metadata.question": "",
+	"service.metadata.reuse": "",
 	"service.metadata.search": "",
 	"service.metadata.search.clear": "",
 	"service.metadata.spatialExtent": "",
@@ -20891,7 +20891,6 @@ var fr = {
 	"record.action.rollback": "Restaurer",
 	"record.action.switchLang": "Marquer par défaut",
 	"record.action.view": "Voir",
-	"record.card.metadata.contact": "Contact de la métadonnée ",
 	"record.externalViewer.open": "Ouvrir dans le visualiseur externe",
 	"record.feature.catalog.number.total.attribute": "Nombre total d'attributs",
 	"record.feature.catalog.number.total.object": "Nombre total d'objets",
@@ -21097,6 +21096,7 @@ var fr = {
 	"service.metadata.filter.noLayers": "Aucune couche ne correspond à votre recherche",
 	"service.metadata.other": "Autres informations",
 	"service.metadata.question": "Poser une question",
+	"service.metadata.reuse": "Déclarer une réutilisation",
 	"service.metadata.search": "Rechercher dans la liste des couches",
 	"service.metadata.search.clear": "Effacer la recherche des couches",
 	"service.metadata.spatialExtent": "Etendue spatiale",
@@ -21502,7 +21502,6 @@ var it = {
 	"record.action.rollback": "Annulla",
 	"record.action.switchLang": "",
 	"record.action.view": "Visualizza",
-	"record.card.metadata.contact": "Contatto del metadata",
 	"record.externalViewer.open": "Aprire nel visualizzatore esterno",
 	"record.feature.catalog.number.total.attribute": "Quantità totale di oggetti",
 	"record.feature.catalog.number.total.object": "Quantità totale di attributi",
@@ -21708,6 +21707,7 @@ var it = {
 	"service.metadata.filter.noLayers": "Nessun layer abbina la ricerca",
 	"service.metadata.other": "Altri informazioni",
 	"service.metadata.question": "Fare una domanda",
+	"service.metadata.reuse": "",
 	"service.metadata.search": "Cerca nella lista del layers",
 	"service.metadata.search.clear": "Cancella la ricerca del layers",
 	"service.metadata.spatialExtent": "Estensione spaziale",
@@ -22113,7 +22113,6 @@ var nl = {
 	"record.action.rollback": "",
 	"record.action.switchLang": "",
 	"record.action.view": "",
-	"record.card.metadata.contact": "",
 	"record.externalViewer.open": "",
 	"record.feature.catalog.number.total.attribute": "",
 	"record.feature.catalog.number.total.object": "",
@@ -22319,6 +22318,7 @@ var nl = {
 	"service.metadata.filter.noLayers": "",
 	"service.metadata.other": "",
 	"service.metadata.question": "",
+	"service.metadata.reuse": "",
 	"service.metadata.search": "",
 	"service.metadata.search.clear": "",
 	"service.metadata.spatialExtent": "",
@@ -22724,7 +22724,6 @@ var pt = {
 	"record.action.rollback": "",
 	"record.action.switchLang": "",
 	"record.action.view": "",
-	"record.card.metadata.contact": "",
 	"record.externalViewer.open": "",
 	"record.feature.catalog.number.total.attribute": "",
 	"record.feature.catalog.number.total.object": "",
@@ -22930,6 +22929,7 @@ var pt = {
 	"service.metadata.filter.noLayers": "",
 	"service.metadata.other": "",
 	"service.metadata.question": "",
+	"service.metadata.reuse": "",
 	"service.metadata.search": "",
 	"service.metadata.search.clear": "",
 	"service.metadata.spatialExtent": "",
@@ -23335,7 +23335,6 @@ var sk = {
 	"record.action.rollback": "",
 	"record.action.switchLang": "",
 	"record.action.view": "Zobraziť",
-	"record.card.metadata.contact": "",
 	"record.externalViewer.open": "Otvoriť v externom mapovom prehliadači",
 	"record.feature.catalog.number.total.attribute": "",
 	"record.feature.catalog.number.total.object": "",
@@ -23541,6 +23540,7 @@ var sk = {
 	"service.metadata.filter.noLayers": "",
 	"service.metadata.other": "",
 	"service.metadata.question": "",
+	"service.metadata.reuse": "",
 	"service.metadata.search": "",
 	"service.metadata.search.clear": "",
 	"service.metadata.spatialExtent": "",
@@ -26166,6 +26166,14 @@ function getBadgeColor(linkFormat) {
     }
     return 'var(--color-gray-700)'; // Default color ?
 }
+function getLinkId(link) {
+    const href = link.url.href ?? link.url;
+    return `${getLinkLabel(link)
+        .replace(/é/g, 'e')
+        .replace(/è/g, 'e')
+        .normalize('NFD')
+        .replace(/[\u0300-\u036f]/g, '')}-${href}`;
+}
 function getLinkLabel(link) {
     let format = '';
     switch (link.type) {
@@ -26334,7 +26342,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 var name = "geonetwork-ui";
-var version = "2.7.0-dev.dbe423d28";
+var version = "2.7.0-dev.f29e01b0d";
 var engines = {
 	node: ">=20"
 };
@@ -26433,6 +26441,51 @@ const GEONETWORK_UI_TAG_NAME = GEONETWORK_UI_VERSION.split('-')[1] === 'dev'
     ? 'main'
     : `v${packageJson.version}`;
 
+const ValidatorMapper = {
+    title: (record) => !!record?.title,
+    description: (record) => !!record?.abstract,
+    keywords: (record) => (record?.keywords?.length ?? 0) > 0,
+    legalConstraints: (record) => (record?.legalConstraints?.length ?? 0) > 0,
+    contact: (record) => !!record?.contacts?.[0]?.email,
+    updateFrequency: (record) => !!record?.updateFrequency,
+    topic: (record) => (record?.topics?.length ?? 0) > 0,
+    organisation: (record) => !!record?.contacts?.[0]?.organization?.name,
+    capabilities: (record) => record?.onlineResources?.some((resource) => resource?.url?.href.toLowerCase().includes('capabilities')),
+    source: (record) => !!record?.extras?.sourcesIdentifiers,
+};
+function getAllKeysValidator() {
+    return Object.keys(ValidatorMapper);
+}
+function getMappersFromKind(kind) {
+    let kindKeys = [];
+    const commonsKeys = [
+        'title',
+        'description',
+        'keywords',
+        'legalConstraints',
+        'contact',
+    ];
+    switch (kind) {
+        case 'service':
+            kindKeys = ['capabilities'];
+            break;
+        case 'reuse':
+            kindKeys = ['topic', 'organisation', 'source'];
+            break;
+        case 'dataset':
+        default:
+            kindKeys = ['updateFrequency', 'topic', 'organisation'];
+    }
+    return [...commonsKeys, ...kindKeys];
+}
+function getQualityValidators(record, propsToValidate) {
+    const filteredProps = propsToValidate.filter((prop) => getMappersFromKind(record.kind).includes(prop));
+    return filteredProps.map((name) => ({
+        name,
+        validator: () => ValidatorMapper[name](record),
+    }));
+}
+
 function updateLanguages(record, defaultLanguage, otherLanguages) {
     function updateFieldTranslations(target, fieldName) {
         const fieldTranslations = {};
@@ -26639,9 +26692,13 @@ class Gn4PlatformService {
                 ...(Array.isArray(onlines) ? onlines : []),
                 ...(Array.isArray(thumbnails) ? thumbnails : []),
             ].map((resource) => Object.values(resource.url)[0]);
-            const fileToDelete = attachments
-                .filter((attachment) => !urlsToKeep.includes(attachment.url))
-                .map((attachment) => attachment.filename);
+            const fileToDelete = attachments.reduce((acc, attachment) => {
+                if (!urlsToKeep.includes(attachment.url) &&
+                    attachment.filename !== 'datavizConfig.json') {
+                    acc.push(attachment.filename);
+                }
+                return acc;
+            }, []);
             return fileToDelete;
         }), mergeMap((filesToDelete) => filesToDelete.length
             ? forkJoin(filesToDelete.map((filename) => this.recordsApiService.delResource(record.uniqueIdentifier, filename))).pipe(map$1(() => undefined))
@@ -26679,6 +26736,16 @@ class Gn4PlatformService {
             return throwError(() => new Error(error.error?.message ?? error.message));
         }));
     }
+    getFileContent(url) {
+        return this.httpClient.get(url.toString(), { responseType: 'text' }).pipe(map$1((text) => {
+            const parsed = JSON.parse(text);
+            if (typeof parsed === 'object') {
+                return parsed;
+            }
+            const decoded = atob(parsed);
+            return JSON.parse(decoded);
+        }));
+    }
     attachFileToRecord(recordUuid, file, removeDuplicate = false) {
         return this.getRecordAttachments(recordUuid).pipe(map$1((recordAttachments) => recordAttachments.map((r) => r.fileName)), switchMap((fileNames) => {
             const fileName = file.name;
@@ -27841,6 +27908,7 @@ function loadAppConfig() {
             'web_component_embedder_url',
             'languages',
             'contact_email',
+            'reuse_form_url',
         ], warnings, errors);
         if (parsedGlobalSection?.metadata_language) {
             parsedGlobalSection = checkMetadataLanguage(parsedGlobalSection, warnings);
@@ -27861,6 +27929,7 @@ function loadAppConfig() {
                     WEB_COMPONENT_EMBEDDER_URL: parsedGlobalSection.web_component_embedder_url,
                     LANGUAGES: parsedGlobalSection.languages,
                     CONTACT_EMAIL: parsedGlobalSection.contact_email,
+                    REUSE_FORM_URL: parsedGlobalSection.reuse_form_url,
                 };
         const parsedLayersSections = parseMultiConfigSection(parsed, 'map_layer', ['type'], ['name', 'url', 'data', 'styleUrl', 'accessToken'], warnings, errors);
         const parsedMapSection = parseConfigSection(parsed, 'map', [], [
@@ -31897,58 +31966,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 class MetadataQualityComponent {
     constructor() {
         this.smaller = false;
+        this.popoverDisplay = true;
+        this.forceComputeScore = false; // Instead of returning es' quality score
         this.items = [];
-        this.COMMON_CHECKS = {
-            title: (metadata) => !!metadata?.title,
-            description: (metadata) => !!metadata?.abstract,
-            keywords: (metadata) => (metadata?.keywords?.length ?? 0) > 0,
-            legalConstraints: (metadata) => (metadata?.legalConstraints?.length ?? 0) > 0,
-            contact: (metadata) => !!metadata?.contacts?.[0]?.email,
-        };
-        this.SPECIFIC_CHECKS = {
-            dataset: {
-                updateFrequency: (metadata) => !!metadata?.updateFrequency,
-                topic: (metadata) => (metadata?.topics?.length ?? 0) > 0,
-                organisation: (metadata) => !!metadata?.contacts?.[0]?.organization?.name,
-            },
-            service: {
-                capabilities: (metadata) => (metadata?.onlineResources ?? []).some((resource) => this.hasGetCapabilities(resource?.url?.href ?? '')),
-            },
-            reuse: {
-                topic: (metadata) => (metadata?.topics?.length ?? 0) > 0,
-                organisation: (metadata) => !!metadata?.contacts?.[0]?.organization?.name,
-                source: (metadata) => !!metadata?.extras?.sourcesIdentifiers,
-            },
-        };
     }
     get qualityScore() {
-        const qualityScore = this.metadata?.extras?.qualityScore;
+        const qualityScore = !this.forceComputeScore
+            ? this.metadata?.extras?.qualityScore
+            : this.computedQualityScore;
         return typeof qualityScore === 'number'
             ? qualityScore
-            : this.calculatedQualityScore;
+            : this.computedQualityScore;
     }
-    get calculatedQualityScore() {
+    get computedQualityScore() {
         return Math.round((this.items.filter(({ value }) => value).length * 100) / this.items.length);
     }
-    add(name, value) {
-        if (this.metadataQualityDisplay?.[name] !== false) {
-            this.items.push({ name, value });
-        }
-    }
     hasGetCapabilities(url) {
         return url.toLowerCase().includes('capabilities');
     }
     initialize() {
-        this.items = [];
-        Object.entries(this.COMMON_CHECKS).forEach(([name, check]) => {
-            this.add(name, check(this.metadata));
-        });
-        const datasetType = this.metadata?.kind;
-        if (datasetType && this.SPECIFIC_CHECKS[datasetType]) {
-            Object.entries(this.SPECIFIC_CHECKS[datasetType]).forEach(([name, check]) => {
-                this.add(name, check(this.metadata));
-            });
+        if (!this.propsToValidate) {
+            this.propsToValidate = getAllKeysValidator();
         }
+        this.items = getQualityValidators(this.metadata, this.propsToValidate).map(({ name, validator }) => ({ name, value: validator() }));
     }
     ngOnChanges(changes) {
         if (changes['metadata'] || changes['metadataQualityDisplay']) {
@@ -31956,7 +31996,7 @@ class MetadataQualityComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MetadataQualityComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MetadataQualityComponent, isStandalone: true, selector: "gn-ui-metadata-quality", inputs: { metadata: "metadata", smaller: "smaller", metadataQualityDisplay: "metadataQualityDisplay" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MetadataQualityComponent, isStandalone: true, selector: "gn-ui-metadata-quality", inputs: { metadata: "metadata", smaller: "smaller", metadataQualityDisplay: "metadataQualityDisplay", popoverDisplay: "popoverDisplay", propsToValidate: "propsToValidate", forceComputeScore: "forceComputeScore" }, providers: [
             provideIcons({
                 matInfoOutline,
             }),
@@ -31964,7 +32004,7 @@ class MetadataQualityComponent {
                 size: '1.2em',
                 strokeWidth: '1.5px',
             }),
-        ], usesOnChanges: true, ngImport: i0, template: "<div\n  *ngIf=\"metadataQualityDisplay\"\n  class=\"flex items-center metadata-quality min-w-0\"\n  [ngClass]=\"{ 'text-xs leading-[8px] m-h-[120px]': smaller }\"\n>\n  <gn-ui-progress-bar\n    tabindex=\"0\"\n    [value]=\"qualityScore\"\n    [type]=\"'light'\"\n    class=\"flex-grow\"\n  ></gn-ui-progress-bar>\n  <gn-ui-popover\n    [content]=\"popoverItems\"\n    theme=\"light-border\"\n    [class]=\"smaller ? 'ml-2' : 'ml-2 mt-1'\"\n  >\n    <ng-icon\n      name=\"matInfoOutline\"\n      class=\"flex-shrink-0 text-gray-600\"\n    ></ng-icon>\n  </gn-ui-popover>\n</div>\n<ng-template #popoverItems>\n  <div class=\"p-2 py-4\">\n    <div class=\"mb-4 font-bold\" translate>record.metadata.quality.details</div>\n    <gn-ui-metadata-quality-item\n      *ngFor=\"let e of items\"\n      [name]=\"e.name\"\n      [value]=\"e.value\"\n    ></gn-ui-metadata-quality-item>\n  </div>\n</ng-template>\n", styles: [":host gn-ui-progress-bar{--progress-bar-font-weight: \"normal\"}\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: "component", type: PopoverComponent, selector: "gn-ui-popover", inputs: ["content", "theme"] }, { kind: "component", type: ProgressBarComponent, selector: "gn-ui-progress-bar", inputs: ["value", "type"] }, { kind: "component", type: MetadataQualityItemComponent, selector: "gn-ui-metadata-quality-item", inputs: ["name", "value"] }, { kind: "directive", type: TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], usesOnChanges: true, ngImport: i0, template: "<div\n  *ngIf=\"metadataQualityDisplay\"\n  class=\"flex items-center metadata-quality min-w-0\"\n  [ngClass]=\"{ 'text-xs leading-[8px] m-h-[120px]': smaller }\"\n>\n  <gn-ui-progress-bar\n    tabindex=\"0\"\n    [value]=\"qualityScore\"\n    [type]=\"'light'\"\n    class=\"flex-grow\"\n  ></gn-ui-progress-bar>\n  <gn-ui-popover\n    *ngIf=\"popoverDisplay\"\n    [content]=\"popoverItems\"\n    theme=\"light-border\"\n    [class]=\"smaller ? 'ml-2' : 'ml-2 mt-1'\"\n  >\n    <ng-icon\n      name=\"matInfoOutline\"\n      class=\"flex-shrink-0 text-gray-600\"\n    ></ng-icon>\n  </gn-ui-popover>\n</div>\n<ng-template #popoverItems>\n  <div class=\"p-2 py-4\">\n    <div class=\"mb-4 font-bold\" translate>record.metadata.quality.details</div>\n    <gn-ui-metadata-quality-item\n      *ngFor=\"let e of items\"\n      [name]=\"e.name\"\n      [value]=\"e.value\"\n    ></gn-ui-metadata-quality-item>\n  </div>\n</ng-template>\n", styles: [":host gn-ui-progress-bar{--progress-bar-font-weight: \"normal\"}\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: "component", type: PopoverComponent, selector: "gn-ui-popover", inputs: ["content", "theme"] }, { kind: "component", type: ProgressBarComponent, selector: "gn-ui-progress-bar", inputs: ["value", "type"] }, { kind: "component", type: MetadataQualityItemComponent, selector: "gn-ui-metadata-quality-item", inputs: ["name", "value"] }, { kind: "directive", type: TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MetadataQualityComponent, decorators: [{
             type: Component,
@@ -31983,13 +32023,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                             size: '1.2em',
                             strokeWidth: '1.5px',
                         }),
-                    ], template: "<div\n  *ngIf=\"metadataQualityDisplay\"\n  class=\"flex items-center metadata-quality min-w-0\"\n  [ngClass]=\"{ 'text-xs leading-[8px] m-h-[120px]': smaller }\"\n>\n  <gn-ui-progress-bar\n    tabindex=\"0\"\n    [value]=\"qualityScore\"\n    [type]=\"'light'\"\n    class=\"flex-grow\"\n  ></gn-ui-progress-bar>\n  <gn-ui-popover\n    [content]=\"popoverItems\"\n    theme=\"light-border\"\n    [class]=\"smaller ? 'ml-2' : 'ml-2 mt-1'\"\n  >\n    <ng-icon\n      name=\"matInfoOutline\"\n      class=\"flex-shrink-0 text-gray-600\"\n    ></ng-icon>\n  </gn-ui-popover>\n</div>\n<ng-template #popoverItems>\n  <div class=\"p-2 py-4\">\n    <div class=\"mb-4 font-bold\" translate>record.metadata.quality.details</div>\n    <gn-ui-metadata-quality-item\n      *ngFor=\"let e of items\"\n      [name]=\"e.name\"\n      [value]=\"e.value\"\n    ></gn-ui-metadata-quality-item>\n  </div>\n</ng-template>\n", styles: [":host gn-ui-progress-bar{--progress-bar-font-weight: \"normal\"}\n"] }]
+                    ], template: "<div\n  *ngIf=\"metadataQualityDisplay\"\n  class=\"flex items-center metadata-quality min-w-0\"\n  [ngClass]=\"{ 'text-xs leading-[8px] m-h-[120px]': smaller }\"\n>\n  <gn-ui-progress-bar\n    tabindex=\"0\"\n    [value]=\"qualityScore\"\n    [type]=\"'light'\"\n    class=\"flex-grow\"\n  ></gn-ui-progress-bar>\n  <gn-ui-popover\n    *ngIf=\"popoverDisplay\"\n    [content]=\"popoverItems\"\n    theme=\"light-border\"\n    [class]=\"smaller ? 'ml-2' : 'ml-2 mt-1'\"\n  >\n    <ng-icon\n      name=\"matInfoOutline\"\n      class=\"flex-shrink-0 text-gray-600\"\n    ></ng-icon>\n  </gn-ui-popover>\n</div>\n<ng-template #popoverItems>\n  <div class=\"p-2 py-4\">\n    <div class=\"mb-4 font-bold\" translate>record.metadata.quality.details</div>\n    <gn-ui-metadata-quality-item\n      *ngFor=\"let e of items\"\n      [name]=\"e.name\"\n      [value]=\"e.value\"\n    ></gn-ui-metadata-quality-item>\n  </div>\n</ng-template>\n", styles: [":host gn-ui-progress-bar{--progress-bar-font-weight: \"normal\"}\n"] }]
         }], propDecorators: { metadata: [{
                 type: Input
             }], smaller: [{
                 type: Input
             }], metadataQualityDisplay: [{
                 type: Input
+            }], popoverDisplay: [{
+                type: Input
+            }], propsToValidate: [{
+                type: Input
+            }], forceComputeScore: [{
+                type: Input
             }] } });
 
 class InternalLinkCardComponent {
@@ -32031,7 +32077,7 @@ class InternalLinkCardComponent {
             provideNgIconsConfig({
                 size: '1.2em',
             }),
-        ], ngImport: i0, template: "<a\n  [attr.href]=\"linkHref\"\n  [target]=\"linkTarget\"\n  class=\"record-card\"\n  [ngClass]=\"cardClass\"\n>\n  <div *ngIf=\"shouldShowThumbnail\" class=\"record-card__thumbnail\">\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 pt-1\" [ngClass]=\"shouldShowThumbnail ? 'sm:w-0' : ''\">\n    <div class=\"flex flex-col gap-2 h-full\">\n      <h4\n        class=\"record-card__title\"\n        data-cy=\"recordTitle\"\n        [title]=\"record.title\"\n      >\n        {{ record.title }}\n      </h4>\n      <div class=\"grow\">\n        <gn-ui-markdown-parser\n          data-cy=\"recordAbstract\"\n          [textContent]=\"abstract\"\n          [whitoutStyles]=\"true\"\n          class=\"record-card__abstract\"\n          [title]=\"abstract\"\n        ></gn-ui-markdown-parser>\n      </div>\n      <div class=\"record-card__footer\">\n        <div\n          data-cy=\"recordOrg\"\n          *ngIf=\"record.ownerOrganization?.name\"\n          class=\"grow flex flex-row gap-1 items-center text-primary-lighter\"\n          [ngClass]=\"displayContactIconOnly ? 'justify-center' : ''\"\n        >\n          <ng-icon\n            name=\"iconoirBank\"\n            class=\"text-primary -translate-y-[0.5px] shrink-0\"\n            [title]=\"record.ownerOrganization.name\"\n          ></ng-icon>\n          <span\n            *ngIf=\"!displayContactIconOnly\"\n            data-cy=\"recordOrgName\"\n            class=\"line-clamp-1\"\n            [title]=\"record.ownerOrganization.name\"\n            >{{ record.ownerOrganization.name }}</span\n          >\n        </div>\n        <div class=\"record-card__footer__other\">\n          <div\n            class=\"xs:border-r last:border-r-0 flex grow gap-4 px-4 last:pr-0\"\n          >\n            <gn-ui-kind-badge\n              [extraClass]=\"'text-[1.2em]'\"\n              [styling]=\"'gray'\"\n              [kind]=\"record?.kind\"\n              [contentTemplate]=\"customTemplate\"\n              class=\"pt-1\"\n            >\n              <ng-template #customTemplate></ng-template\n            ></gn-ui-kind-badge>\n            <gn-ui-metadata-quality\n              *ngIf=\"metadataQualityDisplay\"\n              class=\"flex items-center min-w-[113px]\"\n              [smaller]=\"true\"\n              [metadata]=\"record\"\n              [metadataQualityDisplay]=\"metadataQualityDisplay\"\n            ></gn-ui-metadata-quality>\n          </div>\n          <div\n            class=\"flex justify-center\"\n            data-cy=\"recordFav\"\n            [ngClass]=\"displayContactIconOnly ? 'px-1' : 'px-4'\"\n          >\n            <ng-container\n              [ngTemplateOutlet]=\"favoriteTemplate\"\n              [ngTemplateOutletContext]=\"{ $implicit: record }\"\n            ></ng-container>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</a>\n", styles: [".record-card{@apply rounded-md bg-white hover:cursor-pointer hover:bg-slate-50 overflow-hidden items-stretch flex flex-row md:gap-0 justify-between py-3 pl-3 pr-5;}.record-card.size-L{@apply w-full md:h-[208px] gap-5;}.record-card.size-M{@apply max-w-[940px] md:h-[231px] gap-4;}.record-card.size-S{@apply max-w-[572px] md:h-[315px] gap-4;}.record-card.size-XS{@apply max-w-[280px] md:h-[315px] gap-4;}.record-card:hover .record-card__title{@apply text-primary;}.record-card__thumbnail{@apply border rounded-lg overflow-hidden shrink-0;}.size-L .record-card__thumbnail{@apply w-full w-[190px] h-[184px];}.size-M .record-card__thumbnail{@apply w-full w-[138px] h-[207px];}.record-card__title{@apply text-xl font-medium text-title leading-6;}.size-L .record-card__title{@apply line-clamp-2;}.size-M .record-card__title{@apply line-clamp-2 ml-2;}.size-S .record-card__title,.size-XS .record-card__title{@apply line-clamp-3 ml-2;}.record-card__abstract{@apply text-gray-900 overflow-hidden;}.size-L .record-card__abstract{@apply line-clamp-3;}.size-M .record-card__abstract{@apply line-clamp-3 ml-2;}.size-S .record-card__abstract,.size-XS .record-card__abstract{@apply line-clamp-4 ml-2;}.record-card__footer{@apply flex sm:flex-row flex-col flex-nowrap gap-3 justify-end items-center w-full border-t pt-1 overflow-hidden;}@media (max-width: 450px){.size-S .record-card__footer{@apply flex-col items-stretch;}}.size-XS .record-card__footer{@apply flex-col items-stretch gap-2;}.record-card__footer__other{@apply flex flex-col xs:flex-row flex-nowrap gap-3 xs:border-l first:border-l-0;}.record-card__footer__other>div{@apply py-1;}@media (max-width: 450px){.size-S .record-card__footer__other,.size-S .record-card__footer__other>div{@apply border-0 px-0 py-0;}}.size-XS .record-card__footer__other,.size-XS .record-card__footer__other>div{@apply border-0;}.size-XS .record-card__footer__other>div{@apply px-0 py-0;}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { 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: KindBadgeComponent, selector: "gn-ui-kind-badge", inputs: ["styling", "contentTemplate", "kind", "extraClass"] }, { kind: "component", type: MarkdownParserComponent, selector: "gn-ui-markdown-parser", inputs: ["textContent", "whitoutStyles"] }, { kind: "component", type: ThumbnailComponent, selector: "gn-ui-thumbnail", inputs: ["thumbnailUrl", "fit"], outputs: ["placeholderShown"] }] }); }
+        ], ngImport: i0, template: "<a\n  [attr.href]=\"linkHref\"\n  [target]=\"linkTarget\"\n  class=\"record-card\"\n  [ngClass]=\"cardClass\"\n>\n  <div *ngIf=\"shouldShowThumbnail\" class=\"record-card__thumbnail\">\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 pt-1\" [ngClass]=\"shouldShowThumbnail ? 'sm:w-0' : ''\">\n    <div class=\"flex flex-col gap-2 h-full\">\n      <h4\n        class=\"record-card__title\"\n        data-cy=\"recordTitle\"\n        [title]=\"record.title\"\n      >\n        {{ record.title }}\n      </h4>\n      <div class=\"grow\">\n        <gn-ui-markdown-parser\n          data-cy=\"recordAbstract\"\n          [textContent]=\"abstract\"\n          [whitoutStyles]=\"true\"\n          class=\"record-card__abstract\"\n          [title]=\"abstract\"\n        ></gn-ui-markdown-parser>\n      </div>\n      <div class=\"record-card__footer\">\n        <div\n          data-cy=\"recordOrg\"\n          *ngIf=\"record.ownerOrganization?.name\"\n          class=\"grow flex flex-row gap-1 items-center text-primary-lighter\"\n          [ngClass]=\"displayContactIconOnly ? 'justify-center' : ''\"\n        >\n          <ng-icon\n            name=\"iconoirBank\"\n            class=\"text-primary -translate-y-[0.5px] shrink-0\"\n            [title]=\"record.ownerOrganization.name\"\n          ></ng-icon>\n          <span\n            *ngIf=\"!displayContactIconOnly\"\n            data-cy=\"recordOrgName\"\n            class=\"line-clamp-1\"\n            [title]=\"record.ownerOrganization.name\"\n            >{{ record.ownerOrganization.name }}</span\n          >\n        </div>\n        <div class=\"record-card__footer__other\">\n          <div\n            class=\"xs:border-r last:border-r-0 flex grow gap-4 px-4 last:pr-0\"\n          >\n            <gn-ui-kind-badge\n              [extraClass]=\"'text-[1.2em]'\"\n              [styling]=\"'gray'\"\n              [kind]=\"record?.kind\"\n              [contentTemplate]=\"customTemplate\"\n              class=\"pt-1\"\n            >\n              <ng-template #customTemplate></ng-template\n            ></gn-ui-kind-badge>\n            <gn-ui-metadata-quality\n              *ngIf=\"metadataQualityDisplay\"\n              class=\"flex items-center min-w-[113px]\"\n              [smaller]=\"true\"\n              [metadata]=\"record\"\n              [metadataQualityDisplay]=\"metadataQualityDisplay\"\n              [popoverDisplay]=\"true\"\n            ></gn-ui-metadata-quality>\n          </div>\n          <div\n            class=\"flex justify-center\"\n            data-cy=\"recordFav\"\n            [ngClass]=\"displayContactIconOnly ? 'px-1' : 'px-4'\"\n          >\n            <ng-container\n              [ngTemplateOutlet]=\"favoriteTemplate\"\n              [ngTemplateOutletContext]=\"{ $implicit: record }\"\n            ></ng-container>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</a>\n", styles: [".record-card{@apply rounded-md bg-white hover:cursor-pointer hover:bg-slate-50 overflow-hidden items-stretch flex flex-row md:gap-0 justify-between py-3 pl-3 pr-5;}.record-card.size-L{@apply w-full md:h-[208px] gap-5;}.record-card.size-M{@apply max-w-[940px] md:h-[231px] gap-4;}.record-card.size-S{@apply max-w-[572px] md:h-[315px] gap-4;}.record-card.size-XS{@apply max-w-[280px] md:h-[315px] gap-4;}.record-card:hover .record-card__title{@apply text-primary;}.record-card__thumbnail{@apply border rounded-lg overflow-hidden shrink-0;}.size-L .record-card__thumbnail{@apply w-full w-[190px] h-[184px];}.size-M .record-card__thumbnail{@apply w-full w-[138px] h-[207px];}.record-card__title{@apply text-xl font-medium text-title leading-6;}.size-L .record-card__title{@apply line-clamp-2;}.size-M .record-card__title{@apply line-clamp-2 ml-2;}.size-S .record-card__title,.size-XS .record-card__title{@apply line-clamp-3 ml-2;}.record-card__abstract{@apply text-gray-900 overflow-hidden;}.size-L .record-card__abstract{@apply line-clamp-3;}.size-M .record-card__abstract{@apply line-clamp-3 ml-2;}.size-S .record-card__abstract,.size-XS .record-card__abstract{@apply line-clamp-4 ml-2;}.record-card__footer{@apply flex sm:flex-row flex-col flex-nowrap gap-3 justify-end items-center w-full border-t pt-1 overflow-hidden;}@media (max-width: 450px){.size-S .record-card__footer{@apply flex-col items-stretch;}}.size-XS .record-card__footer{@apply flex-col items-stretch gap-2;}.record-card__footer__other{@apply flex flex-col xs:flex-row flex-nowrap gap-3 xs:border-l first:border-l-0;}.record-card__footer__other>div{@apply py-1;}@media (max-width: 450px){.size-S .record-card__footer__other,.size-S .record-card__footer__other>div{@apply border-0 px-0 py-0;}}.size-XS .record-card__footer__other,.size-XS .record-card__footer__other>div{@apply border-0;}.size-XS .record-card__footer__other>div{@apply px-0 py-0;}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "component", type: MetadataQualityComponent, selector: "gn-ui-metadata-quality", inputs: ["metadata", "smaller", "metadataQualityDisplay", "popoverDisplay", "propsToValidate", "forceComputeScore"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: KindBadgeComponent, selector: "gn-ui-kind-badge", inputs: ["styling", "contentTemplate", "kind", "extraClass"] }, { kind: "component", type: MarkdownParserComponent, selector: "gn-ui-markdown-parser", inputs: ["textContent", "whitoutStyles"] }, { 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,
@@ -32052,7 +32098,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         provideNgIconsConfig({
                             size: '1.2em',
                         }),
-                    ], template: "<a\n  [attr.href]=\"linkHref\"\n  [target]=\"linkTarget\"\n  class=\"record-card\"\n  [ngClass]=\"cardClass\"\n>\n  <div *ngIf=\"shouldShowThumbnail\" class=\"record-card__thumbnail\">\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 pt-1\" [ngClass]=\"shouldShowThumbnail ? 'sm:w-0' : ''\">\n    <div class=\"flex flex-col gap-2 h-full\">\n      <h4\n        class=\"record-card__title\"\n        data-cy=\"recordTitle\"\n        [title]=\"record.title\"\n      >\n        {{ record.title }}\n      </h4>\n      <div class=\"grow\">\n        <gn-ui-markdown-parser\n          data-cy=\"recordAbstract\"\n          [textContent]=\"abstract\"\n          [whitoutStyles]=\"true\"\n          class=\"record-card__abstract\"\n          [title]=\"abstract\"\n        ></gn-ui-markdown-parser>\n      </div>\n      <div class=\"record-card__footer\">\n        <div\n          data-cy=\"recordOrg\"\n          *ngIf=\"record.ownerOrganization?.name\"\n          class=\"grow flex flex-row gap-1 items-center text-primary-lighter\"\n          [ngClass]=\"displayContactIconOnly ? 'justify-center' : ''\"\n        >\n          <ng-icon\n            name=\"iconoirBank\"\n            class=\"text-primary -translate-y-[0.5px] shrink-0\"\n            [title]=\"record.ownerOrganization.name\"\n          ></ng-icon>\n          <span\n            *ngIf=\"!displayContactIconOnly\"\n            data-cy=\"recordOrgName\"\n            class=\"line-clamp-1\"\n            [title]=\"record.ownerOrganization.name\"\n            >{{ record.ownerOrganization.name }}</span\n          >\n        </div>\n        <div class=\"record-card__footer__other\">\n          <div\n            class=\"xs:border-r last:border-r-0 flex grow gap-4 px-4 last:pr-0\"\n          >\n            <gn-ui-kind-badge\n              [extraClass]=\"'text-[1.2em]'\"\n              [styling]=\"'gray'\"\n              [kind]=\"record?.kind\"\n              [contentTemplate]=\"customTemplate\"\n              class=\"pt-1\"\n            >\n              <ng-template #customTemplate></ng-template\n            ></gn-ui-kind-badge>\n            <gn-ui-metadata-quality\n              *ngIf=\"metadataQualityDisplay\"\n              class=\"flex items-center min-w-[113px]\"\n              [smaller]=\"true\"\n              [metadata]=\"record\"\n              [metadataQualityDisplay]=\"metadataQualityDisplay\"\n            ></gn-ui-metadata-quality>\n          </div>\n          <div\n            class=\"flex justify-center\"\n            data-cy=\"recordFav\"\n            [ngClass]=\"displayContactIconOnly ? 'px-1' : 'px-4'\"\n          >\n            <ng-container\n              [ngTemplateOutlet]=\"favoriteTemplate\"\n              [ngTemplateOutletContext]=\"{ $implicit: record }\"\n            ></ng-container>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</a>\n", styles: [".record-card{@apply rounded-md bg-white hover:cursor-pointer hover:bg-slate-50 overflow-hidden items-stretch flex flex-row md:gap-0 justify-between py-3 pl-3 pr-5;}.record-card.size-L{@apply w-full md:h-[208px] gap-5;}.record-card.size-M{@apply max-w-[940px] md:h-[231px] gap-4;}.record-card.size-S{@apply max-w-[572px] md:h-[315px] gap-4;}.record-card.size-XS{@apply max-w-[280px] md:h-[315px] gap-4;}.record-card:hover .record-card__title{@apply text-primary;}.record-card__thumbnail{@apply border rounded-lg overflow-hidden shrink-0;}.size-L .record-card__thumbnail{@apply w-full w-[190px] h-[184px];}.size-M .record-card__thumbnail{@apply w-full w-[138px] h-[207px];}.record-card__title{@apply text-xl font-medium text-title leading-6;}.size-L .record-card__title{@apply line-clamp-2;}.size-M .record-card__title{@apply line-clamp-2 ml-2;}.size-S .record-card__title,.size-XS .record-card__title{@apply line-clamp-3 ml-2;}.record-card__abstract{@apply text-gray-900 overflow-hidden;}.size-L .record-card__abstract{@apply line-clamp-3;}.size-M .record-card__abstract{@apply line-clamp-3 ml-2;}.size-S .record-card__abstract,.size-XS .record-card__abstract{@apply line-clamp-4 ml-2;}.record-card__footer{@apply flex sm:flex-row flex-col flex-nowrap gap-3 justify-end items-center w-full border-t pt-1 overflow-hidden;}@media (max-width: 450px){.size-S .record-card__footer{@apply flex-col items-stretch;}}.size-XS .record-card__footer{@apply flex-col items-stretch gap-2;}.record-card__footer__other{@apply flex flex-col xs:flex-row flex-nowrap gap-3 xs:border-l first:border-l-0;}.record-card__footer__other>div{@apply py-1;}@media (max-width: 450px){.size-S .record-card__footer__other,.size-S .record-card__footer__other>div{@apply border-0 px-0 py-0;}}.size-XS .record-card__footer__other,.size-XS .record-card__footer__other>div{@apply border-0;}.size-XS .record-card__footer__other>div{@apply px-0 py-0;}\n"] }]
+                    ], template: "<a\n  [attr.href]=\"linkHref\"\n  [target]=\"linkTarget\"\n  class=\"record-card\"\n  [ngClass]=\"cardClass\"\n>\n  <div *ngIf=\"shouldShowThumbnail\" class=\"record-card__thumbnail\">\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 pt-1\" [ngClass]=\"shouldShowThumbnail ? 'sm:w-0' : ''\">\n    <div class=\"flex flex-col gap-2 h-full\">\n      <h4\n        class=\"record-card__title\"\n        data-cy=\"recordTitle\"\n        [title]=\"record.title\"\n      >\n        {{ record.title }}\n      </h4>\n      <div class=\"grow\">\n        <gn-ui-markdown-parser\n          data-cy=\"recordAbstract\"\n          [textContent]=\"abstract\"\n          [whitoutStyles]=\"true\"\n          class=\"record-card__abstract\"\n          [title]=\"abstract\"\n        ></gn-ui-markdown-parser>\n      </div>\n      <div class=\"record-card__footer\">\n        <div\n          data-cy=\"recordOrg\"\n          *ngIf=\"record.ownerOrganization?.name\"\n          class=\"grow flex flex-row gap-1 items-center text-primary-lighter\"\n          [ngClass]=\"displayContactIconOnly ? 'justify-center' : ''\"\n        >\n          <ng-icon\n            name=\"iconoirBank\"\n            class=\"text-primary -translate-y-[0.5px] shrink-0\"\n            [title]=\"record.ownerOrganization.name\"\n          ></ng-icon>\n          <span\n            *ngIf=\"!displayContactIconOnly\"\n            data-cy=\"recordOrgName\"\n            class=\"line-clamp-1\"\n            [title]=\"record.ownerOrganization.name\"\n            >{{ record.ownerOrganization.name }}</span\n          >\n        </div>\n        <div class=\"record-card__footer__other\">\n          <div\n            class=\"xs:border-r last:border-r-0 flex grow gap-4 px-4 last:pr-0\"\n          >\n            <gn-ui-kind-badge\n              [extraClass]=\"'text-[1.2em]'\"\n              [styling]=\"'gray'\"\n              [kind]=\"record?.kind\"\n              [contentTemplate]=\"customTemplate\"\n              class=\"pt-1\"\n            >\n              <ng-template #customTemplate></ng-template\n            ></gn-ui-kind-badge>\n            <gn-ui-metadata-quality\n              *ngIf=\"metadataQualityDisplay\"\n              class=\"flex items-center min-w-[113px]\"\n              [smaller]=\"true\"\n              [metadata]=\"record\"\n              [metadataQualityDisplay]=\"metadataQualityDisplay\"\n              [popoverDisplay]=\"true\"\n            ></gn-ui-metadata-quality>\n          </div>\n          <div\n            class=\"flex justify-center\"\n            data-cy=\"recordFav\"\n            [ngClass]=\"displayContactIconOnly ? 'px-1' : 'px-4'\"\n          >\n            <ng-container\n              [ngTemplateOutlet]=\"favoriteTemplate\"\n              [ngTemplateOutletContext]=\"{ $implicit: record }\"\n            ></ng-container>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</a>\n", styles: [".record-card{@apply rounded-md bg-white hover:cursor-pointer hover:bg-slate-50 overflow-hidden items-stretch flex flex-row md:gap-0 justify-between py-3 pl-3 pr-5;}.record-card.size-L{@apply w-full md:h-[208px] gap-5;}.record-card.size-M{@apply max-w-[940px] md:h-[231px] gap-4;}.record-card.size-S{@apply max-w-[572px] md:h-[315px] gap-4;}.record-card.size-XS{@apply max-w-[280px] md:h-[315px] gap-4;}.record-card:hover .record-card__title{@apply text-primary;}.record-card__thumbnail{@apply border rounded-lg overflow-hidden shrink-0;}.size-L .record-card__thumbnail{@apply w-full w-[190px] h-[184px];}.size-M .record-card__thumbnail{@apply w-full w-[138px] h-[207px];}.record-card__title{@apply text-xl font-medium text-title leading-6;}.size-L .record-card__title{@apply line-clamp-2;}.size-M .record-card__title{@apply line-clamp-2 ml-2;}.size-S .record-card__title,.size-XS .record-card__title{@apply line-clamp-3 ml-2;}.record-card__abstract{@apply text-gray-900 overflow-hidden;}.size-L .record-card__abstract{@apply line-clamp-3;}.size-M .record-card__abstract{@apply line-clamp-3 ml-2;}.size-S .record-card__abstract,.size-XS .record-card__abstract{@apply line-clamp-4 ml-2;}.record-card__footer{@apply flex sm:flex-row flex-col flex-nowrap gap-3 justify-end items-center w-full border-t pt-1 overflow-hidden;}@media (max-width: 450px){.size-S .record-card__footer{@apply flex-col items-stretch;}}.size-XS .record-card__footer{@apply flex-col items-stretch gap-2;}.record-card__footer__other{@apply flex flex-col xs:flex-row flex-nowrap gap-3 xs:border-l first:border-l-0;}.record-card__footer__other>div{@apply py-1;}@media (max-width: 450px){.size-S .record-card__footer__other,.size-S .record-card__footer__other>div{@apply border-0 px-0 py-0;}}.size-XS .record-card__footer__other,.size-XS .record-card__footer__other>div{@apply border-0;}.size-XS .record-card__footer__other>div{@apply px-0 py-0;}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { record: [{
                 type: Input
             }], linkTarget: [{
@@ -38640,7 +38686,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$5.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i2$5.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i2$5.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i2$5.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i2$5.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i2$5.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i2$5.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i2$5.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i2$5.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i2$5.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: MatSortModule }, { kind: "directive", type: i3$1.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i3$1.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: 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"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], 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$5.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i2$5.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i2$5.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i2$5.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i2$5.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i2$5.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i2$5.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i2$5.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i2$5.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i2$5.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: MatSortModule }, { kind: "directive", type: i3$1.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i3$1.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: 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"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "directive", type: 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: DataTableComponent, decorators: [{
             type: Component,
@@ -38654,6 +38700,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         PopupAlertComponent,
                         LetDirective,
                         TranslatePipe,
+                        TranslateDirective,
                     ], providers: [{ provide: MatPaginatorIntl, useClass: CustomMatPaginatorIntl }], selector: 'gn-ui-data-table', changeDetection: ChangeDetectionStrategy.OnPush, 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"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1$1.TranslateService }], propDecorators: { featureAttributes: [{
                 type: Input
@@ -38814,6 +38861,12 @@ class ChartViewComponent {
     set chartType(value) {
         this.chartType$.next(value);
     }
+    set userChartConfig(config) {
+        this.aggregation$.next(config.aggregation);
+        this.xProperty$.next(config.xProperty);
+        this.yProperty$.next(config.yProperty);
+        this.chartType$.next(config.chartType);
+    }
     get aggregationChoices() {
         if (!this.yProperty$.value) {
             return [{ label: 'chart.aggregation.count', value: 'count' }];
@@ -38974,7 +39027,7 @@ class ChartViewComponent {
         this.changeDetector.detectChanges();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ChartViewComponent, deps: [{ token: DataService }, { 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: ChartViewComponent, isStandalone: true, selector: "gn-ui-chart-view", inputs: { featureCatalog: "featureCatalog", cacheActive: "cacheActive", link: "link", aggregation: "aggregation", xProperty: "xProperty", yProperty: "yProperty", chartType: "chartType" }, outputs: { chartConfig$: "chartConfig$" }, ngImport: i0, template: "<div class=\"w-full h-full flex flex-col\">\n  <div\n    class=\"flex flex-col space-y-2 sm:flex-row sm:space-y-0 sm:space-x-2 justify-between text-[13px]\"\n  >\n    <gn-ui-dropdown-selector\n      class=\"basis-1/4\"\n      [choices]=\"typeChoices\"\n      [extraBtnClass]=\"'secondary min-w-full'\"\n      (selectValue)=\"chartType$.next($event)\"\n      [selected]=\"chartType$.value\"\n      [title]=\"'chart.dropdown.type' | translate\"\n    ></gn-ui-dropdown-selector>\n    <gn-ui-dropdown-selector\n      class=\"basis-1/4\"\n      [choices]=\"xChoices$ | async\"\n      [extraBtnClass]=\"'secondary min-w-full'\"\n      (selectValue)=\"xProperty$.next($event)\"\n      [selected]=\"xProperty$.value\"\n      [title]=\"'chart.dropdown.xProperty' | translate\"\n    ></gn-ui-dropdown-selector>\n    <ng-container *ngIf=\"yChoices$ | async as yChoices\">\n      <gn-ui-dropdown-selector\n        class=\"basis-1/4\"\n        *ngIf=\"!isCountAggregation\"\n        [choices]=\"yChoices\"\n        (selectValue)=\"yProperty$.next($event)\"\n        [selected]=\"yProperty$.value\"\n        [title]=\"'chart.dropdown.yProperty' | translate\"\n        class=\"select-y-prop\"\n      ></gn-ui-dropdown-selector>\n    </ng-container>\n    <gn-ui-dropdown-selector\n      class=\"basis-1/4\"\n      [choices]=\"aggregationChoices\"\n      class=\"aggregation-choices\"\n      (selectValue)=\"aggregation$.next($event)\"\n      [selected]=\"aggregation$.value\"\n      [title]=\"'chart.dropdown.aggregation' | translate\"\n    ></gn-ui-dropdown-selector>\n  </div>\n  <div\n    class=\"relative h-full mt-2 bg-white border border-gray-300 rounded-lg overflow-hidden\"\n  >\n    <gn-ui-chart\n      *ngIf=\"!error\"\n      [data]=\"chartData$ | async\"\n      [type]=\"chartType$.value\"\n      [prettyLabel]=\"prettyLabel$ | async\"\n      [labelProperty]=\"labelProperty\"\n      [valueProperty]=\"valueProperty\"\n    ></gn-ui-chart>\n    <gn-ui-loading-mask\n      *ngIf=\"loading\"\n      class=\"absolute inset-0\"\n      [message]=\"'chart.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\"\n    >\n      <span>{{ error }}</span>\n    </gn-ui-popup-alert>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: DropdownSelectorComponent, selector: "gn-ui-dropdown-selector", inputs: ["title", "showTitle", "ariaName", "choices", "selected", "maxRows", "extraBtnClass", "minWidth", "disabled"], outputs: ["selectValue"] }, { kind: "component", type: ChartComponent, selector: "gn-ui-chart", inputs: ["data", "labelProperty", "prettyLabel", "valueProperty", "secondaryValueProperty", "type"] }, { 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: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ChartViewComponent, isStandalone: true, selector: "gn-ui-chart-view", inputs: { featureCatalog: "featureCatalog", cacheActive: "cacheActive", link: "link", aggregation: "aggregation", xProperty: "xProperty", yProperty: "yProperty", chartType: "chartType", userChartConfig: "userChartConfig" }, outputs: { chartConfig$: "chartConfig$" }, ngImport: i0, template: "<div class=\"w-full h-full flex flex-col\">\n  <div\n    class=\"flex flex-col space-y-2 sm:flex-row sm:space-y-0 sm:space-x-2 justify-between text-[13px]\"\n  >\n    <gn-ui-dropdown-selector\n      class=\"basis-1/4\"\n      [choices]=\"typeChoices\"\n      [extraBtnClass]=\"'secondary min-w-full'\"\n      (selectValue)=\"chartType$.next($event)\"\n      [selected]=\"chartType$.value\"\n      [title]=\"'chart.dropdown.type' | translate\"\n    ></gn-ui-dropdown-selector>\n    <gn-ui-dropdown-selector\n      class=\"basis-1/4\"\n      [choices]=\"xChoices$ | async\"\n      [extraBtnClass]=\"'secondary min-w-full'\"\n      (selectValue)=\"xProperty$.next($event)\"\n      [selected]=\"xProperty$.value\"\n      [title]=\"'chart.dropdown.xProperty' | translate\"\n    ></gn-ui-dropdown-selector>\n    <ng-container *ngIf=\"yChoices$ | async as yChoices\">\n      <gn-ui-dropdown-selector\n        class=\"basis-1/4\"\n        *ngIf=\"!isCountAggregation\"\n        [choices]=\"yChoices\"\n        (selectValue)=\"yProperty$.next($event)\"\n        [selected]=\"yProperty$.value\"\n        [title]=\"'chart.dropdown.yProperty' | translate\"\n        class=\"select-y-prop\"\n      ></gn-ui-dropdown-selector>\n    </ng-container>\n    <gn-ui-dropdown-selector\n      class=\"basis-1/4\"\n      [choices]=\"aggregationChoices\"\n      class=\"aggregation-choices\"\n      (selectValue)=\"aggregation$.next($event)\"\n      [selected]=\"aggregation$.value\"\n      [title]=\"'chart.dropdown.aggregation' | translate\"\n    ></gn-ui-dropdown-selector>\n  </div>\n  <div\n    class=\"relative h-full mt-2 bg-white border border-gray-300 rounded-lg overflow-hidden\"\n  >\n    <gn-ui-chart\n      *ngIf=\"!error\"\n      [data]=\"chartData$ | async\"\n      [type]=\"chartType$.value\"\n      [prettyLabel]=\"prettyLabel$ | async\"\n      [labelProperty]=\"labelProperty\"\n      [valueProperty]=\"valueProperty\"\n    ></gn-ui-chart>\n    <gn-ui-loading-mask\n      *ngIf=\"loading\"\n      class=\"absolute inset-0\"\n      [message]=\"'chart.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\"\n    >\n      <span>{{ error }}</span>\n    </gn-ui-popup-alert>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: DropdownSelectorComponent, selector: "gn-ui-dropdown-selector", inputs: ["title", "showTitle", "ariaName", "choices", "selected", "maxRows", "extraBtnClass", "minWidth", "disabled"], outputs: ["selectValue"] }, { kind: "component", type: ChartComponent, selector: "gn-ui-chart", inputs: ["data", "labelProperty", "prettyLabel", "valueProperty", "secondaryValueProperty", "type"] }, { 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: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ChartViewComponent, decorators: [{
             type: Component,
@@ -39000,6 +39053,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }], chartType: [{
                 type: Input
+            }], userChartConfig: [{
+                type: Input
             }], chartConfig$: [{
                 type: Output
             }] } });
@@ -39928,14 +39983,30 @@ class DataViewComponent {
     }
     set selectedView(value) {
         this._selectedView = value;
-        if (value !== 'map') {
+        if (this.mode === value) {
             this.linkSelected.emit(this.selectedLink$.value);
         }
     }
+    set datavizConfig(value) {
+        this._selectedView = value.view;
+        if (this.mode === value.view) {
+            if (!value.source) {
+                this.linkSelected.emit(this.selectedLink$.value);
+            }
+            else {
+                this._chartConfig = value.chartConfig;
+                this._selectedChoice = getLinkId(value.source);
+                this.selectedLink$.next(value.source);
+            }
+        }
+    }
     constructor(mdViewFacade) {
         this.mdViewFacade = mdViewFacade;
         this.displaySource = true;
+        this.linkMap = new Map();
         this._selectedView = '';
+        this._chartConfig = null;
+        this._selectedChoice = null;
         this.chartConfig$ = new BehaviorSubject(null);
         this.linkSelected = new EventEmitter();
         this.cacheActive$ = this.mdViewFacade.isHighUpdateFrequency$.pipe(map$1((highF) => !highF));
@@ -39949,12 +40020,14 @@ class DataViewComponent {
             return a;
         }));
         this.dropdownChoices$ = this.compatibleDataLinks$.pipe(tap$1((links) => {
-            if (links.indexOf(this.selectedLink$.value) === -1) {
-                this.selectLink(JSON.stringify(links[0]));
+            this.linkMap.clear();
+            links.forEach((link) => this.linkMap.set(getLinkId(link), link));
+            if (!links.some((l) => l.url === this.selectedLink$.value?.url)) {
+                this.selectLink(getLinkId(links[0]));
             }
         }), map$1((links) => links.map((link) => ({
             label: getLinkLabel(link),
-            value: JSON.stringify(link),
+            value: getLinkId(link),
         }))));
         this.selectedLink$ = new BehaviorSubject(null);
         this.hidePreview$ = this.excludeWfs$.pipe(map$1((excludeWfs) => this.mode === 'chart' && excludeWfs));
@@ -39962,16 +40035,15 @@ class DataViewComponent {
     setChartConfig(event) {
         this.mdViewFacade.setChartConfig(event);
     }
-    selectLink(linkAsString) {
-        const link = JSON.parse(linkAsString);
-        if (this._selectedView && this._selectedView !== 'map') {
+    selectLink(linkId) {
+        const link = this.linkMap.get(linkId);
+        if (this._selectedView && this._selectedView === this.mode) {
             this.linkSelected.emit(link);
         }
-        link.url = new URL(link.url);
         this.selectedLink$.next(link);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DataViewComponent, deps: [{ token: MdViewFacade }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DataViewComponent, isStandalone: true, selector: "gn-ui-data-view", inputs: { mode: "mode", displaySource: "displaySource", exceedsLimit: "exceedsLimit", selectedView: "selectedView" }, outputs: { chartConfig$: "chartConfig$", linkSelected: "linkSelected" }, ngImport: i0, template: "<div class=\"w-full h-full flex flex-col gap-[13px]\">\n  <div\n    class=\"w-full py-4 px-5 bg-white border border-color-border rounded-lg mt-6\"\n  >\n    <gn-ui-dropdown-selector\n      *ngIf=\"dropdownChoices$ | async as choices\"\n      [ngClass]=\"{ hidden: !displaySource }\"\n      [title]=\"'table.select.data' | translate\"\n      class=\"h-[44px] w-full\"\n      extraBtnClass=\"font-sans font-bold\"\n      [choices]=\"choices\"\n      (selectValue)=\"selectLink($event)\"\n    ></gn-ui-dropdown-selector>\n  </div>\n  <ng-container *ngIf=\"hidePreview$ | async; else dataView\">\n    <gn-ui-popup-alert\n      type=\"warning\"\n      icon=\"matErrorOutlineOutline\"\n      class=\"block h-12 p-1\"\n    >\n      <span translate>record.feature.limit</span>\n    </gn-ui-popup-alert>\n  </ng-container>\n  <ng-template #dataView>\n    <div class=\"relative h-[460px]\">\n      <gn-ui-table-view\n        *ngIf=\"mode === 'table'\"\n        [cacheActive]=\"cacheActive$ | async\"\n        [link]=\"selectedLink$ | async\"\n        [featureCatalog]=\"mdViewFacade.featureCatalog$ | async\"\n      ></gn-ui-table-view>\n      <gn-ui-chart-view\n        *ngIf=\"mode === 'chart'\"\n        (chartConfig$)=\"setChartConfig($event)\"\n        [cacheActive]=\"cacheActive$ | async\"\n        [link]=\"selectedLink$ | async\"\n        [featureCatalog]=\"mdViewFacade.featureCatalog$ | async\"\n      ></gn-ui-chart-view>\n    </div>\n  </ng-template>\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: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: DropdownSelectorComponent, selector: "gn-ui-dropdown-selector", inputs: ["title", "showTitle", "ariaName", "choices", "selected", "maxRows", "extraBtnClass", "minWidth", "disabled"], outputs: ["selectValue"] }, { kind: "component", type: TableViewComponent, selector: "gn-ui-table-view", inputs: ["featureCatalog", "cacheActive", "link"] }, { kind: "directive", type: TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: ChartViewComponent, selector: "gn-ui-chart-view", inputs: ["featureCatalog", "cacheActive", "link", "aggregation", "xProperty", "yProperty", "chartType"], outputs: ["chartConfig$"] }, { kind: "component", type: PopupAlertComponent, selector: "gn-ui-popup-alert", inputs: ["icon", "type", "position"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DataViewComponent, isStandalone: true, selector: "gn-ui-data-view", inputs: { mode: "mode", displaySource: "displaySource", exceedsLimit: "exceedsLimit", selectedView: "selectedView", datavizConfig: "datavizConfig" }, outputs: { chartConfig$: "chartConfig$", linkSelected: "linkSelected" }, ngImport: i0, template: "<div class=\"w-full h-full flex flex-col gap-[13px]\">\n  <div\n    class=\"w-full py-4 px-5 bg-white border border-color-border rounded-lg mt-6\"\n  >\n    <gn-ui-dropdown-selector\n      *ngIf=\"dropdownChoices$ | async as choices\"\n      [ngClass]=\"{ hidden: !displaySource }\"\n      [title]=\"'table.select.data' | translate\"\n      class=\"h-[44px] w-full\"\n      extraBtnClass=\"font-sans font-bold\"\n      [choices]=\"choices\"\n      [selected]=\"_selectedChoice\"\n      (selectValue)=\"selectLink($event)\"\n    ></gn-ui-dropdown-selector>\n  </div>\n  <ng-container *ngIf=\"hidePreview$ | async; else dataView\">\n    <gn-ui-popup-alert\n      type=\"warning\"\n      icon=\"matErrorOutlineOutline\"\n      class=\"block h-12 p-1\"\n    >\n      <span translate>record.feature.limit</span>\n    </gn-ui-popup-alert>\n  </ng-container>\n  <ng-template #dataView>\n    <div class=\"relative h-[460px]\">\n      <gn-ui-table-view\n        *ngIf=\"mode === 'table'\"\n        [cacheActive]=\"cacheActive$ | async\"\n        [link]=\"selectedLink$ | async\"\n        [featureCatalog]=\"mdViewFacade.featureCatalog$ | async\"\n      ></gn-ui-table-view>\n      <gn-ui-chart-view\n        *ngIf=\"mode === 'chart'\"\n        (chartConfig$)=\"setChartConfig($event)\"\n        [cacheActive]=\"cacheActive$ | async\"\n        [link]=\"selectedLink$ | async\"\n        [featureCatalog]=\"mdViewFacade.featureCatalog$ | async\"\n        [userChartConfig]=\"_chartConfig\"\n      ></gn-ui-chart-view>\n    </div>\n  </ng-template>\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: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: DropdownSelectorComponent, selector: "gn-ui-dropdown-selector", inputs: ["title", "showTitle", "ariaName", "choices", "selected", "maxRows", "extraBtnClass", "minWidth", "disabled"], outputs: ["selectValue"] }, { kind: "component", type: TableViewComponent, selector: "gn-ui-table-view", inputs: ["featureCatalog", "cacheActive", "link"] }, { kind: "directive", type: TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: ChartViewComponent, selector: "gn-ui-chart-view", inputs: ["featureCatalog", "cacheActive", "link", "aggregation", "xProperty", "yProperty", "chartType", "userChartConfig"], outputs: ["chartConfig$"] }, { kind: "component", type: PopupAlertComponent, selector: "gn-ui-popup-alert", inputs: ["icon", "type", "position"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DataViewComponent, decorators: [{
             type: Component,
@@ -39983,7 +40055,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         TranslatePipe,
                         ChartViewComponent,
                         PopupAlertComponent,
-                    ], template: "<div class=\"w-full h-full flex flex-col gap-[13px]\">\n  <div\n    class=\"w-full py-4 px-5 bg-white border border-color-border rounded-lg mt-6\"\n  >\n    <gn-ui-dropdown-selector\n      *ngIf=\"dropdownChoices$ | async as choices\"\n      [ngClass]=\"{ hidden: !displaySource }\"\n      [title]=\"'table.select.data' | translate\"\n      class=\"h-[44px] w-full\"\n      extraBtnClass=\"font-sans font-bold\"\n      [choices]=\"choices\"\n      (selectValue)=\"selectLink($event)\"\n    ></gn-ui-dropdown-selector>\n  </div>\n  <ng-container *ngIf=\"hidePreview$ | async; else dataView\">\n    <gn-ui-popup-alert\n      type=\"warning\"\n      icon=\"matErrorOutlineOutline\"\n      class=\"block h-12 p-1\"\n    >\n      <span translate>record.feature.limit</span>\n    </gn-ui-popup-alert>\n  </ng-container>\n  <ng-template #dataView>\n    <div class=\"relative h-[460px]\">\n      <gn-ui-table-view\n        *ngIf=\"mode === 'table'\"\n        [cacheActive]=\"cacheActive$ | async\"\n        [link]=\"selectedLink$ | async\"\n        [featureCatalog]=\"mdViewFacade.featureCatalog$ | async\"\n      ></gn-ui-table-view>\n      <gn-ui-chart-view\n        *ngIf=\"mode === 'chart'\"\n        (chartConfig$)=\"setChartConfig($event)\"\n        [cacheActive]=\"cacheActive$ | async\"\n        [link]=\"selectedLink$ | async\"\n        [featureCatalog]=\"mdViewFacade.featureCatalog$ | async\"\n      ></gn-ui-chart-view>\n    </div>\n  </ng-template>\n</div>\n" }]
+                    ], template: "<div class=\"w-full h-full flex flex-col gap-[13px]\">\n  <div\n    class=\"w-full py-4 px-5 bg-white border border-color-border rounded-lg mt-6\"\n  >\n    <gn-ui-dropdown-selector\n      *ngIf=\"dropdownChoices$ | async as choices\"\n      [ngClass]=\"{ hidden: !displaySource }\"\n      [title]=\"'table.select.data' | translate\"\n      class=\"h-[44px] w-full\"\n      extraBtnClass=\"font-sans font-bold\"\n      [choices]=\"choices\"\n      [selected]=\"_selectedChoice\"\n      (selectValue)=\"selectLink($event)\"\n    ></gn-ui-dropdown-selector>\n  </div>\n  <ng-container *ngIf=\"hidePreview$ | async; else dataView\">\n    <gn-ui-popup-alert\n      type=\"warning\"\n      icon=\"matErrorOutlineOutline\"\n      class=\"block h-12 p-1\"\n    >\n      <span translate>record.feature.limit</span>\n    </gn-ui-popup-alert>\n  </ng-container>\n  <ng-template #dataView>\n    <div class=\"relative h-[460px]\">\n      <gn-ui-table-view\n        *ngIf=\"mode === 'table'\"\n        [cacheActive]=\"cacheActive$ | async\"\n        [link]=\"selectedLink$ | async\"\n        [featureCatalog]=\"mdViewFacade.featureCatalog$ | async\"\n      ></gn-ui-table-view>\n      <gn-ui-chart-view\n        *ngIf=\"mode === 'chart'\"\n        (chartConfig$)=\"setChartConfig($event)\"\n        [cacheActive]=\"cacheActive$ | async\"\n        [link]=\"selectedLink$ | async\"\n        [featureCatalog]=\"mdViewFacade.featureCatalog$ | async\"\n        [userChartConfig]=\"_chartConfig\"\n      ></gn-ui-chart-view>\n    </div>\n  </ng-template>\n</div>\n" }]
         }], ctorParameters: () => [{ type: MdViewFacade }], propDecorators: { mode: [{
                 type: Input
             }], displaySource: [{
@@ -39992,6 +40064,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }], selectedView: [{
                 type: Input
+            }], datavizConfig: [{
+                type: Input
             }], chartConfig$: [{
                 type: Output
             }], linkSelected: [{
@@ -40370,17 +40444,25 @@ class MapViewComponent {
         this.excludeWfs$.next(value);
     }
     set selectedView(value) {
-        if (value === 'map') {
-            this.selectedLink$.pipe(take(1)).subscribe((link) => {
-                this.linkSelected.emit(link);
-            });
+        this.selectedView$.next(value);
+    }
+    set datavizConfig(value) {
+        if (value.view === 'map') {
+            this.selectedView$.next(value.view);
+            if (value.styleTMSIndex) {
+                this._styleFromConfig = value.styleTMSIndex;
+            }
+            if (value.source) {
+                this.linkFromConfig$.next(value.source);
+            }
         }
     }
-    selectLinkToDisplay(i) {
-        this.selectedLinkIndex$.next(i);
+    selectLinkToDisplay(id) {
+        this.selectedLinkId$.next(id);
     }
     selectStyleToDisplay(i) {
-        this.selectedStyleIndex$.next(i);
+        this.selectedStyleId$.next(i);
+        this.styleSelected.emit(i);
     }
     toggleLegend() {
         this.showLegend = !this.showLegend;
@@ -40394,8 +40476,13 @@ class MapViewComponent {
         this.dataService = dataService;
         this.changeRef = changeRef;
         this.translateService = translateService;
+        this.linkFromConfig$ = new BehaviorSubject(null);
+        this._selectedChoice = null;
+        this._styleFromConfig = null;
+        this.linkMap = new Map();
         this.displaySource = true;
         this.linkSelected = new EventEmitter();
+        this.styleSelected = new EventEmitter();
         this.excludeWfs$ = new BehaviorSubject(false);
         this.hidePreview = false;
         this.showLegend = true;
@@ -40409,22 +40496,45 @@ class MapViewComponent {
             ...mapApiLinks,
             ...geoDataLinksWithGeometry,
         ]), shareReplay(1));
-        this.dropdownChoices$ = this.compatibleMapLinks$.pipe(map$1((links) => links.length
-            ? links.map((link, index) => ({
-                label: getLinkLabel(link),
-                value: index,
-            }))
-            : [{ label: 'map.dropdown.placeholder', value: 0 }]));
-        this.selectedLinkIndex$ = new BehaviorSubject(0);
-        this.selectedStyleIndex$ = new BehaviorSubject(0);
+        this.dropdownChoices$ = this.compatibleMapLinks$.pipe(map$1((links) => {
+            this.linkMap.clear();
+            links.forEach((link) => this.linkMap.set(getLinkId(link), link));
+            return links.length
+                ? links.map((link) => ({
+                    label: getLinkLabel(link),
+                    value: getLinkId(link),
+                }))
+                : [{ label: 'map.dropdown.placeholder', value: '' }];
+        }));
+        this.selectedView$ = new BehaviorSubject(null);
+        this.selectedLinkId$ = new BehaviorSubject(null);
+        this.selectedStyleId$ = new BehaviorSubject(null);
         this.selectedSourceLink$ = combineLatest([
             this.compatibleMapLinks$,
-            this.selectedLinkIndex$.pipe(distinctUntilChanged()),
+            this.linkFromConfig$,
+            this.selectedLinkId$.pipe(distinctUntilChanged()),
+            this.selectedView$,
         ]).pipe(tap$1(() => {
             this.error = null;
-        }), map$1(([links, index]) => {
-            this.linkSelected.emit(links[index]);
-            return links[index];
+        }), map$1(([compatibleLinks, configLink, id, view]) => {
+            if (view === 'map') {
+                if (configLink &&
+                    !id &&
+                    compatibleLinks.some((link) => getLinkId(link) === getLinkId(configLink))) {
+                    this._selectedChoice = getLinkId(configLink);
+                    this.linkSelected.emit(configLink);
+                    return configLink;
+                }
+                else if (id) {
+                    this._selectedChoice = id;
+                    this.linkSelected.emit(this.linkMap.get(id));
+                    return this.linkMap.get(id);
+                }
+                else {
+                    this.linkSelected.emit(compatibleLinks[0]);
+                    return compatibleLinks[0];
+                }
+            }
         }));
         this.styleLinks$ = this.selectedSourceLink$.pipe(switchMap$1((src) => {
             if (src &&
@@ -40443,7 +40553,14 @@ class MapViewComponent {
                 }));
             }
             return of([]);
-        }), tap$1(() => this.selectedStyleIndex$.next(0)), shareReplay(1));
+        }), tap$1((styles) => {
+            if (this._styleFromConfig && this._styleFromConfig <= styles.length) {
+                this.selectedStyleId$.next(this._styleFromConfig);
+            }
+            else {
+                this.selectedStyleId$.next(0);
+            }
+        }), shareReplay(1));
         this.styleDropdownChoices$ = this.styleLinks$.pipe(map$1((links) => links.length
             ? links.map((link, index) => ({
                 label: getLinkLabel(link),
@@ -40458,7 +40575,7 @@ class MapViewComponent {
         this.selectedLink$ = combineLatest([
             this.selectedSourceLink$,
             this.styleLinks$,
-            this.selectedStyleIndex$.pipe(distinctUntilChanged()),
+            this.selectedStyleId$.pipe(distinctUntilChanged()),
         ]).pipe(map$1(([src, styles, styleIdx]) => (styles.length ? styles[styleIdx] : src)), shareReplay(1));
         this.currentLayers$ = combineLatest([this.selectedLink$, this.excludeWfs$]).pipe(switchMap$1(([link, excludeWfs]) => {
             if (!link) {
@@ -40595,7 +40712,7 @@ class MapViewComponent {
         this.changeRef.detectChanges();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MapViewComponent, deps: [{ token: MdViewFacade }, { token: MapUtilsService }, { token: DataService }, { 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: MapViewComponent, isStandalone: true, selector: "gn-ui-map-view", inputs: { exceedsLimit: "exceedsLimit", selectedView: "selectedView", displaySource: "displaySource" }, outputs: { linkSelected: "linkSelected" }, viewQueries: [{ propertyName: "mapContainer", first: true, predicate: ["mapContainer"], descendants: true }], ngImport: i0, template: "<div class=\"w-full h-full flex flex-col gap-[13px]\">\n  <div\n    class=\"flex flex-col md:flex-row gap-4 py-4 px-5 bg-white border border-color-border rounded-lg mt-6\"\n  >\n    <gn-ui-dropdown-selector\n      *ngIf=\"displaySource\"\n      class=\"w-full md:flex-1 md:min-w-0\"\n      extraBtnClass=\"font-sans font-bold\"\n      [title]=\"'map.select.layer' | translate\"\n      [choices]=\"dropdownChoices$ | async\"\n      (selectValue)=\"selectLinkToDisplay($event)\"\n    ></gn-ui-dropdown-selector>\n\n    <ng-container *ngIf=\"(styleLinks$ | async)?.length > 0; else styleDisabled\">\n      <gn-ui-dropdown-selector\n        class=\"w-full md:flex-1 md:min-w-0\"\n        extraBtnClass=\"font-sans font-bold\"\n        [title]=\"'map.select.style' | translate\"\n        [choices]=\"styleDropdownChoices$ | async\"\n        (selectValue)=\"selectStyleToDisplay($event)\"\n      ></gn-ui-dropdown-selector>\n    </ng-container>\n    <ng-template #styleDisabled>\n      <gn-ui-dropdown-selector\n        class=\"w-full md:flex-1 md:min-w-0 text-gray-400\"\n        extraBtnClass=\"font-sans font-bold text-gray-400\"\n        [title]=\"'map.select.style' | translate\"\n        [choices]=\"styleDropdownChoices$ | async\"\n        [disabled]=\"true\"\n      ></gn-ui-dropdown-selector>\n    </ng-template>\n\n    <div class=\"self-end md:ml-2\">\n      <gn-ui-external-viewer-button\n        extraClass=\"w-[44px] h-[44px]\"\n        [link]=\"selectedLink$ | async\"\n      >\n      </gn-ui-external-viewer-button>\n    </div>\n  </div>\n  <ng-container *ngIf=\"hidePreview; else mapView\">\n    <gn-ui-popup-alert\n      type=\"warning\"\n      icon=\"matErrorOutlineOutline\"\n      class=\"block h-12 p-1\"\n    >\n      <span translate>record.feature.limit</span>\n    </gn-ui-popup-alert>\n  </ng-container>\n  <ng-template #mapView>\n    <div\n      class=\"relative w-full h-full bg-white border border-gray-300 rounded-lg overflow-hidden\"\n    >\n      <gn-ui-map-container\n        #mapContainer\n        [context]=\"mapContext$ | async\"\n        (featuresClick)=\"onMapFeatureSelect($event)\"\n        (sourceLoadError)=\"onSourceLoadError($event)\"\n      ></gn-ui-map-container>\n      <div\n        class=\"top-[1em] right-[1em] p-3 bg-white absolute overflow-y-auto overflow-x-hidden max-h-72 w-56\"\n        [class.hidden]=\"!selection\"\n      >\n        <gn-ui-button\n          type=\"light\"\n          (buttonClick)=\"resetSelection()\"\n          style=\"\n            --gn-ui-button-padding: 0px;\n            --gn-ui-button-width: 24px;\n            --gn-ui-button-height: 24px;\n          \"\n          extraClass=\"absolute right-[0.5em] ml-[8px] mr-[10px]\"\n        >\n          <ng-icon name=\"matClose\" class=\"align-middle text-sm\"></ng-icon>\n        </gn-ui-button>\n        <gn-ui-feature-detail\n          [featureCatalog]=\"mdViewFacade.featureCatalog$ | async\"\n          [feature]=\"selection\"\n        ></gn-ui-feature-detail>\n      </div>\n\n      <div\n        class=\"top-[1em] p-3 bg-white absolute overflow-y-auto overflow-x-hidden max-h-72 w-56\"\n        [ngClass]=\"{ 'right-[1em]': !selection, 'right-[16em]': selection }\"\n        [hidden]=\"!showLegend || !legendExists\"\n      >\n        <div class=\"flex justify-between items-center mb-2\">\n          <div class=\"text-primary font-bold\" translate>map.legend.title</div>\n          <gn-ui-button\n            type=\"light\"\n            (buttonClick)=\"toggleLegend()\"\n            style=\"\n              --gn-ui-button-padding: 0px;\n              --gn-ui-button-width: 24px;\n              --gn-ui-button-height: 24px;\n            \"\n            extraClass=\"ml-[8px] mr-[10px]\"\n          >\n            <ng-icon name=\"matClose\" class=\"align-middle text-sm\"></ng-icon>\n          </gn-ui-button>\n        </div>\n        <gn-ui-map-legend\n          [context]=\"mapContext$ | async\"\n          (legendStatusChange)=\"onLegendStatusChange($event)\"\n        ></gn-ui-map-legend>\n      </div>\n\n      <gn-ui-button\n        *ngIf=\"!showLegend && legendExists && !selection\"\n        type=\"outline\"\n        (buttonClick)=\"toggleLegend()\"\n        extraClass=\"absolute top-[1em] right-[1em] rounded p-1 text-xs bg-white\"\n        translate\n      >\n        map.legend.title\n      </gn-ui-button>\n\n      <gn-ui-loading-mask\n        *ngIf=\"loading\"\n        class=\"absolute inset-0\"\n        [message]=\"'map.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\"\n      >\n        <span translate>{{ error }}</span>\n      </gn-ui-popup-alert>\n    </div>\n  </ng-template>\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: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: DropdownSelectorComponent, selector: "gn-ui-dropdown-selector", inputs: ["title", "showTitle", "ariaName", "choices", "selected", "maxRows", "extraBtnClass", "minWidth", "disabled"], outputs: ["selectValue"] }, { kind: "component", type: MapContainerComponent, selector: "gn-ui-map-container", inputs: ["context"], outputs: ["featuresClick", "featuresHover", "mapClick", "sourceLoadError"] }, { kind: "component", type: FeatureDetailComponent, selector: "gn-ui-feature-detail", inputs: ["feature", "featureCatalog"] }, { kind: "component", type: PopupAlertComponent, selector: "gn-ui-popup-alert", inputs: ["icon", "type", "position"] }, { kind: "directive", type: TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: LoadingMaskComponent, selector: "gn-ui-loading-mask", inputs: ["message"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "component", type: ExternalViewerButtonComponent, selector: "gn-ui-external-viewer-button", inputs: ["link", "extraClass"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: MapLegendComponent, selector: "gn-ui-map-legend", inputs: ["context"], outputs: ["legendStatusChange"] }], viewProviders: [provideIcons({ matClose })], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MapViewComponent, isStandalone: true, selector: "gn-ui-map-view", inputs: { exceedsLimit: "exceedsLimit", selectedView: "selectedView", datavizConfig: "datavizConfig", displaySource: "displaySource" }, outputs: { linkSelected: "linkSelected", styleSelected: "styleSelected" }, viewQueries: [{ propertyName: "mapContainer", first: true, predicate: ["mapContainer"], descendants: true }], ngImport: i0, template: "<div class=\"w-full h-full flex flex-col gap-[13px]\">\n  <div\n    class=\"flex flex-col md:flex-row gap-4 py-4 px-5 bg-white border border-color-border rounded-lg mt-6\"\n  >\n    <gn-ui-dropdown-selector\n      *ngIf=\"displaySource\"\n      class=\"w-full md:flex-1 md:min-w-0\"\n      extraBtnClass=\"font-sans font-bold\"\n      [title]=\"'map.select.layer' | translate\"\n      [choices]=\"dropdownChoices$ | async\"\n      [selected]=\"_selectedChoice\"\n      (selectValue)=\"selectLinkToDisplay($event)\"\n    ></gn-ui-dropdown-selector>\n\n    <ng-container *ngIf=\"(styleLinks$ | async)?.length > 0; else styleDisabled\">\n      <gn-ui-dropdown-selector\n        class=\"w-full md:flex-1 md:min-w-0\"\n        extraBtnClass=\"font-sans font-bold\"\n        [title]=\"'map.select.style' | translate\"\n        [choices]=\"styleDropdownChoices$ | async\"\n        [selected]=\"_styleFromConfig\"\n        (selectValue)=\"selectStyleToDisplay($event)\"\n      ></gn-ui-dropdown-selector>\n    </ng-container>\n    <ng-template #styleDisabled>\n      <gn-ui-dropdown-selector\n        class=\"w-full md:flex-1 md:min-w-0 text-gray-400\"\n        extraBtnClass=\"font-sans font-bold text-gray-400\"\n        [title]=\"'map.select.style' | translate\"\n        [choices]=\"styleDropdownChoices$ | async\"\n        [disabled]=\"true\"\n      ></gn-ui-dropdown-selector>\n    </ng-template>\n\n    <div class=\"self-end md:ml-2\">\n      <gn-ui-external-viewer-button\n        extraClass=\"w-[44px] h-[44px]\"\n        [link]=\"selectedLink$ | async\"\n      >\n      </gn-ui-external-viewer-button>\n    </div>\n  </div>\n  <ng-container *ngIf=\"hidePreview; else mapView\">\n    <gn-ui-popup-alert\n      type=\"warning\"\n      icon=\"matErrorOutlineOutline\"\n      class=\"block h-12 p-1\"\n    >\n      <span translate>record.feature.limit</span>\n    </gn-ui-popup-alert>\n  </ng-container>\n  <ng-template #mapView>\n    <div\n      class=\"relative w-full h-full bg-white border border-gray-300 rounded-lg overflow-hidden\"\n    >\n      <gn-ui-map-container\n        #mapContainer\n        [context]=\"mapContext$ | async\"\n        (featuresClick)=\"onMapFeatureSelect($event)\"\n        (sourceLoadError)=\"onSourceLoadError($event)\"\n      ></gn-ui-map-container>\n      <div\n        class=\"top-[1em] right-[1em] p-3 bg-white absolute overflow-y-auto overflow-x-hidden max-h-72 w-56\"\n        [class.hidden]=\"!selection\"\n      >\n        <gn-ui-button\n          type=\"light\"\n          (buttonClick)=\"resetSelection()\"\n          style=\"\n            --gn-ui-button-padding: 0px;\n            --gn-ui-button-width: 24px;\n            --gn-ui-button-height: 24px;\n          \"\n          extraClass=\"absolute right-[0.5em] ml-[8px] mr-[10px]\"\n        >\n          <ng-icon name=\"matClose\" class=\"align-middle text-sm\"></ng-icon>\n        </gn-ui-button>\n        <gn-ui-feature-detail\n          [featureCatalog]=\"mdViewFacade.featureCatalog$ | async\"\n          [feature]=\"selection\"\n        ></gn-ui-feature-detail>\n      </div>\n\n      <div\n        class=\"top-[1em] p-3 bg-white absolute overflow-y-auto overflow-x-hidden max-h-72 w-56\"\n        [ngClass]=\"{ 'right-[1em]': !selection, 'right-[16em]': selection }\"\n        [hidden]=\"!showLegend || !legendExists\"\n      >\n        <div class=\"flex justify-between items-center mb-2\">\n          <div class=\"text-primary font-bold\" translate>map.legend.title</div>\n          <gn-ui-button\n            type=\"light\"\n            (buttonClick)=\"toggleLegend()\"\n            style=\"\n              --gn-ui-button-padding: 0px;\n              --gn-ui-button-width: 24px;\n              --gn-ui-button-height: 24px;\n            \"\n            extraClass=\"ml-[8px] mr-[10px]\"\n          >\n            <ng-icon name=\"matClose\" class=\"align-middle text-sm\"></ng-icon>\n          </gn-ui-button>\n        </div>\n        <gn-ui-map-legend\n          [context]=\"mapContext$ | async\"\n          (legendStatusChange)=\"onLegendStatusChange($event)\"\n        ></gn-ui-map-legend>\n      </div>\n\n      <gn-ui-button\n        *ngIf=\"!showLegend && legendExists && !selection\"\n        type=\"outline\"\n        (buttonClick)=\"toggleLegend()\"\n        extraClass=\"absolute top-[1em] right-[1em] rounded p-1 text-xs bg-white\"\n        translate\n      >\n        map.legend.title\n      </gn-ui-button>\n\n      <gn-ui-loading-mask\n        *ngIf=\"loading\"\n        class=\"absolute inset-0\"\n        [message]=\"'map.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\"\n      >\n        <span translate>{{ error }}</span>\n      </gn-ui-popup-alert>\n    </div>\n  </ng-template>\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: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: DropdownSelectorComponent, selector: "gn-ui-dropdown-selector", inputs: ["title", "showTitle", "ariaName", "choices", "selected", "maxRows", "extraBtnClass", "minWidth", "disabled"], outputs: ["selectValue"] }, { kind: "component", type: MapContainerComponent, selector: "gn-ui-map-container", inputs: ["context"], outputs: ["featuresClick", "featuresHover", "mapClick", "sourceLoadError"] }, { kind: "component", type: FeatureDetailComponent, selector: "gn-ui-feature-detail", inputs: ["feature", "featureCatalog"] }, { kind: "component", type: PopupAlertComponent, selector: "gn-ui-popup-alert", inputs: ["icon", "type", "position"] }, { kind: "directive", type: TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: LoadingMaskComponent, selector: "gn-ui-loading-mask", inputs: ["message"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "component", type: ExternalViewerButtonComponent, selector: "gn-ui-external-viewer-button", inputs: ["link", "extraClass"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: MapLegendComponent, selector: "gn-ui-map-legend", inputs: ["context"], outputs: ["legendStatusChange"] }], viewProviders: [provideIcons({ matClose })], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MapViewComponent, decorators: [{
             type: Component,
@@ -40612,15 +40729,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         ExternalViewerButtonComponent,
                         ButtonComponent,
                         MapLegendComponent,
-                    ], viewProviders: [provideIcons({ matClose })], template: "<div class=\"w-full h-full flex flex-col gap-[13px]\">\n  <div\n    class=\"flex flex-col md:flex-row gap-4 py-4 px-5 bg-white border border-color-border rounded-lg mt-6\"\n  >\n    <gn-ui-dropdown-selector\n      *ngIf=\"displaySource\"\n      class=\"w-full md:flex-1 md:min-w-0\"\n      extraBtnClass=\"font-sans font-bold\"\n      [title]=\"'map.select.layer' | translate\"\n      [choices]=\"dropdownChoices$ | async\"\n      (selectValue)=\"selectLinkToDisplay($event)\"\n    ></gn-ui-dropdown-selector>\n\n    <ng-container *ngIf=\"(styleLinks$ | async)?.length > 0; else styleDisabled\">\n      <gn-ui-dropdown-selector\n        class=\"w-full md:flex-1 md:min-w-0\"\n        extraBtnClass=\"font-sans font-bold\"\n        [title]=\"'map.select.style' | translate\"\n        [choices]=\"styleDropdownChoices$ | async\"\n        (selectValue)=\"selectStyleToDisplay($event)\"\n      ></gn-ui-dropdown-selector>\n    </ng-container>\n    <ng-template #styleDisabled>\n      <gn-ui-dropdown-selector\n        class=\"w-full md:flex-1 md:min-w-0 text-gray-400\"\n        extraBtnClass=\"font-sans font-bold text-gray-400\"\n        [title]=\"'map.select.style' | translate\"\n        [choices]=\"styleDropdownChoices$ | async\"\n        [disabled]=\"true\"\n      ></gn-ui-dropdown-selector>\n    </ng-template>\n\n    <div class=\"self-end md:ml-2\">\n      <gn-ui-external-viewer-button\n        extraClass=\"w-[44px] h-[44px]\"\n        [link]=\"selectedLink$ | async\"\n      >\n      </gn-ui-external-viewer-button>\n    </div>\n  </div>\n  <ng-container *ngIf=\"hidePreview; else mapView\">\n    <gn-ui-popup-alert\n      type=\"warning\"\n      icon=\"matErrorOutlineOutline\"\n      class=\"block h-12 p-1\"\n    >\n      <span translate>record.feature.limit</span>\n    </gn-ui-popup-alert>\n  </ng-container>\n  <ng-template #mapView>\n    <div\n      class=\"relative w-full h-full bg-white border border-gray-300 rounded-lg overflow-hidden\"\n    >\n      <gn-ui-map-container\n        #mapContainer\n        [context]=\"mapContext$ | async\"\n        (featuresClick)=\"onMapFeatureSelect($event)\"\n        (sourceLoadError)=\"onSourceLoadError($event)\"\n      ></gn-ui-map-container>\n      <div\n        class=\"top-[1em] right-[1em] p-3 bg-white absolute overflow-y-auto overflow-x-hidden max-h-72 w-56\"\n        [class.hidden]=\"!selection\"\n      >\n        <gn-ui-button\n          type=\"light\"\n          (buttonClick)=\"resetSelection()\"\n          style=\"\n            --gn-ui-button-padding: 0px;\n            --gn-ui-button-width: 24px;\n            --gn-ui-button-height: 24px;\n          \"\n          extraClass=\"absolute right-[0.5em] ml-[8px] mr-[10px]\"\n        >\n          <ng-icon name=\"matClose\" class=\"align-middle text-sm\"></ng-icon>\n        </gn-ui-button>\n        <gn-ui-feature-detail\n          [featureCatalog]=\"mdViewFacade.featureCatalog$ | async\"\n          [feature]=\"selection\"\n        ></gn-ui-feature-detail>\n      </div>\n\n      <div\n        class=\"top-[1em] p-3 bg-white absolute overflow-y-auto overflow-x-hidden max-h-72 w-56\"\n        [ngClass]=\"{ 'right-[1em]': !selection, 'right-[16em]': selection }\"\n        [hidden]=\"!showLegend || !legendExists\"\n      >\n        <div class=\"flex justify-between items-center mb-2\">\n          <div class=\"text-primary font-bold\" translate>map.legend.title</div>\n          <gn-ui-button\n            type=\"light\"\n            (buttonClick)=\"toggleLegend()\"\n            style=\"\n              --gn-ui-button-padding: 0px;\n              --gn-ui-button-width: 24px;\n              --gn-ui-button-height: 24px;\n            \"\n            extraClass=\"ml-[8px] mr-[10px]\"\n          >\n            <ng-icon name=\"matClose\" class=\"align-middle text-sm\"></ng-icon>\n          </gn-ui-button>\n        </div>\n        <gn-ui-map-legend\n          [context]=\"mapContext$ | async\"\n          (legendStatusChange)=\"onLegendStatusChange($event)\"\n        ></gn-ui-map-legend>\n      </div>\n\n      <gn-ui-button\n        *ngIf=\"!showLegend && legendExists && !selection\"\n        type=\"outline\"\n        (buttonClick)=\"toggleLegend()\"\n        extraClass=\"absolute top-[1em] right-[1em] rounded p-1 text-xs bg-white\"\n        translate\n      >\n        map.legend.title\n      </gn-ui-button>\n\n      <gn-ui-loading-mask\n        *ngIf=\"loading\"\n        class=\"absolute inset-0\"\n        [message]=\"'map.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\"\n      >\n        <span translate>{{ error }}</span>\n      </gn-ui-popup-alert>\n    </div>\n  </ng-template>\n</div>\n" }]
+                    ], viewProviders: [provideIcons({ matClose })], template: "<div class=\"w-full h-full flex flex-col gap-[13px]\">\n  <div\n    class=\"flex flex-col md:flex-row gap-4 py-4 px-5 bg-white border border-color-border rounded-lg mt-6\"\n  >\n    <gn-ui-dropdown-selector\n      *ngIf=\"displaySource\"\n      class=\"w-full md:flex-1 md:min-w-0\"\n      extraBtnClass=\"font-sans font-bold\"\n      [title]=\"'map.select.layer' | translate\"\n      [choices]=\"dropdownChoices$ | async\"\n      [selected]=\"_selectedChoice\"\n      (selectValue)=\"selectLinkToDisplay($event)\"\n    ></gn-ui-dropdown-selector>\n\n    <ng-container *ngIf=\"(styleLinks$ | async)?.length > 0; else styleDisabled\">\n      <gn-ui-dropdown-selector\n        class=\"w-full md:flex-1 md:min-w-0\"\n        extraBtnClass=\"font-sans font-bold\"\n        [title]=\"'map.select.style' | translate\"\n        [choices]=\"styleDropdownChoices$ | async\"\n        [selected]=\"_styleFromConfig\"\n        (selectValue)=\"selectStyleToDisplay($event)\"\n      ></gn-ui-dropdown-selector>\n    </ng-container>\n    <ng-template #styleDisabled>\n      <gn-ui-dropdown-selector\n        class=\"w-full md:flex-1 md:min-w-0 text-gray-400\"\n        extraBtnClass=\"font-sans font-bold text-gray-400\"\n        [title]=\"'map.select.style' | translate\"\n        [choices]=\"styleDropdownChoices$ | async\"\n        [disabled]=\"true\"\n      ></gn-ui-dropdown-selector>\n    </ng-template>\n\n    <div class=\"self-end md:ml-2\">\n      <gn-ui-external-viewer-button\n        extraClass=\"w-[44px] h-[44px]\"\n        [link]=\"selectedLink$ | async\"\n      >\n      </gn-ui-external-viewer-button>\n    </div>\n  </div>\n  <ng-container *ngIf=\"hidePreview; else mapView\">\n    <gn-ui-popup-alert\n      type=\"warning\"\n      icon=\"matErrorOutlineOutline\"\n      class=\"block h-12 p-1\"\n    >\n      <span translate>record.feature.limit</span>\n    </gn-ui-popup-alert>\n  </ng-container>\n  <ng-template #mapView>\n    <div\n      class=\"relative w-full h-full bg-white border border-gray-300 rounded-lg overflow-hidden\"\n    >\n      <gn-ui-map-container\n        #mapContainer\n        [context]=\"mapContext$ | async\"\n        (featuresClick)=\"onMapFeatureSelect($event)\"\n        (sourceLoadError)=\"onSourceLoadError($event)\"\n      ></gn-ui-map-container>\n      <div\n        class=\"top-[1em] right-[1em] p-3 bg-white absolute overflow-y-auto overflow-x-hidden max-h-72 w-56\"\n        [class.hidden]=\"!selection\"\n      >\n        <gn-ui-button\n          type=\"light\"\n          (buttonClick)=\"resetSelection()\"\n          style=\"\n            --gn-ui-button-padding: 0px;\n            --gn-ui-button-width: 24px;\n            --gn-ui-button-height: 24px;\n          \"\n          extraClass=\"absolute right-[0.5em] ml-[8px] mr-[10px]\"\n        >\n          <ng-icon name=\"matClose\" class=\"align-middle text-sm\"></ng-icon>\n        </gn-ui-button>\n        <gn-ui-feature-detail\n          [featureCatalog]=\"mdViewFacade.featureCatalog$ | async\"\n          [feature]=\"selection\"\n        ></gn-ui-feature-detail>\n      </div>\n\n      <div\n        class=\"top-[1em] p-3 bg-white absolute overflow-y-auto overflow-x-hidden max-h-72 w-56\"\n        [ngClass]=\"{ 'right-[1em]': !selection, 'right-[16em]': selection }\"\n        [hidden]=\"!showLegend || !legendExists\"\n      >\n        <div class=\"flex justify-between items-center mb-2\">\n          <div class=\"text-primary font-bold\" translate>map.legend.title</div>\n          <gn-ui-button\n            type=\"light\"\n            (buttonClick)=\"toggleLegend()\"\n            style=\"\n              --gn-ui-button-padding: 0px;\n              --gn-ui-button-width: 24px;\n              --gn-ui-button-height: 24px;\n            \"\n            extraClass=\"ml-[8px] mr-[10px]\"\n          >\n            <ng-icon name=\"matClose\" class=\"align-middle text-sm\"></ng-icon>\n          </gn-ui-button>\n        </div>\n        <gn-ui-map-legend\n          [context]=\"mapContext$ | async\"\n          (legendStatusChange)=\"onLegendStatusChange($event)\"\n        ></gn-ui-map-legend>\n      </div>\n\n      <gn-ui-button\n        *ngIf=\"!showLegend && legendExists && !selection\"\n        type=\"outline\"\n        (buttonClick)=\"toggleLegend()\"\n        extraClass=\"absolute top-[1em] right-[1em] rounded p-1 text-xs bg-white\"\n        translate\n      >\n        map.legend.title\n      </gn-ui-button>\n\n      <gn-ui-loading-mask\n        *ngIf=\"loading\"\n        class=\"absolute inset-0\"\n        [message]=\"'map.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\"\n      >\n        <span translate>{{ error }}</span>\n      </gn-ui-popup-alert>\n    </div>\n  </ng-template>\n</div>\n" }]
         }], ctorParameters: () => [{ type: MdViewFacade }, { type: MapUtilsService }, { type: DataService }, { type: i0.ChangeDetectorRef }, { type: i1$1.TranslateService }], propDecorators: { exceedsLimit: [{
                 type: Input
             }], selectedView: [{
                 type: Input
+            }], datavizConfig: [{
+                type: Input
             }], displaySource: [{
                 type: Input
             }], linkSelected: [{
                 type: Output
+            }], styleSelected: [{
+                type: Output
             }], mapContainer: [{
                 type: ViewChild,
                 args: ['mapContainer']
@@ -43917,5 +44038,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, 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, ExternalLinkCardComponent, 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, LOGIN_URL, LOGOUT_URL, LONLAT_CRS_CODES, LanguageSwitcherComponent, LayersPanelComponent, LicenseSearchField, LinkClassifierService, LinkUsage, LoadingMaskComponent, LogService, MAP_FEATURE_KEY, MAP_VIEW_CONSTRAINTS, METADATA_LANGUAGE, MapContainerComponent, MapFacade, MapLegendComponent, MapStateContainerComponent, MapStyleService, MapUtilsService, MapViewComponent, MarkdownEditorComponent, MarkdownParserComponent, MaxLinesComponent, mdview_actions as MdViewActions, MdViewFacade, MetadataCatalogComponent, MetadataContactComponent, 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, 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, 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_DEBUG_CONFIG, TRANSLATE_DEFAULT_CONFIG, TRANSLATE_WITH_OVERRIDES_CONFIG, TableViewComponent, TextAreaComponent, TextInputComponent, ThemeService, ThumbnailComponent, TranslatedSearchField, TruncatedTextComponent, UPDATE_CONFIG_AGGREGATIONS, UPDATE_FILTERS, UPDATE_REQUEST_AGGREGATION_TERM, FacetsModule$1 as UiFacetsModule, UiSearchModule, UpdateConfigAggregations, UpdateFilters, UrlInputComponent, UserFeedbackItemComponent, UserPreviewComponent, UserSearchField, VECTOR_STYLE_DEFAULT, ViewportIntersectorComponent, WEB_COMPONENT_EMBEDDER_URL, XmlParseError, _reset, allChildrenElement, appConfigWithTranslationFixture, appendChildTree, appendChildren, assertValidXml, blockModelFixture, bytesToMegabytes, canEditRecord, checkFileFormat, clearSelectedFeatures, createChild, createDocument, createElement, createFuzzyFilter, createNestedChild, createNestedElement, currentPage, defaultMapStyleFixture, defaultMapStyleHlFixture, downgradeImage, downsizeImage, draftSaveSuccess, dragPanCondition, dropEmptyTranslations, editorReducer, emptyBlockModelFixture, findChildElement, findChildOrCreate, findChildrenElement, findConverterForDocument, findNestedChildOrCreate, findNestedElement, findNestedElements, findParent, firstChildElement, formatDate, formatUserInfo, getArrayItem, getAsArray, getAsUrl, getBadgeColor, getCustomTranslations, getError, getFavoritesOnly, getFileFormat, getFileFormatFromServiceOutput, getFirstValue, getFormatPriority, getGeometryFromGeoJSON, getGlobalConfig, getJsonDataItemsProxy, getLang2FromLang3, getLang3FromLang2, getLayers, getLinkLabel, getLinkPriority, getLocalizedIndexKey, 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, provideI18n, provideRepositoryUrl, readAttribute, readDataset, readDatasetHeaders, readText, reducer$2 as reducer, reducerSearch, removeAllChildren, removeChildren, removeChildrenByName, removeSearchParams, removeWhitespace, renameElements, saveRecord, saveRecordFailure, saveRecordSuccess, selectCanEditRecord, selectCurrentPage, selectEditorConfig, selectEditorState, selectFallback, selectFallbackFields, selectField, selectHasRecordChanged, selectIsPublished, selectRecord, selectRecordChangedSinceSave, selectRecordSaveError, selectRecordSaving, selectRecordSections, selectRecordSource, selectTranslatedField, selectTranslatedValue, setContext, setCurrentPage, setFieldVisibility, setSelectedFeatures, setTextContent, someHabTableItemFixture, sortByFromString, sortByToString, sortByToStrings, stripHtml, stripNamespace, tableItemsFixture, toDate, totalPages, undoRecordDraft, unrecognizedKeysConfigFixture, updateLanguages, updateRecordField, updateRecordLanguages, 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, ExternalLinkCardComponent, 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, LOGIN_URL, LOGOUT_URL, LONLAT_CRS_CODES, LanguageSwitcherComponent, LayersPanelComponent, LicenseSearchField, LinkClassifierService, LinkUsage, LoadingMaskComponent, LogService, MAP_FEATURE_KEY, MAP_VIEW_CONSTRAINTS, METADATA_LANGUAGE, MapContainerComponent, MapFacade, MapLegendComponent, MapStateContainerComponent, MapStyleService, MapUtilsService, MapViewComponent, MarkdownEditorComponent, MarkdownParserComponent, MaxLinesComponent, mdview_actions as MdViewActions, MdViewFacade, MetadataCatalogComponent, MetadataContactComponent, 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, 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, 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_DEBUG_CONFIG, TRANSLATE_DEFAULT_CONFIG, TRANSLATE_WITH_OVERRIDES_CONFIG, TableViewComponent, TextAreaComponent, TextInputComponent, ThemeService, ThumbnailComponent, TranslatedSearchField, TruncatedTextComponent, UPDATE_CONFIG_AGGREGATIONS, UPDATE_FILTERS, UPDATE_REQUEST_AGGREGATION_TERM, FacetsModule$1 as UiFacetsModule, UiSearchModule, UpdateConfigAggregations, UpdateFilters, UrlInputComponent, UserFeedbackItemComponent, UserPreviewComponent, UserSearchField, VECTOR_STYLE_DEFAULT, ViewportIntersectorComponent, WEB_COMPONENT_EMBEDDER_URL, XmlParseError, _reset, allChildrenElement, appConfigWithTranslationFixture, appendChildTree, appendChildren, assertValidXml, blockModelFixture, bytesToMegabytes, canEditRecord, checkFileFormat, clearSelectedFeatures, createChild, createDocument, createElement, createFuzzyFilter, createNestedChild, createNestedElement, currentPage, defaultMapStyleFixture, defaultMapStyleHlFixture, downgradeImage, downsizeImage, draftSaveSuccess, dragPanCondition, dropEmptyTranslations, editorReducer, emptyBlockModelFixture, findChildElement, findChildOrCreate, findChildrenElement, findConverterForDocument, findNestedChildOrCreate, findNestedElement, findNestedElements, findParent, firstChildElement, formatDate, formatUserInfo, getAllKeysValidator, getArrayItem, getAsArray, getAsUrl, getBadgeColor, getCustomTranslations, getError, getFavoritesOnly, getFileFormat, getFileFormatFromServiceOutput, getFirstValue, getFormatPriority, getGeometryFromGeoJSON, getGlobalConfig, getJsonDataItemsProxy, getLang2FromLang3, getLang3FromLang2, getLayers, getLinkId, getLinkLabel, getLinkPriority, getLocalizedIndexKey, getMapContext, getMapContextLayerFromConfig, getMapState, getMetadataQualityConfig, getMimeTypeForFormat, getNamespace, getOptionalMapConfig, getOptionalSearchConfig, getPageSize, getQualityValidators, 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, provideI18n, provideRepositoryUrl, readAttribute, readDataset, readDatasetHeaders, readText, reducer$2 as reducer, reducerSearch, removeAllChildren, removeChildren, removeChildrenByName, removeSearchParams, removeWhitespace, renameElements, saveRecord, saveRecordFailure, saveRecordSuccess, selectCanEditRecord, selectCurrentPage, selectEditorConfig, selectEditorState, selectFallback, selectFallbackFields, selectField, selectHasRecordChanged, selectIsPublished, selectRecord, selectRecordChangedSinceSave, selectRecordSaveError, selectRecordSaving, selectRecordSections, selectRecordSource, selectTranslatedField, selectTranslatedValue, setContext, setCurrentPage, setFieldVisibility, setSelectedFeatures, setTextContent, someHabTableItemFixture, sortByFromString, sortByToString, sortByToStrings, stripHtml, stripNamespace, tableItemsFixture, toDate, totalPages, undoRecordDraft, unrecognizedKeysConfigFixture, updateLanguages, updateRecordField, updateRecordLanguages, wmsLayerFlatten, writeAttribute, wrongLanguageCodeConfigFixture, xmlToString };
 //# sourceMappingURL=geonetwork-ui.mjs.map