geonetwork-ui 2.11.0-dev.9ba9c4d3d → 2.11.0-dev.9bd41a961

package/fesm2022/geonetwork-ui.mjs

@@ -6,7 +6,7 @@ import GeoJSON from 'ol/format/GeoJSON.js';
 import { parse as parse$1 } from 'ol/xml.js';
 import { format } from 'date-fns/format';
 import { Namespace, Literal, lit, parse as parse$2, sym, BlankNode, graph } from 'rdflib';
-import { lastValueFrom, fromEvent, startWith, map as map$2, shareReplay, filter, pairwise, of, switchMap, Subject, forkJoin, combineLatest, from, exhaustMap, throwError, takeLast, firstValueFrom, merge, BehaviorSubject, timer, ReplaySubject, Subscription, first, distinctUntilChanged as distinctUntilChanged$1, animationFrameScheduler, debounceTime as debounceTime$1, Observable, buffer, tap as tap$2, combineLatestWith, take as take$1, catchError as catchError$1, takeUntil, EMPTY, mergeMap as mergeMap$1, withLatestFrom as withLatestFrom$1 } from 'rxjs';
+import { lastValueFrom, fromEvent, startWith, map as map$2, shareReplay, filter, pairwise, of, switchMap, Subject, forkJoin, combineLatest, from, exhaustMap, throwError, takeLast, firstValueFrom, merge, BehaviorSubject, timer, ReplaySubject, Subscription, first, distinctUntilChanged as distinctUntilChanged$1, animationFrameScheduler, debounceTime as debounceTime$1, Observable, buffer, tap as tap$2, combineLatestWith, take as take$1, catchError as catchError$1, EMPTY, mergeMap as mergeMap$1, withLatestFrom as withLatestFrom$1, takeUntil } from 'rxjs';
 import * as i0 from '@angular/core';
 import { InjectionToken, inject, Injectable, NgModule, Injector, provideAppInitializer, makeEnvironmentProviders, ElementRef, afterNextRender, booleanAttribute, Input, Directive, HostListener, Renderer2, DestroyRef, EventEmitter, Output, ViewChild, ChangeDetectionStrategy, Component, ViewEncapsulation, ChangeDetectorRef, HostBinding, ViewContainerRef, TemplateRef, ViewChildren, ContentChild, input, output, signal, viewChild, computed, ContentChildren, NgZone, ComponentFactoryResolver, viewChildren } from '@angular/core';
 import { HttpClient, HttpHeaders, HttpParams, HTTP_INTERCEPTORS, provideHttpClient, withInterceptorsFromDi, HttpEventType } from '@angular/common/http';
@@ -26,7 +26,6 @@ import { getLength } from 'ol/sphere.js';
 import { LineString } from 'ol/geom.js';
 import * as i1 from '@ngrx/store';
 import { createAction, props, createReducer, on, createFeatureSelector, createSelector, Store, select, StoreModule } from '@ngrx/store';
-import { queryDataGouvFr, queryGeonames, queryGeoadmin } from '@geospatial-sdk/geocoding';
 import { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';
 import { FeaturesClickEventType, FeaturesHoverEventType, MapClickEventType, MapExtentChangeEventType, SourceLoadErrorType, computeMapContextDiff, createViewFromLayer } from '@geospatial-sdk/core';
 import { createMapFromContext, applyContextDiffToMap, listen } from '@geospatial-sdk/openlayers';
@@ -74,6 +73,7 @@ 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 { TemplatePortal } from '@angular/cdk/portal';
 import { parse as parse$3 } from 'marked';
 import * as i2$3 from '@angular/cdk/scrolling';
@@ -20264,7 +20264,7 @@ function getLinkLabel(link) {
     const label = link.description || ('name' in link ? link.name : '');
     return format ? `${label} (${format})` : label;
 }
-async function getLayers(url, serviceProtocol) {
+async function getLayers(url, serviceProtocol, deep = false) {
     switch (serviceProtocol) {
         case 'ogcFeatures': {
             const layers = await new OgcApiEndpoint(url).allCollections;
@@ -20272,7 +20272,10 @@ async function getLayers(url, serviceProtocol) {
         }
         case 'wfs': {
             const endpointWfs = await new WfsEndpoint(url).isReady();
-            const featureTypes = await endpointWfs.getFeatureTypes();
+            const featureTypes = endpointWfs.getFeatureTypes();
+            if (!deep) {
+                return featureTypes;
+            }
             const layers = (await Promise.allSettled(featureTypes.map((collection) => {
                 return endpointWfs.getFeatureTypeFull(collection.name);
             })))
@@ -20282,12 +20285,14 @@ async function getLayers(url, serviceProtocol) {
         }
         case 'wms': {
             const endpointWms = await new WmsEndpoint(url).isReady();
-            const layers = (await endpointWms
+            const layersSummary = endpointWms
                 .getLayers()
                 .flatMap(wmsLayerFlatten)
-                .filter((l) => l.name)).map((collection) => {
-                return endpointWms.getLayerByName(collection.name);
-            });
+                .filter((l) => l.name);
+            if (!deep) {
+                return layersSummary;
+            }
+            const layers = layersSummary.map((collection) => endpointWms.getLayerByName(collection.name));
             return layers;
         }
         case 'wmts': {
@@ -20434,7 +20439,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
             }] } });
 
 var name = "geonetwork-ui";
-var version = "2.11.0-dev.9ba9c4d3d";
+var version = "2.11.0-dev.9bd41a961";
 var engines = {
 	node: ">=24"
 };
@@ -20697,8 +20702,8 @@ class ElasticsearchService {
             if (!payload.runtime_mappings)
                 payload.runtime_mappings = {};
             payload.runtime_mappings[fieldName] = {
-                type: 'keyword',
-                script: this.runtimeFields[fieldName],
+                type: this.runtimeFields[fieldName].type,
+                script: this.runtimeFields[fieldName].script,
             };
         };
         const lookForField = (node) => {
@@ -20718,6 +20723,12 @@ class ElasticsearchService {
                     (node[runtimeField] === 'asc' || node[runtimeField] === 'desc')) {
                     addMapping(runtimeField);
                 }
+                if (runtimeField in node &&
+                    typeof node[runtimeField] === 'object' &&
+                    node[runtimeField] !== null &&
+                    ('gte' in node[runtimeField] || 'lte' in node[runtimeField])) {
+                    addMapping(runtimeField);
+                }
                 if ('query' in node &&
                     typeof node.query === 'string' &&
                     node.query.indexOf(runtimeField + ':') > -1) {
@@ -20734,8 +20745,8 @@ class ElasticsearchService {
         lookForField(payload.query);
         return payload;
     }
-    registerRuntimeField(fieldName, expression) {
-        this.runtimeFields[fieldName] = expression;
+    registerRuntimeField(fieldName, expression, type = 'keyword') {
+        this.runtimeFields[fieldName] = { script: expression, type };
     }
     getMetadataByIdsPayload(uuids) {
         return {
@@ -20858,6 +20869,42 @@ 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
+    buildDateRangeQuery(searchField, dateRange) {
+        const minField = `${searchField}Min`;
+        const maxField = `${searchField}Max`;
+        if (minField in this.runtimeFields && maxField in this.runtimeFields) {
+            const filter = [
+                dateRange.start && {
+                    range: {
+                        [maxField]: {
+                            gte: formatDate(dateRange.start),
+                            format: 'yyyy-MM-dd',
+                        },
+                    },
+                },
+                dateRange.end && {
+                    range: {
+                        [minField]: {
+                            lte: formatDate(dateRange.end),
+                            format: 'yyyy-MM-dd',
+                        },
+                    },
+                },
+            ].filter(Boolean);
+            return { bool: { filter } };
+        }
+        return {
+            range: {
+                [searchField]: {
+                    ...(dateRange.start && { gte: formatDate(dateRange.start) }),
+                    ...(dateRange.end && { lte: formatDate(dateRange.end) }),
+                    format: 'yyyy-MM-dd',
+                },
+            },
+        };
+    }
     filtersToQuery(filters, spatialFilterExtent = this.findSpatialFilterExtent(filters)) {
         const addQuote = (key) => (/^\/.+\/$/.test(key) ? key : `"${key}"`);
         const makeQuery = (filter) => {
@@ -20887,34 +20934,14 @@ class ElasticsearchService {
         if (filters['gn-ui-crossFieldFilter']) {
             queryString = `${queryString} AND (${filters['gn-ui-crossFieldFilter']})`;
         }
-        const queryRange = Object.entries(filters)
-            .filter(([, value]) => isDateRange(value))
-            .map(([searchField, dateRange]) => {
-            return {
-                searchField,
-                dateRange,
-            };
-        })[0];
+        const queryRanges = Object.entries(filters).filter(([, value]) => isDateRange(value));
         const queryParts = [
             queryString && {
                 query_string: {
                     query: queryString,
                 },
             },
-            queryRange &&
-                queryRange.dateRange && {
-                range: {
-                    [queryRange.searchField]: {
-                        ...(queryRange.dateRange.start && {
-                            gte: formatDate(queryRange.dateRange.start),
-                        }),
-                        ...(queryRange.dateRange.end && {
-                            lte: formatDate(queryRange.dateRange.end),
-                        }),
-                        format: 'yyyy-MM-dd',
-                    },
-                },
-            },
+            ...queryRanges.map(([searchField, dateRange]) => this.buildDateRangeQuery(searchField, dateRange)),
             spatialFilterExtent && {
                 geo_shape: {
                     geom: {
@@ -22588,48 +22615,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
             type: Injectable
         }] });
 
-const GEOCODING_PROVIDER = new InjectionToken('geocoding-provider');
-class GeocodingService {
-    constructor() {
-        this.provider = inject(GEOCODING_PROVIDER);
-    }
-    query(text) {
-        let queryObservable;
-        switch (this.provider[0]) {
-            case 'geoadmin':
-                queryObservable = from(queryGeoadmin(text, this.provider[1]));
-                break;
-            case 'geonames':
-                queryObservable = from(queryGeonames(text, this.provider[1]));
-                break;
-            case 'data-gouv-fr':
-                queryObservable = from(queryDataGouvFr(text, this.provider[1]));
-                break;
-            default:
-                return throwError(() => new Error(`Unsupported geocoding provider: ${this.provider[0]}`));
-        }
-        return queryObservable.pipe(catchError((error) => throwError(error)));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: GeocodingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: GeocodingService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: GeocodingService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }] });
-
 class FeatureMapModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: FeatureMapModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.19", ngImport: i0, type: FeatureMapModule, imports: [i1.StoreFeatureModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: FeatureMapModule, providers: [
-            MapFacade,
-            {
-                provide: GEOCODING_PROVIDER,
-                useValue: ['geonames', { maxRows: 5 }],
-            },
-        ], imports: [StoreModule.forFeature(MAP_FEATURE_KEY, mapReducer)] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: FeatureMapModule, providers: [MapFacade], imports: [StoreModule.forFeature(MAP_FEATURE_KEY, mapReducer)] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: FeatureMapModule, decorators: [{
             type: NgModule,
@@ -22637,13 +22626,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
                     imports: [
                         StoreModule.forFeature(MAP_FEATURE_KEY, mapReducer),
                     ],
-                    providers: [
-                        MapFacade,
-                        {
-                            provide: GEOCODING_PROVIDER,
-                            useValue: ['geonames', { maxRows: 5 }],
-                        },
-                    ],
+                    providers: [MapFacade],
                 }]
         }] });
 
@@ -24454,7 +24437,7 @@ class AutocompleteComponent {
         this.enterBtnPosition = event.target['value'].length * 8 + 80;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: AutocompleteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: AutocompleteComponent, isStandalone: true, selector: "gn-ui-autocomplete", inputs: { placeholder: "placeholder", enterButton: "enterButton", action: "action", value: "value", clearOnSelection: "clearOnSelection", preventCompleteOnSelection: "preventCompleteOnSelection", autoFocus: "autoFocus", minCharacterCount: "minCharacterCount", allowSubmit: "allowSubmit", forceTrackPosition: "forceTrackPosition", displayWithFn: "displayWithFn" }, outputs: { itemSelected: "itemSelected", inputSubmitted: "inputSubmitted", inputCleared: "inputCleared", isSearchActive: "isSearchActive" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: AutocompleteComponent, isStandalone: true, selector: "gn-ui-autocomplete", inputs: { placeholder: "placeholder", enterButton: "enterButton", action: "action", value: "value", clearOnSelection: "clearOnSelection", preventCompleteOnSelection: "preventCompleteOnSelection", autoFocus: "autoFocus", minCharacterCount: "minCharacterCount", allowSubmit: "allowSubmit", forceTrackPosition: "forceTrackPosition", displayWithTemplate: "displayWithTemplate", displayWithFn: "displayWithFn" }, outputs: { itemSelected: "itemSelected", inputSubmitted: "inputSubmitted", inputCleared: "inputCleared", isSearchActive: "isSearchActive" }, providers: [
             provideIcons({
                 iconoirSearch,
                 matClose,
@@ -24463,7 +24446,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      {{ displayWithFnInternal(suggestion) }}\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.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\"\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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: AutocompleteComponent, decorators: [{
             type: Component,
@@ -24484,7 +24467,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      {{ displayWithFnInternal(suggestion) }}\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\"\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"] }]
         }], propDecorators: { placeholder: [{
                 type: Input
             }], enterButton: [{
@@ -24522,6 +24505,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
             }], inputRef: [{
                 type: ViewChild,
                 args: ['searchInput']
+            }], displayWithTemplate: [{
+                type: Input
             }], displayWithFn: [{
                 type: Input
             }] } });
@@ -25006,7 +24991,7 @@ class DropdownMultiselectComponent {
     }
     setFocus() {
         setTimeout(() => {
-            this.searchFieldInput.nativeElement.focus();
+            this.searchFieldInput?.nativeElement.focus();
         }, 0);
     }
     openOverlay() {
@@ -25112,7 +25097,10 @@ class DropdownMultiselectComponent {
                 matExpandMore,
                 matExpandLess,
             }),
-        ], viewQueries: [{ propertyName: "overlayOrigin", first: true, predicate: ["overlayOrigin"], descendants: true }, { propertyName: "overlay", first: true, predicate: CdkConnectedOverlay, descendants: true }, { propertyName: "overlayContainer", first: true, predicate: ["overlayContainer"], descendants: true, read: ElementRef }, { propertyName: "searchFieldInput", first: true, predicate: ["searchFieldInput"], descendants: true }, { propertyName: "checkboxes", predicate: ["checkBox"], descendants: true, read: ElementRef }], ngImport: i0, template: "<gn-ui-button\n  type=\"outline\"\n  extraClass=\"bg-background w-full !p-[8px] !pl-[16px]\"\n  [title]=\"title\"\n  [attr.aria-owns]=\"id\"\n  (buttonClick)=\"openOverlay()\"\n  (keydown)=\"handleTriggerKeydown($event)\"\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 (hasSelectedChoices) {\n      <div\n        class=\"gn-ui-multiselect-counter shrink-0 rounded-full font-bold text-[12px] w-5 h-5 flex items-center justify-center mr-1 selected-count\"\n      >\n        {{ selected.length }}\n      </div>\n    }\n  </div>\n  <button class=\"h-6 w-6\" data-test=\"dropdown-clear\">\n    @if (hasSelectedChoices && !overlayOpen) {\n      <ng-icon\n        class=\"shrink-0 opacity-40 mr-1.5 hover:opacity-80 transition-colors clear-btn\"\n        (click)=\"clearSelection($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-300 rounded shadow-lg py-2 w-full overflow-x-hidden overflow-y-auto overlay-container\"\n    [style.max-height]=\"overlayMaxHeight\"\n    [style.min-width]=\"overlayMinWidth\"\n    role=\"listbox\"\n    tabindex=\"-1\"\n    [attr.id]=\"id\"\n    [attr.aria-multiselectable]=\"true\"\n    [attr.aria-label]=\"title\"\n    (keydown)=\"handleOverlayKeydown($event)\"\n    #overlayContainer\n  >\n    <div\n      class=\"border border-gray-300 rounded mb-2 mx-2 min-h-[44px] flex flex-row gap-[2px] flex-wrap p-2 focus-within:rounded focus-within:border-2 focus-within:border-primary\"\n    >\n      @for (selected of selectedChoices; track selected) {\n        <button\n          type=\"button\"\n          [title]=\"selected.label\"\n          class=\"max-w-full bg-main text-white rounded pr-[7px] flex gap-1 items-center opacity-70 hover:opacity-100 focus:opacity-100 transition-opacity mb-1\"\n          (click)=\"select(selected, false)\"\n        >\n          <div class=\"text-sm truncate leading-[26px] px-2\">\n            {{ selected.label }}\n          </div>\n          <div\n            class=\"flex items-center justify-center rounded-full bg-white text-main h-[13px] w-[13px] pt-px -mt-px shrink-0\"\n          >\n            <ng-icon\n              name=\"matClose\"\n              class=\"!h-[12px] !w-[11px] text-[12px]\"\n            ></ng-icon>\n          </div>\n        </button>\n      }\n\n      @if (allowSearch) {\n        <div class=\"w-[50%] relative grow shrink\">\n          <input\n            #searchFieldInput\n            class=\"w-full px-2 truncate text-[14px] h-full overlaySearchInput focus:outline-none\"\n            [(ngModel)]=\"searchInputValue\"\n            [placeholder]=\"'multiselect.filter.placeholder' | translate\"\n          />\n          @if (!!searchInputValue) {\n            <button\n              class=\"absolute top-1/2 -translate-y-1/2 right-0 px-[7px] leading-tight clear-search-input mr-2\"\n              (click)=\"clearSearchInputValue($event)\"\n            >\n              <ng-icon class=\"!h-[10px] !w-[12px] text-[12px]\" name=\"matClose\">\n              </ng-icon>\n            </button>\n          }\n        </div>\n      }\n    </div>\n\n    @for (choice of filteredChoicesByText; track choice) {\n      <label\n        [title]=\"choice.label\"\n        class=\"flex px-5 py-1 w-full text-gray-900 cursor-pointer hover:text-primary-darkest hover:bg-gray-50 focus-within:text-primary-darkest focus-within:bg-gray-50 transition-colors\"\n      >\n        <input\n          class=\"w-[18px] h-[18px] align-text-top shrink-0\"\n          type=\"checkbox\"\n          #checkBox\n          [checked]=\"isSelected(choice)\"\n          (change)=\"select(choice, checkBox.checked)\"\n        />\n        <span class=\"ml-[8px] text-[14px] truncate\">\n          {{ choice.label }}\n        </span>\n      </label>\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: "ngmodule", type: FormsModule }, { 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+            provideNgIconsConfig({
+                size: '1.5rem',
+            }),
+        ], viewQueries: [{ propertyName: "overlayOrigin", first: true, predicate: ["overlayOrigin"], descendants: true }, { propertyName: "overlay", first: true, predicate: CdkConnectedOverlay, descendants: true }, { propertyName: "overlayContainer", first: true, predicate: ["overlayContainer"], descendants: true, read: ElementRef }, { propertyName: "searchFieldInput", first: true, predicate: ["searchFieldInput"], descendants: true }, { propertyName: "checkboxes", predicate: ["checkBox"], descendants: true, read: ElementRef }], ngImport: i0, template: "<gn-ui-button\n  type=\"outline\"\n  extraClass=\"bg-background w-full !p-[8px] !pl-[16px]\"\n  [title]=\"title\"\n  [attr.aria-owns]=\"id\"\n  (buttonClick)=\"openOverlay()\"\n  (keydown)=\"handleTriggerKeydown($event)\"\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 (hasSelectedChoices) {\n      <div\n        class=\"gn-ui-multiselect-counter shrink-0 rounded-full font-bold text-[12px] w-5 h-5 flex items-center justify-center mr-1 selected-count\"\n      >\n        {{ selected.length }}\n      </div>\n    }\n  </div>\n  <button\n    class=\"h-6 w-6 flex items-center justify-center\"\n    data-test=\"dropdown-clear\"\n  >\n    @if (hasSelectedChoices && !overlayOpen) {\n      <ng-icon\n        class=\"shrink-0 opacity-40 hover:opacity-80 transition-colors clear-btn\"\n        (click)=\"clearSelection($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-300 rounded shadow-lg py-2 w-full overflow-x-hidden overflow-y-auto overlay-container\"\n    [style.max-height]=\"overlayMaxHeight\"\n    [style.min-width]=\"overlayMinWidth\"\n    role=\"listbox\"\n    tabindex=\"-1\"\n    [attr.id]=\"id\"\n    [attr.aria-multiselectable]=\"true\"\n    [attr.aria-label]=\"title\"\n    (keydown)=\"handleOverlayKeydown($event)\"\n    #overlayContainer\n  >\n    <div\n      class=\"border border-gray-300 rounded mb-2 mx-2 min-h-[44px] flex flex-row gap-1 flex-wrap p-2 focus-within:rounded focus-within:border-2 focus-within:border-primary\"\n    >\n      @for (selected of selectedChoices; track selected) {\n        <button\n          type=\"button\"\n          [title]=\"selected.label\"\n          class=\"max-w-full bg-main text-white rounded pr-[7px] flex gap-1 items-center opacity-70 hover:opacity-100 focus:opacity-100 transition-opacity\"\n          (click)=\"select(selected, false)\"\n        >\n          <div class=\"text-sm truncate leading-[26px] px-2\">\n            {{ selected.label }}\n          </div>\n          <div\n            class=\"flex items-center justify-center rounded-full bg-white text-main h-[13px] w-[13px] pt-px -mt-px shrink-0\"\n          >\n            <ng-icon\n              name=\"matClose\"\n              class=\"!h-[12px] !w-[11px] text-[12px]\"\n            ></ng-icon>\n          </div>\n        </button>\n      }\n\n      @if (allowSearch) {\n        <div class=\"w-[50%] relative grow shrink\">\n          <input\n            #searchFieldInput\n            class=\"w-full px-2 truncate text-[14px] h-full overlaySearchInput focus:outline-none\"\n            [(ngModel)]=\"searchInputValue\"\n            [placeholder]=\"'multiselect.filter.placeholder' | translate\"\n          />\n          @if (!!searchInputValue) {\n            <button\n              class=\"absolute top-1/2 -translate-y-1/2 right-0 px-[7px] leading-tight clear-search-input mr-2\"\n              (click)=\"clearSearchInputValue($event)\"\n            >\n              <ng-icon class=\"!h-[10px] !w-[12px] text-[12px]\" name=\"matClose\">\n              </ng-icon>\n            </button>\n          }\n        </div>\n      }\n    </div>\n\n    @for (choice of filteredChoicesByText; track choice) {\n      <label\n        [title]=\"choice.label\"\n        class=\"flex px-5 py-1 w-full text-gray-900 cursor-pointer hover:text-primary-darkest hover:bg-gray-50 focus-within:text-primary-darkest focus-within:bg-gray-50 transition-colors\"\n      >\n        <input\n          class=\"w-[18px] h-[18px] align-text-top shrink-0\"\n          type=\"checkbox\"\n          #checkBox\n          [checked]=\"isSelected(choice)\"\n          (change)=\"select(choice, checkBox.checked)\"\n        />\n        <span class=\"ml-[8px] text-[14px] truncate\">\n          {{ choice.label }}\n        </span>\n      </label>\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: "ngmodule", type: FormsModule }, { 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DropdownMultiselectComponent, decorators: [{
             type: Component,
@@ -25122,7 +25110,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
                             matExpandMore,
                             matExpandLess,
                         }),
-                    ], standalone: true, template: "<gn-ui-button\n  type=\"outline\"\n  extraClass=\"bg-background w-full !p-[8px] !pl-[16px]\"\n  [title]=\"title\"\n  [attr.aria-owns]=\"id\"\n  (buttonClick)=\"openOverlay()\"\n  (keydown)=\"handleTriggerKeydown($event)\"\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 (hasSelectedChoices) {\n      <div\n        class=\"gn-ui-multiselect-counter shrink-0 rounded-full font-bold text-[12px] w-5 h-5 flex items-center justify-center mr-1 selected-count\"\n      >\n        {{ selected.length }}\n      </div>\n    }\n  </div>\n  <button class=\"h-6 w-6\" data-test=\"dropdown-clear\">\n    @if (hasSelectedChoices && !overlayOpen) {\n      <ng-icon\n        class=\"shrink-0 opacity-40 mr-1.5 hover:opacity-80 transition-colors clear-btn\"\n        (click)=\"clearSelection($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-300 rounded shadow-lg py-2 w-full overflow-x-hidden overflow-y-auto overlay-container\"\n    [style.max-height]=\"overlayMaxHeight\"\n    [style.min-width]=\"overlayMinWidth\"\n    role=\"listbox\"\n    tabindex=\"-1\"\n    [attr.id]=\"id\"\n    [attr.aria-multiselectable]=\"true\"\n    [attr.aria-label]=\"title\"\n    (keydown)=\"handleOverlayKeydown($event)\"\n    #overlayContainer\n  >\n    <div\n      class=\"border border-gray-300 rounded mb-2 mx-2 min-h-[44px] flex flex-row gap-[2px] flex-wrap p-2 focus-within:rounded focus-within:border-2 focus-within:border-primary\"\n    >\n      @for (selected of selectedChoices; track selected) {\n        <button\n          type=\"button\"\n          [title]=\"selected.label\"\n          class=\"max-w-full bg-main text-white rounded pr-[7px] flex gap-1 items-center opacity-70 hover:opacity-100 focus:opacity-100 transition-opacity mb-1\"\n          (click)=\"select(selected, false)\"\n        >\n          <div class=\"text-sm truncate leading-[26px] px-2\">\n            {{ selected.label }}\n          </div>\n          <div\n            class=\"flex items-center justify-center rounded-full bg-white text-main h-[13px] w-[13px] pt-px -mt-px shrink-0\"\n          >\n            <ng-icon\n              name=\"matClose\"\n              class=\"!h-[12px] !w-[11px] text-[12px]\"\n            ></ng-icon>\n          </div>\n        </button>\n      }\n\n      @if (allowSearch) {\n        <div class=\"w-[50%] relative grow shrink\">\n          <input\n            #searchFieldInput\n            class=\"w-full px-2 truncate text-[14px] h-full overlaySearchInput focus:outline-none\"\n            [(ngModel)]=\"searchInputValue\"\n            [placeholder]=\"'multiselect.filter.placeholder' | translate\"\n          />\n          @if (!!searchInputValue) {\n            <button\n              class=\"absolute top-1/2 -translate-y-1/2 right-0 px-[7px] leading-tight clear-search-input mr-2\"\n              (click)=\"clearSearchInputValue($event)\"\n            >\n              <ng-icon class=\"!h-[10px] !w-[12px] text-[12px]\" name=\"matClose\">\n              </ng-icon>\n            </button>\n          }\n        </div>\n      }\n    </div>\n\n    @for (choice of filteredChoicesByText; track choice) {\n      <label\n        [title]=\"choice.label\"\n        class=\"flex px-5 py-1 w-full text-gray-900 cursor-pointer hover:text-primary-darkest hover:bg-gray-50 focus-within:text-primary-darkest focus-within:bg-gray-50 transition-colors\"\n      >\n        <input\n          class=\"w-[18px] h-[18px] align-text-top shrink-0\"\n          type=\"checkbox\"\n          #checkBox\n          [checked]=\"isSelected(choice)\"\n          (change)=\"select(choice, checkBox.checked)\"\n        />\n        <span class=\"ml-[8px] text-[14px] truncate\">\n          {{ choice.label }}\n        </span>\n      </label>\n    }\n  </div>\n</ng-template>\n" }]
+                        provideNgIconsConfig({
+                            size: '1.5rem',
+                        }),
+                    ], standalone: true, template: "<gn-ui-button\n  type=\"outline\"\n  extraClass=\"bg-background w-full !p-[8px] !pl-[16px]\"\n  [title]=\"title\"\n  [attr.aria-owns]=\"id\"\n  (buttonClick)=\"openOverlay()\"\n  (keydown)=\"handleTriggerKeydown($event)\"\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 (hasSelectedChoices) {\n      <div\n        class=\"gn-ui-multiselect-counter shrink-0 rounded-full font-bold text-[12px] w-5 h-5 flex items-center justify-center mr-1 selected-count\"\n      >\n        {{ selected.length }}\n      </div>\n    }\n  </div>\n  <button\n    class=\"h-6 w-6 flex items-center justify-center\"\n    data-test=\"dropdown-clear\"\n  >\n    @if (hasSelectedChoices && !overlayOpen) {\n      <ng-icon\n        class=\"shrink-0 opacity-40 hover:opacity-80 transition-colors clear-btn\"\n        (click)=\"clearSelection($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-300 rounded shadow-lg py-2 w-full overflow-x-hidden overflow-y-auto overlay-container\"\n    [style.max-height]=\"overlayMaxHeight\"\n    [style.min-width]=\"overlayMinWidth\"\n    role=\"listbox\"\n    tabindex=\"-1\"\n    [attr.id]=\"id\"\n    [attr.aria-multiselectable]=\"true\"\n    [attr.aria-label]=\"title\"\n    (keydown)=\"handleOverlayKeydown($event)\"\n    #overlayContainer\n  >\n    <div\n      class=\"border border-gray-300 rounded mb-2 mx-2 min-h-[44px] flex flex-row gap-1 flex-wrap p-2 focus-within:rounded focus-within:border-2 focus-within:border-primary\"\n    >\n      @for (selected of selectedChoices; track selected) {\n        <button\n          type=\"button\"\n          [title]=\"selected.label\"\n          class=\"max-w-full bg-main text-white rounded pr-[7px] flex gap-1 items-center opacity-70 hover:opacity-100 focus:opacity-100 transition-opacity\"\n          (click)=\"select(selected, false)\"\n        >\n          <div class=\"text-sm truncate leading-[26px] px-2\">\n            {{ selected.label }}\n          </div>\n          <div\n            class=\"flex items-center justify-center rounded-full bg-white text-main h-[13px] w-[13px] pt-px -mt-px shrink-0\"\n          >\n            <ng-icon\n              name=\"matClose\"\n              class=\"!h-[12px] !w-[11px] text-[12px]\"\n            ></ng-icon>\n          </div>\n        </button>\n      }\n\n      @if (allowSearch) {\n        <div class=\"w-[50%] relative grow shrink\">\n          <input\n            #searchFieldInput\n            class=\"w-full px-2 truncate text-[14px] h-full overlaySearchInput focus:outline-none\"\n            [(ngModel)]=\"searchInputValue\"\n            [placeholder]=\"'multiselect.filter.placeholder' | translate\"\n          />\n          @if (!!searchInputValue) {\n            <button\n              class=\"absolute top-1/2 -translate-y-1/2 right-0 px-[7px] leading-tight clear-search-input mr-2\"\n              (click)=\"clearSearchInputValue($event)\"\n            >\n              <ng-icon class=\"!h-[10px] !w-[12px] text-[12px]\" name=\"matClose\">\n              </ng-icon>\n            </button>\n          }\n        </div>\n      }\n    </div>\n\n    @for (choice of filteredChoicesByText; track choice) {\n      <label\n        [title]=\"choice.label\"\n        class=\"flex px-5 py-1 w-full text-gray-900 cursor-pointer hover:text-primary-darkest hover:bg-gray-50 focus-within:text-primary-darkest focus-within:bg-gray-50 transition-colors\"\n      >\n        <input\n          class=\"w-[18px] h-[18px] align-text-top shrink-0\"\n          type=\"checkbox\"\n          #checkBox\n          [checked]=\"isSelected(choice)\"\n          (change)=\"select(choice, checkBox.checked)\"\n        />\n        <span class=\"ml-[8px] text-[14px] truncate\">\n          {{ choice.label }}\n        </span>\n      </label>\n    }\n  </div>\n</ng-template>\n" }]
         }], propDecorators: { title: [{
                 type: Input
             }], choices: [{
@@ -26037,8 +26028,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
 marker('search.filters.spatialExtent.import');
 marker('search.filters.spatialExtent.helpText');
 marker('search.filters.spatialExtent.error.title');
-marker('search.filters.spatialExtent.bboxPrefix');
-marker('search.filters.spatialExtent.bboxDelete');
+const LABEL_FROM_FILE = marker('search.filters.spatialExtent.bboxFromFile');
+const LABEL_FROM_FILE_DELETE = marker('search.filters.spatialExtent.bboxFromFileDelete');
+const LABEL_INITIAL = marker('search.filters.spatialExtent.bboxInitial');
+const LABEL_INITIAL_DELETE = marker('search.filters.spatialExtent.bboxInitialDelete');
 class SpatialExtentDropdownComponent {
     constructor() {
         this.cd = inject(ChangeDetectorRef);
@@ -26069,9 +26062,23 @@ class SpatialExtentDropdownComponent {
         this.overlayMinWidth = 'none';
         this.errorKey = null;
     }
+    set initialBbox(value) {
+        if (!this.bbox && value) {
+            this.bbox = value;
+        }
+    }
     get hasSelection() {
         return !!this.bbox;
     }
+    get selectionLabelKey() {
+        return this.fileName ? LABEL_FROM_FILE : LABEL_INITIAL;
+    }
+    get selectionDeleteLabelKey() {
+        return this.fileName ? LABEL_FROM_FILE_DELETE : LABEL_INITIAL_DELETE;
+    }
+    get selectionLabelParams() {
+        return { fileName: this.fileName };
+    }
     openOverlay() {
         this.overlayMinWidth =
             this.overlayOrigin.elementRef.nativeElement.getBoundingClientRect()
@@ -26135,7 +26142,7 @@ class SpatialExtentDropdownComponent {
         propagateToDocumentOnly(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: SpatialExtentDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: SpatialExtentDropdownComponent, isStandalone: true, selector: "gn-ui-spatial-extent-dropdown", inputs: { title: "title", maxFileSizeMb: "maxFileSizeMb" }, outputs: { bboxChange: "bboxChange", errorChange: "errorChange" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: SpatialExtentDropdownComponent, isStandalone: true, selector: "gn-ui-spatial-extent-dropdown", inputs: { title: "title", maxFileSizeMb: "maxFileSizeMb", initialBbox: "initialBbox" }, outputs: { bboxChange: "bboxChange", errorChange: "errorChange" }, providers: [
             provideIcons({
                 iconoirCheckCircle,
                 iconoirImport,
@@ -26145,7 +26152,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-[8px]') + ' 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=\"iconoirImport\"\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]=\"\n          ('search.filters.spatialExtent.bboxDelete' | translate) +\n          ' ' +\n          fileName\n        \"\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          {{ 'search.filters.spatialExtent.bboxPrefix' | translate }}\n          {{ fileName }}\n        </span>\n        <span class=\"hidden group-hover:block truncate text-sm m-auto\">\n          {{ 'search.filters.spatialExtent.bboxDelete' | translate }}\n          {{ fileName }}\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-[8px]') + ' 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=\"iconoirImport\"\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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: SpatialExtentDropdownComponent, decorators: [{
             type: Component,
@@ -26165,11 +26172,13 @@ 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-[8px]') + ' 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=\"iconoirImport\"\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]=\"\n          ('search.filters.spatialExtent.bboxDelete' | translate) +\n          ' ' +\n          fileName\n        \"\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          {{ 'search.filters.spatialExtent.bboxPrefix' | translate }}\n          {{ fileName }}\n        </span>\n        <span class=\"hidden group-hover:block truncate text-sm m-auto\">\n          {{ 'search.filters.spatialExtent.bboxDelete' | translate }}\n          {{ fileName }}\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-[8px]') + ' 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=\"iconoirImport\"\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" }]
         }], propDecorators: { title: [{
                 type: Input
             }], maxFileSizeMb: [{
                 type: Input
+            }], initialBbox: [{
+                type: Input
             }], bboxChange: [{
                 type: Output
             }], errorChange: [{
@@ -27883,6 +27892,66 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
                 }]
         }] });
 
+const GEOCODING_PROVIDER = new InjectionToken('geocoding-provider', {
+    providedIn: 'root',
+    factory: () => ['geonames', { maxRows: 5 }],
+});
+class GeocodingService {
+    constructor() {
+        this.provider = inject(GEOCODING_PROVIDER);
+    }
+    query(text) {
+        let queryObservable;
+        switch (this.provider[0]) {
+            case 'geoadmin':
+                queryObservable = from(queryGeoadmin(text, this.provider[1]));
+                break;
+            case 'geonames':
+                queryObservable = from(queryGeonames(text, this.provider[1]));
+                break;
+            case 'data-gouv-fr':
+                queryObservable = from(queryDataGouvFr(text, this.provider[1]));
+                break;
+            default:
+                return throwError(() => new Error(`Unsupported geocoding provider: ${this.provider[0]}`));
+        }
+        return queryObservable.pipe(catchError((error) => throwError(error)));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: GeocodingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: GeocodingService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: GeocodingService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+class LocationSearchComponent {
+    constructor() {
+        this.geocodingService = inject(GeocodingService);
+        this.placeholder = '';
+        this.resultSelected = new EventEmitter();
+        this.displayWithFn = (item) => item.label;
+        this.searchAction = (text) => this.geocodingService.query(text);
+    }
+    handleItemSelected(item) {
+        this.resultSelected.emit(item);
+    }
+    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 }); }
+}
+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" }]
+        }], propDecorators: { placeholder: [{
+                type: Input
+            }], displayWithTemplate: [{
+                type: Input
+            }], resultSelected: [{
+                type: Output
+            }] } });
+
 // expects the replacement key ${uuid}
 const RECORD_DATASET_URL_TOKEN = new InjectionToken('record-dataset-url-token');
 const RECORD_SERVICE_URL_TOKEN = new InjectionToken('record-service-url-token');
@@ -28351,6 +28420,28 @@ class DateRangeSearchField extends SimpleSearchField {
         return 'dateRange';
     }
 }
+// treats a resource's creation/revision dates as an interval (its min and max), so a record matches
+// when that interval intersects the filter range, not just when a single date falls inside it
+class ResourceCreationRevisionDateSearchField extends DateRangeSearchField {
+    constructor(injector, order = 'desc') {
+        super('resourceCreationRevisionDate', injector, order);
+        const dateSourceFields = [
+            'creationDateForResource',
+            'revisionDateForResource',
+        ];
+        const collectSortedDates = dateSourceFields
+            .map((field) => `if (doc.containsKey('${field}')) {
+  for (def date : doc['${field}']) { dates.add(date.millis); }
+}`)
+            .join('\n');
+        this.esService.registerRuntimeField('resourceCreationRevisionDateMin', `def dates = [];
+${collectSortedDates}
+if (dates.length > 0) { dates.sort(null); emit(dates[0]); }`, 'date');
+        this.esService.registerRuntimeField('resourceCreationRevisionDateMax', `def dates = [];
+${collectSortedDates}
+if (dates.length > 0) { dates.sort(null); emit(dates[dates.length - 1]); }`, 'date');
+    }
+}
 class BoundingBoxSearchField extends SimpleSearchField {
     getAvailableValues() {
         return of([]);
@@ -28512,6 +28603,7 @@ marker('search.filters.producerOrg');
 marker('search.filters.publisherOrg');
 marker('search.filters.user');
 marker('search.filters.changeDate');
+marker('search.filters.resourceCreationRevisionDate');
 marker('search.filters.spatialExtent');
 class FieldsService {
     constructor() {
@@ -28535,6 +28627,7 @@ class FieldsService {
             publisherOrg: new MultilingualSearchField('distributorOrgForResourceObject', this.injector, 'asc', 'key'),
             user: new UserSearchField(this.injector),
             changeDate: new DateRangeSearchField('changeDate', this.injector, 'desc'),
+            resourceCreationRevisionDate: new ResourceCreationRevisionDateSearchField(this.injector, 'desc'),
             availableServices: new AvailableServicesField(this.injector),
             spatialExtent: new BoundingBoxSearchField('spatialExtent', this.injector),
         };
@@ -30525,7 +30618,7 @@ class ServiceCapabilitiesComponent {
         if (this.apiLinks.length > 0 &&
             this.apiLinks[0].accessServiceProtocol !== 'ogcFeatures') {
             this.loading = true;
-            this.availableLayers = await getLayers(this.apiLinks[0].url.href, this.apiLinks[0].accessServiceProtocol);
+            this.availableLayers = await getLayers(this.apiLinks[0].url.href, this.apiLinks[0].accessServiceProtocol, true);
             this.loading = false;
             this.cdr.detectChanges();
             this.filteredLayers = this.availableLayers;
@@ -31800,6 +31893,9 @@ class FilterDropdownComponent {
         this.spatialExtentMaxFileSize = getOptionalSearchConfig()?.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
+            ? selected
+            : null));
         this.spatialExtentErrorNotificationId = null;
     }
     onSelectedValues(values) {
@@ -31808,7 +31904,11 @@ class FilterDropdownComponent {
             .subscribe((filters) => this.searchService.updateFilters(filters));
     }
     onBboxChange(bbox) {
-        console.log(bbox);
+        this.fieldsService
+            .buildFiltersFromFieldValues({
+            [this.fieldName]: bbox,
+        })
+            .subscribe((filters) => this.searchService.updateFilters(filters));
         this.clearSpatialExtentErrorNotification();
     }
     onSpatialExtentError(error) {
@@ -31841,7 +31941,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  ></gn-ui-date-range-dropdown>\n} @else if (fieldType === 'spatialExtent') {\n  <gn-ui-spatial-extent-dropdown\n    [title]=\"title\"\n    [maxFileSizeMb]=\"spatialExtentMaxFileSize\"\n    (bboxChange)=\"onBboxChange($event)\"\n    (errorChange)=\"onSpatialExtentError($event)\"\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"], 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" }, 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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: FilterDropdownComponent, decorators: [{
             type: Component,
@@ -31850,7 +31950,7 @@ 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  ></gn-ui-date-range-dropdown>\n} @else if (fieldType === 'spatialExtent') {\n  <gn-ui-spatial-extent-dropdown\n    [title]=\"title\"\n    [maxFileSizeMb]=\"spatialExtentMaxFileSize\"\n    (bboxChange)=\"onBboxChange($event)\"\n    (errorChange)=\"onSpatialExtentError($event)\"\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" }]
+                    ], 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" }]
         }], propDecorators: { fieldName: [{
                 type: Input
             }], title: [{
@@ -31911,7 +32011,7 @@ class FuzzySearchComponent {
         this.isSearchActive.emit(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: FuzzySearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: FuzzySearchComponent, isStandalone: true, selector: "gn-ui-fuzzy-search", inputs: { autoFocus: "autoFocus", forceTrackPosition: "forceTrackPosition", enterButton: "enterButton", placeholder: "placeholder" }, outputs: { itemSelected: "itemSelected", inputSubmitted: "inputSubmitted", isSearchActive: "isSearchActive" }, viewQueries: [{ propertyName: "autocomplete", first: true, predicate: AutocompleteComponent, descendants: true }], ngImport: i0, template: "<gn-ui-autocomplete\n  [placeholder]=\"placeholder ?? ('search.field.any.placeholder' | translate)\"\n  [displayWithFn]=\"displayWithFn\"\n  [action]=\"autoCompleteAction\"\n  (itemSelected)=\"handleItemSelection($event)\"\n  (inputSubmitted)=\"handleInputSubmission($event)\"\n  (inputCleared)=\"handleInputCleared()\"\n  (isSearchActive)=\"handleSearchActive($event)\"\n  [value]=\"searchInputValue$ | async\"\n  [preventCompleteOnSelection]=\"true\"\n  [autoFocus]=\"autoFocus\"\n  [allowSubmit]=\"true\"\n  [forceTrackPosition]=\"forceTrackPosition\"\n  [enterButton]=\"enterButton\"\n></gn-ui-autocomplete>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: AutocompleteComponent, selector: "gn-ui-autocomplete", inputs: ["placeholder", "enterButton", "action", "value", "clearOnSelection", "preventCompleteOnSelection", "autoFocus", "minCharacterCount", "allowSubmit", "forceTrackPosition", "displayWithFn"], outputs: ["itemSelected", "inputSubmitted", "inputCleared", "isSearchActive"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: FuzzySearchComponent, isStandalone: true, selector: "gn-ui-fuzzy-search", inputs: { autoFocus: "autoFocus", forceTrackPosition: "forceTrackPosition", enterButton: "enterButton", placeholder: "placeholder" }, outputs: { itemSelected: "itemSelected", inputSubmitted: "inputSubmitted", isSearchActive: "isSearchActive" }, viewQueries: [{ propertyName: "autocomplete", first: true, predicate: AutocompleteComponent, descendants: true }], ngImport: i0, template: "<gn-ui-autocomplete\n  [placeholder]=\"placeholder ?? ('search.field.any.placeholder' | translate)\"\n  [displayWithFn]=\"displayWithFn\"\n  [action]=\"autoCompleteAction\"\n  (itemSelected)=\"handleItemSelection($event)\"\n  (inputSubmitted)=\"handleInputSubmission($event)\"\n  (inputCleared)=\"handleInputCleared()\"\n  (isSearchActive)=\"handleSearchActive($event)\"\n  [value]=\"searchInputValue$ | async\"\n  [preventCompleteOnSelection]=\"true\"\n  [autoFocus]=\"autoFocus\"\n  [allowSubmit]=\"true\"\n  [forceTrackPosition]=\"forceTrackPosition\"\n  [enterButton]=\"enterButton\"\n></gn-ui-autocomplete>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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"] }, { 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: FuzzySearchComponent, decorators: [{
             type: Component,
@@ -32470,6 +32570,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');
 const OPEN_BOUND = '…';
 class SearchFiltersSummaryItemComponent {
     constructor() {
@@ -32851,95 +32952,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
                     ], template: "<div\n  class=\"bg-white rounded shadow shadow-lg relative h-full w-[400px] overflow-hidden\"\n>\n  <div class=\"p-3 border-b border-gray-300 flex items-center\">\n    <ng-icon class=\"mr-2\" name=\"matLayersOutline\"></ng-icon>\n    <span translate>map.layers.list</span>\n  </div>\n  <div class=\"flex flex-col px-4 divide-y divide-y-gray-50\">\n    @for (layer of layers$ | async; track layer; let index = $index) {\n      <div class=\"flex flex-row py-3\">\n        <ng-icon class=\"-ml-2 mr-2 shrink-0\" name=\"matChevronRight\"></ng-icon>\n        <span class=\"mr-2 grow\">{{ layer.label }}</span>\n        <a\n          href\n          class=\"underline text-sm text-red-700 hover:text-red-900\"\n          (click)=\"deleteLayer(index); $event.preventDefault()\"\n        >\n          delete\n        </a>\n      </div>\n    }\n  </div>\n  <gn-ui-expandable-panel-button [titleTemplate]=\"addLayerTitle\">\n    <mat-tab-group animationDuration=\"200ms\" class=\"h-full\">\n      <mat-tab [label]=\"'map.add.layer.catalog' | translate\">\n        <div class=\"p-3\">\n          <gn-ui-add-layer-from-catalog></gn-ui-add-layer-from-catalog>\n        </div>\n      </mat-tab>\n      <mat-tab [label]=\"'map.add.layer.wms' | translate\" bodyClass=\"h-full\">\n        <div class=\"p-3\">\n          <gn-ui-add-layer-from-wms></gn-ui-add-layer-from-wms>\n        </div>\n      </mat-tab>\n      <mat-tab [label]=\"'map.add.layer.wfs' | translate\" bodyClass=\"h-full\">\n        <div class=\"p-3\">\n          <gn-ui-add-layer-from-wfs></gn-ui-add-layer-from-wfs>\n        </div>\n      </mat-tab>\n      <mat-tab [label]=\"'map.add.layer.ogc.api' | translate\" bodyClass=\"h-full\">\n        <div class=\"p-3\">\n          <gn-ui-add-layer-from-ogc-api\n            [ogcUrl]=\"ogcUrl\"\n            (layerAdded)=\"addLayer($event)\"\n          ></gn-ui-add-layer-from-ogc-api>\n        </div>\n      </mat-tab>\n      <mat-tab [label]=\"'map.add.layer.file' | translate\" bodyClass=\"h-full\">\n        <div class=\"p-3\">\n          <gn-ui-add-layer-from-file></gn-ui-add-layer-from-file>\n        </div>\n      </mat-tab>\n    </mat-tab-group>\n  </gn-ui-expandable-panel-button>\n</div>\n\n<ng-template #addLayerTitle>\n  <ng-icon class=\"mr-4\" name=\"matAddCircleOutlineOutline\"> </ng-icon>\n  <span translate>map.add.layer</span>\n</ng-template>\n" }]
         }] });
 
-class GeocodingComponent {
-    constructor() {
-        this.mapFacade = inject(MapFacade);
-        this.geocodingService = inject(GeocodingService);
-        this.searchText = '';
-        this.results = [];
-        this.searchTextChanged = new Subject();
-        this.destroy$ = new Subject();
-        this.errorMessage = null;
-        this.searchTextChanged
-            .pipe(debounceTime(300), switchMap$1((searchText) => {
-            return from(this.geocodingService.query(searchText)).pipe(catchError$1((error) => {
-                this.errorMessage =
-                    'An error occurred while searching. Please try again.';
-                console.error(error);
-                return [];
-            }));
-        }), takeUntil(this.destroy$))
-            .subscribe((results) => {
-            this.results = results;
-        });
-    }
-    ngOnDestroy() {
-        this.destroy$.next();
-        this.destroy$.complete();
-    }
-    onSearchChange(searchText) {
-        if (!searchText) {
-            this.clearSearch();
-            return;
-        }
-        else {
-            this.searchTextChanged.next(searchText);
-        }
-    }
-    clearSearch() {
-        this.searchText = '';
-        this.results = [];
-        this.errorMessage = null;
-    }
-    async zoomToLocation(result) {
-        const geometry = result.geom;
-        if (geometry.type === 'Point') {
-            await this.zoomToPoint(geometry.coordinates);
-        }
-        else if (geometry.type === 'Polygon') {
-            await this.zoomToPolygon(geometry.coordinates);
-        }
-        else {
-            console.error(`Unsupported geometry type: ${geometry.type}`);
-        }
-    }
-    async zoomToPoint(pointCoords) {
-        const context = await firstValueFrom(this.mapFacade.context$);
-        const view = {
-            center: pointCoords,
-            zoom: 10,
-        };
-        this.mapFacade.applyContext({
-            ...context,
-            view,
-        });
-    }
-    async zoomToPolygon(polygonCoords) {
-        const context = await firstValueFrom(this.mapFacade.context$);
-        const view = {
-            geometry: {
-                type: 'Polygon',
-                coordinates: polygonCoords,
-            },
-        };
-        this.mapFacade.applyContext({
-            ...context,
-            view,
-        });
-    }
-    onEnterPress() {
-        if (this.results && this.results.length > 0) {
-            this.zoomToLocation(this.results[0]);
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: GeocodingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: GeocodingComponent, isStandalone: true, selector: "gn-ui-geocoding", ngImport: i0, template: "<gn-ui-search-input\n  [(value)]=\"searchText\"\n  (valueChange)=\"onSearchChange($event)\"\n  (keyup.enter)=\"onEnterPress()\"\n  [placeholder]=\"'map.geocoding.placeholder' | translate\"\n>\n</gn-ui-search-input>\n@if (results && results.length) {\n  <ul\n    class=\"bg-gray-50 border border-gray-200 w-full mt-2 shadow-sm rounded-lg\"\n  >\n    @for (result of results; track result) {\n      <li\n        (click)=\"zoomToLocation(result)\"\n        class=\"flex items-center pl-8 pr-4 py-2 border-b border-gray-200 relative cursor-pointer hover:bg-blue-100 hover:text-gray-800 transition duration-300 ease-in-out\"\n      >\n        <svg\n          class=\"stroke-current text-blue-500 absolute w-5 h-5 left-3 top-3\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          fill=\"none\"\n          viewBox=\"0 0 24 24\"\n          stroke=\"currentColor\"\n        >\n          <path\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            stroke-width=\"2\"\n            d=\"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z\"\n          />\n          <path\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            stroke-width=\"2\"\n            d=\"M15 11a3 3 0 11-6 0 3 3 0 016 0z\"\n          />\n        </svg>\n        <span class=\"font-sans font-semibold ml-4\">{{ result.label }}</span>\n      </li>\n    }\n  </ul>\n}\n", styles: [""], dependencies: [{ kind: "component", type: SearchInputComponent, selector: "gn-ui-search-input", inputs: ["value", "placeholder"], outputs: ["valueChange"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: GeocodingComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gn-ui-geocoding', standalone: true, imports: [SearchInputComponent, TranslatePipe], template: "<gn-ui-search-input\n  [(value)]=\"searchText\"\n  (valueChange)=\"onSearchChange($event)\"\n  (keyup.enter)=\"onEnterPress()\"\n  [placeholder]=\"'map.geocoding.placeholder' | translate\"\n>\n</gn-ui-search-input>\n@if (results && results.length) {\n  <ul\n    class=\"bg-gray-50 border border-gray-200 w-full mt-2 shadow-sm rounded-lg\"\n  >\n    @for (result of results; track result) {\n      <li\n        (click)=\"zoomToLocation(result)\"\n        class=\"flex items-center pl-8 pr-4 py-2 border-b border-gray-200 relative cursor-pointer hover:bg-blue-100 hover:text-gray-800 transition duration-300 ease-in-out\"\n      >\n        <svg\n          class=\"stroke-current text-blue-500 absolute w-5 h-5 left-3 top-3\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          fill=\"none\"\n          viewBox=\"0 0 24 24\"\n          stroke=\"currentColor\"\n        >\n          <path\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            stroke-width=\"2\"\n            d=\"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z\"\n          />\n          <path\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            stroke-width=\"2\"\n            d=\"M15 11a3 3 0 11-6 0 3 3 0 016 0z\"\n          />\n        </svg>\n        <span class=\"font-sans font-semibold ml-4\">{{ result.label }}</span>\n      </li>\n    }\n  </ul>\n}\n" }]
-        }], ctorParameters: () => [] });
-
 /*
   Metadata actions
  */
@@ -37984,7 +37996,7 @@ class GenericKeywordsComponent {
         this.deletedKeyword.emit(keyword);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: GenericKeywordsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: GenericKeywordsComponent, isStandalone: true, selector: "gn-ui-generic-keywords", inputs: { keywords: "keywords", keywordTypes: "keywordTypes", placeholder: "placeholder", allowSubmit: "allowSubmit" }, outputs: { changedKeywords: "changedKeywords", addedKeyword: "addedKeyword", deletedKeyword: "deletedKeyword" }, ngImport: i0, template: "<div class=\"flex flex-col gap-4\">\n  <gn-ui-autocomplete\n    [placeholder]=\"placeholder\"\n    [displayWithFn]=\"displayWithFn\"\n    [action]=\"autoCompleteAction\"\n    (itemSelected)=\"handleItemSelection($event)\"\n    [preventCompleteOnSelection]=\"false\"\n    [minCharacterCount]=\"1\"\n    [allowSubmit]=\"false\"\n    [clearOnSelection]=\"true\"\n  ></gn-ui-autocomplete>\n  <div class=\"flex gap-2 flex-wrap\">\n    @for (keyword of keywords; track keyword) {\n      <gn-ui-keyword-badge\n        [keyword]=\"keyword\"\n        [editable]=\"true\"\n        (keywordRemove)=\"removeKeyword($event)\"\n      ></gn-ui-keyword-badge>\n    }\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: AutocompleteComponent, selector: "gn-ui-autocomplete", inputs: ["placeholder", "enterButton", "action", "value", "clearOnSelection", "preventCompleteOnSelection", "autoFocus", "minCharacterCount", "allowSubmit", "forceTrackPosition", "displayWithFn"], outputs: ["itemSelected", "inputSubmitted", "inputCleared", "isSearchActive"] }, { kind: "component", type: KeywordBadgeComponent, selector: "gn-ui-keyword-badge", inputs: ["keyword", "editable"], outputs: ["keywordClick", "keywordRemove"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: GenericKeywordsComponent, isStandalone: true, selector: "gn-ui-generic-keywords", inputs: { keywords: "keywords", keywordTypes: "keywordTypes", placeholder: "placeholder", allowSubmit: "allowSubmit" }, outputs: { changedKeywords: "changedKeywords", addedKeyword: "addedKeyword", deletedKeyword: "deletedKeyword" }, ngImport: i0, template: "<div class=\"flex flex-col gap-4\">\n  <gn-ui-autocomplete\n    [placeholder]=\"placeholder\"\n    [displayWithFn]=\"displayWithFn\"\n    [action]=\"autoCompleteAction\"\n    (itemSelected)=\"handleItemSelection($event)\"\n    [preventCompleteOnSelection]=\"false\"\n    [minCharacterCount]=\"1\"\n    [allowSubmit]=\"false\"\n    [clearOnSelection]=\"true\"\n  ></gn-ui-autocomplete>\n  <div class=\"flex gap-2 flex-wrap\">\n    @for (keyword of keywords; track keyword) {\n      <gn-ui-keyword-badge\n        [keyword]=\"keyword\"\n        [editable]=\"true\"\n        (keywordRemove)=\"removeKeyword($event)\"\n      ></gn-ui-keyword-badge>\n    }\n  </div>\n</div>\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"] }, { kind: "component", type: KeywordBadgeComponent, selector: "gn-ui-keyword-badge", inputs: ["keyword", "editable"], outputs: ["keywordClick", "keywordRemove"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: GenericKeywordsComponent, decorators: [{
             type: Component,
@@ -38576,7 +38588,7 @@ class FormFieldContactsForResourceComponent {
             provideNgIconsConfig({
                 size: '1.5rem',
             }),
-        ], usesOnChanges: true, ngImport: i0, template: "<div class=\"flex flex-col gap-3\">\n  <div class=\"flex flex-row flex-wrap gap-2\" data-test=\"rolesToPick\">\n    @for (role of rolesToPick; track role) {\n      <gn-ui-button type=\"gray\" (buttonClick)=\"addRoleToDisplay(role)\">\n        <ng-icon name=\"iconoirPlus\" class=\"text-primary\"></ng-icon>\n        &nbsp;\n        <span translate>{{ roleToLabel(role) }}</span>\n      </gn-ui-button>\n    }\n  </div>\n  @if (value.length === 0) {\n    <div\n      class=\"p-4 border border-primary bg-primary-lightest rounded-lg\"\n      translate\n    >\n      editor.record.form.field.contactsForResource.noContact\n    </div>\n  }\n  @if (roleSectionsToDisplay && roleSectionsToDisplay.length > 0) {\n    <div class=\"mt-8\" data-test=\"displayedRoles\">\n      @for (\n        role of roleSectionsToDisplay;\n        track role;\n        let index = $index;\n        let isLast = $last\n      ) {\n        <div class=\"flex flex-col gap-4\">\n          <div class=\"flex flex-row justify-between\">\n            <span class=\"font-bold text-base\" translate>{{\n              roleToLabel(role)\n            }}</span>\n          </div>\n          @if (role !== 'unspecified' && role !== 'other') {\n            <gn-ui-autocomplete\n              [placeholder]=\"\n                'editor.record.form.field.contactsForResource.placeholder'\n                  | translate\n              \"\n              [action]=\"autoCompleteAction\"\n              (itemSelected)=\"addContact($event, role)\"\n              [displayWithFn]=\"displayWithFn\"\n              [minCharacterCount]=\"1\"\n              [clearOnSelection]=\"true\"\n              [allowSubmit]=\"false\"\n            >\n            </gn-ui-autocomplete>\n          }\n          @if (contactsForRessourceByRole.get(role); as contacts) {\n            <gn-ui-sortable-list\n              [items]=\"contacts\"\n              (itemsOrderChange)=\"handleContactsChanged($event, role)\"\n              [elementTemplate]=\"contactTemplate\"\n            ></gn-ui-sortable-list>\n            <ng-template #contactTemplate let-contact>\n              <gn-ui-contact-card [contact]=\"contact\"></gn-ui-contact-card>\n            </ng-template>\n          }\n          @if (!isLast) {\n            <hr class=\"border-t-[#D6D3D1] mt-4 mb-6\" />\n          }\n        </div>\n      }\n    </div>\n  }\n</div>\n", styles: [":host{--gn-ui-button-padding: 8px 8px;--gn-ui-button-rounded: 8px}\n"], dependencies: [{ kind: "component", type: AutocompleteComponent, selector: "gn-ui-autocomplete", inputs: ["placeholder", "enterButton", "action", "value", "clearOnSelection", "preventCompleteOnSelection", "autoFocus", "minCharacterCount", "allowSubmit", "forceTrackPosition", "displayWithFn"], outputs: ["itemSelected", "inputSubmitted", "inputCleared", "isSearchActive"] }, { kind: "component", type: ContactCardComponent, selector: "gn-ui-contact-card", inputs: ["contact"] }, { kind: "component", type: SortableListComponent, selector: "gn-ui-sortable-list", inputs: ["elementTemplate", "items"], outputs: ["itemsOrderChange"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "directive", type: TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], usesOnChanges: true, ngImport: i0, template: "<div class=\"flex flex-col gap-3\">\n  <div class=\"flex flex-row flex-wrap gap-2\" data-test=\"rolesToPick\">\n    @for (role of rolesToPick; track role) {\n      <gn-ui-button type=\"gray\" (buttonClick)=\"addRoleToDisplay(role)\">\n        <ng-icon name=\"iconoirPlus\" class=\"text-primary\"></ng-icon>\n        &nbsp;\n        <span translate>{{ roleToLabel(role) }}</span>\n      </gn-ui-button>\n    }\n  </div>\n  @if (value.length === 0) {\n    <div\n      class=\"p-4 border border-primary bg-primary-lightest rounded-lg\"\n      translate\n    >\n      editor.record.form.field.contactsForResource.noContact\n    </div>\n  }\n  @if (roleSectionsToDisplay && roleSectionsToDisplay.length > 0) {\n    <div class=\"mt-8\" data-test=\"displayedRoles\">\n      @for (\n        role of roleSectionsToDisplay;\n        track role;\n        let index = $index;\n        let isLast = $last\n      ) {\n        <div class=\"flex flex-col gap-4\">\n          <div class=\"flex flex-row justify-between\">\n            <span class=\"font-bold text-base\" translate>{{\n              roleToLabel(role)\n            }}</span>\n          </div>\n          @if (role !== 'unspecified' && role !== 'other') {\n            <gn-ui-autocomplete\n              [placeholder]=\"\n                'editor.record.form.field.contactsForResource.placeholder'\n                  | translate\n              \"\n              [action]=\"autoCompleteAction\"\n              (itemSelected)=\"addContact($event, role)\"\n              [displayWithFn]=\"displayWithFn\"\n              [minCharacterCount]=\"1\"\n              [clearOnSelection]=\"true\"\n              [allowSubmit]=\"false\"\n            >\n            </gn-ui-autocomplete>\n          }\n          @if (contactsForRessourceByRole.get(role); as contacts) {\n            <gn-ui-sortable-list\n              [items]=\"contacts\"\n              (itemsOrderChange)=\"handleContactsChanged($event, role)\"\n              [elementTemplate]=\"contactTemplate\"\n            ></gn-ui-sortable-list>\n            <ng-template #contactTemplate let-contact>\n              <gn-ui-contact-card [contact]=\"contact\"></gn-ui-contact-card>\n            </ng-template>\n          }\n          @if (!isLast) {\n            <hr class=\"border-t-[#D6D3D1] mt-4 mb-6\" />\n          }\n        </div>\n      }\n    </div>\n  }\n</div>\n", styles: [":host{--gn-ui-button-padding: 8px 8px;--gn-ui-button-rounded: 8px}\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"] }, { kind: "component", type: ContactCardComponent, selector: "gn-ui-contact-card", inputs: ["contact"] }, { kind: "component", type: SortableListComponent, selector: "gn-ui-sortable-list", inputs: ["elementTemplate", "items"], outputs: ["itemsOrderChange"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "directive", type: TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: FormFieldContactsForResourceComponent, decorators: [{
             type: Component,
@@ -38676,7 +38688,7 @@ class FormFieldContactsComponent {
         this.subscription.unsubscribe();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: FormFieldContactsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: FormFieldContactsComponent, isStandalone: true, selector: "gn-ui-form-field-contacts", inputs: { value: "value", modelSpecifier: "modelSpecifier" }, outputs: { valueChange: "valueChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"flex flex-col gap-3\">\n  <gn-ui-autocomplete\n    [placeholder]=\"'editor.record.form.field.contacts.placeholder' | translate\"\n    [action]=\"autoCompleteAction\"\n    (itemSelected)=\"addContact($event)\"\n    [displayWithFn]=\"displayWithFn\"\n    [minCharacterCount]=\"1\"\n    [clearOnSelection]=\"true\"\n  >\n  </gn-ui-autocomplete>\n\n  @if (contacts.length > 0) {\n    <gn-ui-sortable-list\n      [items]=\"contacts\"\n      (itemsOrderChange)=\"handleContactsChanged($event)\"\n      [elementTemplate]=\"contactTemplate\"\n    ></gn-ui-sortable-list>\n    <ng-template #contactTemplate let-contact let-index=\"index\">\n      @if (modelSpecifier === 'contact:editableDetails') {\n        <gn-ui-contact-details-form\n          [contact]=\"contact\"\n          (contactChange)=\"handleContactChanged($event, index)\"\n        ></gn-ui-contact-details-form>\n      } @else {\n        <gn-ui-contact-card [contact]=\"contact\"></gn-ui-contact-card>\n      }\n    </ng-template>\n  } @else {\n    <div\n      class=\"p-4 text-sm border border-primary bg-primary-lightest rounded-lg\"\n      translate\n    >\n      editor.record.form.field.contacts.noContact\n    </div>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: AutocompleteComponent, selector: "gn-ui-autocomplete", inputs: ["placeholder", "enterButton", "action", "value", "clearOnSelection", "preventCompleteOnSelection", "autoFocus", "minCharacterCount", "allowSubmit", "forceTrackPosition", "displayWithFn"], outputs: ["itemSelected", "inputSubmitted", "inputCleared", "isSearchActive"] }, { kind: "directive", type: TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: ContactCardComponent, selector: "gn-ui-contact-card", inputs: ["contact"] }, { kind: "component", type: ContactDetailsFormComponent, selector: "gn-ui-contact-details-form", inputs: ["contact"], outputs: ["contactChange"] }, { kind: "component", type: SortableListComponent, selector: "gn-ui-sortable-list", inputs: ["elementTemplate", "items"], outputs: ["itemsOrderChange"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: FormFieldContactsComponent, isStandalone: true, selector: "gn-ui-form-field-contacts", inputs: { value: "value", modelSpecifier: "modelSpecifier" }, outputs: { valueChange: "valueChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"flex flex-col gap-3\">\n  <gn-ui-autocomplete\n    [placeholder]=\"'editor.record.form.field.contacts.placeholder' | translate\"\n    [action]=\"autoCompleteAction\"\n    (itemSelected)=\"addContact($event)\"\n    [displayWithFn]=\"displayWithFn\"\n    [minCharacterCount]=\"1\"\n    [clearOnSelection]=\"true\"\n  >\n  </gn-ui-autocomplete>\n\n  @if (contacts.length > 0) {\n    <gn-ui-sortable-list\n      [items]=\"contacts\"\n      (itemsOrderChange)=\"handleContactsChanged($event)\"\n      [elementTemplate]=\"contactTemplate\"\n    ></gn-ui-sortable-list>\n    <ng-template #contactTemplate let-contact let-index=\"index\">\n      @if (modelSpecifier === 'contact:editableDetails') {\n        <gn-ui-contact-details-form\n          [contact]=\"contact\"\n          (contactChange)=\"handleContactChanged($event, index)\"\n        ></gn-ui-contact-details-form>\n      } @else {\n        <gn-ui-contact-card [contact]=\"contact\"></gn-ui-contact-card>\n      }\n    </ng-template>\n  } @else {\n    <div\n      class=\"p-4 text-sm border border-primary bg-primary-lightest rounded-lg\"\n      translate\n    >\n      editor.record.form.field.contacts.noContact\n    </div>\n  }\n</div>\n", styles: [""], 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"] }, { kind: "directive", type: TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: ContactCardComponent, selector: "gn-ui-contact-card", inputs: ["contact"] }, { kind: "component", type: ContactDetailsFormComponent, selector: "gn-ui-contact-details-form", inputs: ["contact"], outputs: ["contactChange"] }, { kind: "component", type: SortableListComponent, selector: "gn-ui-sortable-list", inputs: ["elementTemplate", "items"], outputs: ["itemsOrderChange"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: FormFieldContactsComponent, decorators: [{
             type: Component,
@@ -39029,7 +39041,7 @@ class OnlineServiceResourceInputComponent {
             provideNgIconsConfig({
                 size: '1.5em',
             }),
-        ], ngImport: i0, template: "<div class=\"flex flex-row justify-between\">\n  <h3 class=\"text-[16px] font-bold text-main mb-[12px]\" translate>\n    editor.record.form.field.onlineResource.edit.protocol\n  </h3>\n  @if (protocolHint) {\n    <ng-icon\n      name=\"matHelpOutline\"\n      size=\"16\"\n      class=\"m-2\"\n      [matTooltip]=\"protocolHint\"\n      matTooltipPosition=\"above\"\n    ></ng-icon>\n  }\n</div>\n<div class=\"flex flex-row items-center gap-4 h-[48px]\">\n  <mat-radio-group\n    aria-labelledby=\"example-radio-group-label\"\n    class=\"flex flex-row gap-[8px]\"\n    [(ngModel)]=\"_service.accessServiceProtocol\"\n    [disabled]=\"disabled\"\n    (change)=\"resetAllFormFields()\"\n  >\n    @for (protocolOption of availableProtocolOptions; track protocolOption) {\n      <mat-radio-button [value]=\"protocolOption.value\">\n        {{ protocolOption.label | translate }}\n      </mat-radio-button>\n    }\n  </mat-radio-group>\n</div>\n\n<div class=\"flex flex-col gap-4\">\n  <gn-ui-url-input\n    class=\"w-full\"\n    (uploadClick)=\"handleUploadClick($event)\"\n    (valueChange)=\"handleUrlValueChange($event)\"\n    [disabled]=\"disabled\"\n    [value]=\"_service.url?.toString()\"\n    [showValidateButton]=\"activeLayerSuggestion\"\n    [resetUrlOnChange]=\"resetUrlOnChange\"\n  >\n    @if (activeLayerSuggestion) {\n      <ng-content>\n        <ng-icon name=\"iconoirRefresh\"></ng-icon>\n      </ng-content>\n    }\n  </gn-ui-url-input>\n\n  @if (loading) {\n    <div class=\"flex justify-center w-full py-4\">\n      <gn-ui-spinning-loader></gn-ui-spinning-loader>\n    </div>\n  }\n  @if (errorMessage) {\n    <p class=\"text-sm text-red-500 pl-4\" translate>\n      editor.record.form.field.onlineResource.edit.identifier.error\n    </p>\n  }\n\n  @if (\n    !activeLayerSuggestion ||\n    (_service.url && errorMessage) ||\n    (modifyMode && (layers$ | async).length === 0)\n  ) {\n    <gn-ui-text-input\n      class=\"grow border-b border-gray-300 pb-4\"\n      [(value)]=\"_service.identifierInService\"\n      [placeholder]=\"getIdentifierPlaceholder() | translate\"\n      data-cy=\"identifier-in-service\"\n      [disabled]=\"disabled\"\n    ></gn-ui-text-input>\n  }\n  @if (activeLayerSuggestion && (layers$ | async)?.length > 0) {\n    <gn-ui-autocomplete\n      class=\"border-b border-gray-300 pb-4\"\n      [placeholder]=\"\n        'editor.record.form.field.onlineResource.edit.identifier.select.label'\n          | translate\n      \"\n      [action]=\"autoCompleteAction\"\n      (itemSelected)=\"handleSelectValue($event)\"\n      [displayWithFn]=\"displayWithFn\"\n      [minCharacterCount]=\"0\"\n      [clearOnSelection]=\"false\"\n    >\n    </gn-ui-autocomplete>\n  }\n  @if (\n    !modifyMode &&\n    ((activeLayerSuggestion && (layers$ | async)) ||\n      !activeLayerSuggestion ||\n      (_service.url && errorMessage))\n  ) {\n    <gn-ui-button\n      (buttonClick)=\"submit()\"\n      [disabled]=\"disabled || !_service.identifierInService\"\n      type=\"primary\"\n    >\n      <span class=\"text-white font-bold\" translate>\n        editor.record.form.field.onlineResource.edit.identifier.submit</span\n      >\n    </gn-ui-button>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: AutocompleteComponent, selector: "gn-ui-autocomplete", inputs: ["placeholder", "enterButton", "action", "value", "clearOnSelection", "preventCompleteOnSelection", "autoFocus", "minCharacterCount", "allowSubmit", "forceTrackPosition", "displayWithFn"], outputs: ["itemSelected", "inputSubmitted", "inputCleared", "isSearchActive"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1$5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatRadioModule }, { kind: "directive", type: i3$1.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i3$1.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "component", type: SpinningLoaderComponent, selector: "gn-ui-spinning-loader" }, { kind: "component", type: TextInputComponent, selector: "gn-ui-text-input", inputs: ["value", "extraClass", "placeholder", "required", "disabled", "type"], outputs: ["valueChange"] }, { kind: "directive", type: TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: UrlInputComponent, selector: "gn-ui-url-input", inputs: ["value", "extraClass", "placeholder", "disabled", "showValidateButton", "resetUrlOnChange"], outputs: ["valueChange", "uploadClick"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], ngImport: i0, template: "<div class=\"flex flex-row justify-between\">\n  <h3 class=\"text-[16px] font-bold text-main mb-[12px]\" translate>\n    editor.record.form.field.onlineResource.edit.protocol\n  </h3>\n  @if (protocolHint) {\n    <ng-icon\n      name=\"matHelpOutline\"\n      size=\"16\"\n      class=\"m-2\"\n      [matTooltip]=\"protocolHint\"\n      matTooltipPosition=\"above\"\n    ></ng-icon>\n  }\n</div>\n<div class=\"flex flex-row items-center gap-4 h-[48px]\">\n  <mat-radio-group\n    aria-labelledby=\"example-radio-group-label\"\n    class=\"flex flex-row gap-[8px]\"\n    [(ngModel)]=\"_service.accessServiceProtocol\"\n    [disabled]=\"disabled\"\n    (change)=\"resetAllFormFields()\"\n  >\n    @for (protocolOption of availableProtocolOptions; track protocolOption) {\n      <mat-radio-button [value]=\"protocolOption.value\">\n        {{ protocolOption.label | translate }}\n      </mat-radio-button>\n    }\n  </mat-radio-group>\n</div>\n\n<div class=\"flex flex-col gap-4\">\n  <gn-ui-url-input\n    class=\"w-full\"\n    (uploadClick)=\"handleUploadClick($event)\"\n    (valueChange)=\"handleUrlValueChange($event)\"\n    [disabled]=\"disabled\"\n    [value]=\"_service.url?.toString()\"\n    [showValidateButton]=\"activeLayerSuggestion\"\n    [resetUrlOnChange]=\"resetUrlOnChange\"\n  >\n    @if (activeLayerSuggestion) {\n      <ng-content>\n        <ng-icon name=\"iconoirRefresh\"></ng-icon>\n      </ng-content>\n    }\n  </gn-ui-url-input>\n\n  @if (loading) {\n    <div class=\"flex justify-center w-full py-4\">\n      <gn-ui-spinning-loader></gn-ui-spinning-loader>\n    </div>\n  }\n  @if (errorMessage) {\n    <p class=\"text-sm text-red-500 pl-4\" translate>\n      editor.record.form.field.onlineResource.edit.identifier.error\n    </p>\n  }\n\n  @if (\n    !activeLayerSuggestion ||\n    (_service.url && errorMessage) ||\n    (modifyMode && (layers$ | async).length === 0)\n  ) {\n    <gn-ui-text-input\n      class=\"grow border-b border-gray-300 pb-4\"\n      [(value)]=\"_service.identifierInService\"\n      [placeholder]=\"getIdentifierPlaceholder() | translate\"\n      data-cy=\"identifier-in-service\"\n      [disabled]=\"disabled\"\n    ></gn-ui-text-input>\n  }\n  @if (activeLayerSuggestion && (layers$ | async)?.length > 0) {\n    <gn-ui-autocomplete\n      class=\"border-b border-gray-300 pb-4\"\n      [placeholder]=\"\n        'editor.record.form.field.onlineResource.edit.identifier.select.label'\n          | translate\n      \"\n      [action]=\"autoCompleteAction\"\n      (itemSelected)=\"handleSelectValue($event)\"\n      [displayWithFn]=\"displayWithFn\"\n      [minCharacterCount]=\"0\"\n      [clearOnSelection]=\"false\"\n    >\n    </gn-ui-autocomplete>\n  }\n  @if (\n    !modifyMode &&\n    ((activeLayerSuggestion && (layers$ | async)) ||\n      !activeLayerSuggestion ||\n      (_service.url && errorMessage))\n  ) {\n    <gn-ui-button\n      (buttonClick)=\"submit()\"\n      [disabled]=\"disabled || !_service.identifierInService\"\n      type=\"primary\"\n    >\n      <span class=\"text-white font-bold\" translate>\n        editor.record.form.field.onlineResource.edit.identifier.submit</span\n      >\n    </gn-ui-button>\n  }\n</div>\n", styles: [""], 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"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1$5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatRadioModule }, { kind: "directive", type: i3$1.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i3$1.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "component", type: SpinningLoaderComponent, selector: "gn-ui-spinning-loader" }, { kind: "component", type: TextInputComponent, selector: "gn-ui-text-input", inputs: ["value", "extraClass", "placeholder", "required", "disabled", "type"], outputs: ["valueChange"] }, { kind: "directive", type: TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: UrlInputComponent, selector: "gn-ui-url-input", inputs: ["value", "extraClass", "placeholder", "disabled", "showValidateButton", "resetUrlOnChange"], outputs: ["valueChange", "uploadClick"] }, { 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: OnlineServiceResourceInputComponent, decorators: [{
             type: Component,
@@ -40919,5 +40931,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, GEONETWORK_UI_TAG_NAME, GEONETWORK_UI_VERSION, GeoDataBadgeComponent, GeoTableViewComponent, GeocodingComponent, 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, 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, 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, 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, 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, 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