geonetwork-ui 2.11.0-dev.6c8b66d60 → 2.11.0-dev.7f3cfba04

package/fesm2022/geonetwork-ui.mjs

@@ -36,9 +36,6 @@ import { createLegendFromLayer } from '@geospatial-sdk/legend';
 import { mouseOnly, noModifierKeys, primaryAction, platformModifierKeyOnly } from 'ol/events/condition.js';
 import { defaults, DragPan, MouseWheelZoom } from 'ol/interaction.js';
 import { extend } from 'ol/extent.js';
-import * as TOML from '@ltd/j-toml';
-import { Style, Stroke, Fill, Circle } from 'ol/style.js';
-import CircleStyle from 'ol/style/Circle.js';
 import EmblaCarousel from 'embla-carousel';
 import { iconoirNavArrowLeft, iconoirNavArrowRight, iconoirLongArrowDownLeft, iconoirSearch, iconoirCalendar, iconoirArrowUp, iconoirLink, iconoirFramePlusIn, iconoirCloudUpload, iconoirUpload, iconoirTrash, iconoirSquareDashed, iconoirCheckCircle, iconoirReduce, iconoirNavArrowUp, iconoirNavArrowDown, iconoirExpand, iconoirSettings, iconoirDownload, iconoirPlus, iconoirBin, iconoirMediaImageXmark, iconoirMediaImage, iconoirAppWindow, iconoirCode, iconoirDatabase, iconoirAppleWallet, iconoirBank, iconoirList, iconoirTranslate, iconoirLock, iconoirUser, iconoirArrowLeft, iconoirLightBulbOn, iconoirImport, iconoirBadgeCheck, iconoirSystemShut, iconoirCircle, iconoirAttachment, iconoirRefresh } from '@ng-icons/iconoir';
 import { MatButtonModule } from '@angular/material/button';
@@ -73,7 +70,8 @@ import { MatTabsModule } from '@angular/material/tabs';
 import * as i2$2 from '@ngrx/effects';
 import { Actions, createEffect, ofType, EffectsModule } from '@ngrx/effects';
 import { valid as valid$1 } from 'geojson-validation';
-import { queryDataGouvFr, queryGeonames, queryGeoadmin } from '@geospatial-sdk/geocoding';
+import { queryGeoplateforme, queryGeonames, queryGeoadmin } from '@geospatial-sdk/geocoding';
+import pointer from 'jsonpointer';
 import { TemplatePortal } from '@angular/cdk/portal';
 import { parse as parse$3 } from 'marked';
 import * as i2$3 from '@angular/cdk/scrolling';
@@ -101,6 +99,7 @@ import { TextFieldModule } from '@angular/cdk/text-field';
 import * as i2$5 from '@ngrx/router-store';
 import { getRouterSelectors, routerReducer, StoreRouterConnectingModule, FullRouterStateSerializer } from '@ngrx/router-store';
 import { navigation } from '@ngrx/router-store/data-persistence';
+import * as TOML from '@ltd/j-toml';
 
 class MetadataMapperContext {
 }
@@ -1139,7 +1138,7 @@ function kindToCodeListValue(record) {
 }
 
 function extractCharacterString() {
-    return pipe(fallback(findChildElement('gco:CharacterString', false), findChildElement('gmx:Anchor', false), findChildElement('gmx:MimeFileType', false)), readText());
+    return pipe(fallback(findChildElement('gco:CharacterString', false), findChildElement('gmx:Anchor', false), findChildElement('gmx:MimeFileType', false), findChildElement('gco:LocalName', false)), readText());
 }
 /**
  * Translated values will also be collected in the translations object
@@ -2202,6 +2201,7 @@ class Iso19139Converter extends BaseConverter {
             lineage: readLineage$1,
             sourceRecords: readSourceRecords$1,
             associatedRecords: readAssociatedRecords$1,
+            featureTypeDescriptions: () => undefined,
             onlineResources: readOnlineResources$2,
             temporalExtents: readTemporalExtents,
             spatialExtents: readSpatialExtents$1,
@@ -2241,6 +2241,7 @@ class Iso19139Converter extends BaseConverter {
             lineage: writeLineage$1,
             sourceRecords: writeSourceRecords$1,
             associatedRecords: writeAssociatedRecords$1,
+            featureTypeDescriptions: () => undefined,
             onlineResources: writeOnlineResources$1,
             temporalExtents: writeTemporalExtents,
             spatialExtents: writeSpatialExtents,
@@ -2367,6 +2368,7 @@ class Iso19139Converter extends BaseConverter {
             const sourceRecords = this.readers['sourceRecords'](rootEl, tr);
             const associatedRecords = this.readers['associatedRecords'](rootEl, tr);
             const updateFrequency = this.readers['updateFrequency'](rootEl, tr);
+            const featureTypeDescriptions = this.readers['featureTypeDescriptions'](rootEl, tr);
             return this.afterRecordRead({
                 ...this.readBaseRecord(rootEl, tr),
                 kind,
@@ -2377,6 +2379,7 @@ class Iso19139Converter extends BaseConverter {
                 ...(spatialRepresentation && { spatialRepresentation }),
                 temporalExtents,
                 updateFrequency,
+                ...(featureTypeDescriptions?.length && { featureTypeDescriptions }),
                 translations: tr,
             });
         }
@@ -2633,6 +2636,31 @@ function readDefaultLanguage$1(rootEl) {
 function readOtherLanguages(rootEl) {
     return pipe(findChildrenElement('mdb:otherLocale', false), mapArray(readLocaleElement()), map((languages) => languages.filter((lang) => lang !== null)))(rootEl);
 }
+function extractCharacterStringOrText() {
+    return fallback(extractCharacterString(), readText());
+}
+function extractListedValue() {
+    return pipe(combine(pipe(findChildElement('gfc:code', false), extractCharacterString()), pipe(findChildElement('gfc:label', false), extractCharacterString())), map(([code, label]) => ({
+        ...(code && { code }),
+        ...(label && { label }),
+    })));
+}
+function extractFeatureAttribute() {
+    return pipe(combine(pipe(findChildElement('gfc:memberName', false), extractCharacterStringOrText()), pipe(findChildElement('gfc:definition', false), extractCharacterString()), pipe(findChildElement('gfc:code', false), extractCharacterString()), pipe(findNestedElement('gfc:valueType', 'gco:TypeName', 'gco:aName'), extractCharacterString()), pipe(findNestedElements('gfc:listedValue', 'gfc:FC_ListedValue'), mapArray(extractListedValue()), filterArray((value) => !!(value.code || value.label)))), map(([name, description, code, type, values]) => ({
+        name: name ?? '',
+        ...(description && { description }),
+        ...(code && { code }),
+        ...(type && { type }),
+        ...(values.length > 0 && { values }),
+    })));
+}
+function readFeatureTypeDescriptions(rootEl) {
+    return pipe(findNestedElements('mdb:contentInfo', 'mrc:MD_FeatureCatalogue', 'mrc:featureCatalogue', 'gfc:FC_FeatureCatalogue', 'gfc:featureType', 'gfc:FC_FeatureType'), mapArray(pipe(combine(pipe(findChildElement('gfc:typeName', false), extractCharacterStringOrText()), pipe(findChildElement('gfc:definition', false), extractCharacterString()), pipe(findNestedElements('gfc:carrierOfCharacteristics', 'gfc:FC_FeatureAttribute'), mapArray(extractFeatureAttribute()))), map(([name, description, attributes]) => ({
+        name: name ?? '',
+        ...(description && { description }),
+        attributes,
+    })))))(rootEl);
+}
 
 function writeUniqueIdentifier$1(record, rootEl) {
     pipe(findNestedChildOrCreate('mdb:metadataIdentifier', 'mcc:MD_Identifier', 'mcc:code'), writeCharacterString(record.uniqueIdentifier))(rootEl);
@@ -2803,6 +2831,7 @@ class Iso191153Converter extends Iso19139Converter {
         this.readers['lineage'] = readLineage;
         this.readers['sourceRecords'] = readSourceRecords;
         this.readers['associatedRecords'] = readAssociatedRecords;
+        this.readers['featureTypeDescriptions'] = readFeatureTypeDescriptions;
         this.readers['onlineResources'] = readOnlineResources$1;
         this.readers['defaultLanguage'] = readDefaultLanguage$1;
         this.readers['otherLanguages'] = readOtherLanguages;
@@ -3459,6 +3488,7 @@ class DcatApConverter extends BaseConverter {
             lineage: () => '',
             sourceRecords: () => [],
             associatedRecords: () => [],
+            featureTypeDescriptions: () => undefined,
             temporalExtents: () => [],
             spatialRepresentation: () => undefined,
             extras: () => undefined,
@@ -3494,6 +3524,7 @@ class DcatApConverter extends BaseConverter {
             lineage: () => undefined,
             sourceRecords: () => [],
             associatedRecords: () => [],
+            featureTypeDescriptions: () => undefined,
             onlineResources: () => undefined,
             temporalExtents: () => undefined,
             spatialExtents: () => undefined,
@@ -18904,9 +18935,15 @@ class Gn4FieldMapper {
             isOpenData: (output, source) => this.addExtra({
                 isOpenData: selectField(source, 'isOpenData') !== 'false',
             }, output),
-            featureTypes: (output, source) => this.addExtra({
-                featureTypes: selectField(source, 'featureTypes'),
-            }, output),
+            featureTypes: (output, source) => {
+                const featureTypes = getAsArray(selectField(source, 'featureTypes'));
+                if (!featureTypes.length)
+                    return output;
+                return {
+                    ...output,
+                    featureTypeDescriptions: this.featureTypesField(featureTypes),
+                };
+            },
             related: (output, source) => {
                 const related = selectField(source, 'related');
                 const fcatSource = selectField(getFirstValue(selectField(related, 'fcats')) ?? {}, '_source');
@@ -19042,6 +19079,27 @@ class Gn4FieldMapper {
             },
         };
         this.genericField = (output) => output;
+        this.featureTypesField = (featureTypes) => featureTypes.map((featureType) => ({
+            name: featureType.typeName ?? '',
+            ...(featureType.definition && {
+                description: featureType.definition,
+            }),
+            attributes: getAsArray(featureType.attributeTable ?? []).map((attr) => {
+                const values = (attr.values ?? [])
+                    .filter((value) => value.code || value.label)
+                    .map((value) => ({
+                    ...(value.code && { code: value.code }),
+                    ...(value.label && { label: value.label }),
+                }));
+                return {
+                    name: attr.name ?? '',
+                    ...(attr.definition && { description: attr.definition }),
+                    ...(attr.code && { code: attr.code }),
+                    ...(attr.type && { type: attr.type }),
+                    ...(values.length > 0 && { values }),
+                };
+            }),
+        }));
         this.constraintField = (type, output, constraintArray) => {
             let outputField;
             switch (type) {
@@ -20452,7 +20510,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
             }] } });
 
 var name = "geonetwork-ui";
-var version = "2.11.0-dev.6c8b66d60";
+var version = "2.11.0-dev.7f3cfba04";
 var engines = {
 	node: ">=24"
 };
@@ -20494,10 +20552,10 @@ var dependencies = {
 	"@biesbjerg/ngx-translate-extract-marker": "~1.0.0",
 	"@camptocamp/ogc-client": "1.3.1-dev.200c02a",
 	"@duckdb/duckdb-wasm": "~1.32.0",
-	"@geospatial-sdk/core": "0.0.5-dev.78",
-	"@geospatial-sdk/geocoding": "0.0.5-dev.78",
-	"@geospatial-sdk/legend": "0.0.5-dev.78",
-	"@geospatial-sdk/openlayers": "0.0.5-dev.78",
+	"@geospatial-sdk/core": "0.0.5-dev.86.sha-124eae3",
+	"@geospatial-sdk/geocoding": "0.0.5-dev.86.sha-124eae3",
+	"@geospatial-sdk/legend": "0.0.5-dev.86.sha-124eae3",
+	"@geospatial-sdk/openlayers": "0.0.5-dev.86.sha-124eae3",
 	"@ltd/j-toml": "~1.38.0",
 	"@messageformat/core": "~3.4.0",
 	"@ng-icons/core": "~32.5.0",
@@ -20514,6 +20572,7 @@ var dependencies = {
 	"embla-carousel": "~8.6.0",
 	"flag-icons": "~7.5.0",
 	"geojson-validation": "~1.0.2",
+	jsonpointer: "^5.0.1",
 	marked: "~17.0.4",
 	"ngx-dropzone": "~3.1.0",
 	"ngx-translate-messageformat-compiler": "~7.2.0",
@@ -20690,6 +20749,7 @@ class ElasticsearchService {
         // runtime fields are computed using a Painless script
         // see: https://www.elastic.co/guide/en/elasticsearch/reference/current/runtime-mapping-fields.html
         this.runtimeFields = {};
+        this.fieldAliases = {};
     }
     // we're using getters in case the defined languages change over time
     get metadataLang() {
@@ -20761,6 +20821,9 @@ class ElasticsearchService {
     registerRuntimeField(fieldName, expression, type = 'keyword') {
         this.runtimeFields[fieldName] = { script: expression, type };
     }
+    registerFieldAlias(fieldIdentifier, esFieldName) {
+        this.fieldAliases[fieldIdentifier] = esFieldName;
+    }
     getMetadataByIdsPayload(uuids) {
         return {
             query: {
@@ -20882,12 +20945,25 @@ class ElasticsearchService {
         }
         return Object.values(filters).find(isBoundingBox);
     }
-    // if a field registered min/max runtime fields, its dates form an interval
-    // the record matches if that interval intersects the filter range
+    // builds a query matching records whose dates intersect the filter range
     buildDateRangeQuery(searchField, dateRange) {
+        // fields ending with 'DateRange' maps as ES range type
+        if (searchField.endsWith('DateRange')) {
+            return {
+                range: {
+                    [searchField]: {
+                        ...(dateRange.start && { gte: formatDate(dateRange.start) }),
+                        ...(dateRange.end && { lte: formatDate(dateRange.end) }),
+                        format: 'yyyy-MM-dd',
+                        relation: 'intersects',
+                    },
+                },
+            };
+        }
         const minField = `${searchField}Min`;
         const maxField = `${searchField}Max`;
         if (minField in this.runtimeFields && maxField in this.runtimeFields) {
+            // min/max runtime fields form an interval per record; match if it intersects the filter range
             const filter = [
                 dateRange.start && {
                     range: {
@@ -20942,7 +21018,7 @@ class ElasticsearchService {
                 .filter((fieldname) => !Array.isArray(filters[fieldname]))
                 .filter((fieldname) => filters[fieldname] &&
                 JSON.stringify(filters[fieldname]) !== '{}')
-                .map((fieldname) => `${fieldname}:(${makeQuery(filters[fieldname])})`)
+                .map((fieldname) => `${this.fieldAliases[fieldname] ?? fieldname}:(${makeQuery(filters[fieldname])})`)
                 .join(' AND ');
         if (filters['gn-ui-crossFieldFilter']) {
             queryString = `${queryString} AND (${filters['gn-ui-crossFieldFilter']})`;
@@ -21240,6 +21316,12 @@ class ElasticsearchService {
                             order: {
                                 [`_${aggregation.sort[1]}`]: aggregation.sort[0],
                             },
+                            ...(aggregation.includeValues && {
+                                include: aggregation.includeValues,
+                            }),
+                            ...(aggregation.excludeValues && {
+                                exclude: aggregation.excludeValues,
+                            }),
                         },
                     };
                 case 'histogram':
@@ -21374,42 +21456,16 @@ class Gn4Repository {
             ? this.gn4Mapper.readRecords(records)
             : of(null)));
     }
-    mapEmbeddedFeatureCatalog(featureTypes) {
-        return {
-            featureTypes: featureTypes.map((featureType) => ({
-                name: featureType.typeName || '',
-                definition: featureType.definition || '',
-                attributes: Array.isArray(featureType.attributeTable)
-                    ? featureType.attributeTable.map((attr) => {
-                        const values = attr.values
-                            ?.filter((v) => v.code || v.label)
-                            .map((v) => ({
-                            code: v.code,
-                            label: v.label,
-                        }));
-                        return {
-                            name: attr.name,
-                            code: attr.code,
-                            definition: attr.definition,
-                            type: attr.type,
-                            ...(values?.length > 0 ? { values } : {}),
-                        };
-                    })
-                    : [],
-            })),
-        };
-    }
-    getFeatureCatalog(record, visited = new Set() // prevent looping
+    queryLinkedFeatureCatalog(record, visited = new Set() // prevent looping
     ) {
-        if (record.extras?.['featureTypes'] &&
-            Array.isArray(record.extras['featureTypes']) &&
-            record.extras['featureTypes'].length > 0) {
-            return of(this.mapEmbeddedFeatureCatalog(record.extras['featureTypes']));
+        if ('featureTypeDescriptions' in record &&
+            record.featureTypeDescriptions?.length > 0) {
+            return of({ featureTypes: record.featureTypeDescriptions });
         }
         const featureCatalogIdentifier = record.extras['featureCatalogIdentifier'];
         if (featureCatalogIdentifier && !visited.has(featureCatalogIdentifier)) {
             visited.add(featureCatalogIdentifier);
-            return this.getRecord(featureCatalogIdentifier).pipe(switchMap((record) => record ? this.getFeatureCatalog(record, visited) : of(null)));
+            return this.getRecord(featureCatalogIdentifier).pipe(switchMap((record) => record ? this.queryLinkedFeatureCatalog(record, visited) : of(null)));
         }
         return of(null);
     }
@@ -23082,1149 +23138,441 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
                 }]
         }] });
 
-const flatten = (base, obj, keepLevel = false) => Object.keys(obj).reduce((prev, curr) => {
-    const path = base ? `${base}.${curr}` : curr;
-    const val = obj[curr];
-    if (keepLevel) {
-        return { ...prev, [path]: flatten('', val) };
+class AnchorLinkDirective {
+    constructor() {
+        this.changeDetector = inject(ChangeDetectorRef);
+        this.disabled = false;
+        this.observer = new MutationObserver(() => {
+            this.refreshDisabledState();
+        });
+        this.inView = false;
+        this.initialized = false;
     }
-    else if (typeof val === 'object' && !Array.isArray(val)) {
-        return {
-            ...prev,
-            ...flatten(path, val),
-        };
+    get elementClass() {
+        if (this.disabled) {
+            return this.disabledClass;
+        }
+        if (this.inView) {
+            return `${this.inViewClass} ${this.enabledClass}`;
+        }
+        else {
+            return `${this.outOfViewClass} ${this.enabledClass}`;
+        }
     }
-    else {
-        return { ...prev, [path]: val };
+    ngOnInit() {
+        this.observer.observe(document.body, {
+            childList: true,
+            subtree: true,
+        });
+        this.refreshDisabledState();
     }
-}, {});
-const checkKeys = (input, mandatory, optional) => {
-    const keys = Object.keys(input);
-    const missing = mandatory.filter((key) => keys.indexOf(key) === -1);
-    const unrecognized = keys.filter((key) => mandatory.indexOf(key) === -1 && optional.indexOf(key) === -1);
-    return {
-        missing,
-        unrecognized,
-    };
-};
-/**
- * Only keeps recognized keys, flatten nested values (to allow having "." in keys),
- * pushes warnings and errors to the given arrays; returns null in case of error
- */
-function parseConfigSection(fullConfigObj, sectionName, mandatoryKeys, optionalKeys, outWarnings, outErrors) {
-    if (typeof fullConfigObj[sectionName] !== 'object') {
-        if (mandatoryKeys.length === 0)
-            return null;
-        outErrors.push(`The [${sectionName}] mandatory section is missing.`);
-        return null;
+    ngAfterViewChecked() {
+        if (!this.initialized && !this.disabled) {
+            const target = document.getElementById(this.targetId);
+            if (target) {
+                this.initializeIntersectionObserver(target);
+                this.initialized = true;
+            }
+        }
     }
-    const sectionConf = fullConfigObj[sectionName];
-    const keysCheck = checkKeys(sectionConf, mandatoryKeys, optionalKeys);
-    if (keysCheck.missing.length) {
-        // note: this is not thrown to allow merging several Errors down the line
-        outErrors.push(`In the [${sectionName}] section: ${keysCheck.missing.join(', ')}`);
-        return null;
+    initializeIntersectionObserver(target) {
+        this.intersectionObserver = new IntersectionObserver((entries) => {
+            entries.forEach((entry) => {
+                this.inView = entry.isIntersecting;
+                this.changeDetector.detectChanges();
+            });
+        }, {
+            root: null,
+            rootMargin: '-30% 0% -60% 0%',
+        });
+        this.intersectionObserver.observe(target);
     }
-    else if (keysCheck.unrecognized.length) {
-        outWarnings.push(`In the [${sectionName}] section: ${keysCheck.unrecognized.join(', ')}`);
-        keysCheck.unrecognized.forEach((key) => delete sectionConf[key]);
+    ngOnDestroy() {
+        this.observer.disconnect();
+        if (this.intersectionObserver) {
+            this.intersectionObserver.disconnect();
+        }
     }
-    return sectionConf;
+    refreshDisabledState() {
+        const targetNotPresent = !document.getElementById(this.targetId);
+        if (targetNotPresent !== this.disabled) {
+            this.disabled = targetNotPresent;
+            this.changeDetector.detectChanges();
+        }
+    }
+    scrollToTarget() {
+        const target = document.getElementById(this.targetId);
+        if (!target)
+            return;
+        target.scrollIntoView({
+            behavior: 'smooth',
+            block: 'start',
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: AnchorLinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.19", type: AnchorLinkDirective, isStandalone: true, selector: "[gnUiAnchorLink]", inputs: { targetId: ["gnUiAnchorLink", "targetId"], disabledClass: ["gnUiAnchorLinkDisabledClass", "disabledClass"], enabledClass: ["gnUiAnchorLinkEnabledClass", "enabledClass"], inViewClass: ["gnUiAnchorLinkInViewClass", "inViewClass"], outOfViewClass: ["gnUiAnchorLinkOutOfViewClass", "outOfViewClass"] }, host: { listeners: { "click": "scrollToTarget()" }, properties: { "class": "this.elementClass" } }, ngImport: i0 }); }
 }
-/**
- * Same as parseConfigSection but keeps all keys, recognized or not
- * Also the first level is the language code (e.g. 'en')
- * This is optional
- */
-function parseTranslationsConfigSection(fullConfigObj, sectionName) {
-    if (typeof fullConfigObj[sectionName] !== 'object') {
-        return {};
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: AnchorLinkDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[gnUiAnchorLink]',
+                    standalone: true,
+                }]
+        }], propDecorators: { targetId: [{
+                type: Input,
+                args: ['gnUiAnchorLink']
+            }], disabledClass: [{
+                type: Input,
+                args: ['gnUiAnchorLinkDisabledClass']
+            }], enabledClass: [{
+                type: Input,
+                args: ['gnUiAnchorLinkEnabledClass']
+            }], inViewClass: [{
+                type: Input,
+                args: ['gnUiAnchorLinkInViewClass']
+            }], outOfViewClass: [{
+                type: Input,
+                args: ['gnUiAnchorLinkOutOfViewClass']
+            }], elementClass: [{
+                type: HostBinding,
+                args: ['class']
+            }], scrollToTarget: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+
+class PaginationDotsComponent {
+    constructor() {
+        this.containerClass = '';
     }
-    return flatten('', fullConfigObj[sectionName], true);
+    // 1-based
+    get steps() {
+        return Array.from({ length: this.listComponent.pagesCount }, (_, i) => i + 1);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PaginationDotsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: PaginationDotsComponent, isStandalone: true, selector: "gn-ui-pagination-dots", inputs: { listComponent: "listComponent", containerClass: "containerClass" }, ngImport: i0, template: "@if (listComponent.pagesCount > 1) {\n  <div\n    class=\"overflow-hidden flex flex-row justify-center gap-[14px] p-1\"\n    [ngClass]=\"containerClass\"\n  >\n    @for (step of steps; track step) {\n      <button\n        type=\"button\"\n        class=\"pagination-dot\"\n        (click)=\"listComponent.goToPage(step)\"\n        [ngClass]=\"\n          listComponent.currentPage === step ? 'bg-primary' : 'bg-gray-400'\n        \"\n      ></button>\n    }\n  </div>\n}\n", styles: [".pagination-dot{width:6px;height:6px;border-radius:6px;position:relative;flex-shrink:0}.pagination-dot:after{content:\"\";position:absolute;left:-7px;top:-7px;width:20px;height:20px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], viewProviders: [
+            provideIcons({
+                iconoirNavArrowRight,
+                iconoirNavArrowLeft,
+            }),
+        ] }); }
 }
-/**
- * Same as parseConfigSection but handles an array of configs; this is
- * considered optional; returns null in case of error in at least one of
- * the sections
- */
-function parseMultiConfigSection(fullConfigObj, sectionName, mandatoryKeys, optionalKeys, outWarnings, outErrors) {
-    const sections = fullConfigObj[sectionName];
-    if (!sections) {
-        return [];
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PaginationDotsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-pagination-dots', standalone: true, imports: [CommonModule], viewProviders: [
+                        provideIcons({
+                            iconoirNavArrowRight,
+                            iconoirNavArrowLeft,
+                        }),
+                    ], template: "@if (listComponent.pagesCount > 1) {\n  <div\n    class=\"overflow-hidden flex flex-row justify-center gap-[14px] p-1\"\n    [ngClass]=\"containerClass\"\n  >\n    @for (step of steps; track step) {\n      <button\n        type=\"button\"\n        class=\"pagination-dot\"\n        (click)=\"listComponent.goToPage(step)\"\n        [ngClass]=\"\n          listComponent.currentPage === step ? 'bg-primary' : 'bg-gray-400'\n        \"\n      ></button>\n    }\n  </div>\n}\n", styles: [".pagination-dot{width:6px;height:6px;border-radius:6px;position:relative;flex-shrink:0}.pagination-dot:after{content:\"\";position:absolute;left:-7px;top:-7px;width:20px;height:20px}\n"] }]
+        }], propDecorators: { listComponent: [{
+                type: Input
+            }], containerClass: [{
+                type: Input
+            }] } });
+
+class CarouselComponent {
+    constructor() {
+        this.changeDetector = inject(ChangeDetectorRef);
+        this.containerClass = '';
+        this.stepsContainerClass = 'w-full bottom-0 top-auto';
+        this.currentStepChange = new EventEmitter();
+        this.steps = [];
+        this.currentStep = 0;
+        this.refreshSteps = () => {
+            this.steps = this.emblaApi.scrollSnapList();
+            this.currentStep = this.emblaApi.selectedScrollSnap();
+            this.currentStepChange.emit(this.currentStep);
+            this.changeDetector.detectChanges();
+        };
     }
-    if (!Array.isArray(sections)) {
-        outErrors.push(`Expected [[${sectionName}]] to be an array of sections.`);
-        return null;
+    // Paginable API
+    get isFirstPage() {
+        return this.currentStep === 0;
     }
-    const result = sections.map((section) => parseConfigSection({ [sectionName]: section }, sectionName, mandatoryKeys, optionalKeys, outWarnings, outErrors));
-    if (result.some((r) => r === null)) {
-        return null;
+    get isLastPage() {
+        return this.currentStep === this.steps.length - 1;
     }
-    return result;
-}
-function checkMetadataLanguage(parsedConfigSection, outWarnings) {
-    const lang2 = toLang2(parsedConfigSection.metadata_language.toLowerCase());
-    if (lang2?.length !== 2) {
-        outWarnings.push(`In the [global] section: metadata_language = "${parsedConfigSection.metadata_language}" is not a recognized ISO 639 language code`);
+    get currentPage() {
+        return this.currentStep + 1; // this is 1-based
     }
-    return parsedConfigSection;
-}
-function checkNewRecordDefaultLanguage(parsedConfigSection, outWarnings) {
-    const lang2 = toLang2(parsedConfigSection.new_record_default_language.toLowerCase());
-    if (!(lang2 in LANG_2_TO_3_MAPPER)) {
-        outWarnings.push(`In the [editing] section: new_record_default_language = "${parsedConfigSection.new_record_default_language}" is not a recognized ISO 639 language code`);
-        return {
-            ...parsedConfigSection,
-            new_record_default_language: undefined,
-        };
+    get pagesCount() {
+        return this.steps.length;
     }
-    return {
-        ...parsedConfigSection,
-        new_record_default_language: lang2,
-    };
-}
-function checkNewRecordStandard(parsedConfigSection, outWarnings) {
-    const standard = parsedConfigSection.new_record_standard;
-    const normalizedStandard = typeof standard === 'string' ? standard.trim().toLowerCase() : null;
-    if (normalizedStandard === 'iso19139' ||
-        normalizedStandard === 'iso19115-3') {
-        return {
-            ...parsedConfigSection,
-            new_record_standard: normalizedStandard,
-        };
+    goToPage(stepIndex) {
+        this.emblaApi.scrollTo(stepIndex - 1); // this is 0-based
     }
-    outWarnings.push(`In the [editing] section: new_record_standard = "${standard}" is not a supported metadata standard`);
-    return {
-        ...parsedConfigSection,
-        new_record_standard: undefined,
-    };
+    goToPrevPage() {
+        if (this.isFirstPage)
+            return;
+        this.emblaApi.scrollPrev();
+    }
+    goToNextPage() {
+        if (this.isLastPage)
+            return;
+        this.emblaApi.scrollNext();
+    }
+    ngAfterViewInit() {
+        this.emblaApi = EmblaCarousel(this.carouselOverflowContainer.nativeElement, {
+            duration: 15,
+        });
+        this.emblaApi
+            .on('init', this.refreshSteps)
+            .on('reInit', this.refreshSteps)
+            .on('select', this.refreshSteps);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: CarouselComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: CarouselComponent, isStandalone: true, selector: "gn-ui-carousel", inputs: { containerClass: "containerClass", stepsContainerClass: "stepsContainerClass" }, outputs: { currentStepChange: "currentStepChange" }, viewQueries: [{ propertyName: "carouselOverflowContainer", first: true, predicate: ["carouselOverflowContainer"], descendants: true }], ngImport: i0, template: "<div #carouselOverflowContainer class=\"w-full block\">\n  <div class=\"carousel-container flex\" [ngClass]=\"containerClass\">\n    <ng-content></ng-content>\n  </div>\n</div>\n<gn-ui-pagination-dots\n  [containerClass]=\"'absolute ' + stepsContainerClass\"\n  [listComponent]=\"this\"\n></gn-ui-pagination-dots>\n", styles: [":host{position:relative}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: PaginationDotsComponent, selector: "gn-ui-pagination-dots", inputs: ["listComponent", "containerClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: CarouselComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-carousel', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, PaginationDotsComponent], template: "<div #carouselOverflowContainer class=\"w-full block\">\n  <div class=\"carousel-container flex\" [ngClass]=\"containerClass\">\n    <ng-content></ng-content>\n  </div>\n</div>\n<gn-ui-pagination-dots\n  [containerClass]=\"'absolute ' + stepsContainerClass\"\n  [listComponent]=\"this\"\n></gn-ui-pagination-dots>\n", styles: [":host{position:relative}\n"] }]
+        }], propDecorators: { carouselOverflowContainer: [{
+                type: ViewChild,
+                args: ['carouselOverflowContainer']
+            }], containerClass: [{
+                type: Input
+            }], stepsContainerClass: [{
+                type: Input
+            }], currentStepChange: [{
+                type: Output
+            }] } });
 
-/**
- * This loader extends the default one based on JSON files but also loads custom translations
- * defined in the app configuration
- * Implements a fallback on default lang if translated labels are empty
- */
-class FileWithOverridesTranslateLoader extends FileTranslateLoader {
-    getTranslation(lang) {
-        const baseLang = lang.substring(0, 2); // removing the right part of e.g. en_EN
-        return super.getTranslation(baseLang).pipe(map$1((translations) => ({
-            ...translations,
-            ...getCustomTranslations(baseLang),
-        })));
+class ProgressBarComponent {
+    constructor() {
+        this.value = 0;
+        this.type = 'default';
+    }
+    get progress() {
+        return this.value > 0 ? (this.value < 100 ? this.value : 100) : 0;
+    }
+    get color() {
+        switch (this.type) {
+            case 'default':
+                return {
+                    outerBar: 'bg-gray-200',
+                    innerBar: 'bg-gray-100',
+                    text: 'text-gray-900',
+                };
+            case 'primary':
+                return {
+                    outerBar: 'bg-primary',
+                    innerBar: 'bg-primary-lighter',
+                    text: 'text-white',
+                };
+            case 'secondary':
+                return {
+                    outerBar: 'bg-secondary',
+                    innerBar: 'bg-secondary-lighter',
+                    text: 'text-white',
+                };
+            case 'light':
+                return {
+                    outerBar: 'bg-primary-white',
+                    innerBar: 'bg-primary',
+                    text: 'text-main',
+                };
+        }
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: ProgressBarComponent, isStandalone: true, selector: "gn-ui-progress-bar", inputs: { value: "value", type: "type" }, ngImport: i0, template: "@switch (type) {\n  <!-- Light Theme -->\n  @case ('light') {\n    <div class=\"flex items-center relative\">\n      <div\n        class=\"flex-shrink-0 {{ color.text }} font-medium mr-2\n             text-opacity-100 !text-slate-800\"\n        data-cy=\"progressPercentage\"\n      >\n        {{ progress }}%\n      </div>\n      <div class=\"flex-grow h-[4px] w-[52px] {{ color.outerBar }} rounded-full\">\n        <div\n          [style.width.%]=\"progress\"\n          class=\"{{ color.innerBar }} transition-width duration-500\n               ease-in-out rounded-full shadow-sm w-[52px] h-[4px]\"\n        ></div>\n      </div>\n    </div>\n  }\n  <!-- Default / Primary / Secondary Themes -->\n  @default {\n    <div class=\"flex h-full {{ color.outerBar }} rounded-t-lg rounded-b-lg\">\n      <div\n        [style.width.%]=\"progress\"\n        class=\"flex {{ color.innerBar }} my-1 mx-1 transition-width\n               duration-500 ease-in-out rounded-t-md rounded-b-md shadow-xl\"\n      >\n        <div\n          class=\"flex items-center pl-2 py-1 {{ color.text }} font-bold text-4\"\n        >\n          {{ progress }}%\n        </div>\n      </div>\n    </div>\n  }\n}\n", styles: [".font-bold{font-weight:var(--progress-bar-font-weight, \"bold\")}\n"] }); }
 }
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ProgressBarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-progress-bar', standalone: true, imports: [], template: "@switch (type) {\n  <!-- Light Theme -->\n  @case ('light') {\n    <div class=\"flex items-center relative\">\n      <div\n        class=\"flex-shrink-0 {{ color.text }} font-medium mr-2\n             text-opacity-100 !text-slate-800\"\n        data-cy=\"progressPercentage\"\n      >\n        {{ progress }}%\n      </div>\n      <div class=\"flex-grow h-[4px] w-[52px] {{ color.outerBar }} rounded-full\">\n        <div\n          [style.width.%]=\"progress\"\n          class=\"{{ color.innerBar }} transition-width duration-500\n               ease-in-out rounded-full shadow-sm w-[52px] h-[4px]\"\n        ></div>\n      </div>\n    </div>\n  }\n  <!-- Default / Primary / Secondary Themes -->\n  @default {\n    <div class=\"flex h-full {{ color.outerBar }} rounded-t-lg rounded-b-lg\">\n      <div\n        [style.width.%]=\"progress\"\n        class=\"flex {{ color.innerBar }} my-1 mx-1 transition-width\n               duration-500 ease-in-out rounded-t-md rounded-b-md shadow-xl\"\n      >\n        <div\n          class=\"flex items-center pl-2 py-1 {{ color.text }} font-bold text-4\"\n        >\n          {{ progress }}%\n        </div>\n      </div>\n    </div>\n  }\n}\n", styles: [".font-bold{font-weight:var(--progress-bar-font-weight, \"bold\")}\n"] }]
+        }], propDecorators: { value: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }] } });
 
-const MISSING_CONFIG_ERROR = `Application configuration was not initialized correctly.
-This error might show up in case of an invalid/malformed configuration file.
-
-Note: make sure that you have called \`loadAppConfig\` from '../../../../../libs/util/app-config/src' before starting the Angular application.`;
-let globalConfig = null;
-function getGlobalConfig() {
-    if (globalConfig === null)
-        throw new Error(MISSING_CONFIG_ERROR);
-    return globalConfig;
-}
-let themeConfig = null;
-function getThemeConfig() {
-    if (themeConfig === null)
-        throw new Error(MISSING_CONFIG_ERROR);
-    return themeConfig;
-}
-let mapConfig = null;
-function getOptionalMapConfig() {
-    return mapConfig;
-}
-let searchConfig = null;
-function getOptionalSearchConfig() {
-    return searchConfig;
-}
-let editorConfig = null;
-function getOptionalEditorConfig() {
-    return editorConfig;
-}
-let metadataQualityConfig = null;
-function getMetadataQualityConfig() {
-    return (metadataQualityConfig ||
-        {
-            ENABLED: false,
+class PopoverComponent {
+    constructor() {
+        this.viewContainerRef = inject(ViewContainerRef);
+        this.renderer = inject(Renderer2);
+    }
+    getContent() {
+        if (this.content instanceof TemplateRef) {
+            if (this.view) {
+                this.view.destroy();
+            }
+            this.view = this.viewContainerRef.createEmbeddedView(this.content);
+            this.view.detectChanges();
+            const wrapper = this.renderer.createElement('div'); // Create a wrapper div
+            this.view.rootNodes.forEach((node) => {
+                this.renderer.appendChild(wrapper, node); // Append each root node to the wrapper
+            });
+            return wrapper;
+        }
+        return this.content;
+    }
+    ngAfterViewInit() {
+        this.tippyInstance = tippy(this.popoverContent.nativeElement, {
+            content: this.getContent(),
+            allowHTML: true,
+            theme: this.theme,
         });
-}
-let customTranslations = null;
-function getCustomTranslations(langCode) {
-    if (customTranslations === null)
-        throw new Error(MISSING_CONFIG_ERROR);
-    return langCode in customTranslations ? customTranslations[langCode] : {};
-}
-let appConfigLoaded = false;
-function loadAppConfig(configUrl = 'assets/configuration/default.toml') {
-    console.log(`[geonetwork-ui] Loading application configuration from ${configUrl}`);
-    return fetch(configUrl)
-        .then((resp) => {
-        if (!resp.ok)
-            throw new Error('Configuration file could not be loaded');
-        return resp.text();
-    })
-        .then((conf) => {
-        let parsed;
-        try {
-            parsed = TOML.parse(conf, { joiner: '\n', bigint: false });
+    }
+    ngOnChanges(changes) {
+        if (changes['theme']) {
+            this.theme = changes['theme'].currentValue;
+            if (this.tippyInstance) {
+                this.tippyInstance.setProps({ theme: this.theme });
+            }
         }
-        catch (e) {
-            throw new Error(`An error occurred when parsing the configuration file: ${e.message}`);
+        if (changes['content']) {
+            this.content = changes['content'].currentValue;
+            if (this.tippyInstance) {
+                this.tippyInstance.setContent(this.getContent());
+            }
         }
-        const errors = [];
-        const warnings = [];
-        let parsedGlobalSection = parseConfigSection(parsed, 'global', ['geonetwork4_api_url'], [
-            'datahub_url',
-            'edit_url_template',
-            'proxy_path',
-            'metadata_language',
-            'login_url',
-            'logout_url',
-            'settings_url',
-            'web_component_embedder_url',
-            'languages',
-            'contact_email',
-            'reuse_form_url',
-        ], warnings, errors);
-        if (parsedGlobalSection?.metadata_language) {
-            parsedGlobalSection = checkMetadataLanguage(parsedGlobalSection, warnings);
+    }
+    ngOnDestroy() {
+        if (this.tippyInstance) {
+            this.tippyInstance.destroy();
         }
-        globalConfig =
-            parsedGlobalSection === null
-                ? null
-                : {
-                    GN4_API_URL: parsedGlobalSection.geonetwork4_api_url,
-                    DATAHUB_URL: parsedGlobalSection.datahub_url,
-                    EDIT_URL_TEMPLATE: parsedGlobalSection.edit_url_template,
-                    PROXY_PATH: parsedGlobalSection.proxy_path,
-                    METADATA_LANGUAGE: parsedGlobalSection.metadata_language
-                        ? parsedGlobalSection.metadata_language.toLowerCase()
-                        : undefined,
-                    LOGIN_URL: parsedGlobalSection.login_url,
-                    LOGOUT_URL: parsedGlobalSection.logout_url,
-                    SETTINGS_URL: parsedGlobalSection.settings_url,
-                    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', [], [
-            'max_zoom',
-            'do_not_tile_wms',
-            'max_extent',
-            'max_feature_count',
-            'baselayer',
-            'do_not_use_default_basemap',
-            'external_viewer_url_template',
-            'external_viewer_open_new_tab',
-        ], warnings, errors);
-        mapConfig =
-            parsedMapSection === null || parsedLayersSections === null
-                ? null
-                : {
-                    MAX_ZOOM: parsedMapSection.max_zoom,
-                    DO_NOT_TILE_WMS: parsedMapSection.do_not_tile_wms,
-                    MAX_EXTENT: parsedMapSection.max_extent,
-                    MAX_FEATURE_COUNT: parsedMapSection.max_feature_count,
-                    EXTERNAL_VIEWER_URL_TEMPLATE: parsedMapSection.external_viewer_url_template,
-                    EXTERNAL_VIEWER_OPEN_NEW_TAB: parsedMapSection.external_viewer_open_new_tab,
-                    DO_NOT_USE_DEFAULT_BASEMAP: !!parsedMapSection.do_not_use_default_basemap,
-                    MAP_LAYERS: parsedLayersSections.map((map_layer) => ({
-                        TYPE: map_layer.type,
-                        URL: map_layer.url,
-                        NAME: map_layer.name,
-                        DATA: map_layer.data,
-                        STYLE_URL: map_layer.styleUrl,
-                        ACCESS_TOKEN: map_layer.accessToken,
-                    })),
-                };
-        const parsedThemeSection = parseConfigSection(parsed, 'theme', ['primary_color', 'secondary_color', 'main_color', 'background_color'], [
-            'header_foreground_color',
-            'main_font',
-            'title_font',
-            'fonts_stylesheet_url',
-            'thumbnail_placeholder',
-            'header_background',
-            'favicon',
-        ], warnings, errors);
-        themeConfig =
-            parsedThemeSection === null
-                ? null
-                : {
-                    PRIMARY_COLOR: parsedThemeSection.primary_color,
-                    SECONDARY_COLOR: parsedThemeSection.secondary_color,
-                    MAIN_COLOR: parsedThemeSection.main_color,
-                    BACKGROUND_COLOR: parsedThemeSection.background_color,
-                    HEADER_FOREGROUND_COLOR: parsedThemeSection.header_foreground_color,
-                    THUMBNAIL_PLACEHOLDER: parsedThemeSection.thumbnail_placeholder,
-                    HEADER_BACKGROUND: parsedThemeSection.header_background,
-                    TITLE_FONT: parsedThemeSection.title_font,
-                    MAIN_FONT: parsedThemeSection.main_font,
-                    FONTS_STYLESHEET_URL: parsedThemeSection.fonts_stylesheet_url,
-                    FAVICON: parsedThemeSection.favicon,
-                };
-        const parsedSearchSection = parseConfigSection(parsed, 'search', [], [
-            'record_kind_quick_filter',
-            'filter_geometry_data',
-            'filter_geometry_url',
-            'do_not_use_default_search_preset',
-            'search_preset',
-            'advanced_filters',
-            'limit',
-            'spatial_extent_max_file_size',
-        ], warnings, errors);
-        const parsedSearchParams = parseMultiConfigSection(parsed, 'search_preset', ['name'], ['sort', 'filters'], warnings, errors);
-        searchConfig =
-            parsedSearchSection === null
-                ? null
-                : {
-                    RECORD_KIND_QUICK_FILTER: parsedSearchSection.record_kind_quick_filter,
-                    FILTER_GEOMETRY_DATA: parsedSearchSection.filter_geometry_data,
-                    FILTER_GEOMETRY_URL: parsedSearchSection.filter_geometry_url,
-                    DO_NOT_USE_DEFAULT_SEARCH_PRESET: !!parsedSearchSection.do_not_use_default_search_preset,
-                    SEARCH_PRESET: parsedSearchParams.map((param) => ({
-                        sort: param.sort,
-                        name: param.name,
-                        filters: param.filters,
-                    })),
-                    ADVANCED_FILTERS: parsedSearchSection.advanced_filters,
-                    LIMIT: parsedSearchSection.limit,
-                    SPATIAL_EXTENT_MAX_FILE_SIZE: parsedSearchSection.spatial_extent_max_file_size,
-                };
-        const parsedMetadataQualitySection = parseConfigSection(parsed, 'metadata-quality', [], ['enabled'], warnings, errors);
-        metadataQualityConfig =
-            parsedMetadataQualitySection === null
-                ? null
-                : {
-                    ENABLED: parsedMetadataQualitySection.enabled,
-                    SORTABLE: parsedMetadataQualitySection.sortable,
-                };
-        let parsedEditingSection = parseConfigSection(parsed, 'editing', [], ['new_record_default_language', 'new_record_standard'], warnings, errors);
-        if (parsedEditingSection !== null &&
-            parsedEditingSection.new_record_default_language !== undefined) {
-            parsedEditingSection = checkNewRecordDefaultLanguage(parsedEditingSection, warnings);
-        }
-        if (parsedEditingSection !== null &&
-            parsedEditingSection.new_record_standard !== undefined) {
-            parsedEditingSection = checkNewRecordStandard(parsedEditingSection, warnings);
-        }
-        editorConfig =
-            parsedEditingSection === null
-                ? null
-                : {
-                    NEW_RECORD_DEFAULT_LANGUAGE: parsedEditingSection.new_record_default_language,
-                    NEW_RECORD_STANDARD: parsedEditingSection.new_record_standard,
-                };
-        customTranslations = parseTranslationsConfigSection(parsed, 'translations');
-        if (errors.length) {
-            throw new Error(`One or more mandatory settings were missing from the configuration file.
-${errors.join('\n')}`);
-        }
-        else if (warnings.length) {
-            console.warn(`One or more unexpected settings were encountered in the configuration file.
-${warnings.join('\n')}`);
+        if (this.view) {
+            this.view.destroy();
         }
-        appConfigLoaded = true;
-    });
-}
-function isConfigLoaded() {
-    return appConfigLoaded;
-}
-function _reset() {
-    globalConfig = null;
-    themeConfig = null;
-    editorConfig = null;
-    customTranslations = null;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: PopoverComponent, isStandalone: true, selector: "gn-ui-popover", inputs: { content: "content", theme: "theme" }, viewQueries: [{ propertyName: "popoverContent", first: true, predicate: ["popoverContent"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<span #popoverContent>\n  <ng-content></ng-content>\n</span>\n", styles: [""] }); }
 }
-const TRANSLATE_WITH_OVERRIDES_CONFIG = {
-    compiler: {
-        provide: TranslateCompiler,
-        useClass: TranslateMessageFormatCompiler,
-    },
-    loader: [
-        {
-            provide: TRANSLATE_HTTP_LOADER_CONFIG,
-            useValue: {
-                prefix: './assets/i18n/',
-                suffix: '.json',
-            },
-        },
-        {
-            provide: TranslateLoader,
-            useClass: FileWithOverridesTranslateLoader,
-            deps: [HttpClient, TRANSLATE_HTTP_LOADER_CONFIG],
-        },
-    ],
-};
-
-const okAppConfigFixture = () => `
-[global]
-geonetwork4_api_url = "/geonetwork/srv/api"
-proxy_path = "/proxy/?url="
-metadata_language = "fre"
-login_url = "/cas/login?service="
-logout_url = "/geonetwork/signout"
-settings_url = "/geonetwork/settings"
-web_component_embedder_url = "/datahub/wc-embedder.html"
-
-[map]
-max_zoom = 10
-max_extent = [-418263.418776, 5251529.591305, 961272.067714, 6706890.609855]
-do_not_use_default_basemap = false
-external_viewer_url_template = 'https://example.com/myviewer?'
-external_viewer_open_new_tab = true
-[[map_layer]]
-type = "wms"
-url = "https://www.geo2france.fr/geoserver/cr_hdf/ows"
-name = "masque_hdf_ign_carto_latin1"
-[[map_layer]]
-type = "wfs"
-url = "https://www.geo2france.fr/geoserver/cr_hdf/ows"
-name = "masque_hdf_ign_carto_latin1"
-
-[theme]
-primary_color = "#093564"
-secondary_color = "#c2e9dc"
-main_color = "#212029" # All-purpose text color
-background_color = "#fdfbff"
-thumbnail_placeholder = 'assets/img/placeholder.svg'
-header_background = 'teal'
-header_foreground_color = "#872e2e"
-main_font = 'sans-serif'
-title_font = 'serif'
-fonts_stylesheet_url = "https://fonts.googleapis.com/css2?family=Open+Sans"
-
-[search]
-record_kind_quick_filter = false
-filter_geometry_url = 'https://my.domain.org/geom.json'
-do_not_use_default_search_preset = false
-advanced_filters = ['publicationYear', 'documentStandard', 'inspireKeyword', 'topic', 'license']
-
-[[search_preset]]
-sort = "-createDate"
-name = 'filterByOrgs'
-filters.q = 'Carto'
-filters.organisation = ['Org1', 'Org2']
-filters.format = ['ESRI Shapefile']
-filters.topic = ['boundaries']
-filters.publicationYear = ['2023', '2022']
-filters.spatial = ['yes']
-
-[translations.en]
-"my.first.key" = 'First label.'
-"my.second.key" = """
-Second label,
-on two lines."""
-
-[translations.de]
-my.first.key = 'Erste Etikett.'
-
-[translations.fr]
-my.sample.text = "Un bon exemple de texte."
-"my.quoted.text" = 'du texte entre guillements.'
-`;
-const appConfigWithTranslationFixture = () => okAppConfigFixture();
-const minimalAppConfigFixture = () => `
-[global]
-geonetwork4_api_url = "/geonetwork/srv/api"
-proxy_path = "/proxy/?url="
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PopoverComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-popover', standalone: true, imports: [], template: "<span #popoverContent>\n  <ng-content></ng-content>\n</span>\n" }]
+        }], propDecorators: { popoverContent: [{
+                type: ViewChild,
+                args: ['popoverContent', { static: false }]
+            }], content: [{
+                type: Input
+            }], theme: [{
+                type: Input
+            }] } });
 
-[theme]
-primary_color = "#093564"
-secondary_color = "#c2e9dc"
-main_color = "#212029" # All-purpose text color
-background_color = "#fdfbff"
-`;
-const mapConfigFixture = () => ({
-    MAX_ZOOM: 10,
-    MAX_EXTENT: [-418263.418776, 5251529.591305, 961272.067714, 6706890.609855],
-    DO_NOT_USE_DEFAULT_BASEMAP: false,
-    DO_NOT_TILE_WMS: false,
-    EXTERNAL_VIEWER_URL_TEMPLATE: 'https://example.com/myviewer/#/?actions=[{"type":"CATALOG:ADD_LAYERS_FROM_CATALOGS","layers":["${layer_name}"],"sources":[{"url":"${service_url}","type":"${service_type}"}]}]',
-    EXTERNAL_VIEWER_OPEN_NEW_TAB: true,
-    MAP_LAYERS: [
-        {
-            TYPE: 'xyz',
-            URL: 'https://some-basemap-server',
-        },
-        {
-            TYPE: 'wms',
-            URL: 'https://some-wms-server',
-            NAME: 'some_layername',
-        },
-        {
-            TYPE: 'wfs',
-            URL: 'https://some-wfs-server',
-            NAME: 'some_layername',
-        },
-    ],
-});
-const malformedConfigFixture = () => `
-{
-  "I thought": "we were still doing json"
+class LoadingMaskComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: LoadingMaskComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: LoadingMaskComponent, isStandalone: true, selector: "gn-ui-loading-mask", inputs: { message: "message" }, ngImport: i0, template: "<div class=\"h-full flex flex-col justify-center items-center relative backdrop\">\n  <div class=\"absolute background bg-white inset-0\"></div>\n  <mat-spinner [diameter]=\"28\" class=\"relative\"></mat-spinner>\n  <span class=\"text-sm text-gray-700 mt-3 relative\">{{ message }}</span>\n</div>\n", styles: ["::ng-deep .mat-spinner circle{stroke:var(--color-gray-700);opacity:.5}.backdrop{background-color:#fff6}@supports (-webkit-backdrop-filter: blur()) or (backdrop-filter: blur()){.backdrop{background-color:transparent;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.background{opacity:.7}\n"], dependencies: [{ kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-`;
-const missingMandatoryConfigFixture = () => `
-[theme]
-primary_color = "#093564"
-secondary_color = "#c2e9dc"
-background_color = "#fdfbff"
-main_font = 'sans-serif'
-`;
-const wrongLanguageCodeConfigFixture = () => `
-[global]
-geonetwork4_api_url = "/geonetwork/srv/api"
-proxy_path = "/proxy/?url="
-metadata_language = "abc"
-
-[map]
-
-[theme]
-primary_color = "#093564"
-secondary_color = "#c2e9dc"
-main_color = "#212029" # All-purpose text color
-background_color = "#fdfbff"
-`;
-const unrecognizedKeysConfigFixture = () => `
-[global]
-geonetwork4_api_url = "/geonetwork/srv/api"
-proxy_path = "/proxy/?url="
-metadata_language = "fre"
-another_path = '/whatever'
-
-[map]
-max_zoom = 10
-max_extent = [-418263.418776, 5251529.591305, 961272.067714, 6706890.609855]
-do_not_use_default_basemap = false
-external_viewer_url_template = 'https://example.com/myviewer?'
-external_viewer_open_new_tab = true
-another_zoom = 15
-[[map_layer]]
-type = "wms"
-url = "https://www.geo2france.fr/geoserver/cr_hdf/ows"
-name = "masque_hdf_ign_carto_latin1"
-[[map_layer]]
-type = "wfs"
-url = "https://www.geo2france.fr/geoserver/cr_hdf/ows"
-name = "masque_hdf_ign_carto_latin1"
-another_layer = "wrong layer definition"
-
-[theme]
-primary_color = "#093564"
-secondary_color = "#c2e9dc"
-main_color = "#212029" # All-purpose text color
-background_color = "#fdfbff"
-thumbnail_placeholder = 'assets/img/placeholder.svg'
-header_background = 'teal'
-header_foreground_color = "#872e2e"
-main_font = 'sans-serif'
-title_font = 'serif'
-another_color = 'red'
-`;
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: LoadingMaskComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-loading-mask', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatProgressSpinnerModule], standalone: true, template: "<div class=\"h-full flex flex-col justify-center items-center relative backdrop\">\n  <div class=\"absolute background bg-white inset-0\"></div>\n  <mat-spinner [diameter]=\"28\" class=\"relative\"></mat-spinner>\n  <span class=\"text-sm text-gray-700 mt-3 relative\">{{ message }}</span>\n</div>\n", styles: ["::ng-deep .mat-spinner circle{stroke:var(--color-gray-700);opacity:.5}.backdrop{background-color:#fff6}@supports (-webkit-backdrop-filter: blur()) or (backdrop-filter: blur()){.backdrop{background-color:transparent;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.background{opacity:.7}\n"] }]
+        }], propDecorators: { message: [{
+                type: Input
+            }] } });
 
-function getMapContextLayerFromConfig(config) {
-    switch (config.TYPE) {
-        case 'wms':
-            return {
-                type: 'wms',
-                url: config.URL,
-                name: config.NAME,
-            };
-        case 'wfs':
-            return {
-                type: 'wfs',
-                url: config.URL,
-                featureType: config.NAME,
-            };
-        case 'xyz':
-            return {
-                type: config.TYPE,
-                url: config.URL,
-            };
-        case 'geojson':
-            return {
-                type: config.TYPE,
-                ...(config.DATA ? { data: config.DATA } : { url: config.URL }),
-            };
-        case 'maplibre-style':
-            return {
-                type: config.TYPE,
-                styleUrl: config.STYLE_URL,
-                accessToken: config.ACCESS_TOKEN,
-            };
-    }
+class ColorScaleComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ColorScaleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: ColorScaleComponent, isStandalone: true, selector: "gn-ui-color-scale", ngImport: i0, template: "<div class=\"flex flex-row items-center\">\n  <div class=\"text-xs text-gray-700 font-bold m-2 w-32 text-right\">primary</div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-primary-black\"\n    title=\"primary-black\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-primary-darkest\"\n    title=\"primary-darkest\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-primary-darker\"\n    title=\"primary-darker\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-primary border-2 border-primary-darkest\"\n    title=\"primary\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-primary-lighter\"\n    title=\"primary-lighter\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-primary-lightest\"\n    title=\"primary-lightest\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-primary-white\"\n    title=\"primary-white\"\n  ></div>\n</div>\n<div class=\"flex flex-row\">\n  <div class=\"text-xs text-gray-700 font-bold m-2 w-32 text-right\">\n    secondary\n  </div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-secondary-black\"\n    title=\"secondary-black\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-secondary-darkest\"\n    title=\"secondary-darkest\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-secondary-darker\"\n    title=\"secondary-darker\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-secondary border-2 border-secondary-darkest\"\n    title=\"secondary\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-secondary-lighter\"\n    title=\"secondary-lighter\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-secondary-lightest\"\n    title=\"secondary-lightest\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-secondary-white\"\n    title=\"secondary-white\"\n  ></div>\n</div>\n<div class=\"flex flex-row\">\n  <div class=\"text-xs text-gray-700 font-bold m-2 w-32 text-right\">main</div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-main\" title=\"main\"></div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-gray-900\" title=\"gray-900\"></div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-gray-800\" title=\"gray-800\"></div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-gray-700\" title=\"gray-700\"></div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-gray-600\" title=\"gray-600\"></div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-gray-500\" title=\"gray-500\"></div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-gray-400\" title=\"gray-400\"></div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-gray-300\" title=\"gray-300\"></div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-gray-200\" title=\"gray-200\"></div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-gray-100\" title=\"gray-100\"></div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-gray-50\" title=\"gray-50\"></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-background\"\n    title=\"background\"\n  ></div>\n  <div class=\"text-xs text-gray-700 font-bold m-2 w-32\">background</div>\n</div>\n", styles: [""] }); }
 }
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ColorScaleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-color-scale', standalone: true, template: "<div class=\"flex flex-row items-center\">\n  <div class=\"text-xs text-gray-700 font-bold m-2 w-32 text-right\">primary</div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-primary-black\"\n    title=\"primary-black\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-primary-darkest\"\n    title=\"primary-darkest\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-primary-darker\"\n    title=\"primary-darker\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-primary border-2 border-primary-darkest\"\n    title=\"primary\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-primary-lighter\"\n    title=\"primary-lighter\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-primary-lightest\"\n    title=\"primary-lightest\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-primary-white\"\n    title=\"primary-white\"\n  ></div>\n</div>\n<div class=\"flex flex-row\">\n  <div class=\"text-xs text-gray-700 font-bold m-2 w-32 text-right\">\n    secondary\n  </div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-secondary-black\"\n    title=\"secondary-black\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-secondary-darkest\"\n    title=\"secondary-darkest\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-secondary-darker\"\n    title=\"secondary-darker\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-secondary border-2 border-secondary-darkest\"\n    title=\"secondary\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-secondary-lighter\"\n    title=\"secondary-lighter\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-secondary-lightest\"\n    title=\"secondary-lightest\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-secondary-white\"\n    title=\"secondary-white\"\n  ></div>\n</div>\n<div class=\"flex flex-row\">\n  <div class=\"text-xs text-gray-700 font-bold m-2 w-32 text-right\">main</div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-main\" title=\"main\"></div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-gray-900\" title=\"gray-900\"></div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-gray-800\" title=\"gray-800\"></div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-gray-700\" title=\"gray-700\"></div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-gray-600\" title=\"gray-600\"></div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-gray-500\" title=\"gray-500\"></div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-gray-400\" title=\"gray-400\"></div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-gray-300\" title=\"gray-300\"></div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-gray-200\" title=\"gray-200\"></div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-gray-100\" title=\"gray-100\"></div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-gray-50\" title=\"gray-50\"></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-background\"\n    title=\"background\"\n  ></div>\n  <div class=\"text-xs text-gray-700 font-bold m-2 w-32\">background</div>\n</div>\n" }]
+        }] });
 
-class MapStyleService {
+class PopupAlertComponent {
     constructor() {
-        this.styles = {
-            default: this.createStyleFunction(this.createGeometryStyles({
-                color: isConfigLoaded() ? getThemeConfig().PRIMARY_COLOR : 'blue',
-            })),
-            defaultHL: this.createStyleFunction(this.createGeometryStyles({
-                color: isConfigLoaded() ? getThemeConfig().SECONDARY_COLOR : 'red',
-                isFocused: true,
-            })),
-        };
+        this.changeDetector = inject(ChangeDetectorRef);
+        this.type = 'info';
+        this.position = 'top';
+        this.expanded = false;
+        this.timeout = null;
     }
-    createGeometryStyles(options) {
-        const { color, isFocused } = options;
-        const zIndex = isFocused ? 10 : undefined;
-        return {
-            polygon: new Style({
-                fill: new Fill({
-                    color: this.computeTransparentFillColor(color),
-                }),
-                stroke: new Stroke({
-                    color: 'white',
-                    width: 2,
-                }),
-                zIndex,
-            }),
-            point: new Style({
-                image: new CircleStyle({
-                    fill: new Fill({
-                        color,
-                    }),
-                    stroke: new Stroke({
-                        color: 'white',
-                        width: isFocused ? 3 : 2,
-                    }),
-                    radius: isFocused ? 8 : 7,
-                }),
-                zIndex,
-            }),
-            line: [
-                new Style({
-                    stroke: new Stroke({
-                        color: 'white',
-                        width: isFocused ? 8 : 6,
-                    }),
-                    zIndex,
-                }),
-                new Style({
-                    stroke: new Stroke({
-                        color,
-                        width: isFocused ? 3 : 2,
-                    }),
-                    zIndex,
-                }),
-            ],
-        };
+    get showDuration() {
+        const chars = this.content.nativeElement.innerHTML.length;
+        return Math.max(3000, chars * 20);
     }
-    createStyleFunction(styleByGeometryType) {
-        return (feature) => {
-            const geometryType = feature?.getGeometry()?.getType();
-            switch (geometryType) {
-                case 'LinearRing':
-                case 'LineString':
-                case 'MultiLineString':
-                    return styleByGeometryType.line;
-                case 'Point':
-                case 'MultiPoint':
-                    return styleByGeometryType.point;
-                case 'Circle':
-                case 'Polygon':
-                case 'MultiPolygon':
-                    return styleByGeometryType.polygon;
-                default:
-                    return styleByGeometryType.point;
-            }
-        };
+    ngOnInit() {
+        this.expandAndClose();
+    }
+    expand() {
+        this.expanded = true;
+        this.changeDetector.detectChanges();
+        clearTimeout(this.timeout);
     }
-    computeTransparentFillColor(color, alpha = 0.25) {
-        return chroma(color).alpha(alpha).css();
+    expandAndClose() {
+        this.expanded = true;
+        this.changeDetector.detectChanges();
+        clearTimeout(this.timeout);
+        this.timeout = setTimeout(() => {
+            this.expanded = false;
+            this.changeDetector.detectChanges();
+        }, this.showDuration);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MapStyleService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MapStyleService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PopupAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: PopupAlertComponent, isStandalone: true, selector: "gn-ui-popup-alert", inputs: { icon: "icon", type: "type", position: "position" }, providers: [
+            provideIcons({ matErrorOutlineOutline }),
+            provideNgIconsConfig({
+                size: '1.5em',
+            }),
+        ], viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true }], ngImport: i0, template: "<div class=\"h-full relative container\">\n  <div\n    class=\"pointer-events-auto absolute text-white flex flex-row p-2 rounded message\"\n    role=\"alert\"\n    [ngClass]=\"{\n      'position-bottom': position === 'bottom',\n      'position-top': position === 'top',\n      expanded: this.expanded,\n      'bg-red-500': type === 'danger',\n      'bg-yellow-500': type === 'warning',\n      'bg-blue-500': type === 'info',\n    }\"\n    (mouseenter)=\"expand()\"\n    (mouseleave)=\"expandAndClose()\"\n  >\n    <ng-icon class=\"mr-2 shrink-0 select-none\" [name]=\"icon\"></ng-icon>\n    <div class=\"grow\" #content [ngClass]=\"{ invisible: !expanded }\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n", styles: [":host{pointer-events:none}.container{filter:drop-shadow(0px 4px 3px rgba(0,0,0,.2))}.message{transition:clip-path .3s cubic-bezier(.25,.46,.45,.94)}.message.expanded{clip-path:circle(100%)}.position-top{clip-path:circle(19px at 20px 20px);align-items:start;top:0;left:0}.position-bottom{clip-path:circle(19px at 20px calc(100% - 20px));align-items:end;bottom:0;left:0}.container ::ng-deep a{text-decoration:underline;font-weight:700}.container ::ng-deep a:hover{opacity:.85}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MapStyleService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PopupAlertComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-popup-alert', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, NgIconComponent], providers: [
+                        provideIcons({ matErrorOutlineOutline }),
+                        provideNgIconsConfig({
+                            size: '1.5em',
+                        }),
+                    ], template: "<div class=\"h-full relative container\">\n  <div\n    class=\"pointer-events-auto absolute text-white flex flex-row p-2 rounded message\"\n    role=\"alert\"\n    [ngClass]=\"{\n      'position-bottom': position === 'bottom',\n      'position-top': position === 'top',\n      expanded: this.expanded,\n      'bg-red-500': type === 'danger',\n      'bg-yellow-500': type === 'warning',\n      'bg-blue-500': type === 'info',\n    }\"\n    (mouseenter)=\"expand()\"\n    (mouseleave)=\"expandAndClose()\"\n  >\n    <ng-icon class=\"mr-2 shrink-0 select-none\" [name]=\"icon\"></ng-icon>\n    <div class=\"grow\" #content [ngClass]=\"{ invisible: !expanded }\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n", styles: [":host{pointer-events:none}.container{filter:drop-shadow(0px 4px 3px rgba(0,0,0,.2))}.message{transition:clip-path .3s cubic-bezier(.25,.46,.45,.94)}.message.expanded{clip-path:circle(100%)}.position-top{clip-path:circle(19px at 20px 20px);align-items:start;top:0;left:0}.position-bottom{clip-path:circle(19px at 20px calc(100% - 20px));align-items:end;bottom:0;left:0}.container ::ng-deep a{text-decoration:underline;font-weight:700}.container ::ng-deep a:hover{opacity:.85}\n"] }]
+        }], propDecorators: { icon: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], position: [{
+                type: Input
+            }], content: [{
+                type: ViewChild,
+                args: ['content']
+            }] } });
 
-const colorPrimary = 'blue';
-const colorSecondary = 'red';
-const colorStroke = 'white';
-const defaultMapStyleFixture = () => new Style({
-    image: new Circle({
-        fill: new Fill({
-            color: colorPrimary,
-        }),
-        stroke: new Stroke({
-            color: colorStroke,
-            width: 2,
-        }),
-        radius: 5,
-    }),
-    fill: new Fill({
-        color: 'rgba(0,0,255,0.25)',
-    }),
-    stroke: new Stroke({
-        color: colorStroke,
-        width: 2,
-    }),
-});
-const defaultMapStyleHlFixture = () => new Style({
-    image: new Circle({
-        fill: new Fill({
-            color: colorSecondary,
-        }),
-        stroke: new Stroke({
-            color: colorStroke,
-            width: 3,
-        }),
-        radius: 6,
-    }),
-    fill: new Fill({
-        color: 'rgba(255,0,0,0.25)',
-    }),
-    stroke: new Stroke({
-        color: colorSecondary,
-        width: 3,
-    }),
-});
+class SpinningLoaderComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: SpinningLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: SpinningLoaderComponent, isStandalone: true, selector: "gn-ui-spinning-loader", ngImport: i0, template: "<span>\n  <svg\n    class=\"animate-spin\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    fill=\"none\"\n    viewBox=\"0 0 24 24\"\n  >\n    <circle\n      class=\"opacity-25\"\n      cx=\"12\"\n      cy=\"12\"\n      r=\"10\"\n      stroke=\"currentColor\"\n      stroke-width=\"4\"\n    ></circle>\n    <path\n      class=\"opacity-75\"\n      fill=\"currentColor\"\n      d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n    ></path>\n  </svg>\n</span>\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: SpinningLoaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-spinning-loader', standalone: true, template: "<span>\n  <svg\n    class=\"animate-spin\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    fill=\"none\"\n    viewBox=\"0 0 24 24\"\n  >\n    <circle\n      class=\"opacity-25\"\n      cx=\"12\"\n      cy=\"12\"\n      r=\"10\"\n      stroke=\"currentColor\"\n      stroke-width=\"4\"\n    ></circle>\n    <path\n      class=\"opacity-75\"\n      fill=\"currentColor\"\n      d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n    ></path>\n  </svg>\n</span>\n" }]
+        }] });
 
-class AnchorLinkDirective {
+class ButtonComponent {
     constructor() {
-        this.changeDetector = inject(ChangeDetectorRef);
+        this.btnClass = 'gn-ui-btn-default';
         this.disabled = false;
-        this.observer = new MutationObserver(() => {
-            this.refreshDisabledState();
-        });
-        this.inView = false;
-        this.initialized = false;
+        this.extraClass = '';
+        this.buttonClick = new EventEmitter();
     }
-    get elementClass() {
-        if (this.disabled) {
-            return this.disabledClass;
-        }
-        if (this.inView) {
-            return `${this.inViewClass} ${this.enabledClass}`;
-        }
-        else {
-            return `${this.outOfViewClass} ${this.enabledClass}`;
-        }
-    }
-    ngOnInit() {
-        this.observer.observe(document.body, {
-            childList: true,
-            subtree: true,
-        });
-        this.refreshDisabledState();
-    }
-    ngAfterViewChecked() {
-        if (!this.initialized && !this.disabled) {
-            const target = document.getElementById(this.targetId);
-            if (target) {
-                this.initializeIntersectionObserver(target);
-                this.initialized = true;
-            }
-        }
-    }
-    initializeIntersectionObserver(target) {
-        this.intersectionObserver = new IntersectionObserver((entries) => {
-            entries.forEach((entry) => {
-                this.inView = entry.isIntersecting;
-                this.changeDetector.detectChanges();
-            });
-        }, {
-            root: null,
-            rootMargin: '-30% 0% -60% 0%',
-        });
-        this.intersectionObserver.observe(target);
-    }
-    ngOnDestroy() {
-        this.observer.disconnect();
-        if (this.intersectionObserver) {
-            this.intersectionObserver.disconnect();
-        }
-    }
-    refreshDisabledState() {
-        const targetNotPresent = !document.getElementById(this.targetId);
-        if (targetNotPresent !== this.disabled) {
-            this.disabled = targetNotPresent;
-            this.changeDetector.detectChanges();
-        }
-    }
-    scrollToTarget() {
-        const target = document.getElementById(this.targetId);
-        if (!target)
-            return;
-        target.scrollIntoView({
-            behavior: 'smooth',
-            block: 'start',
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: AnchorLinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.19", type: AnchorLinkDirective, isStandalone: true, selector: "[gnUiAnchorLink]", inputs: { targetId: ["gnUiAnchorLink", "targetId"], disabledClass: ["gnUiAnchorLinkDisabledClass", "disabledClass"], enabledClass: ["gnUiAnchorLinkEnabledClass", "enabledClass"], inViewClass: ["gnUiAnchorLinkInViewClass", "inViewClass"], outOfViewClass: ["gnUiAnchorLinkOutOfViewClass", "outOfViewClass"] }, host: { listeners: { "click": "scrollToTarget()" }, properties: { "class": "this.elementClass" } }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: AnchorLinkDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[gnUiAnchorLink]',
-                    standalone: true,
-                }]
-        }], propDecorators: { targetId: [{
-                type: Input,
-                args: ['gnUiAnchorLink']
-            }], disabledClass: [{
-                type: Input,
-                args: ['gnUiAnchorLinkDisabledClass']
-            }], enabledClass: [{
-                type: Input,
-                args: ['gnUiAnchorLinkEnabledClass']
-            }], inViewClass: [{
-                type: Input,
-                args: ['gnUiAnchorLinkInViewClass']
-            }], outOfViewClass: [{
-                type: Input,
-                args: ['gnUiAnchorLinkOutOfViewClass']
-            }], elementClass: [{
-                type: HostBinding,
-                args: ['class']
-            }], scrollToTarget: [{
-                type: HostListener,
-                args: ['click']
-            }] } });
-
-class PaginationDotsComponent {
-    constructor() {
-        this.containerClass = '';
-    }
-    // 1-based
-    get steps() {
-        return Array.from({ length: this.listComponent.pagesCount }, (_, i) => i + 1);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PaginationDotsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: PaginationDotsComponent, isStandalone: true, selector: "gn-ui-pagination-dots", inputs: { listComponent: "listComponent", containerClass: "containerClass" }, ngImport: i0, template: "@if (listComponent.pagesCount > 1) {\n  <div\n    class=\"overflow-hidden flex flex-row justify-center gap-[14px] p-1\"\n    [ngClass]=\"containerClass\"\n  >\n    @for (step of steps; track step) {\n      <button\n        type=\"button\"\n        class=\"pagination-dot\"\n        (click)=\"listComponent.goToPage(step)\"\n        [ngClass]=\"\n          listComponent.currentPage === step ? 'bg-primary' : 'bg-gray-400'\n        \"\n      ></button>\n    }\n  </div>\n}\n", styles: [".pagination-dot{width:6px;height:6px;border-radius:6px;position:relative;flex-shrink:0}.pagination-dot:after{content:\"\";position:absolute;left:-7px;top:-7px;width:20px;height:20px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], viewProviders: [
-            provideIcons({
-                iconoirNavArrowRight,
-                iconoirNavArrowLeft,
-            }),
-        ] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PaginationDotsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gn-ui-pagination-dots', standalone: true, imports: [CommonModule], viewProviders: [
-                        provideIcons({
-                            iconoirNavArrowRight,
-                            iconoirNavArrowLeft,
-                        }),
-                    ], template: "@if (listComponent.pagesCount > 1) {\n  <div\n    class=\"overflow-hidden flex flex-row justify-center gap-[14px] p-1\"\n    [ngClass]=\"containerClass\"\n  >\n    @for (step of steps; track step) {\n      <button\n        type=\"button\"\n        class=\"pagination-dot\"\n        (click)=\"listComponent.goToPage(step)\"\n        [ngClass]=\"\n          listComponent.currentPage === step ? 'bg-primary' : 'bg-gray-400'\n        \"\n      ></button>\n    }\n  </div>\n}\n", styles: [".pagination-dot{width:6px;height:6px;border-radius:6px;position:relative;flex-shrink:0}.pagination-dot:after{content:\"\";position:absolute;left:-7px;top:-7px;width:20px;height:20px}\n"] }]
-        }], propDecorators: { listComponent: [{
-                type: Input
-            }], containerClass: [{
-                type: Input
-            }] } });
-
-class CarouselComponent {
-    constructor() {
-        this.changeDetector = inject(ChangeDetectorRef);
-        this.containerClass = '';
-        this.stepsContainerClass = 'w-full bottom-0 top-auto';
-        this.currentStepChange = new EventEmitter();
-        this.steps = [];
-        this.currentStep = 0;
-        this.refreshSteps = () => {
-            this.steps = this.emblaApi.scrollSnapList();
-            this.currentStep = this.emblaApi.selectedScrollSnap();
-            this.currentStepChange.emit(this.currentStep);
-            this.changeDetector.detectChanges();
-        };
-    }
-    // Paginable API
-    get isFirstPage() {
-        return this.currentStep === 0;
-    }
-    get isLastPage() {
-        return this.currentStep === this.steps.length - 1;
-    }
-    get currentPage() {
-        return this.currentStep + 1; // this is 1-based
-    }
-    get pagesCount() {
-        return this.steps.length;
-    }
-    goToPage(stepIndex) {
-        this.emblaApi.scrollTo(stepIndex - 1); // this is 0-based
-    }
-    goToPrevPage() {
-        if (this.isFirstPage)
-            return;
-        this.emblaApi.scrollPrev();
-    }
-    goToNextPage() {
-        if (this.isLastPage)
-            return;
-        this.emblaApi.scrollNext();
-    }
-    ngAfterViewInit() {
-        this.emblaApi = EmblaCarousel(this.carouselOverflowContainer.nativeElement, {
-            duration: 15,
-        });
-        this.emblaApi
-            .on('init', this.refreshSteps)
-            .on('reInit', this.refreshSteps)
-            .on('select', this.refreshSteps);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: CarouselComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: CarouselComponent, isStandalone: true, selector: "gn-ui-carousel", inputs: { containerClass: "containerClass", stepsContainerClass: "stepsContainerClass" }, outputs: { currentStepChange: "currentStepChange" }, viewQueries: [{ propertyName: "carouselOverflowContainer", first: true, predicate: ["carouselOverflowContainer"], descendants: true }], ngImport: i0, template: "<div #carouselOverflowContainer class=\"w-full block\">\n  <div class=\"carousel-container flex\" [ngClass]=\"containerClass\">\n    <ng-content></ng-content>\n  </div>\n</div>\n<gn-ui-pagination-dots\n  [containerClass]=\"'absolute ' + stepsContainerClass\"\n  [listComponent]=\"this\"\n></gn-ui-pagination-dots>\n", styles: [":host{position:relative}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: PaginationDotsComponent, selector: "gn-ui-pagination-dots", inputs: ["listComponent", "containerClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: CarouselComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gn-ui-carousel', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, PaginationDotsComponent], template: "<div #carouselOverflowContainer class=\"w-full block\">\n  <div class=\"carousel-container flex\" [ngClass]=\"containerClass\">\n    <ng-content></ng-content>\n  </div>\n</div>\n<gn-ui-pagination-dots\n  [containerClass]=\"'absolute ' + stepsContainerClass\"\n  [listComponent]=\"this\"\n></gn-ui-pagination-dots>\n", styles: [":host{position:relative}\n"] }]
-        }], propDecorators: { carouselOverflowContainer: [{
-                type: ViewChild,
-                args: ['carouselOverflowContainer']
-            }], containerClass: [{
-                type: Input
-            }], stepsContainerClass: [{
-                type: Input
-            }], currentStepChange: [{
-                type: Output
-            }] } });
-
-class ProgressBarComponent {
-    constructor() {
-        this.value = 0;
-        this.type = 'default';
-    }
-    get progress() {
-        return this.value > 0 ? (this.value < 100 ? this.value : 100) : 0;
-    }
-    get color() {
-        switch (this.type) {
-            case 'default':
-                return {
-                    outerBar: 'bg-gray-200',
-                    innerBar: 'bg-gray-100',
-                    text: 'text-gray-900',
-                };
-            case 'primary':
-                return {
-                    outerBar: 'bg-primary',
-                    innerBar: 'bg-primary-lighter',
-                    text: 'text-white',
-                };
-            case 'secondary':
-                return {
-                    outerBar: 'bg-secondary',
-                    innerBar: 'bg-secondary-lighter',
-                    text: 'text-white',
-                };
-            case 'light':
-                return {
-                    outerBar: 'bg-primary-white',
-                    innerBar: 'bg-primary',
-                    text: 'text-main',
-                };
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: ProgressBarComponent, isStandalone: true, selector: "gn-ui-progress-bar", inputs: { value: "value", type: "type" }, ngImport: i0, template: "@switch (type) {\n  <!-- Light Theme -->\n  @case ('light') {\n    <div class=\"flex items-center relative\">\n      <div\n        class=\"flex-shrink-0 {{ color.text }} font-medium mr-2\n             text-opacity-100 !text-slate-800\"\n        data-cy=\"progressPercentage\"\n      >\n        {{ progress }}%\n      </div>\n      <div class=\"flex-grow h-[4px] w-[52px] {{ color.outerBar }} rounded-full\">\n        <div\n          [style.width.%]=\"progress\"\n          class=\"{{ color.innerBar }} transition-width duration-500\n               ease-in-out rounded-full shadow-sm w-[52px] h-[4px]\"\n        ></div>\n      </div>\n    </div>\n  }\n  <!-- Default / Primary / Secondary Themes -->\n  @default {\n    <div class=\"flex h-full {{ color.outerBar }} rounded-t-lg rounded-b-lg\">\n      <div\n        [style.width.%]=\"progress\"\n        class=\"flex {{ color.innerBar }} my-1 mx-1 transition-width\n               duration-500 ease-in-out rounded-t-md rounded-b-md shadow-xl\"\n      >\n        <div\n          class=\"flex items-center pl-2 py-1 {{ color.text }} font-bold text-4\"\n        >\n          {{ progress }}%\n        </div>\n      </div>\n    </div>\n  }\n}\n", styles: [".font-bold{font-weight:var(--progress-bar-font-weight, \"bold\")}\n"] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ProgressBarComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gn-ui-progress-bar', standalone: true, imports: [], template: "@switch (type) {\n  <!-- Light Theme -->\n  @case ('light') {\n    <div class=\"flex items-center relative\">\n      <div\n        class=\"flex-shrink-0 {{ color.text }} font-medium mr-2\n             text-opacity-100 !text-slate-800\"\n        data-cy=\"progressPercentage\"\n      >\n        {{ progress }}%\n      </div>\n      <div class=\"flex-grow h-[4px] w-[52px] {{ color.outerBar }} rounded-full\">\n        <div\n          [style.width.%]=\"progress\"\n          class=\"{{ color.innerBar }} transition-width duration-500\n               ease-in-out rounded-full shadow-sm w-[52px] h-[4px]\"\n        ></div>\n      </div>\n    </div>\n  }\n  <!-- Default / Primary / Secondary Themes -->\n  @default {\n    <div class=\"flex h-full {{ color.outerBar }} rounded-t-lg rounded-b-lg\">\n      <div\n        [style.width.%]=\"progress\"\n        class=\"flex {{ color.innerBar }} my-1 mx-1 transition-width\n               duration-500 ease-in-out rounded-t-md rounded-b-md shadow-xl\"\n      >\n        <div\n          class=\"flex items-center pl-2 py-1 {{ color.text }} font-bold text-4\"\n        >\n          {{ progress }}%\n        </div>\n      </div>\n    </div>\n  }\n}\n", styles: [".font-bold{font-weight:var(--progress-bar-font-weight, \"bold\")}\n"] }]
-        }], propDecorators: { value: [{
-                type: Input
-            }], type: [{
-                type: Input
-            }] } });
-
-class PopoverComponent {
-    constructor() {
-        this.viewContainerRef = inject(ViewContainerRef);
-        this.renderer = inject(Renderer2);
-    }
-    getContent() {
-        if (this.content instanceof TemplateRef) {
-            if (this.view) {
-                this.view.destroy();
-            }
-            this.view = this.viewContainerRef.createEmbeddedView(this.content);
-            this.view.detectChanges();
-            const wrapper = this.renderer.createElement('div'); // Create a wrapper div
-            this.view.rootNodes.forEach((node) => {
-                this.renderer.appendChild(wrapper, node); // Append each root node to the wrapper
-            });
-            return wrapper;
-        }
-        return this.content;
-    }
-    ngAfterViewInit() {
-        this.tippyInstance = tippy(this.popoverContent.nativeElement, {
-            content: this.getContent(),
-            allowHTML: true,
-            theme: this.theme,
-        });
-    }
-    ngOnChanges(changes) {
-        if (changes['theme']) {
-            this.theme = changes['theme'].currentValue;
-            if (this.tippyInstance) {
-                this.tippyInstance.setProps({ theme: this.theme });
-            }
-        }
-        if (changes['content']) {
-            this.content = changes['content'].currentValue;
-            if (this.tippyInstance) {
-                this.tippyInstance.setContent(this.getContent());
-            }
-        }
-    }
-    ngOnDestroy() {
-        if (this.tippyInstance) {
-            this.tippyInstance.destroy();
-        }
-        if (this.view) {
-            this.view.destroy();
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: PopoverComponent, isStandalone: true, selector: "gn-ui-popover", inputs: { content: "content", theme: "theme" }, viewQueries: [{ propertyName: "popoverContent", first: true, predicate: ["popoverContent"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<span #popoverContent>\n  <ng-content></ng-content>\n</span>\n", styles: [""] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PopoverComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gn-ui-popover', standalone: true, imports: [], template: "<span #popoverContent>\n  <ng-content></ng-content>\n</span>\n" }]
-        }], propDecorators: { popoverContent: [{
-                type: ViewChild,
-                args: ['popoverContent', { static: false }]
-            }], content: [{
-                type: Input
-            }], theme: [{
-                type: Input
-            }] } });
-
-class LoadingMaskComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: LoadingMaskComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: LoadingMaskComponent, isStandalone: true, selector: "gn-ui-loading-mask", inputs: { message: "message" }, ngImport: i0, template: "<div class=\"h-full flex flex-col justify-center items-center relative backdrop\">\n  <div class=\"absolute background bg-white inset-0\"></div>\n  <mat-spinner [diameter]=\"28\" class=\"relative\"></mat-spinner>\n  <span class=\"text-sm text-gray-700 mt-3 relative\">{{ message }}</span>\n</div>\n", styles: ["::ng-deep .mat-spinner circle{stroke:var(--color-gray-700);opacity:.5}.backdrop{background-color:#fff6}@supports (-webkit-backdrop-filter: blur()) or (backdrop-filter: blur()){.backdrop{background-color:transparent;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.background{opacity:.7}\n"], dependencies: [{ kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: LoadingMaskComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gn-ui-loading-mask', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatProgressSpinnerModule], standalone: true, template: "<div class=\"h-full flex flex-col justify-center items-center relative backdrop\">\n  <div class=\"absolute background bg-white inset-0\"></div>\n  <mat-spinner [diameter]=\"28\" class=\"relative\"></mat-spinner>\n  <span class=\"text-sm text-gray-700 mt-3 relative\">{{ message }}</span>\n</div>\n", styles: ["::ng-deep .mat-spinner circle{stroke:var(--color-gray-700);opacity:.5}.backdrop{background-color:#fff6}@supports (-webkit-backdrop-filter: blur()) or (backdrop-filter: blur()){.backdrop{background-color:transparent;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.background{opacity:.7}\n"] }]
-        }], propDecorators: { message: [{
-                type: Input
-            }] } });
-
-class ColorScaleComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ColorScaleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: ColorScaleComponent, isStandalone: true, selector: "gn-ui-color-scale", ngImport: i0, template: "<div class=\"flex flex-row items-center\">\n  <div class=\"text-xs text-gray-700 font-bold m-2 w-32 text-right\">primary</div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-primary-black\"\n    title=\"primary-black\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-primary-darkest\"\n    title=\"primary-darkest\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-primary-darker\"\n    title=\"primary-darker\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-primary border-2 border-primary-darkest\"\n    title=\"primary\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-primary-lighter\"\n    title=\"primary-lighter\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-primary-lightest\"\n    title=\"primary-lightest\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-primary-white\"\n    title=\"primary-white\"\n  ></div>\n</div>\n<div class=\"flex flex-row\">\n  <div class=\"text-xs text-gray-700 font-bold m-2 w-32 text-right\">\n    secondary\n  </div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-secondary-black\"\n    title=\"secondary-black\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-secondary-darkest\"\n    title=\"secondary-darkest\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-secondary-darker\"\n    title=\"secondary-darker\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-secondary border-2 border-secondary-darkest\"\n    title=\"secondary\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-secondary-lighter\"\n    title=\"secondary-lighter\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-secondary-lightest\"\n    title=\"secondary-lightest\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-secondary-white\"\n    title=\"secondary-white\"\n  ></div>\n</div>\n<div class=\"flex flex-row\">\n  <div class=\"text-xs text-gray-700 font-bold m-2 w-32 text-right\">main</div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-main\" title=\"main\"></div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-gray-900\" title=\"gray-900\"></div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-gray-800\" title=\"gray-800\"></div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-gray-700\" title=\"gray-700\"></div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-gray-600\" title=\"gray-600\"></div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-gray-500\" title=\"gray-500\"></div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-gray-400\" title=\"gray-400\"></div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-gray-300\" title=\"gray-300\"></div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-gray-200\" title=\"gray-200\"></div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-gray-100\" title=\"gray-100\"></div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-gray-50\" title=\"gray-50\"></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-background\"\n    title=\"background\"\n  ></div>\n  <div class=\"text-xs text-gray-700 font-bold m-2 w-32\">background</div>\n</div>\n", styles: [""] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ColorScaleComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gn-ui-color-scale', standalone: true, template: "<div class=\"flex flex-row items-center\">\n  <div class=\"text-xs text-gray-700 font-bold m-2 w-32 text-right\">primary</div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-primary-black\"\n    title=\"primary-black\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-primary-darkest\"\n    title=\"primary-darkest\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-primary-darker\"\n    title=\"primary-darker\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-primary border-2 border-primary-darkest\"\n    title=\"primary\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-primary-lighter\"\n    title=\"primary-lighter\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-primary-lightest\"\n    title=\"primary-lightest\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-primary-white\"\n    title=\"primary-white\"\n  ></div>\n</div>\n<div class=\"flex flex-row\">\n  <div class=\"text-xs text-gray-700 font-bold m-2 w-32 text-right\">\n    secondary\n  </div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-secondary-black\"\n    title=\"secondary-black\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-secondary-darkest\"\n    title=\"secondary-darkest\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-secondary-darker\"\n    title=\"secondary-darker\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-secondary border-2 border-secondary-darkest\"\n    title=\"secondary\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-secondary-lighter\"\n    title=\"secondary-lighter\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-secondary-lightest\"\n    title=\"secondary-lightest\"\n  ></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-secondary-white\"\n    title=\"secondary-white\"\n  ></div>\n</div>\n<div class=\"flex flex-row\">\n  <div class=\"text-xs text-gray-700 font-bold m-2 w-32 text-right\">main</div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-main\" title=\"main\"></div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-gray-900\" title=\"gray-900\"></div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-gray-800\" title=\"gray-800\"></div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-gray-700\" title=\"gray-700\"></div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-gray-600\" title=\"gray-600\"></div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-gray-500\" title=\"gray-500\"></div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-gray-400\" title=\"gray-400\"></div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-gray-300\" title=\"gray-300\"></div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-gray-200\" title=\"gray-200\"></div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-gray-100\" title=\"gray-100\"></div>\n  <div class=\"shadow-md rounded w-6 h-6 m-2 bg-gray-50\" title=\"gray-50\"></div>\n  <div\n    class=\"shadow-md rounded w-6 h-6 m-2 bg-background\"\n    title=\"background\"\n  ></div>\n  <div class=\"text-xs text-gray-700 font-bold m-2 w-32\">background</div>\n</div>\n" }]
-        }] });
-
-class PopupAlertComponent {
-    constructor() {
-        this.changeDetector = inject(ChangeDetectorRef);
-        this.type = 'info';
-        this.position = 'top';
-        this.expanded = false;
-        this.timeout = null;
-    }
-    get showDuration() {
-        const chars = this.content.nativeElement.innerHTML.length;
-        return Math.max(3000, chars * 20);
-    }
-    ngOnInit() {
-        this.expandAndClose();
-    }
-    expand() {
-        this.expanded = true;
-        this.changeDetector.detectChanges();
-        clearTimeout(this.timeout);
-    }
-    expandAndClose() {
-        this.expanded = true;
-        this.changeDetector.detectChanges();
-        clearTimeout(this.timeout);
-        this.timeout = setTimeout(() => {
-            this.expanded = false;
-            this.changeDetector.detectChanges();
-        }, this.showDuration);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PopupAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: PopupAlertComponent, isStandalone: true, selector: "gn-ui-popup-alert", inputs: { icon: "icon", type: "type", position: "position" }, providers: [
-            provideIcons({ matErrorOutlineOutline }),
-            provideNgIconsConfig({
-                size: '1.5em',
-            }),
-        ], viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true }], ngImport: i0, template: "<div class=\"h-full relative container\">\n  <div\n    class=\"pointer-events-auto absolute text-white flex flex-row p-2 rounded message\"\n    role=\"alert\"\n    [ngClass]=\"{\n      'position-bottom': position === 'bottom',\n      'position-top': position === 'top',\n      expanded: this.expanded,\n      'bg-red-500': type === 'danger',\n      'bg-yellow-500': type === 'warning',\n      'bg-blue-500': type === 'info',\n    }\"\n    (mouseenter)=\"expand()\"\n    (mouseleave)=\"expandAndClose()\"\n  >\n    <ng-icon class=\"mr-2 shrink-0 select-none\" [name]=\"icon\"></ng-icon>\n    <div class=\"grow\" #content [ngClass]=\"{ invisible: !expanded }\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n", styles: [":host{pointer-events:none}.container{filter:drop-shadow(0px 4px 3px rgba(0,0,0,.2))}.message{transition:clip-path .3s cubic-bezier(.25,.46,.45,.94)}.message.expanded{clip-path:circle(100%)}.position-top{clip-path:circle(19px at 20px 20px);align-items:start;top:0;left:0}.position-bottom{clip-path:circle(19px at 20px calc(100% - 20px));align-items:end;bottom:0;left:0}.container ::ng-deep a{text-decoration:underline;font-weight:700}.container ::ng-deep a:hover{opacity:.85}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PopupAlertComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gn-ui-popup-alert', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, NgIconComponent], providers: [
-                        provideIcons({ matErrorOutlineOutline }),
-                        provideNgIconsConfig({
-                            size: '1.5em',
-                        }),
-                    ], template: "<div class=\"h-full relative container\">\n  <div\n    class=\"pointer-events-auto absolute text-white flex flex-row p-2 rounded message\"\n    role=\"alert\"\n    [ngClass]=\"{\n      'position-bottom': position === 'bottom',\n      'position-top': position === 'top',\n      expanded: this.expanded,\n      'bg-red-500': type === 'danger',\n      'bg-yellow-500': type === 'warning',\n      'bg-blue-500': type === 'info',\n    }\"\n    (mouseenter)=\"expand()\"\n    (mouseleave)=\"expandAndClose()\"\n  >\n    <ng-icon class=\"mr-2 shrink-0 select-none\" [name]=\"icon\"></ng-icon>\n    <div class=\"grow\" #content [ngClass]=\"{ invisible: !expanded }\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n", styles: [":host{pointer-events:none}.container{filter:drop-shadow(0px 4px 3px rgba(0,0,0,.2))}.message{transition:clip-path .3s cubic-bezier(.25,.46,.45,.94)}.message.expanded{clip-path:circle(100%)}.position-top{clip-path:circle(19px at 20px 20px);align-items:start;top:0;left:0}.position-bottom{clip-path:circle(19px at 20px calc(100% - 20px));align-items:end;bottom:0;left:0}.container ::ng-deep a{text-decoration:underline;font-weight:700}.container ::ng-deep a:hover{opacity:.85}\n"] }]
-        }], propDecorators: { icon: [{
-                type: Input
-            }], type: [{
-                type: Input
-            }], position: [{
-                type: Input
-            }], content: [{
-                type: ViewChild,
-                args: ['content']
-            }] } });
-
-class SpinningLoaderComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: SpinningLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: SpinningLoaderComponent, isStandalone: true, selector: "gn-ui-spinning-loader", ngImport: i0, template: "<span>\n  <svg\n    class=\"animate-spin\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    fill=\"none\"\n    viewBox=\"0 0 24 24\"\n  >\n    <circle\n      class=\"opacity-25\"\n      cx=\"12\"\n      cy=\"12\"\n      r=\"10\"\n      stroke=\"currentColor\"\n      stroke-width=\"4\"\n    ></circle>\n    <path\n      class=\"opacity-75\"\n      fill=\"currentColor\"\n      d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n    ></path>\n  </svg>\n</span>\n", styles: [""] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: SpinningLoaderComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gn-ui-spinning-loader', standalone: true, template: "<span>\n  <svg\n    class=\"animate-spin\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    fill=\"none\"\n    viewBox=\"0 0 24 24\"\n  >\n    <circle\n      class=\"opacity-25\"\n      cx=\"12\"\n      cy=\"12\"\n      r=\"10\"\n      stroke=\"currentColor\"\n      stroke-width=\"4\"\n    ></circle>\n    <path\n      class=\"opacity-75\"\n      fill=\"currentColor\"\n      d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n    ></path>\n  </svg>\n</span>\n" }]
-        }] });
-
-class ButtonComponent {
-    constructor() {
-        this.btnClass = 'gn-ui-btn-default';
-        this.disabled = false;
-        this.extraClass = '';
-        this.buttonClick = new EventEmitter();
-    }
-    set type(value) {
-        // btn-classes are written in full to be picked up by tailwind
-        switch (value) {
-            case 'primary':
-                this.btnClass = 'gn-ui-btn-primary';
-                break;
-            case 'secondary':
-                this.btnClass = 'gn-ui-btn-secondary';
-                break;
-            case 'outline':
-                this.btnClass = 'gn-ui-btn-outline';
-                break;
-            case 'light':
-                this.btnClass = 'gn-ui-btn-light';
-                break;
-            case 'gray':
-                this.btnClass = 'gn-ui-btn-gray';
-                break;
-            case 'gray-light':
-                this.btnClass = 'gn-ui-btn-gray-light';
-                break;
-            case 'black':
-                this.btnClass = 'gn-ui-btn-black';
-                break;
-            case 'primary-light':
-                this.btnClass = 'gn-ui-btn-primary-light';
-                break;
-            case 'default':
-            default:
-                this.btnClass = 'gn-ui-btn-default';
-                break;
+    set type(value) {
+        // btn-classes are written in full to be picked up by tailwind
+        switch (value) {
+            case 'primary':
+                this.btnClass = 'gn-ui-btn-primary';
+                break;
+            case 'secondary':
+                this.btnClass = 'gn-ui-btn-secondary';
+                break;
+            case 'outline':
+                this.btnClass = 'gn-ui-btn-outline';
+                break;
+            case 'light':
+                this.btnClass = 'gn-ui-btn-light';
+                break;
+            case 'gray':
+                this.btnClass = 'gn-ui-btn-gray';
+                break;
+            case 'gray-light':
+                this.btnClass = 'gn-ui-btn-gray-light';
+                break;
+            case 'black':
+                this.btnClass = 'gn-ui-btn-black';
+                break;
+            case 'primary-light':
+                this.btnClass = 'gn-ui-btn-primary-light';
+                break;
+            case 'default':
+            default:
+                this.btnClass = 'gn-ui-btn-default';
+                break;
         }
     }
     get classList() {
@@ -24306,15 +23654,15 @@ class AutocompleteComponent {
     getExtraClass() {
         if (this.allowSubmit) {
             if (this.enterButton) {
-                return 'border rounded-lg absolute w-8 h-8 right-[calc(var(--icon-width)+var(--icon-padding))] inset-y-[--icon-padding]';
+                return 'border rounded-lg absolute w-8 h-8 right-[calc(var(--icon-width)+var(--icon-padding))] top-1/2 -translate-y-1/2';
             }
             else {
-                return 'border rounded-lg absolute w-8 h-8 right-[calc(var(--icon-width)+0.25*var(--icon-width))] inset-y-[calc(0.25*var(--icon-width))]';
+                return 'border rounded-lg absolute w-8 h-8 right-[calc(var(--icon-width)+0.25*var(--icon-width))] top-1/2 -translate-y-1/2';
             }
         }
         else {
             if (!this.enterButton) {
-                return 'border rounded-lg absolute w-8 h-8 right-2 inset-y-2';
+                return 'border rounded-lg absolute w-8 h-8 right-2 top-1/2 -translate-y-1/2';
             }
         }
         return 'border rounded-lg absolute w-8 h-8';
@@ -24459,7 +23807,7 @@ class AutocompleteComponent {
             provideNgIconsConfig({
                 size: '1.75rem',
             }),
-        ], viewQueries: [{ propertyName: "triggerRef", first: true, predicate: MatAutocompleteTrigger, descendants: true }, { propertyName: "autocomplete", first: true, predicate: MatAutocomplete, descendants: true }, { propertyName: "inputRef", first: true, predicate: ["searchInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<span class=\"w-full inline-block relative\">\n  @if (!allowSubmit) {\n    <div\n      class=\"absolute inset-y-[--icon-padding] left-[--icon-padding] w-[--icon-width] pointer-events-none\"\n    >\n      <ng-icon name=\"iconoirSearch\" class=\"text-primary search\"></ng-icon>\n    </div>\n  }\n  <div class=\"flex flex-row\">\n    <input\n      #searchInput\n      type=\"text\"\n      class=\"gn-ui-text-input\"\n      (input)=\"handleInput($event)\"\n      [placeholder]=\"placeholder\"\n      [formControl]=\"control\"\n      [matAutocomplete]=\"auto\"\n      (keyup.enter)=\"handleSearch()\"\n      [ngClass]=\"{\n        'text-primary': searchActive && enterButton,\n        'text-gray-900': !searchActive,\n        'px-[--icon-width]': !allowSubmit,\n      }\"\n    />\n    @if (searchInput.value && displayEnterBtn) {\n      <gn-ui-button\n        type=\"gray\"\n        extraClass=\"w-32 h-8 !opacity-100\"\n        [ngStyle]=\"{ left: enterBtnPosition + 'px' }\"\n        class=\"absolute\"\n        disabled=\"true\"\n      >\n        <ng-icon\n          name=\"iconoirLongArrowDownLeft\"\n          class=\"!w-4 text-gray-900 font-bold\"\n        ></ng-icon>\n        <span translate class=\"text-bold text-gray-900 font-bold\">\n          Enter to search\n        </span>\n      </gn-ui-button>\n    }\n  </div>\n  @if (searchInput.value) {\n    <gn-ui-button\n      type=\"primary\"\n      [extraClass]=\"getExtraClass()\"\n      data-test=\"clear-btn\"\n      aria-label=\"Clear\"\n      (buttonClick)=\"clear()\"\n    >\n      <ng-icon class=\"text-white\" name=\"matClose\"></ng-icon>\n    </gn-ui-button>\n  }\n  @if (allowSubmit) {\n    <gn-ui-button\n      type=\"light\"\n      extraClass=\"border-0 border-l-[1px] border-gray-300 hover:border-gray-500 text-primary hover:text-primary-darkest focus:text-primary-darkest absolute inset-y-[--icon-padding] right-[--icon-padding]\"\n      aria-label=\"Trigger search\"\n      data-test=\"autocomplete-submit-btn\"\n      (buttonClick)=\"handleSearch()\"\n    >\n      <ng-icon name=\"iconoirSearch\"></ng-icon>\n    </gn-ui-button>\n  }\n\n  @if (error) {\n    <gn-ui-popup-alert\n      class=\"absolute mt-2 w-full top-[100%] left-0\"\n      icon=\"matErrorOutlineOutline\"\n      position=\"top\"\n      type=\"warning\"\n    >\n      <span translate>search.autocomplete.error</span>\n      {{ error }}\n    </gn-ui-popup-alert>\n  }\n</span>\n\n<mat-autocomplete\n  #auto=\"matAutocomplete\"\n  (optionSelected)=\"handleSelection($event)\"\n  [displayWith]=\"displayWithFnInternal\"\n>\n  @for (suggestion of suggestions$ | async; track suggestion) {\n    <mat-option [value]=\"suggestion\" class=\"p-2 suggestion text-start\">\n      @if (displayWithTemplate) {\n        <ng-container\n          *ngTemplateOutlet=\"\n            displayWithTemplate;\n            context: { $implicit: suggestion }\n          \"\n        ></ng-container>\n      } @else {\n        {{ displayWithFnInternal(suggestion) }}\n      }\n    </mat-option>\n  }\n</mat-autocomplete>\n", styles: ["span{--icon-padding: var(--gn-ui-text-input-border-size, 2px);--icon-width: calc(var(--gn-ui-text-input-padding, .6em) * 2 + 1.25em)}span>*:not(gn-ui-popup-alert){font-size:var(--gn-ui-text-input-font-size, 1em)}input:placeholder-shown{text-overflow:ellipsis}gn-ui-button{--gn-ui-button-rounded: 0;--gn-ui-button-width: var(--icon-width);--gn-ui-button-padding: 0;font-size:1em}ng-icon.search{margin-top:.6rem;margin-left:.6rem}gn-ui-button:last-of-type{--gn-ui-button-rounded: 0 var(--gn-ui-text-input-rounded, .25em) var(--gn-ui-text-input-rounded, .25em) 0}.mat-mdc-option.suggestion.mat-mdc-option-active{background-color:var(--color-primary-lightest)}\n"], dependencies: [{ kind: "component", type: PopupAlertComponent, selector: "gn-ui-popup-alert", inputs: ["icon", "type", "position"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i1$2.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i1$2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i1$2.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], viewQueries: [{ propertyName: "triggerRef", first: true, predicate: MatAutocompleteTrigger, descendants: true }, { propertyName: "autocomplete", first: true, predicate: MatAutocomplete, descendants: true }, { propertyName: "inputRef", first: true, predicate: ["searchInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<span class=\"w-full inline-block relative\">\n  @if (!allowSubmit) {\n    <div\n      class=\"absolute inset-y-[--icon-padding] left-[--icon-padding] w-[--icon-width] pointer-events-none flex items-center justify-center\"\n    >\n      <ng-icon name=\"iconoirSearch\" class=\"text-primary\"></ng-icon>\n    </div>\n  }\n  <div class=\"flex flex-row\">\n    <input\n      #searchInput\n      type=\"text\"\n      class=\"gn-ui-text-input\"\n      (input)=\"handleInput($event)\"\n      [placeholder]=\"placeholder\"\n      [formControl]=\"control\"\n      [matAutocomplete]=\"auto\"\n      (keyup.enter)=\"handleSearch()\"\n      [ngClass]=\"{\n        'text-primary': searchActive && enterButton,\n        'text-gray-900': !searchActive,\n        'px-[--icon-width]': !allowSubmit,\n      }\"\n    />\n    @if (searchInput.value && displayEnterBtn) {\n      <gn-ui-button\n        type=\"gray\"\n        extraClass=\"w-32 h-8 !opacity-100\"\n        [ngStyle]=\"{ left: enterBtnPosition + 'px' }\"\n        class=\"absolute\"\n        disabled=\"true\"\n      >\n        <ng-icon\n          name=\"iconoirLongArrowDownLeft\"\n          class=\"!w-4 text-gray-900 font-bold\"\n        ></ng-icon>\n        <span translate class=\"text-bold text-gray-900 font-bold\">\n          Enter to search\n        </span>\n      </gn-ui-button>\n    }\n  </div>\n  @if (searchInput.value) {\n    <gn-ui-button\n      type=\"primary\"\n      [extraClass]=\"getExtraClass()\"\n      data-test=\"clear-btn\"\n      aria-label=\"Clear\"\n      (buttonClick)=\"clear()\"\n    >\n      <ng-icon class=\"text-white\" name=\"matClose\"></ng-icon>\n    </gn-ui-button>\n  }\n  @if (allowSubmit) {\n    <gn-ui-button\n      type=\"light\"\n      extraClass=\"border-0 border-l-[1px] border-gray-300 hover:border-gray-500 text-primary hover:text-primary-darkest focus:text-primary-darkest absolute inset-y-[--icon-padding] right-[--icon-padding]\"\n      aria-label=\"Trigger search\"\n      data-test=\"autocomplete-submit-btn\"\n      (buttonClick)=\"handleSearch()\"\n    >\n      <ng-icon name=\"iconoirSearch\"></ng-icon>\n    </gn-ui-button>\n  }\n\n  @if (error) {\n    <gn-ui-popup-alert\n      class=\"absolute mt-2 w-full top-[100%] left-0\"\n      icon=\"matErrorOutlineOutline\"\n      position=\"top\"\n      type=\"warning\"\n    >\n      <span translate>search.autocomplete.error</span>\n      {{ error }}\n    </gn-ui-popup-alert>\n  }\n</span>\n\n<mat-autocomplete\n  #auto=\"matAutocomplete\"\n  (optionSelected)=\"handleSelection($event)\"\n  [displayWith]=\"displayWithFnInternal\"\n>\n  @for (suggestion of suggestions$ | async; track suggestion) {\n    <mat-option [value]=\"suggestion\" class=\"p-2 suggestion text-start\">\n      @if (displayWithTemplate) {\n        <ng-container\n          *ngTemplateOutlet=\"\n            displayWithTemplate;\n            context: { $implicit: suggestion }\n          \"\n        ></ng-container>\n      } @else {\n        {{ displayWithFnInternal(suggestion) }}\n      }\n    </mat-option>\n  }\n</mat-autocomplete>\n", styles: ["span{--icon-padding: var(--gn-ui-text-input-border-size, 2px);--icon-width: calc(var(--gn-ui-text-input-padding, .6em) * 2 + 1.25em)}span>*:not(gn-ui-popup-alert){font-size:var(--gn-ui-text-input-font-size, 1em)}input:placeholder-shown{text-overflow:ellipsis}gn-ui-button{--gn-ui-button-rounded: 0;--gn-ui-button-width: var(--icon-width);--gn-ui-button-padding: 0;font-size:1em}gn-ui-button:last-of-type{--gn-ui-button-rounded: 0 var(--gn-ui-text-input-rounded, .25em) var(--gn-ui-text-input-rounded, .25em) 0}.mat-mdc-option.suggestion.mat-mdc-option-active{background-color:var(--color-primary-lightest)}\n"], dependencies: [{ kind: "component", type: PopupAlertComponent, selector: "gn-ui-popup-alert", inputs: ["icon", "type", "position"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i1$2.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i1$2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i1$2.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: AutocompleteComponent, decorators: [{
             type: Component,
@@ -24480,7 +23828,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
                         provideNgIconsConfig({
                             size: '1.75rem',
                         }),
-                    ], template: "<span class=\"w-full inline-block relative\">\n  @if (!allowSubmit) {\n    <div\n      class=\"absolute inset-y-[--icon-padding] left-[--icon-padding] w-[--icon-width] pointer-events-none\"\n    >\n      <ng-icon name=\"iconoirSearch\" class=\"text-primary search\"></ng-icon>\n    </div>\n  }\n  <div class=\"flex flex-row\">\n    <input\n      #searchInput\n      type=\"text\"\n      class=\"gn-ui-text-input\"\n      (input)=\"handleInput($event)\"\n      [placeholder]=\"placeholder\"\n      [formControl]=\"control\"\n      [matAutocomplete]=\"auto\"\n      (keyup.enter)=\"handleSearch()\"\n      [ngClass]=\"{\n        'text-primary': searchActive && enterButton,\n        'text-gray-900': !searchActive,\n        'px-[--icon-width]': !allowSubmit,\n      }\"\n    />\n    @if (searchInput.value && displayEnterBtn) {\n      <gn-ui-button\n        type=\"gray\"\n        extraClass=\"w-32 h-8 !opacity-100\"\n        [ngStyle]=\"{ left: enterBtnPosition + 'px' }\"\n        class=\"absolute\"\n        disabled=\"true\"\n      >\n        <ng-icon\n          name=\"iconoirLongArrowDownLeft\"\n          class=\"!w-4 text-gray-900 font-bold\"\n        ></ng-icon>\n        <span translate class=\"text-bold text-gray-900 font-bold\">\n          Enter to search\n        </span>\n      </gn-ui-button>\n    }\n  </div>\n  @if (searchInput.value) {\n    <gn-ui-button\n      type=\"primary\"\n      [extraClass]=\"getExtraClass()\"\n      data-test=\"clear-btn\"\n      aria-label=\"Clear\"\n      (buttonClick)=\"clear()\"\n    >\n      <ng-icon class=\"text-white\" name=\"matClose\"></ng-icon>\n    </gn-ui-button>\n  }\n  @if (allowSubmit) {\n    <gn-ui-button\n      type=\"light\"\n      extraClass=\"border-0 border-l-[1px] border-gray-300 hover:border-gray-500 text-primary hover:text-primary-darkest focus:text-primary-darkest absolute inset-y-[--icon-padding] right-[--icon-padding]\"\n      aria-label=\"Trigger search\"\n      data-test=\"autocomplete-submit-btn\"\n      (buttonClick)=\"handleSearch()\"\n    >\n      <ng-icon name=\"iconoirSearch\"></ng-icon>\n    </gn-ui-button>\n  }\n\n  @if (error) {\n    <gn-ui-popup-alert\n      class=\"absolute mt-2 w-full top-[100%] left-0\"\n      icon=\"matErrorOutlineOutline\"\n      position=\"top\"\n      type=\"warning\"\n    >\n      <span translate>search.autocomplete.error</span>\n      {{ error }}\n    </gn-ui-popup-alert>\n  }\n</span>\n\n<mat-autocomplete\n  #auto=\"matAutocomplete\"\n  (optionSelected)=\"handleSelection($event)\"\n  [displayWith]=\"displayWithFnInternal\"\n>\n  @for (suggestion of suggestions$ | async; track suggestion) {\n    <mat-option [value]=\"suggestion\" class=\"p-2 suggestion text-start\">\n      @if (displayWithTemplate) {\n        <ng-container\n          *ngTemplateOutlet=\"\n            displayWithTemplate;\n            context: { $implicit: suggestion }\n          \"\n        ></ng-container>\n      } @else {\n        {{ displayWithFnInternal(suggestion) }}\n      }\n    </mat-option>\n  }\n</mat-autocomplete>\n", styles: ["span{--icon-padding: var(--gn-ui-text-input-border-size, 2px);--icon-width: calc(var(--gn-ui-text-input-padding, .6em) * 2 + 1.25em)}span>*:not(gn-ui-popup-alert){font-size:var(--gn-ui-text-input-font-size, 1em)}input:placeholder-shown{text-overflow:ellipsis}gn-ui-button{--gn-ui-button-rounded: 0;--gn-ui-button-width: var(--icon-width);--gn-ui-button-padding: 0;font-size:1em}ng-icon.search{margin-top:.6rem;margin-left:.6rem}gn-ui-button:last-of-type{--gn-ui-button-rounded: 0 var(--gn-ui-text-input-rounded, .25em) var(--gn-ui-text-input-rounded, .25em) 0}.mat-mdc-option.suggestion.mat-mdc-option-active{background-color:var(--color-primary-lightest)}\n"] }]
+                    ], template: "<span class=\"w-full inline-block relative\">\n  @if (!allowSubmit) {\n    <div\n      class=\"absolute inset-y-[--icon-padding] left-[--icon-padding] w-[--icon-width] pointer-events-none flex items-center justify-center\"\n    >\n      <ng-icon name=\"iconoirSearch\" class=\"text-primary\"></ng-icon>\n    </div>\n  }\n  <div class=\"flex flex-row\">\n    <input\n      #searchInput\n      type=\"text\"\n      class=\"gn-ui-text-input\"\n      (input)=\"handleInput($event)\"\n      [placeholder]=\"placeholder\"\n      [formControl]=\"control\"\n      [matAutocomplete]=\"auto\"\n      (keyup.enter)=\"handleSearch()\"\n      [ngClass]=\"{\n        'text-primary': searchActive && enterButton,\n        'text-gray-900': !searchActive,\n        'px-[--icon-width]': !allowSubmit,\n      }\"\n    />\n    @if (searchInput.value && displayEnterBtn) {\n      <gn-ui-button\n        type=\"gray\"\n        extraClass=\"w-32 h-8 !opacity-100\"\n        [ngStyle]=\"{ left: enterBtnPosition + 'px' }\"\n        class=\"absolute\"\n        disabled=\"true\"\n      >\n        <ng-icon\n          name=\"iconoirLongArrowDownLeft\"\n          class=\"!w-4 text-gray-900 font-bold\"\n        ></ng-icon>\n        <span translate class=\"text-bold text-gray-900 font-bold\">\n          Enter to search\n        </span>\n      </gn-ui-button>\n    }\n  </div>\n  @if (searchInput.value) {\n    <gn-ui-button\n      type=\"primary\"\n      [extraClass]=\"getExtraClass()\"\n      data-test=\"clear-btn\"\n      aria-label=\"Clear\"\n      (buttonClick)=\"clear()\"\n    >\n      <ng-icon class=\"text-white\" name=\"matClose\"></ng-icon>\n    </gn-ui-button>\n  }\n  @if (allowSubmit) {\n    <gn-ui-button\n      type=\"light\"\n      extraClass=\"border-0 border-l-[1px] border-gray-300 hover:border-gray-500 text-primary hover:text-primary-darkest focus:text-primary-darkest absolute inset-y-[--icon-padding] right-[--icon-padding]\"\n      aria-label=\"Trigger search\"\n      data-test=\"autocomplete-submit-btn\"\n      (buttonClick)=\"handleSearch()\"\n    >\n      <ng-icon name=\"iconoirSearch\"></ng-icon>\n    </gn-ui-button>\n  }\n\n  @if (error) {\n    <gn-ui-popup-alert\n      class=\"absolute mt-2 w-full top-[100%] left-0\"\n      icon=\"matErrorOutlineOutline\"\n      position=\"top\"\n      type=\"warning\"\n    >\n      <span translate>search.autocomplete.error</span>\n      {{ error }}\n    </gn-ui-popup-alert>\n  }\n</span>\n\n<mat-autocomplete\n  #auto=\"matAutocomplete\"\n  (optionSelected)=\"handleSelection($event)\"\n  [displayWith]=\"displayWithFnInternal\"\n>\n  @for (suggestion of suggestions$ | async; track suggestion) {\n    <mat-option [value]=\"suggestion\" class=\"p-2 suggestion text-start\">\n      @if (displayWithTemplate) {\n        <ng-container\n          *ngTemplateOutlet=\"\n            displayWithTemplate;\n            context: { $implicit: suggestion }\n          \"\n        ></ng-container>\n      } @else {\n        {{ displayWithFnInternal(suggestion) }}\n      }\n    </mat-option>\n  }\n</mat-autocomplete>\n", styles: ["span{--icon-padding: var(--gn-ui-text-input-border-size, 2px);--icon-width: calc(var(--gn-ui-text-input-padding, .6em) * 2 + 1.25em)}span>*:not(gn-ui-popup-alert){font-size:var(--gn-ui-text-input-font-size, 1em)}input:placeholder-shown{text-overflow:ellipsis}gn-ui-button{--gn-ui-button-rounded: 0;--gn-ui-button-width: var(--icon-width);--gn-ui-button-padding: 0;font-size:1em}gn-ui-button:last-of-type{--gn-ui-button-rounded: 0 var(--gn-ui-text-input-rounded, .25em) var(--gn-ui-text-input-rounded, .25em) 0}.mat-mdc-option.suggestion.mat-mdc-option-active{background-color:var(--color-primary-lightest)}\n"] }]
         }], propDecorators: { placeholder: [{
                 type: Input
             }], enterButton: [{
@@ -25956,7 +25304,8 @@ class SearchFeatureCatalogComponent {
                 const filtered = (this.featureCatalog?.featureTypes || []).filter((featureType) => {
                     const fuzzyFilter = createFuzzyFilter(searchTerm);
                     return (fuzzyFilter(featureType.name) ||
-                        (featureType.definition && fuzzyFilter(featureType.definition)));
+                        (featureType.description &&
+                            fuzzyFilter(featureType.description)));
                 });
                 this.filteredFeatureCatalog = {
                     ...this.featureCatalog,
@@ -26044,6 +25393,8 @@ marker('search.filters.spatialExtent.error.title');
 marker('search.filters.spatialExtent.error.outOfBounds');
 const LABEL_FROM_FILE = marker('search.filters.spatialExtent.bboxFromFile');
 const LABEL_FROM_FILE_DELETE = marker('search.filters.spatialExtent.bboxFromFileDelete');
+const LABEL_FROM_LOCATION = marker('search.filters.spatialExtent.bboxFromLocation');
+const LABEL_FROM_LOCATION_DELETE = marker('search.filters.spatialExtent.bboxFromLocationDelete');
 const LABEL_INITIAL = marker('search.filters.spatialExtent.bboxInitial');
 const LABEL_INITIAL_DELETE = marker('search.filters.spatialExtent.bboxInitialDelete');
 class SpatialExtentDropdownComponent {
@@ -26055,6 +25406,7 @@ class SpatialExtentDropdownComponent {
         this.errorChange = new EventEmitter();
         this.bbox = null;
         this.fileName = '';
+        this.locationName = '';
         this.overlayPositions = [
             {
                 originX: 'start',
@@ -26085,13 +25437,21 @@ class SpatialExtentDropdownComponent {
         return !!this.bbox;
     }
     get selectionLabelKey() {
-        return this.fileName ? LABEL_FROM_FILE : LABEL_INITIAL;
+        if (this.fileName)
+            return LABEL_FROM_FILE;
+        if (this.locationName)
+            return LABEL_FROM_LOCATION;
+        return LABEL_INITIAL;
     }
     get selectionDeleteLabelKey() {
-        return this.fileName ? LABEL_FROM_FILE_DELETE : LABEL_INITIAL_DELETE;
+        if (this.fileName)
+            return LABEL_FROM_FILE_DELETE;
+        if (this.locationName)
+            return LABEL_FROM_LOCATION_DELETE;
+        return LABEL_INITIAL_DELETE;
     }
     get selectionLabelParams() {
-        return { fileName: this.fileName };
+        return { fileName: this.fileName, locationName: this.locationName };
     }
     openOverlay() {
         this.overlayMinWidth =
@@ -26128,6 +25488,7 @@ class SpatialExtentDropdownComponent {
             }
             this.bbox = bbox;
             this.fileName = file.name;
+            this.locationName = '';
             this.bboxChange.emit(bbox);
             this.cd.markForCheck();
         }
@@ -26136,6 +25497,15 @@ class SpatialExtentDropdownComponent {
             return;
         }
     }
+    setLocationBbox(bbox, name) {
+        this.errorKey = null;
+        this.bbox = bbox;
+        this.locationName = name;
+        this.fileName = '';
+        this.fileInput?.clear();
+        this.bboxChange.emit(bbox);
+        this.cd.markForCheck();
+    }
     handleFileError(error) {
         if (error === 'file-too-large') {
             this.setError(marker('search.filters.spatialExtent.error.fileTooLarge'), {
@@ -26154,6 +25524,7 @@ class SpatialExtentDropdownComponent {
     removeSelection(event) {
         this.bbox = null;
         this.fileName = '';
+        this.locationName = '';
         this.errorKey = null;
         this.fileInput?.clear();
         this.bboxChange.emit(null);
@@ -26170,7 +25541,7 @@ class SpatialExtentDropdownComponent {
                 matExpandLess,
                 matExpandMore,
             }),
-        ], viewQueries: [{ propertyName: "overlayOrigin", first: true, predicate: ["overlayOrigin"], descendants: true }, { propertyName: "overlay", first: true, predicate: CdkConnectedOverlay, descendants: true }, { propertyName: "fileInput", first: true, predicate: DragAndDropFileInputComponent, descendants: true }], ngImport: i0, template: "<gn-ui-button\n  type=\"outline\"\n  extraClass=\"bg-background w-full !p-[8px] !pl-[16px]\"\n  [title]=\"title\"\n  (buttonClick)=\"toggleOverlay()\"\n  cdkOverlayOrigin\n  #overlayOrigin=\"cdkOverlayOrigin\"\n>\n  <div class=\"grow flex items-center mr-2 gap-2 overflow-hidden\">\n    <div class=\"text-left font-medium truncate py-1\">\n      {{ title }}\n    </div>\n    @if (hasSelection) {\n      <div\n        class=\"bg-primary-lighter text-white shrink-0 rounded-full font-bold text-[12px] w-[22px] h-[22px] flex items-center justify-center\"\n      >\n        1\n      </div>\n    }\n  </div>\n  <button class=\"h-6 w-6 flex items-center\" data-cy=\"clearSelection\">\n    @if (hasSelection && !overlayOpen) {\n      <ng-icon\n        class=\"shrink-0 opacity-40 mr-1.5 hover:opacity-80 transition-colors clear-btn\"\n        (click)=\"removeSelection($event)\"\n        name=\"matClose\"\n      ></ng-icon>\n    }\n  </button>\n  <ng-icon\n    [name]=\"overlayOpen ? 'matExpandLess' : 'matExpandMore'\"\n    class=\"shrink-0 opacity-40\"\n  >\n  </ng-icon>\n</gn-ui-button>\n\n<ng-template\n  cdkConnectedOverlay\n  cdkConnectedOverlayHasBackdrop\n  cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n  [cdkConnectedOverlayOrigin]=\"overlayOrigin\"\n  [cdkConnectedOverlayOpen]=\"overlayOpen\"\n  [cdkConnectedOverlayPositions]=\"overlayPositions\"\n  [cdkConnectedOverlayScrollStrategy]=\"scrollStrategy\"\n  [cdkConnectedOverlayFlexibleDimensions]=\"true\"\n  (overlayOutsideClick)=\"closeOverlay()\"\n  (detach)=\"closeOverlay()\"\n>\n  <div\n    class=\"bg-white border border-gray-400 rounded shadow-lg pt-[12px] px-[16px] overlay-container w-[280px] flex flex-col gap-2\"\n    [style.min-width]=\"overlayMinWidth\"\n  >\n    <div class=\"text-xs text-black\">\n      {{ 'search.filters.spatialExtent.helpText' | translate }}\n    </div>\n\n    <div\n      [class]=\"\n        (hasSelection\n          ? 'border-b-[1px] border-gray-400 pb-[20px]'\n          : 'pb-[12px]') + ' text-black'\n      \"\n    >\n      <gn-ui-drag-and-drop-file-input\n        accept=\".json,.geojson\"\n        [placeholder]=\"'search.filters.spatialExtent.import' | translate\"\n        [maxFileSizeMb]=\"maxFileSizeMb\"\n        [showFileName]=\"false\"\n        textClass=\"text-black truncate\"\n        dropzoneBackgroundColor=\"transparent\"\n        icon=\"iconoirUpload\"\n        extraClass=\"gn-ui-gray-outline-input w-full !h-[32px] px-[8px] py-[4px] justify-between\"\n        (fileChange)=\"handleFileSelected($event)\"\n        (errorChange)=\"handleFileError($event)\"\n        data-cy=\"importGeojson\"\n      ></gn-ui-drag-and-drop-file-input>\n    </div>\n\n    @if (hasSelection) {\n      <gn-ui-button\n        [type]=\"'primary-light'\"\n        [title]=\"selectionDeleteLabelKey | translate: selectionLabelParams\"\n        (buttonClick)=\"removeSelection($event)\"\n        extraClass=\"group gap-x-2 w-full h-[28px] px-[8px] py-[4px] mb-[12px] bg-primary-lighter text-white\"\n        data-test=\"spatial-extent-selected-item\"\n      >\n        <ng-icon\n          name=\"iconoirSquareDashed\"\n          class=\"shrink-0\"\n          size=\"15px\"\n        ></ng-icon>\n        <span class=\"group-hover:hidden truncate text-sm m-auto\">\n          {{ selectionLabelKey | translate: selectionLabelParams }}\n        </span>\n        <span class=\"hidden group-hover:block truncate text-sm m-auto\">\n          {{ selectionDeleteLabelKey | translate: selectionLabelParams }}\n        </span>\n        <ng-icon\n          name=\"iconoirCheckCircle\"\n          class=\"group-hover:hidden shrink-0\"\n          size=\"14px\"\n        ></ng-icon>\n        <ng-icon\n          name=\"iconoirTrash\"\n          class=\"!hidden group-hover:!block shrink-0\"\n          size=\"15px\"\n        ></ng-icon>\n      </gn-ui-button>\n    }\n  </div>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i1$7.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i1$7.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: DragAndDropFileInputComponent, selector: "gn-ui-drag-and-drop-file-input", inputs: ["placeholder", "accept", "maxFileSizeMb", "icon", "dropzoneBackgroundColor", "textClass", "extraClass", "showFileName"], outputs: ["fileChange", "errorChange"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], viewQueries: [{ propertyName: "overlayOrigin", first: true, predicate: ["overlayOrigin"], descendants: true }, { propertyName: "overlay", first: true, predicate: CdkConnectedOverlay, descendants: true }, { propertyName: "fileInput", first: true, predicate: DragAndDropFileInputComponent, descendants: true }], ngImport: i0, template: "<gn-ui-button\n  type=\"outline\"\n  extraClass=\"bg-background w-full !p-[8px] !pl-[16px]\"\n  [title]=\"title\"\n  (buttonClick)=\"toggleOverlay()\"\n  cdkOverlayOrigin\n  #overlayOrigin=\"cdkOverlayOrigin\"\n>\n  <div class=\"grow flex items-center mr-2 gap-2 overflow-hidden\">\n    <div class=\"text-left font-medium truncate py-1\">\n      {{ title }}\n    </div>\n    @if (hasSelection) {\n      <div\n        class=\"bg-primary-lighter text-white shrink-0 rounded-full font-bold text-[12px] w-[22px] h-[22px] flex items-center justify-center\"\n      >\n        1\n      </div>\n    }\n  </div>\n  <button class=\"h-6 w-6 flex items-center\" data-cy=\"clearSelection\">\n    @if (hasSelection && !overlayOpen) {\n      <ng-icon\n        class=\"shrink-0 opacity-40 mr-1.5 hover:opacity-80 transition-colors clear-btn\"\n        (click)=\"removeSelection($event)\"\n        name=\"matClose\"\n      ></ng-icon>\n    }\n  </button>\n  <ng-icon\n    [name]=\"overlayOpen ? 'matExpandLess' : 'matExpandMore'\"\n    class=\"shrink-0 opacity-40\"\n  >\n  </ng-icon>\n</gn-ui-button>\n\n<ng-template\n  cdkConnectedOverlay\n  cdkConnectedOverlayHasBackdrop\n  cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n  [cdkConnectedOverlayOrigin]=\"overlayOrigin\"\n  [cdkConnectedOverlayOpen]=\"overlayOpen\"\n  [cdkConnectedOverlayPositions]=\"overlayPositions\"\n  [cdkConnectedOverlayScrollStrategy]=\"scrollStrategy\"\n  [cdkConnectedOverlayFlexibleDimensions]=\"true\"\n  (overlayOutsideClick)=\"closeOverlay()\"\n  (detach)=\"closeOverlay()\"\n>\n  <div\n    class=\"bg-white border border-gray-400 rounded shadow-lg pt-[12px] px-[16px] overlay-container w-[280px] flex flex-col gap-2\"\n    [style.min-width]=\"overlayMinWidth\"\n  >\n    <div class=\"text-xs text-black\">\n      {{ 'search.filters.spatialExtent.helpText' | translate }}\n    </div>\n\n    <div\n      [class]=\"\n        (hasSelection\n          ? 'border-b-[1px] border-gray-400 pb-[20px]'\n          : 'pb-[12px]') + ' text-black flex flex-col gap-[8px]'\n      \"\n      style=\"\n        --gn-ui-text-input-rounded: 8px;\n        --gn-ui-text-input-border-size: 1px;\n        --gn-ui-text-input-padding: 6px;\n      \"\n    >\n      <gn-ui-drag-and-drop-file-input\n        accept=\".json,.geojson\"\n        [placeholder]=\"'search.filters.spatialExtent.import' | translate\"\n        [maxFileSizeMb]=\"maxFileSizeMb\"\n        [showFileName]=\"false\"\n        textClass=\"text-black truncate\"\n        dropzoneBackgroundColor=\"transparent\"\n        icon=\"iconoirUpload\"\n        extraClass=\"gn-ui-gray-outline-input w-full !h-[32px] px-[8px] py-[4px] justify-between\"\n        (fileChange)=\"handleFileSelected($event)\"\n        (errorChange)=\"handleFileError($event)\"\n        data-cy=\"importGeojson\"\n      ></gn-ui-drag-and-drop-file-input>\n      <ng-content></ng-content>\n    </div>\n\n    @if (hasSelection) {\n      <gn-ui-button\n        [type]=\"'primary-light'\"\n        [title]=\"selectionDeleteLabelKey | translate: selectionLabelParams\"\n        (buttonClick)=\"removeSelection($event)\"\n        extraClass=\"group gap-x-2 w-full h-[28px] px-[8px] py-[4px] mb-[12px] bg-primary-lighter text-white\"\n        data-test=\"spatial-extent-selected-item\"\n      >\n        <ng-icon\n          name=\"iconoirSquareDashed\"\n          class=\"shrink-0\"\n          size=\"15px\"\n        ></ng-icon>\n        <span class=\"group-hover:hidden truncate text-sm m-auto\">\n          {{ selectionLabelKey | translate: selectionLabelParams }}\n        </span>\n        <span class=\"hidden group-hover:block truncate text-sm m-auto\">\n          {{ selectionDeleteLabelKey | translate: selectionLabelParams }}\n        </span>\n        <ng-icon\n          name=\"iconoirCheckCircle\"\n          class=\"group-hover:hidden shrink-0\"\n          size=\"14px\"\n        ></ng-icon>\n        <ng-icon\n          name=\"iconoirTrash\"\n          class=\"!hidden group-hover:!block shrink-0\"\n          size=\"15px\"\n        ></ng-icon>\n      </gn-ui-button>\n    }\n  </div>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i1$7.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i1$7.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: DragAndDropFileInputComponent, selector: "gn-ui-drag-and-drop-file-input", inputs: ["placeholder", "accept", "maxFileSizeMb", "icon", "dropzoneBackgroundColor", "textClass", "extraClass", "showFileName"], outputs: ["fileChange", "errorChange"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: SpatialExtentDropdownComponent, decorators: [{
             type: Component,
@@ -26190,7 +25561,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
                             matExpandLess,
                             matExpandMore,
                         }),
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<gn-ui-button\n  type=\"outline\"\n  extraClass=\"bg-background w-full !p-[8px] !pl-[16px]\"\n  [title]=\"title\"\n  (buttonClick)=\"toggleOverlay()\"\n  cdkOverlayOrigin\n  #overlayOrigin=\"cdkOverlayOrigin\"\n>\n  <div class=\"grow flex items-center mr-2 gap-2 overflow-hidden\">\n    <div class=\"text-left font-medium truncate py-1\">\n      {{ title }}\n    </div>\n    @if (hasSelection) {\n      <div\n        class=\"bg-primary-lighter text-white shrink-0 rounded-full font-bold text-[12px] w-[22px] h-[22px] flex items-center justify-center\"\n      >\n        1\n      </div>\n    }\n  </div>\n  <button class=\"h-6 w-6 flex items-center\" data-cy=\"clearSelection\">\n    @if (hasSelection && !overlayOpen) {\n      <ng-icon\n        class=\"shrink-0 opacity-40 mr-1.5 hover:opacity-80 transition-colors clear-btn\"\n        (click)=\"removeSelection($event)\"\n        name=\"matClose\"\n      ></ng-icon>\n    }\n  </button>\n  <ng-icon\n    [name]=\"overlayOpen ? 'matExpandLess' : 'matExpandMore'\"\n    class=\"shrink-0 opacity-40\"\n  >\n  </ng-icon>\n</gn-ui-button>\n\n<ng-template\n  cdkConnectedOverlay\n  cdkConnectedOverlayHasBackdrop\n  cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n  [cdkConnectedOverlayOrigin]=\"overlayOrigin\"\n  [cdkConnectedOverlayOpen]=\"overlayOpen\"\n  [cdkConnectedOverlayPositions]=\"overlayPositions\"\n  [cdkConnectedOverlayScrollStrategy]=\"scrollStrategy\"\n  [cdkConnectedOverlayFlexibleDimensions]=\"true\"\n  (overlayOutsideClick)=\"closeOverlay()\"\n  (detach)=\"closeOverlay()\"\n>\n  <div\n    class=\"bg-white border border-gray-400 rounded shadow-lg pt-[12px] px-[16px] overlay-container w-[280px] flex flex-col gap-2\"\n    [style.min-width]=\"overlayMinWidth\"\n  >\n    <div class=\"text-xs text-black\">\n      {{ 'search.filters.spatialExtent.helpText' | translate }}\n    </div>\n\n    <div\n      [class]=\"\n        (hasSelection\n          ? 'border-b-[1px] border-gray-400 pb-[20px]'\n          : 'pb-[12px]') + ' text-black'\n      \"\n    >\n      <gn-ui-drag-and-drop-file-input\n        accept=\".json,.geojson\"\n        [placeholder]=\"'search.filters.spatialExtent.import' | translate\"\n        [maxFileSizeMb]=\"maxFileSizeMb\"\n        [showFileName]=\"false\"\n        textClass=\"text-black truncate\"\n        dropzoneBackgroundColor=\"transparent\"\n        icon=\"iconoirUpload\"\n        extraClass=\"gn-ui-gray-outline-input w-full !h-[32px] px-[8px] py-[4px] justify-between\"\n        (fileChange)=\"handleFileSelected($event)\"\n        (errorChange)=\"handleFileError($event)\"\n        data-cy=\"importGeojson\"\n      ></gn-ui-drag-and-drop-file-input>\n    </div>\n\n    @if (hasSelection) {\n      <gn-ui-button\n        [type]=\"'primary-light'\"\n        [title]=\"selectionDeleteLabelKey | translate: selectionLabelParams\"\n        (buttonClick)=\"removeSelection($event)\"\n        extraClass=\"group gap-x-2 w-full h-[28px] px-[8px] py-[4px] mb-[12px] bg-primary-lighter text-white\"\n        data-test=\"spatial-extent-selected-item\"\n      >\n        <ng-icon\n          name=\"iconoirSquareDashed\"\n          class=\"shrink-0\"\n          size=\"15px\"\n        ></ng-icon>\n        <span class=\"group-hover:hidden truncate text-sm m-auto\">\n          {{ selectionLabelKey | translate: selectionLabelParams }}\n        </span>\n        <span class=\"hidden group-hover:block truncate text-sm m-auto\">\n          {{ selectionDeleteLabelKey | translate: selectionLabelParams }}\n        </span>\n        <ng-icon\n          name=\"iconoirCheckCircle\"\n          class=\"group-hover:hidden shrink-0\"\n          size=\"14px\"\n        ></ng-icon>\n        <ng-icon\n          name=\"iconoirTrash\"\n          class=\"!hidden group-hover:!block shrink-0\"\n          size=\"15px\"\n        ></ng-icon>\n      </gn-ui-button>\n    }\n  </div>\n</ng-template>\n" }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<gn-ui-button\n  type=\"outline\"\n  extraClass=\"bg-background w-full !p-[8px] !pl-[16px]\"\n  [title]=\"title\"\n  (buttonClick)=\"toggleOverlay()\"\n  cdkOverlayOrigin\n  #overlayOrigin=\"cdkOverlayOrigin\"\n>\n  <div class=\"grow flex items-center mr-2 gap-2 overflow-hidden\">\n    <div class=\"text-left font-medium truncate py-1\">\n      {{ title }}\n    </div>\n    @if (hasSelection) {\n      <div\n        class=\"bg-primary-lighter text-white shrink-0 rounded-full font-bold text-[12px] w-[22px] h-[22px] flex items-center justify-center\"\n      >\n        1\n      </div>\n    }\n  </div>\n  <button class=\"h-6 w-6 flex items-center\" data-cy=\"clearSelection\">\n    @if (hasSelection && !overlayOpen) {\n      <ng-icon\n        class=\"shrink-0 opacity-40 mr-1.5 hover:opacity-80 transition-colors clear-btn\"\n        (click)=\"removeSelection($event)\"\n        name=\"matClose\"\n      ></ng-icon>\n    }\n  </button>\n  <ng-icon\n    [name]=\"overlayOpen ? 'matExpandLess' : 'matExpandMore'\"\n    class=\"shrink-0 opacity-40\"\n  >\n  </ng-icon>\n</gn-ui-button>\n\n<ng-template\n  cdkConnectedOverlay\n  cdkConnectedOverlayHasBackdrop\n  cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n  [cdkConnectedOverlayOrigin]=\"overlayOrigin\"\n  [cdkConnectedOverlayOpen]=\"overlayOpen\"\n  [cdkConnectedOverlayPositions]=\"overlayPositions\"\n  [cdkConnectedOverlayScrollStrategy]=\"scrollStrategy\"\n  [cdkConnectedOverlayFlexibleDimensions]=\"true\"\n  (overlayOutsideClick)=\"closeOverlay()\"\n  (detach)=\"closeOverlay()\"\n>\n  <div\n    class=\"bg-white border border-gray-400 rounded shadow-lg pt-[12px] px-[16px] overlay-container w-[280px] flex flex-col gap-2\"\n    [style.min-width]=\"overlayMinWidth\"\n  >\n    <div class=\"text-xs text-black\">\n      {{ 'search.filters.spatialExtent.helpText' | translate }}\n    </div>\n\n    <div\n      [class]=\"\n        (hasSelection\n          ? 'border-b-[1px] border-gray-400 pb-[20px]'\n          : 'pb-[12px]') + ' text-black flex flex-col gap-[8px]'\n      \"\n      style=\"\n        --gn-ui-text-input-rounded: 8px;\n        --gn-ui-text-input-border-size: 1px;\n        --gn-ui-text-input-padding: 6px;\n      \"\n    >\n      <gn-ui-drag-and-drop-file-input\n        accept=\".json,.geojson\"\n        [placeholder]=\"'search.filters.spatialExtent.import' | translate\"\n        [maxFileSizeMb]=\"maxFileSizeMb\"\n        [showFileName]=\"false\"\n        textClass=\"text-black truncate\"\n        dropzoneBackgroundColor=\"transparent\"\n        icon=\"iconoirUpload\"\n        extraClass=\"gn-ui-gray-outline-input w-full !h-[32px] px-[8px] py-[4px] justify-between\"\n        (fileChange)=\"handleFileSelected($event)\"\n        (errorChange)=\"handleFileError($event)\"\n        data-cy=\"importGeojson\"\n      ></gn-ui-drag-and-drop-file-input>\n      <ng-content></ng-content>\n    </div>\n\n    @if (hasSelection) {\n      <gn-ui-button\n        [type]=\"'primary-light'\"\n        [title]=\"selectionDeleteLabelKey | translate: selectionLabelParams\"\n        (buttonClick)=\"removeSelection($event)\"\n        extraClass=\"group gap-x-2 w-full h-[28px] px-[8px] py-[4px] mb-[12px] bg-primary-lighter text-white\"\n        data-test=\"spatial-extent-selected-item\"\n      >\n        <ng-icon\n          name=\"iconoirSquareDashed\"\n          class=\"shrink-0\"\n          size=\"15px\"\n        ></ng-icon>\n        <span class=\"group-hover:hidden truncate text-sm m-auto\">\n          {{ selectionLabelKey | translate: selectionLabelParams }}\n        </span>\n        <span class=\"hidden group-hover:block truncate text-sm m-auto\">\n          {{ selectionDeleteLabelKey | translate: selectionLabelParams }}\n        </span>\n        <ng-icon\n          name=\"iconoirCheckCircle\"\n          class=\"group-hover:hidden shrink-0\"\n          size=\"14px\"\n        ></ng-icon>\n        <ng-icon\n          name=\"iconoirTrash\"\n          class=\"!hidden group-hover:!block shrink-0\"\n          size=\"15px\"\n        ></ng-icon>\n      </gn-ui-button>\n    }\n  </div>\n</ng-template>\n" }]
         }], propDecorators: { title: [{
                 type: Input
             }], maxFileSizeMb: [{
@@ -27459,9 +26830,7 @@ const initSearch = () => {
         },
         params: {
             filters: {},
-            pageSize: getOptionalSearchConfig()?.LIMIT
-                ? getOptionalSearchConfig().LIMIT
-                : DEFAULT_PAGE_SIZE,
+            pageSize: DEFAULT_PAGE_SIZE,
             currentPage: 0,
             favoritesOnly: false,
             useSpatialFilter: true,
@@ -27910,10 +27279,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
                 }]
         }] });
 
+const DEFAULT_GEOCODING_PROVIDER = [
+    'geonames',
+    { maxRows: 5 },
+];
 const GEOCODING_PROVIDER = new InjectionToken('geocoding-provider', {
     providedIn: 'root',
-    factory: () => ['geonames', { maxRows: 5 }],
+    factory: () => DEFAULT_GEOCODING_PROVIDER,
 });
+// these options are arrays in the providers, but they can be configured
+// with a single value for simplicity
+const GEOCODING_PROVIDER_ARRAY_OPTIONS = {
+    geoadmin: ['origins', 'features'],
+    geoplateforme: [
+        'index',
+        'category',
+        'type',
+        'postCode',
+        'cityCode',
+        'depCode',
+    ],
+};
+function wrapArrayOptions(options, keys) {
+    const wrapped = { ...options };
+    for (const key of keys) {
+        if (typeof wrapped[key] === 'string') {
+            wrapped[key] = [wrapped[key]];
+        }
+    }
+    return wrapped;
+}
 class GeocodingService {
     constructor() {
         this.provider = inject(GEOCODING_PROVIDER);
@@ -27922,13 +27317,16 @@ class GeocodingService {
         let queryObservable;
         switch (this.provider[0]) {
             case 'geoadmin':
-                queryObservable = from(queryGeoadmin(text, this.provider[1]));
+                queryObservable = from(queryGeoadmin(text, wrapArrayOptions(this.provider[1], GEOCODING_PROVIDER_ARRAY_OPTIONS.geoadmin)));
                 break;
             case 'geonames':
                 queryObservable = from(queryGeonames(text, this.provider[1]));
                 break;
-            case 'data-gouv-fr':
-                queryObservable = from(queryDataGouvFr(text, this.provider[1]));
+            case 'geoplateforme':
+                queryObservable = from(queryGeoplateforme(text, {
+                    ...wrapArrayOptions(this.provider[1], GEOCODING_PROVIDER_ARRAY_OPTIONS.geoplateforme),
+                    returnTrueGeometry: true,
+                }));
                 break;
             default:
                 return throwError(() => new Error(`Unsupported geocoding provider: ${this.provider[0]}`));
@@ -27945,29 +27343,80 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
                 }]
         }] });
 
+const GEOCODING_PROVIDER_LABELS = new InjectionToken('geocodingProviderLabels', {
+    factory: () => ({}),
+});
 class LocationSearchComponent {
     constructor() {
         this.geocodingService = inject(GeocodingService);
+        this.labels = inject(GEOCODING_PROVIDER_LABELS);
         this.placeholder = '';
         this.resultSelected = new EventEmitter();
+        this.bboxSelected = new EventEmitter();
         this.displayWithFn = (item) => item.label;
         this.searchAction = (text) => this.geocodingService.query(text);
     }
+    getSecondaryLabel(result) {
+        return this.resolveLabel(result, this.labels.secondary);
+    }
+    getMainLabel(result) {
+        return this.resolveLabel(result, this.labels.main) ?? result.label;
+    }
+    getTertiaryLabel(result) {
+        return this.resolveLabel(result, this.labels.tertiary);
+    }
+    getDisplayLabel(result) {
+        const tertiary = this.getTertiaryLabel(result);
+        return this.getMainLabel(result) + (tertiary ? ', ' + tertiary : '');
+    }
+    resolveLabel(result, path) {
+        if (!path)
+            return undefined;
+        let value;
+        try {
+            value = pointer.get(result, path);
+        }
+        catch {
+            return undefined;
+        }
+        const values = Array.isArray(value) ? value : [value];
+        const label = values
+            .filter((v) => typeof v === 'string' || typeof v === 'number')
+            .join(', ');
+        return label || undefined;
+    }
+    // geoplateforme keeps a simplified geometry in geom and puts the real one,
+    // as a JSON string, in properties.truegeometry when returnTrueGeometry is set
+    getGeometry(result) {
+        const trueGeometry = result.properties?.['truegeometry'];
+        if (typeof trueGeometry === 'string') {
+            return JSON.parse(trueGeometry);
+        }
+        return trueGeometry ?? result.geom;
+    }
     handleItemSelected(item) {
-        this.resultSelected.emit(item);
+        const result = item;
+        this.resultSelected.emit(result);
+        const geometry = this.getGeometry(result);
+        if (geometry) {
+            this.bboxSelected.emit({
+                bbox: getGeometryBoundingBox(geometry),
+                label: this.getDisplayLabel(result),
+            });
+        }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: LocationSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: LocationSearchComponent, isStandalone: true, selector: "gn-ui-location-search", inputs: { placeholder: "placeholder", displayWithTemplate: "displayWithTemplate" }, outputs: { resultSelected: "resultSelected" }, ngImport: i0, template: "<gn-ui-autocomplete\n  [action]=\"searchAction\"\n  [displayWithFn]=\"displayWithFn\"\n  [placeholder]=\"placeholder\"\n  [displayWithTemplate]=\"displayWithTemplate\"\n  (itemSelected)=\"handleItemSelected($event)\"\n>\n</gn-ui-autocomplete>\n", dependencies: [{ kind: "component", type: AutocompleteComponent, selector: "gn-ui-autocomplete", inputs: ["placeholder", "enterButton", "action", "value", "clearOnSelection", "preventCompleteOnSelection", "autoFocus", "minCharacterCount", "allowSubmit", "forceTrackPosition", "displayWithTemplate", "displayWithFn"], outputs: ["itemSelected", "inputSubmitted", "inputCleared", "isSearchActive"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: LocationSearchComponent, isStandalone: true, selector: "gn-ui-location-search", inputs: { placeholder: "placeholder" }, outputs: { resultSelected: "resultSelected", bboxSelected: "bboxSelected" }, ngImport: i0, template: "<gn-ui-autocomplete\n  [action]=\"searchAction\"\n  [displayWithFn]=\"displayWithFn\"\n  [placeholder]=\"placeholder\"\n  [displayWithTemplate]=\"defaultItemTpl\"\n  [clearOnSelection]=\"true\"\n  (itemSelected)=\"handleItemSelected($event)\"\n>\n</gn-ui-autocomplete>\n\n<ng-template #defaultItemTpl let-result>\n  <div class=\"py-2\">\n    @if (getSecondaryLabel(result)) {\n      <div class=\"gn-ui-card-detail\">{{ getSecondaryLabel(result) }}</div>\n    }\n    <div class=\"gn-ui-card-title\">{{ getDisplayLabel(result) }}</div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "component", type: AutocompleteComponent, selector: "gn-ui-autocomplete", inputs: ["placeholder", "enterButton", "action", "value", "clearOnSelection", "preventCompleteOnSelection", "autoFocus", "minCharacterCount", "allowSubmit", "forceTrackPosition", "displayWithTemplate", "displayWithFn"], outputs: ["itemSelected", "inputSubmitted", "inputCleared", "isSearchActive"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: LocationSearchComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-location-search', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [AutocompleteComponent], template: "<gn-ui-autocomplete\n  [action]=\"searchAction\"\n  [displayWithFn]=\"displayWithFn\"\n  [placeholder]=\"placeholder\"\n  [displayWithTemplate]=\"displayWithTemplate\"\n  (itemSelected)=\"handleItemSelected($event)\"\n>\n</gn-ui-autocomplete>\n" }]
+            args: [{ selector: 'gn-ui-location-search', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [AutocompleteComponent], template: "<gn-ui-autocomplete\n  [action]=\"searchAction\"\n  [displayWithFn]=\"displayWithFn\"\n  [placeholder]=\"placeholder\"\n  [displayWithTemplate]=\"defaultItemTpl\"\n  [clearOnSelection]=\"true\"\n  (itemSelected)=\"handleItemSelected($event)\"\n>\n</gn-ui-autocomplete>\n\n<ng-template #defaultItemTpl let-result>\n  <div class=\"py-2\">\n    @if (getSecondaryLabel(result)) {\n      <div class=\"gn-ui-card-detail\">{{ getSecondaryLabel(result) }}</div>\n    }\n    <div class=\"gn-ui-card-title\">{{ getDisplayLabel(result) }}</div>\n  </div>\n</ng-template>\n" }]
         }], propDecorators: { placeholder: [{
                 type: Input
-            }], displayWithTemplate: [{
-                type: Input
             }], resultSelected: [{
                 type: Output
+            }], bboxSelected: [{
+                type: Output
             }] } });
 
 // expects the replacement key ${uuid}
@@ -28128,6 +27577,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
 class AbstractSearchField {
 }
 class SimpleSearchField {
+    get fieldIdentifier() {
+        return this.customIdentifier ?? this.esFieldName;
+    }
     constructor(esFieldName, injector, order = 'asc', orderType = 'key') {
         this.esFieldName = esFieldName;
         this.injector = injector;
@@ -28136,14 +27588,26 @@ class SimpleSearchField {
         this.repository = this.injector.get(RecordsRepositoryInterface);
         // FIXME: this is required to register runtime fields; abstract this as well
         this.esService = this.injector.get(ElasticsearchService);
+        this.includeValues = [];
+        this.excludeValues = [];
+    }
+    setFieldIdentifier(fieldIdentifier) {
+        this.customIdentifier = fieldIdentifier;
+        this.esService.registerFieldAlias(fieldIdentifier, this.esFieldName);
     }
     getAggregations() {
         return {
-            [this.esFieldName]: {
+            [this.fieldIdentifier]: {
                 type: 'terms',
                 field: this.esFieldName,
                 limit: 1000,
                 sort: [this.order, this.orderType],
+                ...(this.includeValues?.length && {
+                    includeValues: this.includeValues,
+                }),
+                ...(this.excludeValues?.length && {
+                    excludeValues: this.excludeValues,
+                }),
             },
         };
     }
@@ -28151,7 +27615,7 @@ class SimpleSearchField {
         return bucket.term.toString();
     }
     getAvailableValues() {
-        return this.repository.aggregate(this.getAggregations()).pipe(map$1((response) => response[this.esFieldName].buckets || []), switchMap((buckets) => {
+        return this.repository.aggregate(this.getAggregations()).pipe(map$1((response) => response[this.fieldIdentifier].buckets || []), switchMap((buckets) => {
             const bucketPromises = buckets.map(async (bucket) => ({
                 label: `${await this.getBucketLabel(bucket)} (${bucket.count})`,
                 value: bucket.term.toString(),
@@ -28164,7 +27628,7 @@ class SimpleSearchField {
         // FieldValue[]
         if (this.getType() === 'values') {
             return of({
-                [this.esFieldName]: values.reduce((acc, val) => {
+                [this.fieldIdentifier]: values.reduce((acc, val) => {
                     const value = val.toString();
                     if (value !== '') {
                         return { ...acc, [value]: true };
@@ -28175,11 +27639,11 @@ class SimpleSearchField {
         }
         // DateRange
         return of({
-            [this.esFieldName]: values[0] !== '' ? values[0] : {},
+            [this.fieldIdentifier]: values[0] !== '' ? values[0] : {},
         });
     }
     getValuesForFilter(filters) {
-        const filter = filters[this.esFieldName];
+        const filter = filters[this.fieldIdentifier];
         if (!filter)
             return of([]);
         // filter by expression
@@ -28197,6 +27661,9 @@ class SimpleSearchField {
     getType() {
         return 'values';
     }
+    clone() {
+        return Object.create(this);
+    }
 }
 class TranslatedSearchField extends SimpleSearchField {
     constructor(esFieldName, injector, order = 'asc', orderType = 'key') {
@@ -28466,11 +27933,11 @@ class BoundingBoxSearchField extends SimpleSearchField {
     }
     getFiltersForValues(values) {
         return of({
-            [this.esFieldName]: values.map(Number),
+            [this.fieldIdentifier]: values.map(Number),
         });
     }
     getValuesForFilter(filters) {
-        const filter = filters[this.esFieldName];
+        const filter = filters[this.fieldIdentifier];
         return of(isBoundingBox(filter) ? filter : []);
     }
     getType() {
@@ -28569,7 +28036,7 @@ class RecordKindField extends SimpleSearchField {
     }
     getFiltersForValues(values) {
         const filters = {
-            [this.esFieldName]: values.reduce((acc, value) => {
+            [this.fieldIdentifier]: values.reduce((acc, value) => {
                 if (value === '')
                     return { ...acc, [value]: true };
                 const keysToAdd = this.TYPE_MAPPING[value] || [value];
@@ -28592,7 +28059,7 @@ class RecordKindField extends SimpleSearchField {
         return of(filters);
     }
     getValuesForFilter(filters) {
-        const filter = filters[this.esFieldName];
+        const filter = filters[this.fieldIdentifier];
         if (!filter)
             return of([]);
         const activeValues = Object.keys(filter).filter((v) => filter[v]);
@@ -28622,11 +28089,15 @@ marker('search.filters.publisherOrg');
 marker('search.filters.user');
 marker('search.filters.changeDate');
 marker('search.filters.resourceCreationRevisionDate');
+marker('search.filters.temporalExtent');
 marker('search.filters.spatialExtent');
+marker('search.filters.documentStandard');
+const CUSTOM_FIELDS = new InjectionToken('custom-fields');
 class FieldsService {
     constructor() {
         this.injector = inject(Injector);
-        this.fields = {
+        this.customFields = inject(CUSTOM_FIELDS, { optional: true }) ?? [];
+        this.baseFields = {
             organization: new OrganizationSearchField(this.injector),
             format: new SimpleSearchField('format', this.injector, 'asc'),
             resourceType: new ResourceTypeLegacyField(this.injector), // Deprecated, use `recordKind` instead
@@ -28646,9 +28117,31 @@ class FieldsService {
             user: new UserSearchField(this.injector),
             changeDate: new DateRangeSearchField('changeDate', this.injector, 'desc'),
             resourceCreationRevisionDate: new ResourceCreationRevisionDateSearchField(this.injector, 'desc'),
+            temporalExtent: new DateRangeSearchField('resourceTemporalExtentDateRange', this.injector, 'desc'),
             availableServices: new AvailableServicesField(this.injector),
             spatialExtent: new BoundingBoxSearchField('spatialExtent', this.injector),
         };
+        this.fields = { ...this.baseFields };
+        for (const customField of this.customFields) {
+            const baseField = this.baseFields[customField.baseFilter];
+            if (!(baseField instanceof SimpleSearchField)) {
+                console.warn(`The custom field '${customField.name}' relies on a base field '${customField.baseFilter}' that is not supported. This field will be ignored.`);
+                continue;
+            }
+            if (!customField.name.includes(':')) {
+                console.warn(`The custom field '${customField.name}' is not scoped with a prefix. Custom fields must have their names prefixed, for instance "myOrg:myKeywords". This field will be ignored.`);
+                continue;
+            }
+            const newField = baseField.clone();
+            newField.setFieldIdentifier(customField.name);
+            if (customField.includeValues) {
+                newField.includeValues = customField.includeValues;
+            }
+            if (customField.excludeValues) {
+                newField.excludeValues = customField.excludeValues;
+            }
+            this.fields[customField.name] = newField;
+        }
     }
     get supportedFields() {
         return Object.keys(this.fields);
@@ -28696,7 +28189,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
             args: [{
                     providedIn: 'root',
                 }]
-        }] });
+        }], ctorParameters: () => [] });
 
 class ApiCardComponent {
     constructor() {
@@ -30722,14 +30215,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
 marker('feature.catalog.attribute.type');
 marker('feature.catalog.attribute.name');
 marker('feature.catalog.attribute.code');
-marker('feature.catalog.attribute.definition');
+marker('feature.catalog.attribute.description');
 marker('feature.catalog.attribute.values');
 class FeatureCatalogListComponent {
     constructor() {
         this.COLUMNS_DEFAULT = [
             { key: 'type', width: '25%' },
             { key: 'name', width: '40%' },
-            { key: 'definition', width: 'minmax(0px, 1fr)' },
+            { key: 'description', width: 'minmax(0px, 1fr)' },
         ];
         this.COLUMN_VALUES = {
             key: 'values',
@@ -30750,7 +30243,7 @@ class FeatureCatalogListComponent {
         return col.key;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: FeatureCatalogListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: FeatureCatalogListComponent, isStandalone: true, selector: "gn-ui-feature-catalog-list", inputs: { filteredFeatureCatalog: "filteredFeatureCatalog" }, providers: [provideIcons({ iconoirList })], viewQueries: [{ propertyName: "scrollContainer", first: true, predicate: ["scrollContainer"], descendants: true }, { propertyName: "scrollable", first: true, predicate: CdkScrollable, descendants: true, static: true }, { propertyName: "panelComponent", first: true, predicate: ["expanel"], descendants: true, read: ExpandablePanelComponent, static: true }], ngImport: i0, template: "<div\n  cdkScrollable\n  class=\"h-[562px] relative overflow-y-auto overflow-hidden\"\n  data-cy=\"feat-catalog-scrollable\"\n>\n  <div #scrollContainer class=\"flex flex-col gap-2 py-5 px-5\">\n    @for (\n      featureType of filteredFeatureCatalog?.featureTypes;\n      track featureType\n    ) {\n      <div class=\"rounded shadow bg-white\">\n        <gn-ui-expandable-panel\n          #expanel\n          [collapsed]=\"filteredFeatureCatalog?.featureTypes?.length !== 1\"\n          iconColor=\"black\"\n        >\n          <ng-template #titleTemplate>\n            <div class=\"px-2\">\n              <div class=\"text-lg font-bold\">{{ featureType.name }}</div>\n              @if (featureType.definition) {\n                <div class=\"text-sm\">\n                  {{ featureType.definition }}\n                </div>\n              }\n            </div>\n          </ng-template>\n          @if (expanel && !expanel.collapsed) {\n            <div\n              class=\"grid gap-0\"\n              [style.grid-template-columns]=\"\n                getGridTemplateColumns(featureType.attributes)\n              \"\n              data-cy=\"feature-type-content\"\n            >\n              @for (\n                col of getColumnsDefinition(featureType.attributes);\n                track trackByColumn(i, col);\n                let i = $index\n              ) {\n                <div\n                  class=\"py-1 px-2 text-sm font-bold text-left border-t break-all\"\n                  [class.border-l]=\"i > 0\"\n                  [class.border-gray-300]=\"i > 0\"\n                  [ngClass]=\"col.class || ''\"\n                  data-test=\"column-label\"\n                >\n                  {{ 'feature.catalog.attribute.' + col.key | translate }}\n                </div>\n              }\n              @if (expanel && !expanel.collapsed) {\n                @for (row of featureType.attributes; track row) {\n                  @for (\n                    col of getColumnsDefinition(featureType.attributes);\n                    track trackByColumn(i, col);\n                    let i = $index\n                  ) {\n                    <div\n                      class=\"bg-white text-sm font-normal text-left border-t\"\n                      [class.border-l]=\"i > 0\"\n                      [class.border-gray-300]=\"i > 0\"\n                      data-test=\"cell-content\"\n                    >\n                      @if (col.key === 'values') {\n                        @if (row.values?.length > 0) {\n                          <gn-ui-cell-popin\n                            #popinRef\n                            [scrollContainer]=\"scrollContainer\"\n                            [cdkScrollContainer]=\"scrollable\"\n                          >\n                            <div\n                              cellContent\n                              data-cy=\"values-cell-popin-trigger\"\n                            >\n                              <gn-ui-button\n                                type=\"light\"\n                                extraClass=\"bg-transparent border-none\"\n                                (buttonClick)=\"popinRef.openOverlay()\"\n                              >\n                                <ng-icon name=\"iconoirList\" size=\"24\"></ng-icon>\n                              </gn-ui-button>\n                            </div>\n                            <div\n                              popinContent\n                              class=\"max-h-60 overflow-y-auto min-w-64 py-4 px-6\"\n                              style=\"scrollbar-width: thin\"\n                            >\n                              <ul class=\"list-disc list-inside mr-4\">\n                                @for (v of row.values; track v) {\n                                  <li>\n                                    {{ v.label || v.code }}\n                                  </li>\n                                }\n                              </ul>\n                            </div>\n                          </gn-ui-cell-popin>\n                        }\n                      } @else {\n                        <gn-ui-truncated-text\n                          [scrollContainer]=\"scrollContainer\"\n                          [cdkScrollContainer]=\"scrollable\"\n                          [text]=\"row[col.key]\"\n                        ></gn-ui-truncated-text>\n                      }\n                    </div>\n                  }\n                }\n              }\n            </div>\n          }\n        </gn-ui-expandable-panel>\n      </div>\n    }\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: CellPopinComponent, selector: "gn-ui-cell-popin", inputs: ["extraClass", "cdkScrollContainer", "scrollContainer", "activePopin"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ExpandablePanelComponent, selector: "gn-ui-expandable-panel", inputs: ["title", "iconColor", "collapsed"] }, { kind: "component", type: TruncatedTextComponent, selector: "gn-ui-truncated-text", inputs: ["text", "extraClass", "scrollContainer", "cdkScrollContainer"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i2$3.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: FeatureCatalogListComponent, isStandalone: true, selector: "gn-ui-feature-catalog-list", inputs: { filteredFeatureCatalog: "filteredFeatureCatalog" }, providers: [provideIcons({ iconoirList })], viewQueries: [{ propertyName: "scrollContainer", first: true, predicate: ["scrollContainer"], descendants: true }, { propertyName: "scrollable", first: true, predicate: CdkScrollable, descendants: true, static: true }, { propertyName: "panelComponent", first: true, predicate: ["expanel"], descendants: true, read: ExpandablePanelComponent, static: true }], ngImport: i0, template: "<div\n  cdkScrollable\n  class=\"h-[562px] relative overflow-y-auto overflow-hidden\"\n  data-cy=\"feat-catalog-scrollable\"\n>\n  <div #scrollContainer class=\"flex flex-col gap-2 py-5 px-5\">\n    @for (\n      featureType of filteredFeatureCatalog?.featureTypes;\n      track featureType\n    ) {\n      <div class=\"rounded shadow bg-white\">\n        <gn-ui-expandable-panel\n          #expanel\n          [collapsed]=\"filteredFeatureCatalog?.featureTypes?.length !== 1\"\n          iconColor=\"black\"\n        >\n          <ng-template #titleTemplate>\n            <div class=\"px-2\">\n              <div class=\"text-lg font-bold\">{{ featureType.name }}</div>\n              @if (featureType.description) {\n                <div class=\"text-sm\">\n                  {{ featureType.description }}\n                </div>\n              }\n            </div>\n          </ng-template>\n          @if (expanel && !expanel.collapsed) {\n            <div\n              class=\"grid gap-0\"\n              [style.grid-template-columns]=\"\n                getGridTemplateColumns(featureType.attributes)\n              \"\n              data-cy=\"feature-type-content\"\n            >\n              @for (\n                col of getColumnsDefinition(featureType.attributes);\n                track trackByColumn(i, col);\n                let i = $index\n              ) {\n                <div\n                  class=\"py-1 px-2 text-sm font-bold text-left border-t break-all\"\n                  [class.border-l]=\"i > 0\"\n                  [class.border-gray-300]=\"i > 0\"\n                  [ngClass]=\"col.class || ''\"\n                  data-test=\"column-label\"\n                >\n                  {{ 'feature.catalog.attribute.' + col.key | translate }}\n                </div>\n              }\n              @if (expanel && !expanel.collapsed) {\n                @for (row of featureType.attributes; track row) {\n                  @for (\n                    col of getColumnsDefinition(featureType.attributes);\n                    track trackByColumn(i, col);\n                    let i = $index\n                  ) {\n                    <div\n                      class=\"bg-white text-sm font-normal text-left border-t\"\n                      [class.border-l]=\"i > 0\"\n                      [class.border-gray-300]=\"i > 0\"\n                      data-test=\"cell-content\"\n                    >\n                      @if (col.key === 'values') {\n                        @if (row.values?.length > 0) {\n                          <gn-ui-cell-popin\n                            #popinRef\n                            [scrollContainer]=\"scrollContainer\"\n                            [cdkScrollContainer]=\"scrollable\"\n                          >\n                            <div\n                              cellContent\n                              data-cy=\"values-cell-popin-trigger\"\n                            >\n                              <gn-ui-button\n                                type=\"light\"\n                                extraClass=\"bg-transparent border-none\"\n                                (buttonClick)=\"popinRef.openOverlay()\"\n                              >\n                                <ng-icon name=\"iconoirList\" size=\"24\"></ng-icon>\n                              </gn-ui-button>\n                            </div>\n                            <div\n                              popinContent\n                              class=\"max-h-60 overflow-y-auto min-w-64 py-4 px-6\"\n                              style=\"scrollbar-width: thin\"\n                            >\n                              <ul class=\"list-disc list-inside mr-4\">\n                                @for (v of row.values; track v) {\n                                  <li>\n                                    {{ v.label || v.code }}\n                                  </li>\n                                }\n                              </ul>\n                            </div>\n                          </gn-ui-cell-popin>\n                        }\n                      } @else {\n                        <gn-ui-truncated-text\n                          [scrollContainer]=\"scrollContainer\"\n                          [cdkScrollContainer]=\"scrollable\"\n                          [text]=\"row[col.key]\"\n                        ></gn-ui-truncated-text>\n                      }\n                    </div>\n                  }\n                }\n              }\n            </div>\n          }\n        </gn-ui-expandable-panel>\n      </div>\n    }\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: CellPopinComponent, selector: "gn-ui-cell-popin", inputs: ["extraClass", "cdkScrollContainer", "scrollContainer", "activePopin"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ExpandablePanelComponent, selector: "gn-ui-expandable-panel", inputs: ["title", "iconColor", "collapsed"] }, { kind: "component", type: TruncatedTextComponent, selector: "gn-ui-truncated-text", inputs: ["text", "extraClass", "scrollContainer", "cdkScrollContainer"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i2$3.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: FeatureCatalogListComponent, decorators: [{
             type: Component,
@@ -30763,7 +30256,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
                         TruncatedTextComponent,
                         NgIconComponent,
                         ScrollingModule,
-                    ], providers: [provideIcons({ iconoirList })], template: "<div\n  cdkScrollable\n  class=\"h-[562px] relative overflow-y-auto overflow-hidden\"\n  data-cy=\"feat-catalog-scrollable\"\n>\n  <div #scrollContainer class=\"flex flex-col gap-2 py-5 px-5\">\n    @for (\n      featureType of filteredFeatureCatalog?.featureTypes;\n      track featureType\n    ) {\n      <div class=\"rounded shadow bg-white\">\n        <gn-ui-expandable-panel\n          #expanel\n          [collapsed]=\"filteredFeatureCatalog?.featureTypes?.length !== 1\"\n          iconColor=\"black\"\n        >\n          <ng-template #titleTemplate>\n            <div class=\"px-2\">\n              <div class=\"text-lg font-bold\">{{ featureType.name }}</div>\n              @if (featureType.definition) {\n                <div class=\"text-sm\">\n                  {{ featureType.definition }}\n                </div>\n              }\n            </div>\n          </ng-template>\n          @if (expanel && !expanel.collapsed) {\n            <div\n              class=\"grid gap-0\"\n              [style.grid-template-columns]=\"\n                getGridTemplateColumns(featureType.attributes)\n              \"\n              data-cy=\"feature-type-content\"\n            >\n              @for (\n                col of getColumnsDefinition(featureType.attributes);\n                track trackByColumn(i, col);\n                let i = $index\n              ) {\n                <div\n                  class=\"py-1 px-2 text-sm font-bold text-left border-t break-all\"\n                  [class.border-l]=\"i > 0\"\n                  [class.border-gray-300]=\"i > 0\"\n                  [ngClass]=\"col.class || ''\"\n                  data-test=\"column-label\"\n                >\n                  {{ 'feature.catalog.attribute.' + col.key | translate }}\n                </div>\n              }\n              @if (expanel && !expanel.collapsed) {\n                @for (row of featureType.attributes; track row) {\n                  @for (\n                    col of getColumnsDefinition(featureType.attributes);\n                    track trackByColumn(i, col);\n                    let i = $index\n                  ) {\n                    <div\n                      class=\"bg-white text-sm font-normal text-left border-t\"\n                      [class.border-l]=\"i > 0\"\n                      [class.border-gray-300]=\"i > 0\"\n                      data-test=\"cell-content\"\n                    >\n                      @if (col.key === 'values') {\n                        @if (row.values?.length > 0) {\n                          <gn-ui-cell-popin\n                            #popinRef\n                            [scrollContainer]=\"scrollContainer\"\n                            [cdkScrollContainer]=\"scrollable\"\n                          >\n                            <div\n                              cellContent\n                              data-cy=\"values-cell-popin-trigger\"\n                            >\n                              <gn-ui-button\n                                type=\"light\"\n                                extraClass=\"bg-transparent border-none\"\n                                (buttonClick)=\"popinRef.openOverlay()\"\n                              >\n                                <ng-icon name=\"iconoirList\" size=\"24\"></ng-icon>\n                              </gn-ui-button>\n                            </div>\n                            <div\n                              popinContent\n                              class=\"max-h-60 overflow-y-auto min-w-64 py-4 px-6\"\n                              style=\"scrollbar-width: thin\"\n                            >\n                              <ul class=\"list-disc list-inside mr-4\">\n                                @for (v of row.values; track v) {\n                                  <li>\n                                    {{ v.label || v.code }}\n                                  </li>\n                                }\n                              </ul>\n                            </div>\n                          </gn-ui-cell-popin>\n                        }\n                      } @else {\n                        <gn-ui-truncated-text\n                          [scrollContainer]=\"scrollContainer\"\n                          [cdkScrollContainer]=\"scrollable\"\n                          [text]=\"row[col.key]\"\n                        ></gn-ui-truncated-text>\n                      }\n                    </div>\n                  }\n                }\n              }\n            </div>\n          }\n        </gn-ui-expandable-panel>\n      </div>\n    }\n  </div>\n</div>\n" }]
+                    ], providers: [provideIcons({ iconoirList })], template: "<div\n  cdkScrollable\n  class=\"h-[562px] relative overflow-y-auto overflow-hidden\"\n  data-cy=\"feat-catalog-scrollable\"\n>\n  <div #scrollContainer class=\"flex flex-col gap-2 py-5 px-5\">\n    @for (\n      featureType of filteredFeatureCatalog?.featureTypes;\n      track featureType\n    ) {\n      <div class=\"rounded shadow bg-white\">\n        <gn-ui-expandable-panel\n          #expanel\n          [collapsed]=\"filteredFeatureCatalog?.featureTypes?.length !== 1\"\n          iconColor=\"black\"\n        >\n          <ng-template #titleTemplate>\n            <div class=\"px-2\">\n              <div class=\"text-lg font-bold\">{{ featureType.name }}</div>\n              @if (featureType.description) {\n                <div class=\"text-sm\">\n                  {{ featureType.description }}\n                </div>\n              }\n            </div>\n          </ng-template>\n          @if (expanel && !expanel.collapsed) {\n            <div\n              class=\"grid gap-0\"\n              [style.grid-template-columns]=\"\n                getGridTemplateColumns(featureType.attributes)\n              \"\n              data-cy=\"feature-type-content\"\n            >\n              @for (\n                col of getColumnsDefinition(featureType.attributes);\n                track trackByColumn(i, col);\n                let i = $index\n              ) {\n                <div\n                  class=\"py-1 px-2 text-sm font-bold text-left border-t break-all\"\n                  [class.border-l]=\"i > 0\"\n                  [class.border-gray-300]=\"i > 0\"\n                  [ngClass]=\"col.class || ''\"\n                  data-test=\"column-label\"\n                >\n                  {{ 'feature.catalog.attribute.' + col.key | translate }}\n                </div>\n              }\n              @if (expanel && !expanel.collapsed) {\n                @for (row of featureType.attributes; track row) {\n                  @for (\n                    col of getColumnsDefinition(featureType.attributes);\n                    track trackByColumn(i, col);\n                    let i = $index\n                  ) {\n                    <div\n                      class=\"bg-white text-sm font-normal text-left border-t\"\n                      [class.border-l]=\"i > 0\"\n                      [class.border-gray-300]=\"i > 0\"\n                      data-test=\"cell-content\"\n                    >\n                      @if (col.key === 'values') {\n                        @if (row.values?.length > 0) {\n                          <gn-ui-cell-popin\n                            #popinRef\n                            [scrollContainer]=\"scrollContainer\"\n                            [cdkScrollContainer]=\"scrollable\"\n                          >\n                            <div\n                              cellContent\n                              data-cy=\"values-cell-popin-trigger\"\n                            >\n                              <gn-ui-button\n                                type=\"light\"\n                                extraClass=\"bg-transparent border-none\"\n                                (buttonClick)=\"popinRef.openOverlay()\"\n                              >\n                                <ng-icon name=\"iconoirList\" size=\"24\"></ng-icon>\n                              </gn-ui-button>\n                            </div>\n                            <div\n                              popinContent\n                              class=\"max-h-60 overflow-y-auto min-w-64 py-4 px-6\"\n                              style=\"scrollbar-width: thin\"\n                            >\n                              <ul class=\"list-disc list-inside mr-4\">\n                                @for (v of row.values; track v) {\n                                  <li>\n                                    {{ v.label || v.code }}\n                                  </li>\n                                }\n                              </ul>\n                            </div>\n                          </gn-ui-cell-popin>\n                        }\n                      } @else {\n                        <gn-ui-truncated-text\n                          [scrollContainer]=\"scrollContainer\"\n                          [cdkScrollContainer]=\"scrollable\"\n                          [text]=\"row[col.key]\"\n                        ></gn-ui-truncated-text>\n                      }\n                    </div>\n                  }\n                }\n              }\n            </div>\n          }\n        </gn-ui-expandable-panel>\n      </div>\n    }\n  </div>\n</div>\n" }]
         }], propDecorators: { filteredFeatureCatalog: [{
                 type: Input
             }], scrollContainer: [{
@@ -31901,6 +31394,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
                     ], template: "<div class=\"flex flex-col gap-6 p-6 items-start pointer-events-none\">\n  @for (\n    notification of notificationsService.notifications$ | async;\n    track trackById($index, notification)\n  ) {\n    <gn-ui-notification\n      class=\"max-w-full pointer-events-auto\"\n      [text]=\"notification.text\"\n      [type]=\"notification.type\"\n      [title]=\"notification.title\"\n      [closeMessage]=\"notification.closeMessage\"\n      (notificationClose)=\"\n        notificationsService.removeNotificationById(notification.id)\n      \"\n      [@enterExit]\n    ></gn-ui-notification>\n  }\n</div>\n" }]
         }] });
 
+marker('search.filters.spatialExtent.searchLocation');
+// in MB, null means no limit
+const SPATIAL_EXTENT_MAX_FILE_SIZE = new InjectionToken('spatialExtentMaxFileSize', { factory: () => null });
 class FilterDropdownComponent {
     constructor() {
         this.searchFacade = inject(SearchFacade);
@@ -31908,7 +31404,7 @@ class FilterDropdownComponent {
         this.fieldsService = inject(FieldsService);
         this.notificationsService = inject(NotificationsService);
         this.translateService = inject(TranslateService);
-        this.spatialExtentMaxFileSize = getOptionalSearchConfig()?.SPATIAL_EXTENT_MAX_FILE_SIZE;
+        this.spatialExtentMaxFileSize = inject(SPATIAL_EXTENT_MAX_FILE_SIZE);
         this.selected$ = this.searchFacade.searchFilters$.pipe(switchMap((filters) => this.fieldsService.readFieldValuesFromFilters(filters)), map$1((fieldValues) => fieldValues[this.fieldName]), filter$1((selected) => !!selected), startWith$1([]), catchError(() => of([])));
         this.selectedDateRange$ = this.selected$.pipe(map$1((selected) => (Array.isArray(selected) ? {} : selected)));
         this.selectedBoundingBox$ = this.selected$.pipe(map$1((selected) => Array.isArray(selected) && selected.length > 0
@@ -31929,6 +31425,9 @@ class FilterDropdownComponent {
             .subscribe((filters) => this.searchService.updateFilters(filters));
         this.clearSpatialExtentErrorNotification();
     }
+    onLocationSelected({ bbox, label }) {
+        this.spatialExtentDropdown.setLocationBbox(bbox, label);
+    }
     onSpatialExtentError(error) {
         this.clearSpatialExtentErrorNotification();
         this.spatialExtentErrorNotificationId =
@@ -31959,7 +31458,7 @@ class FilterDropdownComponent {
             .subscribe((filters) => this.searchService.updateFilters(filters));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: FilterDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: FilterDropdownComponent, isStandalone: true, selector: "gn-ui-filter-dropdown", inputs: { fieldName: "fieldName", title: "title" }, ngImport: i0, template: "@if (fieldType === 'dateRange') {\n  <gn-ui-date-range-dropdown\n    [title]=\"title\"\n    [dateRange]=\"(selectedDateRange$ | async) ?? {}\"\n    (dateRangeChange)=\"onDateRangeChange($event)\"\n    [attr.data-cy-field]=\"fieldName\"\n  ></gn-ui-date-range-dropdown>\n} @else if (fieldType === 'spatialExtent') {\n  <gn-ui-spatial-extent-dropdown\n    [title]=\"title\"\n    [initialBbox]=\"(selectedBoundingBox$ | async) ?? null\"\n    [maxFileSizeMb]=\"spatialExtentMaxFileSize\"\n    (bboxChange)=\"onBboxChange($event)\"\n    (errorChange)=\"onSpatialExtentError($event)\"\n    [attr.data-cy-field]=\"fieldName\"\n  ></gn-ui-spatial-extent-dropdown>\n} @else {\n  <gn-ui-dropdown-multiselect\n    class=\"w-full\"\n    [title]=\"title\"\n    [maxRows]=\"6\"\n    [choices]=\"(choices$ | async) || []\"\n    [selected]=\"selected$ | async\"\n    [allowSearch]=\"true\"\n    (selectValues)=\"onSelectedValues($event)\"\n    [attr.data-cy-field]=\"fieldName\"\n  >\n  </gn-ui-dropdown-multiselect>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DateRangeDropdownComponent, selector: "gn-ui-date-range-dropdown", inputs: ["title", "dateRange"], outputs: ["dateRangeChange"] }, { kind: "component", type: DropdownMultiselectComponent, selector: "gn-ui-dropdown-multiselect", inputs: ["title", "choices", "selected", "allowSearch", "maxRows", "searchInputValue"], outputs: ["selectValues"] }, { kind: "component", type: SpatialExtentDropdownComponent, selector: "gn-ui-spatial-extent-dropdown", inputs: ["title", "maxFileSizeMb", "initialBbox"], outputs: ["bboxChange", "errorChange"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: FilterDropdownComponent, isStandalone: true, selector: "gn-ui-filter-dropdown", inputs: { fieldName: "fieldName", title: "title" }, viewQueries: [{ propertyName: "spatialExtentDropdown", first: true, predicate: SpatialExtentDropdownComponent, descendants: true }], ngImport: i0, template: "@if (fieldType === 'dateRange') {\n  <gn-ui-date-range-dropdown\n    [title]=\"title\"\n    [dateRange]=\"(selectedDateRange$ | async) ?? {}\"\n    (dateRangeChange)=\"onDateRangeChange($event)\"\n    [attr.data-cy-field]=\"fieldName\"\n  ></gn-ui-date-range-dropdown>\n} @else if (fieldType === 'spatialExtent') {\n  <gn-ui-spatial-extent-dropdown\n    [title]=\"title\"\n    [initialBbox]=\"(selectedBoundingBox$ | async) ?? null\"\n    [maxFileSizeMb]=\"spatialExtentMaxFileSize\"\n    (bboxChange)=\"onBboxChange($event)\"\n    (errorChange)=\"onSpatialExtentError($event)\"\n    [attr.data-cy-field]=\"fieldName\"\n  >\n    <gn-ui-location-search\n      [placeholder]=\"'search.filters.spatialExtent.searchLocation' | translate\"\n      (bboxSelected)=\"onLocationSelected($event)\"\n      data-cy=\"locationSearch\"\n    ></gn-ui-location-search>\n  </gn-ui-spatial-extent-dropdown>\n} @else {\n  <gn-ui-dropdown-multiselect\n    class=\"w-full\"\n    [title]=\"title\"\n    [maxRows]=\"6\"\n    [choices]=\"(choices$ | async) || []\"\n    [selected]=\"selected$ | async\"\n    [allowSearch]=\"true\"\n    (selectValues)=\"onSelectedValues($event)\"\n    [attr.data-cy-field]=\"fieldName\"\n  >\n  </gn-ui-dropdown-multiselect>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DateRangeDropdownComponent, selector: "gn-ui-date-range-dropdown", inputs: ["title", "dateRange"], outputs: ["dateRangeChange"] }, { kind: "component", type: DropdownMultiselectComponent, selector: "gn-ui-dropdown-multiselect", inputs: ["title", "choices", "selected", "allowSearch", "maxRows", "searchInputValue"], outputs: ["selectValues"] }, { kind: "component", type: SpatialExtentDropdownComponent, selector: "gn-ui-spatial-extent-dropdown", inputs: ["title", "maxFileSizeMb", "initialBbox"], outputs: ["bboxChange", "errorChange"] }, { kind: "component", type: LocationSearchComponent, selector: "gn-ui-location-search", inputs: ["placeholder"], outputs: ["resultSelected", "bboxSelected"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: FilterDropdownComponent, decorators: [{
             type: Component,
@@ -31968,11 +31467,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
                         DateRangeDropdownComponent,
                         DropdownMultiselectComponent,
                         SpatialExtentDropdownComponent,
-                    ], template: "@if (fieldType === 'dateRange') {\n  <gn-ui-date-range-dropdown\n    [title]=\"title\"\n    [dateRange]=\"(selectedDateRange$ | async) ?? {}\"\n    (dateRangeChange)=\"onDateRangeChange($event)\"\n    [attr.data-cy-field]=\"fieldName\"\n  ></gn-ui-date-range-dropdown>\n} @else if (fieldType === 'spatialExtent') {\n  <gn-ui-spatial-extent-dropdown\n    [title]=\"title\"\n    [initialBbox]=\"(selectedBoundingBox$ | async) ?? null\"\n    [maxFileSizeMb]=\"spatialExtentMaxFileSize\"\n    (bboxChange)=\"onBboxChange($event)\"\n    (errorChange)=\"onSpatialExtentError($event)\"\n    [attr.data-cy-field]=\"fieldName\"\n  ></gn-ui-spatial-extent-dropdown>\n} @else {\n  <gn-ui-dropdown-multiselect\n    class=\"w-full\"\n    [title]=\"title\"\n    [maxRows]=\"6\"\n    [choices]=\"(choices$ | async) || []\"\n    [selected]=\"selected$ | async\"\n    [allowSearch]=\"true\"\n    (selectValues)=\"onSelectedValues($event)\"\n    [attr.data-cy-field]=\"fieldName\"\n  >\n  </gn-ui-dropdown-multiselect>\n}\n" }]
+                        LocationSearchComponent,
+                        TranslatePipe,
+                    ], template: "@if (fieldType === 'dateRange') {\n  <gn-ui-date-range-dropdown\n    [title]=\"title\"\n    [dateRange]=\"(selectedDateRange$ | async) ?? {}\"\n    (dateRangeChange)=\"onDateRangeChange($event)\"\n    [attr.data-cy-field]=\"fieldName\"\n  ></gn-ui-date-range-dropdown>\n} @else if (fieldType === 'spatialExtent') {\n  <gn-ui-spatial-extent-dropdown\n    [title]=\"title\"\n    [initialBbox]=\"(selectedBoundingBox$ | async) ?? null\"\n    [maxFileSizeMb]=\"spatialExtentMaxFileSize\"\n    (bboxChange)=\"onBboxChange($event)\"\n    (errorChange)=\"onSpatialExtentError($event)\"\n    [attr.data-cy-field]=\"fieldName\"\n  >\n    <gn-ui-location-search\n      [placeholder]=\"'search.filters.spatialExtent.searchLocation' | translate\"\n      (bboxSelected)=\"onLocationSelected($event)\"\n      data-cy=\"locationSearch\"\n    ></gn-ui-location-search>\n  </gn-ui-spatial-extent-dropdown>\n} @else {\n  <gn-ui-dropdown-multiselect\n    class=\"w-full\"\n    [title]=\"title\"\n    [maxRows]=\"6\"\n    [choices]=\"(choices$ | async) || []\"\n    [selected]=\"selected$ | async\"\n    [allowSearch]=\"true\"\n    (selectValues)=\"onSelectedValues($event)\"\n    [attr.data-cy-field]=\"fieldName\"\n  >\n  </gn-ui-dropdown-multiselect>\n}\n" }]
         }], propDecorators: { fieldName: [{
                 type: Input
             }], title: [{
                 type: Input
+            }], spatialExtentDropdown: [{
+                type: ViewChild,
+                args: [SpatialExtentDropdownComponent]
             }] } });
 
 class FuzzySearchComponent {
@@ -32589,6 +32093,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
 marker('search.filters.summaryLabel.user');
 marker('search.filters.summaryLabel.changeDate');
 marker('search.filters.summaryLabel.resourceCreationRevisionDate');
+marker('search.filters.summaryLabel.temporalExtent');
 const OPEN_BOUND = '…';
 class SearchFiltersSummaryItemComponent {
     constructor() {
@@ -34152,7 +33657,7 @@ class DataService {
         }));
     }
     async getDownloadLinksFromOgcApiFeatures(ogcApiLink) {
-        const collectionInfo = await this.getDownloadUrlsFromOgcApi(ogcApiLink.url.href);
+        const collectionInfo = await this.getDownloadUrlsFromOgcApi(ogcApiLink.url.href, ogcApiLink.name);
         return Object.keys(collectionInfo.bulkDownloadLinks).map((mimeType) => {
             const urlWithoutLimit = new URL(collectionInfo.bulkDownloadLinks[mimeType]);
             urlWithoutLimit.searchParams.delete('limit');
@@ -34165,27 +33670,31 @@ class DataService {
             };
         });
     }
-    async getDownloadUrlsFromOgcApi(url) {
+    async getTargetCollectionId(endpoint, collectionId) {
+        const collections = await endpoint.featureCollections;
+        return collections.length === 1 && !collectionId
+            ? collections[0]
+            : collectionId;
+    }
+    async getDownloadUrlsFromOgcApi(url, collectionId) {
         const endpoint = new OgcApiEndpoint(url);
-        return await endpoint.featureCollections
-            .then((collections) => {
-            return endpoint.getCollectionInfo(collections[0]);
-        })
-            .catch((error) => {
-            throw new Error(`ogc.unreachable.unknown`);
-        });
+        try {
+            const id = await this.getTargetCollectionId(endpoint, collectionId);
+            return await endpoint.getCollectionInfo(id);
+        }
+        catch {
+            throw new Error('ogc.unreachable.unknown');
+        }
     }
-    async getItemsFromOgcApi(url, limit) {
+    async getItemsFromOgcApi(url, collectionId, limit) {
         const endpoint = new OgcApiEndpoint(url);
-        return await endpoint.featureCollections
-            .then((collections) => {
-            return collections.length
-                ? endpoint.getCollectionItems(collections[0], limit)
-                : null;
-        })
-            .catch(() => {
-            throw new Error(`ogc.unreachable.unknown`);
-        });
+        try {
+            const id = await this.getTargetCollectionId(endpoint, collectionId);
+            return await endpoint.getCollectionItems(id, limit);
+        }
+        catch {
+            throw new Error('ogc.unreachable.unknown');
+        }
     }
     async getItemsFromStacApi(url, options) {
         return await StacEndpoint.getItemsFromUrl(url, options)
@@ -34273,7 +33782,7 @@ class DataService {
         }
         else if (link.type === 'service' &&
             link.accessServiceProtocol === 'ogcFeatures') {
-            return from(this.getDownloadUrlsFromOgcApi(link.url.href)).pipe(switchMap$1((collectionInfo) => {
+            return from(this.getDownloadUrlsFromOgcApi(link.url.href, link.name)).pipe(switchMap$1((collectionInfo) => {
                 const isMimeTypeJson = (mimeType) => {
                     return mimeType.toLowerCase().indexOf('json') > -1;
                 };
@@ -35217,7 +34726,7 @@ class MdViewFacade {
             if (this.linkClassifier.hasUsage(link, LinkUsage.GEODATA)) {
                 if (link.type === 'service' &&
                     link.accessServiceProtocol === 'ogcFeatures') {
-                    return from(this.dataService.getItemsFromOgcApi(link.url.href, 1)).pipe(map$1((collectionRecords) => {
+                    return from(this.dataService.getItemsFromOgcApi(link.url.href, link.name, 1)).pipe(map$1((collectionRecords) => {
                         return collectionRecords &&
                             collectionRecords[0] &&
                             collectionRecords[0].geometry
@@ -35300,7 +34809,7 @@ class MdViewEffects {
             }
             return loadFullMetadataSuccess({ full: record });
         }), catchError((error) => of(loadFullMetadataFailure({ otherError: error.message })))));
-        this.loadFeatureCatalog$ = createEffect(() => this.actions$.pipe(ofType(loadFullMetadataSuccess), filter$1(({ full }) => full !== undefined), switchMap$1(({ full }) => this.recordsRepository.getFeatureCatalog(full)), map$1((featureCatalog) => loadFeatureCatalogSuccess({
+        this.loadFeatureCatalog$ = createEffect(() => this.actions$.pipe(ofType(loadFullMetadataSuccess), filter$1(({ full }) => full !== undefined), switchMap$1(({ full }) => this.recordsRepository.queryLinkedFeatureCatalog(full)), map$1((featureCatalog) => loadFeatureCatalogSuccess({
             datasetCatalog: featureCatalog,
         })), catchError((error) => of(loadFeatureCatalogFailure({
             error: error.message,
@@ -40934,6 +40443,638 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
                 args: ['gnUiSearchRouterContainer']
             }] } });
 
+const flatten = (base, obj, keepLevel = false) => Object.keys(obj).reduce((prev, curr) => {
+    const path = base ? `${base}.${curr}` : curr;
+    const val = obj[curr];
+    if (keepLevel) {
+        return { ...prev, [path]: flatten('', val) };
+    }
+    else if (typeof val === 'object' && !Array.isArray(val)) {
+        return {
+            ...prev,
+            ...flatten(path, val),
+        };
+    }
+    else {
+        return { ...prev, [path]: val };
+    }
+}, {});
+const checkKeys = (input, mandatory, optional) => {
+    const keys = Object.keys(input);
+    const missing = mandatory.filter((key) => keys.indexOf(key) === -1);
+    const unrecognized = keys.filter((key) => mandatory.indexOf(key) === -1 && optional.indexOf(key) === -1);
+    return {
+        missing,
+        unrecognized,
+    };
+};
+/**
+ * Only keeps recognized keys, flatten nested values (to allow having "." in keys),
+ * pushes warnings and errors to the given arrays; returns null in case of error
+ */
+function parseConfigSection(fullConfigObj, sectionName, mandatoryKeys, optionalKeys, outWarnings, outErrors) {
+    if (typeof fullConfigObj[sectionName] !== 'object') {
+        if (mandatoryKeys.length === 0)
+            return null;
+        outErrors.push(`The [${sectionName}] mandatory section is missing.`);
+        return null;
+    }
+    const sectionConf = fullConfigObj[sectionName];
+    const keysCheck = checkKeys(sectionConf, mandatoryKeys, optionalKeys);
+    if (keysCheck.missing.length) {
+        // note: this is not thrown to allow merging several Errors down the line
+        outErrors.push(`In the [${sectionName}] section: ${keysCheck.missing.join(', ')}`);
+        return null;
+    }
+    else if (keysCheck.unrecognized.length) {
+        outWarnings.push(`In the [${sectionName}] section: ${keysCheck.unrecognized.join(', ')}`);
+        keysCheck.unrecognized.forEach((key) => delete sectionConf[key]);
+    }
+    return sectionConf;
+}
+/**
+ * Same as parseConfigSection but keeps all keys, recognized or not
+ * Also the first level is the language code (e.g. 'en')
+ * This is optional
+ */
+function parseTranslationsConfigSection(fullConfigObj, sectionName) {
+    if (typeof fullConfigObj[sectionName] !== 'object') {
+        return {};
+    }
+    return flatten('', fullConfigObj[sectionName], true);
+}
+/**
+ * Same as parseConfigSection but handles an array of configs; this is
+ * considered optional; returns null in case of error in at least one of
+ * the sections
+ */
+function parseMultiConfigSection(fullConfigObj, sectionName, mandatoryKeys, optionalKeys, outWarnings, outErrors) {
+    const sections = fullConfigObj[sectionName];
+    if (!sections) {
+        return [];
+    }
+    if (!Array.isArray(sections)) {
+        outErrors.push(`Expected [[${sectionName}]] to be an array of sections.`);
+        return null;
+    }
+    const result = sections.map((section) => parseConfigSection({ [sectionName]: section }, sectionName, mandatoryKeys, optionalKeys, outWarnings, outErrors));
+    if (result.some((r) => r === null)) {
+        return null;
+    }
+    return result;
+}
+function checkMetadataLanguage(parsedConfigSection, outWarnings) {
+    const lang2 = toLang2(parsedConfigSection.metadata_language.toLowerCase());
+    if (lang2?.length !== 2) {
+        outWarnings.push(`In the [global] section: metadata_language = "${parsedConfigSection.metadata_language}" is not a recognized ISO 639 language code`);
+    }
+    return parsedConfigSection;
+}
+function checkNewRecordDefaultLanguage(parsedConfigSection, outWarnings) {
+    const lang2 = toLang2(parsedConfigSection.new_record_default_language.toLowerCase());
+    if (!(lang2 in LANG_2_TO_3_MAPPER)) {
+        outWarnings.push(`In the [editing] section: new_record_default_language = "${parsedConfigSection.new_record_default_language}" is not a recognized ISO 639 language code`);
+        return {
+            ...parsedConfigSection,
+            new_record_default_language: undefined,
+        };
+    }
+    return {
+        ...parsedConfigSection,
+        new_record_default_language: lang2,
+    };
+}
+function checkNewRecordStandard(parsedConfigSection, outWarnings) {
+    const standard = parsedConfigSection.new_record_standard;
+    const normalizedStandard = typeof standard === 'string' ? standard.trim().toLowerCase() : null;
+    if (normalizedStandard === 'iso19139' ||
+        normalizedStandard === 'iso19115-3') {
+        return {
+            ...parsedConfigSection,
+            new_record_standard: normalizedStandard,
+        };
+    }
+    outWarnings.push(`In the [editing] section: new_record_standard = "${standard}" is not a supported metadata standard`);
+    return {
+        ...parsedConfigSection,
+        new_record_standard: undefined,
+    };
+}
+
+/**
+ * This loader extends the default one based on JSON files but also loads custom translations
+ * defined in the app configuration
+ * Implements a fallback on default lang if translated labels are empty
+ */
+class FileWithOverridesTranslateLoader extends FileTranslateLoader {
+    getTranslation(lang) {
+        const baseLang = lang.substring(0, 2); // removing the right part of e.g. en_EN
+        return super.getTranslation(baseLang).pipe(map$1((translations) => ({
+            ...translations,
+            ...getCustomTranslations(baseLang),
+        })));
+    }
+}
+
+const MISSING_CONFIG_ERROR = `Application configuration was not initialized correctly.
+This error might show up in case of an invalid/malformed configuration file.
+
+Note: make sure that you have called \`loadAppConfig\` from '../../../../../libs/util/app-config/src' before starting the Angular application.`;
+let globalConfig = null;
+function getGlobalConfig() {
+    if (globalConfig === null)
+        throw new Error(MISSING_CONFIG_ERROR);
+    return globalConfig;
+}
+let themeConfig = null;
+function getThemeConfig() {
+    if (themeConfig === null)
+        throw new Error(MISSING_CONFIG_ERROR);
+    return themeConfig;
+}
+let mapConfig = null;
+function getOptionalMapConfig() {
+    return mapConfig;
+}
+let searchConfig = null;
+function getOptionalSearchConfig() {
+    return searchConfig;
+}
+let editorConfig = null;
+function getOptionalEditorConfig() {
+    return editorConfig;
+}
+let metadataQualityConfig = null;
+function getMetadataQualityConfig() {
+    return (metadataQualityConfig ||
+        {
+            ENABLED: false,
+        });
+}
+let customTranslations = null;
+function getCustomTranslations(langCode) {
+    if (customTranslations === null)
+        throw new Error(MISSING_CONFIG_ERROR);
+    return langCode in customTranslations ? customTranslations[langCode] : {};
+}
+let appConfigLoaded = false;
+function loadAppConfig(configUrl = 'assets/configuration/default.toml') {
+    console.log(`[geonetwork-ui] Loading application configuration from ${configUrl}`);
+    return fetch(configUrl)
+        .then((resp) => {
+        if (!resp.ok)
+            throw new Error('Configuration file could not be loaded');
+        return resp.text();
+    })
+        .then((conf) => {
+        let parsed;
+        try {
+            parsed = TOML.parse(conf, { joiner: '\n', bigint: false });
+        }
+        catch (e) {
+            throw new Error(`An error occurred when parsing the configuration file: ${e.message}`);
+        }
+        const errors = [];
+        const warnings = [];
+        let parsedGlobalSection = parseConfigSection(parsed, 'global', ['geonetwork4_api_url'], [
+            'datahub_url',
+            'edit_url_template',
+            'proxy_path',
+            'metadata_language',
+            'login_url',
+            'logout_url',
+            'settings_url',
+            'web_component_embedder_url',
+            'languages',
+            'contact_email',
+            'reuse_form_url',
+        ], warnings, errors);
+        if (parsedGlobalSection?.metadata_language) {
+            parsedGlobalSection = checkMetadataLanguage(parsedGlobalSection, warnings);
+        }
+        globalConfig =
+            parsedGlobalSection === null
+                ? null
+                : {
+                    GN4_API_URL: parsedGlobalSection.geonetwork4_api_url,
+                    DATAHUB_URL: parsedGlobalSection.datahub_url,
+                    EDIT_URL_TEMPLATE: parsedGlobalSection.edit_url_template,
+                    PROXY_PATH: parsedGlobalSection.proxy_path,
+                    METADATA_LANGUAGE: parsedGlobalSection.metadata_language
+                        ? parsedGlobalSection.metadata_language.toLowerCase()
+                        : undefined,
+                    LOGIN_URL: parsedGlobalSection.login_url,
+                    LOGOUT_URL: parsedGlobalSection.logout_url,
+                    SETTINGS_URL: parsedGlobalSection.settings_url,
+                    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', [], [
+            'max_zoom',
+            'do_not_tile_wms',
+            'max_extent',
+            'max_feature_count',
+            'baselayer',
+            'do_not_use_default_basemap',
+            'external_viewer_url_template',
+            'external_viewer_open_new_tab',
+        ], warnings, errors);
+        mapConfig =
+            parsedMapSection === null || parsedLayersSections === null
+                ? null
+                : {
+                    MAX_ZOOM: parsedMapSection.max_zoom,
+                    DO_NOT_TILE_WMS: parsedMapSection.do_not_tile_wms,
+                    MAX_EXTENT: parsedMapSection.max_extent,
+                    MAX_FEATURE_COUNT: parsedMapSection.max_feature_count,
+                    EXTERNAL_VIEWER_URL_TEMPLATE: parsedMapSection.external_viewer_url_template,
+                    EXTERNAL_VIEWER_OPEN_NEW_TAB: parsedMapSection.external_viewer_open_new_tab,
+                    DO_NOT_USE_DEFAULT_BASEMAP: !!parsedMapSection.do_not_use_default_basemap,
+                    MAP_LAYERS: parsedLayersSections.map((map_layer) => ({
+                        TYPE: map_layer.type,
+                        URL: map_layer.url,
+                        NAME: map_layer.name,
+                        DATA: map_layer.data,
+                        STYLE_URL: map_layer.styleUrl,
+                        ACCESS_TOKEN: map_layer.accessToken,
+                    })),
+                };
+        const parsedThemeSection = parseConfigSection(parsed, 'theme', ['primary_color', 'secondary_color', 'main_color', 'background_color'], [
+            'header_foreground_color',
+            'main_font',
+            'title_font',
+            'fonts_stylesheet_url',
+            'thumbnail_placeholder',
+            'header_background',
+            'favicon',
+        ], warnings, errors);
+        themeConfig =
+            parsedThemeSection === null
+                ? null
+                : {
+                    PRIMARY_COLOR: parsedThemeSection.primary_color,
+                    SECONDARY_COLOR: parsedThemeSection.secondary_color,
+                    MAIN_COLOR: parsedThemeSection.main_color,
+                    BACKGROUND_COLOR: parsedThemeSection.background_color,
+                    HEADER_FOREGROUND_COLOR: parsedThemeSection.header_foreground_color,
+                    THUMBNAIL_PLACEHOLDER: parsedThemeSection.thumbnail_placeholder,
+                    HEADER_BACKGROUND: parsedThemeSection.header_background,
+                    TITLE_FONT: parsedThemeSection.title_font,
+                    MAIN_FONT: parsedThemeSection.main_font,
+                    FONTS_STYLESHEET_URL: parsedThemeSection.fonts_stylesheet_url,
+                    FAVICON: parsedThemeSection.favicon,
+                };
+        const parsedSearchSection = parseConfigSection(parsed, 'search', [], [
+            'record_kind_quick_filter',
+            'filter_geometry_data',
+            'filter_geometry_url',
+            'do_not_use_default_search_preset',
+            'search_preset',
+            'advanced_filters',
+            'limit',
+            'spatial_extent_max_file_size',
+            'geocoding_provider',
+            'geocoding_provider_options',
+            'geocoding_provider_labels',
+        ], warnings, errors);
+        const parsedSearchParams = parseMultiConfigSection(parsed, 'search_preset', ['name'], ['sort', 'filters'], warnings, errors);
+        const parsedCustomFilters = parseMultiConfigSection(parsed, 'custom_filter', ['name', 'base_filter'], ['exclude_values', 'include_values', 'label_key'], warnings, errors);
+        const parsedGeocodingProviderLabels = parsedSearchSection?.geocoding_provider_labels;
+        searchConfig =
+            parsedSearchSection === null
+                ? null
+                : {
+                    RECORD_KIND_QUICK_FILTER: parsedSearchSection.record_kind_quick_filter,
+                    FILTER_GEOMETRY_DATA: parsedSearchSection.filter_geometry_data,
+                    FILTER_GEOMETRY_URL: parsedSearchSection.filter_geometry_url,
+                    DO_NOT_USE_DEFAULT_SEARCH_PRESET: !!parsedSearchSection.do_not_use_default_search_preset,
+                    SEARCH_PRESET: parsedSearchParams.map((param) => ({
+                        sort: param.sort,
+                        name: param.name,
+                        filters: param.filters,
+                    })),
+                    ADVANCED_FILTERS: parsedSearchSection.advanced_filters,
+                    CUSTOM_FILTERS: (parsedCustomFilters ?? []).map((customFilter) => ({
+                        name: customFilter.name,
+                        baseFilter: customFilter.base_filter,
+                        excludeValues: customFilter.exclude_values,
+                        includeValues: customFilter.include_values,
+                        labelKey: customFilter.label_key,
+                    })),
+                    LIMIT: parsedSearchSection.limit,
+                    SPATIAL_EXTENT_MAX_FILE_SIZE: parsedSearchSection.spatial_extent_max_file_size,
+                    GEOCODING_PROVIDER: parsedSearchSection.geocoding_provider,
+                    GEOCODING_PROVIDER_OPTIONS: parsedSearchSection.geocoding_provider_options,
+                    GEOCODING_PROVIDER_LABELS: parsedGeocodingProviderLabels
+                        ? {
+                            MAIN: parsedGeocodingProviderLabels.main,
+                            SECONDARY: parsedGeocodingProviderLabels.secondary,
+                            TERTIARY: parsedGeocodingProviderLabels.tertiary,
+                        }
+                        : undefined,
+                };
+        const parsedMetadataQualitySection = parseConfigSection(parsed, 'metadata-quality', [], ['enabled'], warnings, errors);
+        metadataQualityConfig =
+            parsedMetadataQualitySection === null
+                ? null
+                : {
+                    ENABLED: parsedMetadataQualitySection.enabled,
+                    SORTABLE: parsedMetadataQualitySection.sortable,
+                };
+        let parsedEditingSection = parseConfigSection(parsed, 'editing', [], ['new_record_default_language', 'new_record_standard'], warnings, errors);
+        if (parsedEditingSection !== null &&
+            parsedEditingSection.new_record_default_language !== undefined) {
+            parsedEditingSection = checkNewRecordDefaultLanguage(parsedEditingSection, warnings);
+        }
+        if (parsedEditingSection !== null &&
+            parsedEditingSection.new_record_standard !== undefined) {
+            parsedEditingSection = checkNewRecordStandard(parsedEditingSection, warnings);
+        }
+        editorConfig =
+            parsedEditingSection === null
+                ? null
+                : {
+                    NEW_RECORD_DEFAULT_LANGUAGE: parsedEditingSection.new_record_default_language,
+                    NEW_RECORD_STANDARD: parsedEditingSection.new_record_standard,
+                };
+        customTranslations = parseTranslationsConfigSection(parsed, 'translations');
+        if (errors.length) {
+            throw new Error(`One or more mandatory settings were missing from the configuration file.
+${errors.join('\n')}`);
+        }
+        else if (warnings.length) {
+            console.warn(`One or more unexpected settings were encountered in the configuration file.
+${warnings.join('\n')}`);
+        }
+        appConfigLoaded = true;
+    });
+}
+function isConfigLoaded() {
+    return appConfigLoaded;
+}
+function _reset() {
+    globalConfig = null;
+    themeConfig = null;
+    editorConfig = null;
+    customTranslations = null;
+}
+const TRANSLATE_WITH_OVERRIDES_CONFIG = {
+    compiler: {
+        provide: TranslateCompiler,
+        useClass: TranslateMessageFormatCompiler,
+    },
+    loader: [
+        {
+            provide: TRANSLATE_HTTP_LOADER_CONFIG,
+            useValue: {
+                prefix: './assets/i18n/',
+                suffix: '.json',
+            },
+        },
+        {
+            provide: TranslateLoader,
+            useClass: FileWithOverridesTranslateLoader,
+            deps: [HttpClient, TRANSLATE_HTTP_LOADER_CONFIG],
+        },
+    ],
+};
+
+const okAppConfigFixture = () => `
+[global]
+geonetwork4_api_url = "/geonetwork/srv/api"
+proxy_path = "/proxy/?url="
+metadata_language = "fre"
+login_url = "/cas/login?service="
+logout_url = "/geonetwork/signout"
+settings_url = "/geonetwork/settings"
+web_component_embedder_url = "/datahub/wc-embedder.html"
+
+[map]
+max_zoom = 10
+max_extent = [-418263.418776, 5251529.591305, 961272.067714, 6706890.609855]
+do_not_use_default_basemap = false
+external_viewer_url_template = 'https://example.com/myviewer?'
+external_viewer_open_new_tab = true
+[[map_layer]]
+type = "wms"
+url = "https://www.geo2france.fr/geoserver/cr_hdf/ows"
+name = "masque_hdf_ign_carto_latin1"
+[[map_layer]]
+type = "wfs"
+url = "https://www.geo2france.fr/geoserver/cr_hdf/ows"
+name = "masque_hdf_ign_carto_latin1"
+
+[theme]
+primary_color = "#093564"
+secondary_color = "#c2e9dc"
+main_color = "#212029" # All-purpose text color
+background_color = "#fdfbff"
+thumbnail_placeholder = 'assets/img/placeholder.svg'
+header_background = 'teal'
+header_foreground_color = "#872e2e"
+main_font = 'sans-serif'
+title_font = 'serif'
+fonts_stylesheet_url = "https://fonts.googleapis.com/css2?family=Open+Sans"
+
+[search]
+record_kind_quick_filter = false
+filter_geometry_url = 'https://my.domain.org/geom.json'
+do_not_use_default_search_preset = false
+geocoding_provider = "geoplateforme"
+geocoding_provider_options.index = "poi"
+geocoding_provider_options.category = "administratif"
+geocoding_provider_options.limit = 5
+geocoding_provider_labels.main = '/properties/name/0'
+geocoding_provider_labels.secondary = '/properties/citycode/0'
+geocoding_provider_labels.tertiary = '/properties/category/1'
+advanced_filters = ['publicationYear', 'documentStandard', 'inspireKeyword', 'topic', 'license', 'myOrg:firstCustomFilter', 'myOrg:secondCustomFilter']
+
+[[custom_filter]]
+name = 'myOrg:firstCustomFilter'
+base_filter = 'keyword'
+exclude_values = ['my keyword 1', 'my keyword 2']
+label_key = 'myOrg.firstCustomFilter'
+
+[[custom_filter]]
+name = 'myOrg:secondCustomFilter'
+base_filter = 'keyword'
+include_values = ['my keyword 3', 'my keyword 4']
+label_key = 'myOrg.secondCustomFilter'
+
+[[search_preset]]
+sort = "-createDate"
+name = 'filterByOrgs'
+filters.q = 'Carto'
+filters.organisation = ['Org1', 'Org2']
+filters.format = ['ESRI Shapefile']
+filters.topic = ['boundaries']
+filters.publicationYear = ['2023', '2022']
+filters.spatial = ['yes']
+
+[translations.en]
+"my.first.key" = 'First label.'
+"my.second.key" = """
+Second label,
+on two lines."""
+
+[translations.de]
+my.first.key = 'Erste Etikett.'
+
+[translations.fr]
+my.sample.text = "Un bon exemple de texte."
+"my.quoted.text" = 'du texte entre guillements.'
+`;
+const appConfigWithTranslationFixture = () => okAppConfigFixture();
+const minimalAppConfigFixture = () => `
+[global]
+geonetwork4_api_url = "/geonetwork/srv/api"
+proxy_path = "/proxy/?url="
+
+[theme]
+primary_color = "#093564"
+secondary_color = "#c2e9dc"
+main_color = "#212029" # All-purpose text color
+background_color = "#fdfbff"
+`;
+const customFilterMissingMandatoryConfigFixture = () => `
+[global]
+geonetwork4_api_url = "/geonetwork/srv/api"
+
+[theme]
+primary_color = "#093564"
+secondary_color = "#c2e9dc"
+main_color = "#212029" # All-purpose text color
+background_color = "#fdfbff"
+
+[search]
+advanced_filters = ['myOrg:firstCustomFilter']
+
+[[custom_filter]]
+name = 'myOrg:firstCustomFilter'
+`;
+const mapConfigFixture = () => ({
+    MAX_ZOOM: 10,
+    MAX_EXTENT: [-418263.418776, 5251529.591305, 961272.067714, 6706890.609855],
+    DO_NOT_USE_DEFAULT_BASEMAP: false,
+    DO_NOT_TILE_WMS: false,
+    EXTERNAL_VIEWER_URL_TEMPLATE: 'https://example.com/myviewer/#/?actions=[{"type":"CATALOG:ADD_LAYERS_FROM_CATALOGS","layers":["${layer_name}"],"sources":[{"url":"${service_url}","type":"${service_type}"}]}]',
+    EXTERNAL_VIEWER_OPEN_NEW_TAB: true,
+    MAP_LAYERS: [
+        {
+            TYPE: 'xyz',
+            URL: 'https://some-basemap-server',
+        },
+        {
+            TYPE: 'wms',
+            URL: 'https://some-wms-server',
+            NAME: 'some_layername',
+        },
+        {
+            TYPE: 'wfs',
+            URL: 'https://some-wfs-server',
+            NAME: 'some_layername',
+        },
+    ],
+});
+const malformedConfigFixture = () => `
+{
+  "I thought": "we were still doing json"
+}
+`;
+const missingMandatoryConfigFixture = () => `
+[theme]
+primary_color = "#093564"
+secondary_color = "#c2e9dc"
+background_color = "#fdfbff"
+main_font = 'sans-serif'
+`;
+const wrongLanguageCodeConfigFixture = () => `
+[global]
+geonetwork4_api_url = "/geonetwork/srv/api"
+proxy_path = "/proxy/?url="
+metadata_language = "abc"
+
+[map]
+
+[theme]
+primary_color = "#093564"
+secondary_color = "#c2e9dc"
+main_color = "#212029" # All-purpose text color
+background_color = "#fdfbff"
+`;
+const unrecognizedKeysConfigFixture = () => `
+[global]
+geonetwork4_api_url = "/geonetwork/srv/api"
+proxy_path = "/proxy/?url="
+metadata_language = "fre"
+another_path = '/whatever'
+
+[map]
+max_zoom = 10
+max_extent = [-418263.418776, 5251529.591305, 961272.067714, 6706890.609855]
+do_not_use_default_basemap = false
+external_viewer_url_template = 'https://example.com/myviewer?'
+external_viewer_open_new_tab = true
+another_zoom = 15
+[[map_layer]]
+type = "wms"
+url = "https://www.geo2france.fr/geoserver/cr_hdf/ows"
+name = "masque_hdf_ign_carto_latin1"
+[[map_layer]]
+type = "wfs"
+url = "https://www.geo2france.fr/geoserver/cr_hdf/ows"
+name = "masque_hdf_ign_carto_latin1"
+another_layer = "wrong layer definition"
+
+[theme]
+primary_color = "#093564"
+secondary_color = "#c2e9dc"
+main_color = "#212029" # All-purpose text color
+background_color = "#fdfbff"
+thumbnail_placeholder = 'assets/img/placeholder.svg'
+header_background = 'teal'
+header_foreground_color = "#872e2e"
+main_font = 'sans-serif'
+title_font = 'serif'
+another_color = 'red'
+`;
+
+function getMapContextLayerFromConfig(config) {
+    switch (config.TYPE) {
+        case 'wms':
+            return {
+                type: 'wms',
+                url: config.URL,
+                name: config.NAME,
+            };
+        case 'wfs':
+            return {
+                type: 'wfs',
+                url: config.URL,
+                featureType: config.NAME,
+            };
+        case 'xyz':
+            return {
+                type: config.TYPE,
+                url: config.URL,
+            };
+        case 'geojson':
+            return {
+                type: config.TYPE,
+                ...(config.DATA ? { data: config.DATA } : { url: config.URL }),
+            };
+        case 'maplibre-style':
+            return {
+                type: config.TYPE,
+                styleUrl: config.STYLE_URL,
+                accessToken: config.ACCESS_TOKEN,
+            };
+    }
+}
+
 const CHART_TYPE_VALUES = [
     'bar',
     'bar-horizontal',
@@ -40949,5 +41090,5 @@ const CHART_TYPE_VALUES = [
  * Generated bundle index. Do not edit.
  */
 
-export { ADD_RESULTS, ADD_SEARCH, AVAILABLE_LICENSES, AbstractAction, AbstractSearchField, ActionMenuComponent, AddLayerFromCatalogComponent, AddLayerRecordPreviewComponent, AddResults, AddSearch, AnchorLinkDirective, ApiCardComponent, ApplicationBannerComponent, AuthService, AutocompleteComponent, AutofocusDirective, AvailableServicesField, AvatarComponent, AvatarServiceInterface, BASEMAP_LAYERS, BadgeComponent, BaseConverter, BaseFileReader, BaseReader, BlockListComponent, BoundingBoxSearchField, ButtonComponent, CHART_TYPE_VALUES, CLEAR_ERROR, CLEAR_RESULTS, CarouselComponent, CatalogTitleComponent, CellPopinComponent, ChartComponent, ChartViewComponent, CheckToggleComponent, CheckboxComponent, ClearError, ClearResults, ColorScaleComponent, ConfirmationDialogComponent, ContactDetailsComponent, ContactDetailsFormComponent, ContactPillComponent, ContentGhostComponent, CopyTextButtonComponent, DEFAULT_BASEMAP_LAYER, DEFAULT_CONFIGURATION, DEFAULT_GN4_LOGIN_URL, DEFAULT_GN4_LOGOUT_URL, DEFAULT_GN4_SETTINGS_URL, DEFAULT_LANG, DEFAULT_PAGE_SIZE, DEFAULT_RECORD_CONVERTER, DEFAULT_RESULTS_LAYOUT_CONFIG, DEFAULT_SEARCH_KEY, DEFAULT_SPATIAL_EXTENT_STYLE, DISABLE_AUTH, DISABLE_DRAFT, DO_NOT_USE_DEFAULT_BASEMAP, DataService, DataTableComponent, DataViewComponent, DataViewPermalinkComponent, DataViewShareComponent, DataViewWebComponentComponent, DatePickerComponent, DateRangeDropdownComponent, DateRangeInputsComponent, DateRangePickerComponent, DateRangeSearchField, DateService, DcatApConverter, DefaultRouterModule, DownloadItemComponent, DownloadsListComponent, DragAndDropFileInputComponent, DropdownMultiselectComponent, DropdownSelectorComponent, EDITOR_FEATURE_KEY, ES_QUERY_FIELDS_PRIORITY, ES_RESOURCES_VALUES, ES_SOURCE_SUMMARY, EXTERNAL_VIEWER_OPEN_NEW_TAB, EXTERNAL_VIEWER_URL_TEMPLATE, EditableLabelDirective, EditorFacade, EditorService, ElasticsearchService, ErrorComponent, ErrorType, ExpandablePanelButtonComponent, ExpandablePanelComponent, ExternalLinkCardComponent, ExternalViewerButtonComponent, FIELDS_BRIEF, FIELDS_SUMMARY, FILTER_GEOMETRY, FILTER_SUMMARY_IGNORE_LIST, FORMATS, FacetBlockComponent, FacetItemComponent, FacetListComponent, FacetsContainerComponent, FavoriteStarComponent, FavoritesService, FeatureCatalogListComponent, FeatureDetailComponent, FeatureEditorModule, FeatureMapModule, FeatureRecordModule, FeatureSearchModule, FetchError, FieldFocusDirective, FieldsService, FigureComponent, FigureContainerComponent, FileInputComponent, FileTranslateLoader, FilesDropDirective, FilterDropdownComponent, FormFieldArrayComponent, FormFieldComponent, FormFieldDateComponent, FormFieldFileComponent, FormFieldKeywordsComponent, FormFieldLicenseComponent, FormFieldObjectComponent, FormFieldRichComponent, FormFieldSimpleComponent, FormFieldSpatialExtentComponent, FormFieldTemporalExtentsComponent, FormFieldTopicsComponent, FormFieldWrapperComponent, FullTextSearchField, FuzzySearchComponent, GEOCODING_PROVIDER, GEONETWORK_UI_TAG_NAME, GEONETWORK_UI_VERSION, GeoDataBadgeComponent, GeoTableViewComponent, GeocodingService, GeojsonReader, Gn4Converter, Gn4PlatformMapper, Gn4PlatformService, Gn4Repository, Gn4SettingsService, GnUiHumanizeDateDirective, GpfApiDlComponent, GravatarService, I18nInterceptor, ISO_TOPICS, ImageFallbackDirective, ImageInputComponent, ImageOverlayPreviewComponent, ImportRecordComponent, InlineFilterComponent, InteractiveTableColumnComponent, InteractiveTableComponent, InternalLinkCardComponent, IsSpatialSearchField, Iso191153Converter, Iso19139Converter, KeywordBadgeComponent, 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, LocationSearchComponent, LogService, MAP_FEATURE_KEY, MAP_VIEW_CONSTRAINTS, MAX_UPLOAD_SIZE_MB, METADATA_LANGUAGE, MapContainerComponent, MapFacade, MapLegendComponent, MapStateContainerComponent, MapStyleService, MapUtilsService, MapViewComponent, MarkdownEditorComponent, MarkdownParserComponent, MaxLinesComponent, mdview_actions as MdViewActions, MdViewFacade, MetadataCatalogComponent, MetadataContactComponent, MetadataDoiComponent, MetadataInfoComponent, MetadataLinkType, MetadataMapperContext, MetadataQualityComponent, MetadataQualityItemComponent, MetadataQualityPanelComponent, ModalDialogComponent, MultilingualPanelComponent, MultilingualSearchField, MyOrgService, NAMESPACES, NOT_APPLICABLE_CONSTRAINT, NOT_KNOWN_CONSTRAINT, NotificationComponent, NotificationsContainerComponent, NotificationsService, OPEN_DATA_LICENSE, ORGANIZATIONS_STRATEGY, ORGANIZATION_PAGE_URL_TOKEN, ORGANIZATION_URL_TOKEN, OnlineResourceCardComponent, OnlineServiceResourceInputComponent, OrganisationPreviewComponent, OrganisationsComponent, OrganisationsFilterComponent, OrganisationsResultComponent, OrganizationSearchField, OrganizationsFromGroupsService, OrganizationsFromMetadataService, OrganizationsServiceInterface, OwnerSearchField, PAGINATE, PARSE_DELIMITER, PATCH_RESULTS_AGGREGATIONS, PROXY_PATH, Paginate, PaginationButtonsComponent, PaginationComponent, PaginationDotsComponent, PatchResultsAggregations, PlatformServiceInterface, PopoverComponent, PopupAlertComponent, PossibleResourceTypes, PossibleResourceTypesDefinition, PreviousNextButtonsComponent, ProgressBarComponent, ProxyService, QUERY_FIELDS, RECORD_DATASET_URL_TOKEN, RECORD_REUSE_URL_TOKEN, RECORD_SERVICE_URL_TOKEN, REQUEST_MORE_ON_AGGREGATION, REQUEST_MORE_RESULTS, REQUEST_NEW_RESULTS, RESULTS_LAYOUT_CONFIG, REUSE_LIGHT_CONFIGURATION, 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, RecordStatusValues, RecordsMetricsComponent, RecordsRepositoryInterface, RecordsService, RequestMoreOnAggregation, RequestMoreResults, RequestNewResults, ResourceCreationRevisionDateSearchField, ResourceTypeLegacyField, ResultsHitsContainerComponent, ResultsHitsNumberComponent, ResultsHitsSearchKindComponent, ResultsLayoutComponent, ResultsLayoutConfigItem, ResultsListComponent, ResultsListContainerComponent, ResultsListItemComponent, ResultsTableComponent, ResultsTableContainerComponent, ReusePresentationForms, RoleLabels, RoleValues, 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, SPATIAL_SCOPES, SearchEffects, SearchFacade, SearchFeatureCatalogComponent, SearchFiltersSummaryComponent, SearchFiltersSummaryItemComponent, SearchInputComponent, SearchRouterContainerDirective, SearchService, SearchStateContainerDirective, SelectionService, ServiceCapabilitiesComponent, SetConfigAggregations, SetConfigFilters, SetConfigRequestFields, SetError, SetFavoritesOnly, SetFilters, SetIncludeOnAggregation, SetPageSize, SetResultsAggregations, SetResultsHits, SetResultsLayout, SetSearch, SetSortBy, SetSpatialFilterEnabled, SimpleSearchField, SiteTitleComponent, SortByComponent, SortByEnum, SortableListComponent, SourceLabelComponent, SourcesService, SpatialExtentComponent, SpatialExtentDropdownComponent, SpinningLoaderComponent, StacItemsResultGridComponent, StacViewComponent, StarToggleComponent, StickyHeaderComponent, SupportedTypes, SwitchToggleComponent, THUMBNAIL_PLACEHOLDER, TRANSLATE_DEBUG_CONFIG, TRANSLATE_DEFAULT_CONFIG, TRANSLATE_WITH_OVERRIDES_CONFIG, TableViewComponent, TextAreaComponent, TextInputComponent, ThemeService, ThumbnailComponent, TranslatedSearchField, TruncatedTextComponent, UPDATE_CONFIG_AGGREGATIONS, UPDATE_FILTERS, UPDATE_REQUEST_AGGREGATION_TERM, UpdateConfigAggregations, UpdateFilters, UrlInputComponent, UserFeedbackItemComponent, UserPreviewComponent, UserSearchField, VECTOR_STYLE_DEFAULT, ViewportIntersectorComponent, WEB_COMPONENT_EMBEDDER_URL, XmlParseError, _reset, allChildrenElement, appConfigWithTranslationFixture, appendChildTree, appendChildren, assertValidXml, associationTypeValues, bboxToPolygon, blockModelFixture, bytesToMegabytes, canEditRecord, checkFileFormat, clearSelectedFeatures, createChild, createDocument, createElement, createFuzzyFilter, createNestedChild, createNestedElement, createSpatialExtentLayer, currentPage, defaultMapStyleFixture, defaultMapStyleHlFixture, downgradeImage, downsizeImage, draftSaveSuccess, dragPanCondition, dropEmptyTranslations, editorReducer, emptyBlockModelFixture, findChildElement, findChildOrCreate, findChildrenElement, findConverterForDocument, findNestedChildOrCreate, findNestedElement, findNestedElements, findParent, firstChildElement, formatDate, formatUserInfo, getAddressLines, getAllKeysValidator, getArrayItem, getAsArray, getAsUrl, getBadgeColor, getCustomTranslations, getError, getFavoritesOnly, getFileFormat, getFileFormatFromServiceOutput, getFirstValue, getFormatPriority, getGeometryBoundingBox, getGeometryFromGeoJSON, getGlobalConfig, getIndividualDisplayName, getIsMobile, getJsonDataItemsProxy, getKeywordHierarchyPath, getLayers, getLinkId, getLinkLabel, getLinkPriority, getMapContext, getMapContextLayerFromConfig, getMapState, getMetadataQualityConfig, getMimeTypeForFormat, getNamespace, getOptionalEditorConfig, getOptionalMapConfig, getOptionalSearchConfig, getPageSize, getQualityValidators, getResourceType, getReusePresentationForm, getReuseType, getRootElement, getSearchConfigAggregations, getSearchFilters, getSearchResults, getSearchResultsAggregations, getSearchResultsHits, getSearchResultsLayout, getSearchResultsLoading, getSearchSortBy, getSearchState, getSearchStateSearch, getSelectedFeatures, getSpatialFilterEnabled, getTemporalRangeUnion, getThemeConfig, handleScrollOnNavigation, hasRecordChangedSinceDraft, hasRecordChangedSinceDraftSuccess, initSearch, initialEditorState, initialMapState, initialState, isBoundingBox, isBoundingBoxWithinWorldExtent, isConfigLoaded, isDateRange, isFileExtensionValid, isFormatInQueryParam, isPublished, itemModelFixture, kindToCodeListValue, loadAppConfig, malformedConfigFixture, mapConfigFixture, mapContact, mapKeywords, mapLogo, mapOrganization, mapReducer, markRecordAsChanged, matchesNoApplicableConstraint, matchesNoKnownConstraint, megabytesToBytes, mimeTypeToFormat, minimalAppConfigFixture, missingMandatoryConfigFixture, mouseWheelZoomCondition, noDuplicateFileName, okAppConfigFixture, openDataset, openRecord, organizationsServiceFactory, parse, parseXmlString, placeholder, prioritizePageScroll, propagateToDocumentOnly, provideGn4, provideI18n, provideLocalizedDateAdapter, provideRepositoryUrl, readAttribute, readDataset, readDatasetHeaders, readFileAsText, readText, reducer$2 as reducer, reducerSearch, removeAllChildren, removeChildren, removeChildrenByName, removeSearchParams, removeWhitespace, renameElements, saveRecord, saveRecordFailure, saveRecordSuccess, selectCanEditRecord, selectCurrentPage, selectEditorConfig, selectEditorState, selectFallback, selectFallbackFields, selectField, selectHasRecordChanged, selectIsPublished, selectRecord, selectRecordChangedSinceSave, selectRecordSaveError, selectRecordSaving, selectRecordSections, selectRecordSource, selectTranslatedField, selectTranslatedValue, setContext, setCurrentPage, setEditorConfiguration, setFieldVisibility, setFocusedField, setSelectedFeatures, setTextContent, sortByFromString, sortByToString, sortByToStrings, spatialExtentToGeometry, spatialExtentsToFeatureCollection, stripHtml, stripNamespace, toDate, toIndividual, toLang2, toLang3, totalPages, undoRecordDraft, unrecognizedKeysConfigFixture, updateFrequencyCodeValues, updateLanguages, updateRecordField, updateRecordLanguages, wmsLayerFlatten, writeAttribute, wrongLanguageCodeConfigFixture, xmlToString };
+export { ADD_RESULTS, ADD_SEARCH, AVAILABLE_LICENSES, AbstractAction, AbstractSearchField, ActionMenuComponent, AddLayerFromCatalogComponent, AddLayerRecordPreviewComponent, AddResults, AddSearch, AnchorLinkDirective, ApiCardComponent, ApplicationBannerComponent, AuthService, AutocompleteComponent, AutofocusDirective, AvailableServicesField, AvatarComponent, AvatarServiceInterface, BASEMAP_LAYERS, BadgeComponent, BaseConverter, BaseFileReader, BaseReader, BlockListComponent, BoundingBoxSearchField, ButtonComponent, CHART_TYPE_VALUES, CLEAR_ERROR, CLEAR_RESULTS, CUSTOM_FIELDS, CarouselComponent, CatalogTitleComponent, CellPopinComponent, ChartComponent, ChartViewComponent, CheckToggleComponent, CheckboxComponent, ClearError, ClearResults, ColorScaleComponent, ConfirmationDialogComponent, ContactDetailsComponent, ContactDetailsFormComponent, ContactPillComponent, ContentGhostComponent, CopyTextButtonComponent, DEFAULT_BASEMAP_LAYER, DEFAULT_CONFIGURATION, DEFAULT_GEOCODING_PROVIDER, DEFAULT_GN4_LOGIN_URL, DEFAULT_GN4_LOGOUT_URL, DEFAULT_GN4_SETTINGS_URL, DEFAULT_LANG, DEFAULT_PAGE_SIZE, DEFAULT_RECORD_CONVERTER, DEFAULT_RESULTS_LAYOUT_CONFIG, DEFAULT_SEARCH_KEY, DEFAULT_SPATIAL_EXTENT_STYLE, DISABLE_AUTH, DISABLE_DRAFT, DO_NOT_USE_DEFAULT_BASEMAP, DataService, DataTableComponent, DataViewComponent, DataViewPermalinkComponent, DataViewShareComponent, DataViewWebComponentComponent, DatePickerComponent, DateRangeDropdownComponent, DateRangeInputsComponent, DateRangePickerComponent, DateRangeSearchField, DateService, DcatApConverter, DefaultRouterModule, DownloadItemComponent, DownloadsListComponent, DragAndDropFileInputComponent, DropdownMultiselectComponent, DropdownSelectorComponent, EDITOR_FEATURE_KEY, ES_QUERY_FIELDS_PRIORITY, ES_RESOURCES_VALUES, ES_SOURCE_SUMMARY, EXTERNAL_VIEWER_OPEN_NEW_TAB, EXTERNAL_VIEWER_URL_TEMPLATE, EditableLabelDirective, EditorFacade, EditorService, ElasticsearchService, ErrorComponent, ErrorType, ExpandablePanelButtonComponent, ExpandablePanelComponent, ExternalLinkCardComponent, ExternalViewerButtonComponent, FIELDS_BRIEF, FIELDS_SUMMARY, FILTER_GEOMETRY, FILTER_SUMMARY_IGNORE_LIST, FORMATS, FacetBlockComponent, FacetItemComponent, FacetListComponent, FacetsContainerComponent, FavoriteStarComponent, FavoritesService, FeatureCatalogListComponent, FeatureDetailComponent, FeatureEditorModule, FeatureMapModule, FeatureRecordModule, FeatureSearchModule, FetchError, FieldFocusDirective, FieldsService, FigureComponent, FigureContainerComponent, FileInputComponent, FileTranslateLoader, FilesDropDirective, FilterDropdownComponent, FormFieldArrayComponent, FormFieldComponent, FormFieldDateComponent, FormFieldFileComponent, FormFieldKeywordsComponent, FormFieldLicenseComponent, FormFieldObjectComponent, FormFieldRichComponent, FormFieldSimpleComponent, FormFieldSpatialExtentComponent, FormFieldTemporalExtentsComponent, FormFieldTopicsComponent, FormFieldWrapperComponent, FullTextSearchField, FuzzySearchComponent, GEOCODING_PROVIDER, GEOCODING_PROVIDER_LABELS, GEONETWORK_UI_TAG_NAME, GEONETWORK_UI_VERSION, GeoDataBadgeComponent, GeoTableViewComponent, GeocodingService, GeojsonReader, Gn4Converter, Gn4PlatformMapper, Gn4PlatformService, Gn4Repository, Gn4SettingsService, GnUiHumanizeDateDirective, GpfApiDlComponent, GravatarService, I18nInterceptor, ISO_TOPICS, ImageFallbackDirective, ImageInputComponent, ImageOverlayPreviewComponent, ImportRecordComponent, InlineFilterComponent, InteractiveTableColumnComponent, InteractiveTableComponent, InternalLinkCardComponent, IsSpatialSearchField, Iso191153Converter, Iso19139Converter, KeywordBadgeComponent, 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, LocationSearchComponent, LogService, MAP_FEATURE_KEY, MAP_VIEW_CONSTRAINTS, MAX_UPLOAD_SIZE_MB, METADATA_LANGUAGE, MapContainerComponent, MapFacade, MapLegendComponent, MapStateContainerComponent, MapUtilsService, MapViewComponent, MarkdownEditorComponent, MarkdownParserComponent, MaxLinesComponent, mdview_actions as MdViewActions, MdViewFacade, MetadataCatalogComponent, MetadataContactComponent, MetadataDoiComponent, MetadataInfoComponent, MetadataLinkType, MetadataMapperContext, MetadataQualityComponent, MetadataQualityItemComponent, MetadataQualityPanelComponent, ModalDialogComponent, MultilingualPanelComponent, MultilingualSearchField, MyOrgService, NAMESPACES, NOT_APPLICABLE_CONSTRAINT, NOT_KNOWN_CONSTRAINT, NotificationComponent, NotificationsContainerComponent, NotificationsService, OPEN_DATA_LICENSE, ORGANIZATIONS_STRATEGY, ORGANIZATION_PAGE_URL_TOKEN, ORGANIZATION_URL_TOKEN, OnlineResourceCardComponent, OnlineServiceResourceInputComponent, OrganisationPreviewComponent, OrganisationsComponent, OrganisationsFilterComponent, OrganisationsResultComponent, OrganizationSearchField, OrganizationsFromGroupsService, OrganizationsFromMetadataService, OrganizationsServiceInterface, OwnerSearchField, PAGINATE, PARSE_DELIMITER, PATCH_RESULTS_AGGREGATIONS, PROXY_PATH, Paginate, PaginationButtonsComponent, PaginationComponent, PaginationDotsComponent, PatchResultsAggregations, PlatformServiceInterface, PopoverComponent, PopupAlertComponent, PossibleResourceTypes, PossibleResourceTypesDefinition, PreviousNextButtonsComponent, ProgressBarComponent, ProxyService, QUERY_FIELDS, RECORD_DATASET_URL_TOKEN, RECORD_REUSE_URL_TOKEN, RECORD_SERVICE_URL_TOKEN, REQUEST_MORE_ON_AGGREGATION, REQUEST_MORE_RESULTS, REQUEST_NEW_RESULTS, RESULTS_LAYOUT_CONFIG, REUSE_LIGHT_CONFIGURATION, 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, RecordStatusValues, RecordsMetricsComponent, RecordsRepositoryInterface, RecordsService, RequestMoreOnAggregation, RequestMoreResults, RequestNewResults, ResourceCreationRevisionDateSearchField, ResourceTypeLegacyField, ResultsHitsContainerComponent, ResultsHitsNumberComponent, ResultsHitsSearchKindComponent, ResultsLayoutComponent, ResultsLayoutConfigItem, ResultsListComponent, ResultsListContainerComponent, ResultsListItemComponent, ResultsTableComponent, ResultsTableContainerComponent, ReusePresentationForms, RoleLabels, RoleValues, 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, SPATIAL_EXTENT_MAX_FILE_SIZE, SPATIAL_SCOPES, SearchEffects, SearchFacade, SearchFeatureCatalogComponent, SearchFiltersSummaryComponent, SearchFiltersSummaryItemComponent, SearchInputComponent, SearchRouterContainerDirective, SearchService, SearchStateContainerDirective, SelectionService, ServiceCapabilitiesComponent, SetConfigAggregations, SetConfigFilters, SetConfigRequestFields, SetError, SetFavoritesOnly, SetFilters, SetIncludeOnAggregation, SetPageSize, SetResultsAggregations, SetResultsHits, SetResultsLayout, SetSearch, SetSortBy, SetSpatialFilterEnabled, SimpleSearchField, SiteTitleComponent, SortByComponent, SortByEnum, SortableListComponent, SourceLabelComponent, SourcesService, SpatialExtentComponent, SpatialExtentDropdownComponent, SpinningLoaderComponent, StacItemsResultGridComponent, StacViewComponent, StarToggleComponent, StickyHeaderComponent, SupportedTypes, SwitchToggleComponent, THUMBNAIL_PLACEHOLDER, TRANSLATE_DEBUG_CONFIG, TRANSLATE_DEFAULT_CONFIG, TRANSLATE_WITH_OVERRIDES_CONFIG, TableViewComponent, TextAreaComponent, TextInputComponent, ThemeService, ThumbnailComponent, TranslatedSearchField, TruncatedTextComponent, UPDATE_CONFIG_AGGREGATIONS, UPDATE_FILTERS, UPDATE_REQUEST_AGGREGATION_TERM, UpdateConfigAggregations, UpdateFilters, UrlInputComponent, UserFeedbackItemComponent, UserPreviewComponent, UserSearchField, VECTOR_STYLE_DEFAULT, ViewportIntersectorComponent, WEB_COMPONENT_EMBEDDER_URL, XmlParseError, _reset, allChildrenElement, appConfigWithTranslationFixture, appendChildTree, appendChildren, assertValidXml, associationTypeValues, bboxToPolygon, blockModelFixture, bytesToMegabytes, canEditRecord, checkFileFormat, clearSelectedFeatures, createChild, createDocument, createElement, createFuzzyFilter, createNestedChild, createNestedElement, createSpatialExtentLayer, currentPage, customFilterMissingMandatoryConfigFixture, downgradeImage, downsizeImage, draftSaveSuccess, dragPanCondition, dropEmptyTranslations, editorReducer, emptyBlockModelFixture, findChildElement, findChildOrCreate, findChildrenElement, findConverterForDocument, findNestedChildOrCreate, findNestedElement, findNestedElements, findParent, firstChildElement, formatDate, formatUserInfo, getAddressLines, getAllKeysValidator, getArrayItem, getAsArray, getAsUrl, getBadgeColor, getCustomTranslations, getError, getFavoritesOnly, getFileFormat, getFileFormatFromServiceOutput, getFirstValue, getFormatPriority, getGeometryBoundingBox, getGeometryFromGeoJSON, getGlobalConfig, getIndividualDisplayName, getIsMobile, getJsonDataItemsProxy, getKeywordHierarchyPath, getLayers, getLinkId, getLinkLabel, getLinkPriority, getMapContext, getMapContextLayerFromConfig, getMapState, getMetadataQualityConfig, getMimeTypeForFormat, getNamespace, getOptionalEditorConfig, getOptionalMapConfig, getOptionalSearchConfig, getPageSize, getQualityValidators, getResourceType, getReusePresentationForm, getReuseType, getRootElement, getSearchConfigAggregations, getSearchFilters, getSearchResults, getSearchResultsAggregations, getSearchResultsHits, getSearchResultsLayout, getSearchResultsLoading, getSearchSortBy, getSearchState, getSearchStateSearch, getSelectedFeatures, getSpatialFilterEnabled, getTemporalRangeUnion, getThemeConfig, handleScrollOnNavigation, hasRecordChangedSinceDraft, hasRecordChangedSinceDraftSuccess, initSearch, initialEditorState, initialMapState, initialState, isBoundingBox, isBoundingBoxWithinWorldExtent, isConfigLoaded, isDateRange, isFileExtensionValid, isFormatInQueryParam, isPublished, itemModelFixture, kindToCodeListValue, loadAppConfig, malformedConfigFixture, mapConfigFixture, mapContact, mapKeywords, mapLogo, mapOrganization, mapReducer, markRecordAsChanged, matchesNoApplicableConstraint, matchesNoKnownConstraint, megabytesToBytes, mimeTypeToFormat, minimalAppConfigFixture, missingMandatoryConfigFixture, mouseWheelZoomCondition, noDuplicateFileName, okAppConfigFixture, openDataset, openRecord, organizationsServiceFactory, parse, parseXmlString, placeholder, prioritizePageScroll, propagateToDocumentOnly, provideGn4, provideI18n, provideLocalizedDateAdapter, provideRepositoryUrl, readAttribute, readDataset, readDatasetHeaders, readFileAsText, readText, reducer$2 as reducer, reducerSearch, removeAllChildren, removeChildren, removeChildrenByName, removeSearchParams, removeWhitespace, renameElements, saveRecord, saveRecordFailure, saveRecordSuccess, selectCanEditRecord, selectCurrentPage, selectEditorConfig, selectEditorState, selectFallback, selectFallbackFields, selectField, selectHasRecordChanged, selectIsPublished, selectRecord, selectRecordChangedSinceSave, selectRecordSaveError, selectRecordSaving, selectRecordSections, selectRecordSource, selectTranslatedField, selectTranslatedValue, setContext, setCurrentPage, setEditorConfiguration, setFieldVisibility, setFocusedField, setSelectedFeatures, setTextContent, sortByFromString, sortByToString, sortByToStrings, spatialExtentToGeometry, spatialExtentsToFeatureCollection, stripHtml, stripNamespace, toDate, toIndividual, toLang2, toLang3, totalPages, undoRecordDraft, unrecognizedKeysConfigFixture, updateFrequencyCodeValues, updateLanguages, updateRecordField, updateRecordLanguages, wmsLayerFlatten, writeAttribute, wrongLanguageCodeConfigFixture, xmlToString };
 //# sourceMappingURL=geonetwork-ui.mjs.map