geonetwork-ui 2.6.0-dev.186d57931 → 2.6.0-dev.3e7617888

package/fesm2022/geonetwork-ui.mjs

@@ -17,7 +17,7 @@ import { TranslateHttpLoader } from '@ngx-translate/http-loader';
 import { map as map$1, catchError, tap as tap$1, shareReplay, filter, startWith, withLatestFrom, switchMap as switchMap$1, take, mergeMap, throttleTime, distinctUntilChanged, debounceTime, finalize, delay, first as first$1, share, pairwise, defaultIfEmpty, toArray } from 'rxjs/operators';
 import * as i1$2 from '@angular/common';
 import { CommonModule, NgSwitch, NgSwitchCase, NgSwitchDefault, NgIf, NgClass, NgTemplateOutlet, NgOptimizedImage, DatePipe } from '@angular/common';
-import { of, map as map$2, lastValueFrom, Subject, switchMap, combineLatest, from, exhaustMap, throwError, forkJoin, takeLast, firstValueFrom, merge, BehaviorSubject, fromEvent, animationFrameScheduler, ReplaySubject, Subscription, first, distinctUntilChanged as distinctUntilChanged$1, timer, filter as filter$1, tap as tap$2, Observable, buffer, debounceTime as debounceTime$1, combineLatestWith, catchError as catchError$1, takeUntil, EMPTY, mergeMap as mergeMap$1, startWith as startWith$1, withLatestFrom as withLatestFrom$1, shareReplay as shareReplay$1, pairwise as pairwise$1 } from 'rxjs';
+import { of, map as map$2, lastValueFrom, Subject, switchMap, combineLatest, from, exhaustMap, throwError, forkJoin, takeLast, firstValueFrom, merge, BehaviorSubject, fromEvent, animationFrameScheduler, ReplaySubject, Subscription, first, distinctUntilChanged as distinctUntilChanged$1, timer, filter as filter$1, tap as tap$2, Observable, buffer, debounceTime as debounceTime$1, combineLatestWith, startWith as startWith$1, catchError as catchError$1, takeUntil, EMPTY, mergeMap as mergeMap$1, withLatestFrom as withLatestFrom$1, shareReplay as shareReplay$1, pairwise as pairwise$1 } from 'rxjs';
 import { lt, valid, coerce, satisfies, ltr } from 'semver';
 import chroma from 'chroma-js';
 import { WmtsEndpoint, WmsEndpoint, WfsEndpoint, OgcApiEndpoint, sharedFetch, useCache } from '@camptocamp/ogc-client';
@@ -26,7 +26,7 @@ import { createAction, props, createReducer, on, createFeatureSelector, createSe
 import EmblaCarousel from 'embla-carousel';
 import * as i2$2 from '@ng-icons/core';
 import { provideIcons, NgIcon, NgIconComponent, provideNgIconsConfig, NgIconsModule } from '@ng-icons/core';
-import { iconoirNavArrowRight, iconoirNavArrowLeft, iconoirNavArrowDown, iconoirNavArrowUp, iconoirSearch, iconoirLongArrowDownLeft, iconoirCalendar, iconoirLink, iconoirArrowUp, iconoirCloudUpload, iconoirFramePlusIn, iconoirSettings, iconoirDownload, iconoirMediaImage, iconoirMediaImageXmark, iconoirBin, iconoirPlus, iconoirDatabase, iconoirMap, iconoirInternet, iconoirUser, iconoirLock, iconoirImport, iconoirLightBulbOn, iconoirArrowLeft, iconoirAttachment, iconoirRefresh } from '@ng-icons/iconoir';
+import { iconoirNavArrowRight, iconoirNavArrowLeft, iconoirNavArrowDown, iconoirNavArrowUp, iconoirSearch, iconoirLongArrowDownLeft, iconoirCalendar, iconoirLink, iconoirArrowUp, iconoirCloudUpload, iconoirFramePlusIn, iconoirAppleWallet, iconoirAppleShortcuts, iconoirCode, iconoirCreditCard, iconoirSettings, iconoirDownload, iconoirMediaImage, iconoirMediaImageXmark, iconoirBin, iconoirPlus, iconoirDatabase, iconoirMap, iconoirInternet, iconoirUser, iconoirLock, iconoirImport, iconoirLightBulbOn, iconoirArrowLeft, iconoirAttachment, iconoirRefresh } from '@ng-icons/iconoir';
 import { matExpandMore, matExpandLess, matAdd, matRemove, matClose, matContentCopy, matSearch, matStar, matStarBorder, matChevronLeft, matChevronRight, matArrowForward, matArrowBack, matCheck, matWarningAmber, matFace, matQuestionMark, matMoodBad, matZoomOutMap, matOpenInNew, matMailOutline, matPersonOutline, matCheckCircleOutline, matWarning, matCode, matMoreVert, matCorporateFare } from '@ng-icons/material-icons/baseline';
 import * as i1$4 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
@@ -929,21 +929,23 @@ const LANG_2_TO_3_MAPPER = Object.entries(LANG_3_TO_2_MAPPER).reduce((mapperObje
     return { ...mapperObject, [langEntry[1]]: langEntry[0] };
 }, {});
 
+const PossibleResourceTypes = {
+    application: 'reuse',
+    dataset: 'dataset',
+    interactiveMap: 'reuse',
+    map: 'reuse',
+    'map/static': 'reuse', // old index field
+    'map/interactive': 'reuse', // old index field
+    'map-interactive': 'reuse', // new index field since Oct 10, 2024
+    'map-static': 'reuse', // new index field
+    mapDigital: 'reuse',
+    series: 'dataset',
+    service: 'service',
+    staticMap: 'reuse',
+};
+const PossibleResourceTypesDefinition = Object.entries(PossibleResourceTypes).reduce((acc, [key, val]) => ((acc[val] ??= []).push(key), acc), {});
 function getResourceType(type) {
-    const possibleResourceTypes = {
-        application: 'reuse',
-        dataset: 'dataset',
-        map: 'reuse',
-        'map/static': 'reuse', // old index field
-        'map/interactive': 'reuse', // old index field
-        'map-interactive': 'reuse', // new index field since Oct 10, 2024
-        'map-static': 'reuse', // new index field
-        mapDigital: 'reuse',
-        interactiveMap: 'reuse',
-        staticMap: 'reuse',
-        service: 'service',
-    };
-    return (possibleResourceTypes[type] ||
+    return (PossibleResourceTypes[type] ||
         'dataset');
 }
 function getReuseType(type) {
@@ -18652,7 +18654,7 @@ var de = {
 	"datafeeder.month.september": "September",
 	"datafeeder.wizardSummarize.createdAt": "Erstellt am",
 	"datafeeder.wizardSummarize.scale": "Maßstab",
-	"datahub.header.datasets": "Datensätze",
+	"datahub.header.datasets": "Katalog",
 	"datahub.header.lastRecords": "Die neuesten",
 	"datahub.header.myfavorites": "Meine Favoriten",
 	"datahub.header.news": "Startseite",
@@ -19068,6 +19070,10 @@ var de = {
 	"results.layout.selectOne": "Layout auswählen",
 	"results.records.hits.displayedOn": "{displayed, plural, =0{Kein Datensatz.} one{1 Datensatz} other{{displayed} Datensätze }} {hits, plural, other{angezeigt von {hits} insgesamt.}}",
 	"results.records.hits.empty.help.html": "Vorschläge: <ul class='list-disc list-inside'><li>Versuchen Sie es mit anderen Worten</li><li>Beschränken Sie die Suchwörter</li></ul>",
+	"search.filters.recordKind.all": "Alle",
+	"search.filters.recordKind.dataset": "Datensätze",
+	"search.filters.recordKind.reuse": "Wiederverwendungen",
+	"search.filters.recordKind.service": "Dienste",
 	"results.records.hits.found": "{hits, plural, =0{Keine Dokumente entsprechen der angegebenen Suche.} one{1 Datensatz gefunden.} other{{hits} Datensätze gefunden.}}",
 	"results.records.hits.selected": "{ amount } ausgewählt",
 	"results.showMore": "Mehr Ergebnisse anzeigen...",
@@ -19228,7 +19234,7 @@ var en = {
 	"datafeeder.month.september": "September",
 	"datafeeder.wizardSummarize.createdAt": "Created at",
 	"datafeeder.wizardSummarize.scale": "Scale",
-	"datahub.header.datasets": "Datasets",
+	"datahub.header.datasets": "Catalog",
 	"datahub.header.lastRecords": "The latest",
 	"datahub.header.myfavorites": "My favorites",
 	"datahub.header.news": "Home",
@@ -19644,6 +19650,10 @@ var en = {
 	"results.layout.selectOne": "Results layout",
 	"results.records.hits.displayedOn": "{displayed, plural, =0{No dataset.} one{1 } other{{displayed} }} {hits, plural, other{displayed on {hits} total.}}",
 	"results.records.hits.empty.help.html": "Suggestions: <ul class='list-disc list-inside'><li>Try other words</li><li>Specify fewer words</li></ul>",
+	"search.filters.recordKind.all": "All",
+	"search.filters.recordKind.dataset": "Datasets",
+	"search.filters.recordKind.reuse": "Reuses",
+	"search.filters.recordKind.service": "Services",
 	"results.records.hits.found": "{hits, plural, =0{No datasets match the specified search.} one{1 dataset found.} other{{hits} datasets found.}}",
 	"results.records.hits.selected": "{ amount } selected",
 	"results.showMore": "Show more results...",
@@ -19804,7 +19814,7 @@ var es = {
 	"datafeeder.month.september": "",
 	"datafeeder.wizardSummarize.createdAt": "",
 	"datafeeder.wizardSummarize.scale": "",
-	"datahub.header.datasets": "",
+	"datahub.header.datasets": "Catálogo",
 	"datahub.header.lastRecords": "",
 	"datahub.header.myfavorites": "",
 	"datahub.header.news": "",
@@ -20220,6 +20230,10 @@ var es = {
 	"results.layout.selectOne": "",
 	"results.records.hits.displayedOn": "",
 	"results.records.hits.empty.help.html": "",
+	"search.filters.recordKind.all": "Todos",
+	"search.filters.recordKind.dataset": "",
+	"search.filters.recordKind.reuse": "",
+	"search.filters.recordKind.service": "",
 	"results.records.hits.found": "",
 	"results.records.hits.selected": "",
 	"results.showMore": "",
@@ -20380,7 +20394,7 @@ var fr = {
 	"datafeeder.month.september": "Septembre",
 	"datafeeder.wizardSummarize.createdAt": "Créée le",
 	"datafeeder.wizardSummarize.scale": "Échelle",
-	"datahub.header.datasets": "Données",
+	"datahub.header.datasets": "Catalogue",
 	"datahub.header.lastRecords": "Les plus récentes",
 	"datahub.header.myfavorites": "Mes favoris",
 	"datahub.header.news": "Accueil",
@@ -20796,6 +20810,10 @@ var fr = {
 	"results.layout.selectOne": "Affichage des résultats",
 	"results.records.hits.displayedOn": "{displayed, plural, =0{Aucun jeu de données} one{1 affiché} other{{displayed} affichés}} {hits, plural, other{sur {hits} au total.}}",
 	"results.records.hits.empty.help.html": "Suggestions : <ul class='list-disc list-inside'><li>Essayez d'autres mots-clés</li><li>Cherchez moins de mots</li></ul>",
+	"search.filters.recordKind.all": "Tous",
+	"search.filters.recordKind.dataset": "Jeux de données",
+	"search.filters.recordKind.reuse": "Réutilisations",
+	"search.filters.recordKind.service": "Services",
 	"results.records.hits.found": "{hits, plural, =0{Aucune correspondance.} one{1 jeu de données trouvé.} other{{hits} jeux de données.}}",
 	"results.records.hits.selected": "{amount, plural, one{1 selectionné} other{{ amount } sélectionnés}}",
 	"results.showMore": "Plus de résultats...",
@@ -20956,7 +20974,7 @@ var it = {
 	"datafeeder.month.september": "Settembre",
 	"datafeeder.wizardSummarize.createdAt": "Creato il",
 	"datafeeder.wizardSummarize.scale": "Scala",
-	"datahub.header.datasets": "Dati",
+	"datahub.header.datasets": "Catalogo",
 	"datahub.header.lastRecords": "Ultimi",
 	"datahub.header.myfavorites": "Miei preferiti",
 	"datahub.header.news": "Home",
@@ -21372,6 +21390,10 @@ var it = {
 	"results.layout.selectOne": "Mostra risultati",
 	"results.records.hits.displayedOn": "{displayed, plural, =0{Nessun record} one{1 record visualizzato} other{{displayed} records visualizzati}} {hits, plural, other{su {hits} in totale.}}",
 	"results.records.hits.empty.help.html": "Suggerimenti: <ul class='list-disc list-inside'><li>Prova con altre parole chiave</li><li>Cerca con meno parole</li></ul>",
+	"search.filters.recordKind.all": "Tutti",
+	"search.filters.recordKind.dataset": "Dataset",
+	"search.filters.recordKind.reuse": "Riutilizzi",
+	"search.filters.recordKind.service": "Servizi",
 	"results.records.hits.found": "{hits, plural, =0{Nessuna corrispondenza.} one{1 record trovato.} other{{hits} risultati.}}",
 	"results.records.hits.selected": "{amount, plural, one{1 selezionato} other{{ amount } selezionati}}",
 	"results.showMore": "Altri risultati...",
@@ -21532,7 +21554,7 @@ var nl = {
 	"datafeeder.month.september": "",
 	"datafeeder.wizardSummarize.createdAt": "",
 	"datafeeder.wizardSummarize.scale": "",
-	"datahub.header.datasets": "",
+	"datahub.header.datasets": "Catalog",
 	"datahub.header.lastRecords": "",
 	"datahub.header.myfavorites": "",
 	"datahub.header.news": "",
@@ -21948,6 +21970,10 @@ var nl = {
 	"results.layout.selectOne": "",
 	"results.records.hits.displayedOn": "",
 	"results.records.hits.empty.help.html": "",
+	"search.filters.recordKind.all": "Alles",
+	"search.filters.recordKind.dataset": "",
+	"search.filters.recordKind.reuse": "",
+	"search.filters.recordKind.service": "",
 	"results.records.hits.found": "",
 	"results.records.hits.selected": "",
 	"results.showMore": "",
@@ -22108,7 +22134,7 @@ var pt = {
 	"datafeeder.month.september": "",
 	"datafeeder.wizardSummarize.createdAt": "",
 	"datafeeder.wizardSummarize.scale": "",
-	"datahub.header.datasets": "",
+	"datahub.header.datasets": "Catálogo",
 	"datahub.header.lastRecords": "",
 	"datahub.header.myfavorites": "",
 	"datahub.header.news": "",
@@ -22524,6 +22550,10 @@ var pt = {
 	"results.layout.selectOne": "",
 	"results.records.hits.displayedOn": "",
 	"results.records.hits.empty.help.html": "",
+	"search.filters.recordKind.all": "Todos",
+	"search.filters.recordKind.dataset": "",
+	"search.filters.recordKind.reuse": "",
+	"search.filters.recordKind.service": "",
 	"results.records.hits.found": "",
 	"results.records.hits.selected": "",
 	"results.showMore": "",
@@ -25295,7 +25325,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
         }] });
 
 var name = "geonetwork-ui";
-var version = "2.6.0-dev.186d57931";
+var version = "2.6.0-dev.3e7617888";
 var engines = {
 	node: ">=20"
 };
@@ -26311,11 +26341,11 @@ class ProgressBarComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ProgressBarComponent, isStandalone: true, selector: "gn-ui-progress-bar", inputs: { value: "value", type: "type" }, ngImport: i0, template: "<ng-container [ngSwitch]=\"type\">\n  <!-- Light Theme -->\n  <ng-container *ngSwitchCase=\"'light'\">\n    <div class=\"flex items-center relative\">\n      <div\n        class=\"flex-shrink-0 {{ color.text }} text-xs font-medium mr-2\n             text-opacity-100 !text-slate-800\"\n        data-cy=\"progressPercentage\"\n      >\n        {{ progress }}%\n      </div>\n      <div class=\"flex-grow h-[4px] w-[52px] {{ color.outerBar }} rounded-full\">\n        <div\n          [style.width.%]=\"progress\"\n          class=\"{{ color.innerBar }} transition-width duration-500\n               ease-in-out rounded-full shadow-sm w-[52px] h-[4px]\"\n        ></div>\n      </div>\n    </div>\n  </ng-container>\n\n  <!-- Default / Primary / Secondary Themes -->\n  <ng-container *ngSwitchDefault>\n    <div class=\"flex h-full {{ color.outerBar }} rounded-t-lg rounded-b-lg\">\n      <div\n        [style.width.%]=\"progress\"\n        class=\"flex {{ color.innerBar }} my-1 mx-1 transition-width\n               duration-500 ease-in-out rounded-t-md rounded-b-md shadow-xl\"\n      >\n        <div\n          class=\"flex items-center pl-2 py-1 {{ color.text }} font-bold text-4\"\n        >\n          {{ progress }}%\n        </div>\n      </div>\n    </div>\n  </ng-container>\n</ng-container>\n", styles: [".font-bold{font-weight:var(--progress-bar-font-weight, \"bold\")}\n"], dependencies: [{ kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: NgSwitchDefault, selector: "[ngSwitchDefault]" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ProgressBarComponent, isStandalone: true, selector: "gn-ui-progress-bar", inputs: { value: "value", type: "type" }, ngImport: i0, template: "<ng-container [ngSwitch]=\"type\">\n  <!-- Light Theme -->\n  <ng-container *ngSwitchCase=\"'light'\">\n    <div class=\"flex items-center relative\">\n      <div\n        class=\"flex-shrink-0 {{ color.text }} font-medium mr-2\n             text-opacity-100 !text-slate-800\"\n        data-cy=\"progressPercentage\"\n      >\n        {{ progress }}%\n      </div>\n      <div class=\"flex-grow h-[4px] w-[52px] {{ color.outerBar }} rounded-full\">\n        <div\n          [style.width.%]=\"progress\"\n          class=\"{{ color.innerBar }} transition-width duration-500\n               ease-in-out rounded-full shadow-sm w-[52px] h-[4px]\"\n        ></div>\n      </div>\n    </div>\n  </ng-container>\n\n  <!-- Default / Primary / Secondary Themes -->\n  <ng-container *ngSwitchDefault>\n    <div class=\"flex h-full {{ color.outerBar }} rounded-t-lg rounded-b-lg\">\n      <div\n        [style.width.%]=\"progress\"\n        class=\"flex {{ color.innerBar }} my-1 mx-1 transition-width\n               duration-500 ease-in-out rounded-t-md rounded-b-md shadow-xl\"\n      >\n        <div\n          class=\"flex items-center pl-2 py-1 {{ color.text }} font-bold text-4\"\n        >\n          {{ progress }}%\n        </div>\n      </div>\n    </div>\n  </ng-container>\n</ng-container>\n", styles: [".font-bold{font-weight:var(--progress-bar-font-weight, \"bold\")}\n"], dependencies: [{ kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: NgSwitchDefault, selector: "[ngSwitchDefault]" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ProgressBarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-progress-bar', standalone: true, imports: [NgSwitch, NgSwitchCase, NgSwitchDefault], template: "<ng-container [ngSwitch]=\"type\">\n  <!-- Light Theme -->\n  <ng-container *ngSwitchCase=\"'light'\">\n    <div class=\"flex items-center relative\">\n      <div\n        class=\"flex-shrink-0 {{ color.text }} text-xs font-medium mr-2\n             text-opacity-100 !text-slate-800\"\n        data-cy=\"progressPercentage\"\n      >\n        {{ progress }}%\n      </div>\n      <div class=\"flex-grow h-[4px] w-[52px] {{ color.outerBar }} rounded-full\">\n        <div\n          [style.width.%]=\"progress\"\n          class=\"{{ color.innerBar }} transition-width duration-500\n               ease-in-out rounded-full shadow-sm w-[52px] h-[4px]\"\n        ></div>\n      </div>\n    </div>\n  </ng-container>\n\n  <!-- Default / Primary / Secondary Themes -->\n  <ng-container *ngSwitchDefault>\n    <div class=\"flex h-full {{ color.outerBar }} rounded-t-lg rounded-b-lg\">\n      <div\n        [style.width.%]=\"progress\"\n        class=\"flex {{ color.innerBar }} my-1 mx-1 transition-width\n               duration-500 ease-in-out rounded-t-md rounded-b-md shadow-xl\"\n      >\n        <div\n          class=\"flex items-center pl-2 py-1 {{ color.text }} font-bold text-4\"\n        >\n          {{ progress }}%\n        </div>\n      </div>\n    </div>\n  </ng-container>\n</ng-container>\n", styles: [".font-bold{font-weight:var(--progress-bar-font-weight, \"bold\")}\n"] }]
+            args: [{ selector: 'gn-ui-progress-bar', standalone: true, imports: [NgSwitch, NgSwitchCase, NgSwitchDefault], template: "<ng-container [ngSwitch]=\"type\">\n  <!-- Light Theme -->\n  <ng-container *ngSwitchCase=\"'light'\">\n    <div class=\"flex items-center relative\">\n      <div\n        class=\"flex-shrink-0 {{ color.text }} font-medium mr-2\n             text-opacity-100 !text-slate-800\"\n        data-cy=\"progressPercentage\"\n      >\n        {{ progress }}%\n      </div>\n      <div class=\"flex-grow h-[4px] w-[52px] {{ color.outerBar }} rounded-full\">\n        <div\n          [style.width.%]=\"progress\"\n          class=\"{{ color.innerBar }} transition-width duration-500\n               ease-in-out rounded-full shadow-sm w-[52px] h-[4px]\"\n        ></div>\n      </div>\n    </div>\n  </ng-container>\n\n  <!-- Default / Primary / Secondary Themes -->\n  <ng-container *ngSwitchDefault>\n    <div class=\"flex h-full {{ color.outerBar }} rounded-t-lg rounded-b-lg\">\n      <div\n        [style.width.%]=\"progress\"\n        class=\"flex {{ color.innerBar }} my-1 mx-1 transition-width\n               duration-500 ease-in-out rounded-t-md rounded-b-md shadow-xl\"\n      >\n        <div\n          class=\"flex items-center pl-2 py-1 {{ color.text }} font-bold text-4\"\n        >\n          {{ progress }}%\n        </div>\n      </div>\n    </div>\n  </ng-container>\n</ng-container>\n", styles: [".font-bold{font-weight:var(--progress-bar-font-weight, \"bold\")}\n"] }]
         }], propDecorators: { value: [{
                 type: Input
             }], type: [{
@@ -27197,11 +27227,11 @@ class DropdownMultiselectComponent {
         this.setFocus();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DropdownMultiselectComponent, deps: [{ token: i1$9.ScrollStrategyOptions }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DropdownMultiselectComponent, selector: "gn-ui-dropdown-multiselect", inputs: { title: "title", choices: "choices", selected: "selected", allowSearch: "allowSearch", maxRows: "maxRows", searchInputValue: "searchInputValue" }, outputs: { selectValues: "selectValues" }, 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    <div\n      *ngIf=\"hasSelectedChoices\"\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  </div>\n  <button class=\"h-6 w-6\" data-cy=\"clearSelection\">\n    <ng-icon\n      class=\"shrink-0 opacity-40 mr-1.5 hover:opacity-80 transition-colors clear-btn\"\n      *ngIf=\"hasSelectedChoices && !overlayOpen\"\n      (click)=\"clearSelection($event)\"\n      name=\"matClose\"\n    ></ng-icon>\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.width]=\"overlayWidth\"\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 flex-wrap p-2 focus-within:rounded focus-within:border-2 focus-within:border-primary\"\n    >\n      <button\n        type=\"button\"\n        *ngFor=\"let selected of selectedChoices\"\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      <div *ngIf=\"allowSearch\" 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        <button\n          *ngIf=\"!!searchInputValue\"\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      </div>\n    </div>\n\n    <label\n      *ngFor=\"let choice of filteredChoicesByText\"\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  </div>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$9.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$9.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: i2$2.NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DropdownMultiselectComponent, selector: "gn-ui-dropdown-multiselect", inputs: { title: "title", choices: "choices", selected: "selected", allowSearch: "allowSearch", maxRows: "maxRows", searchInputValue: "searchInputValue" }, outputs: { selectValues: "selectValues" }, 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    <div\n      *ngIf=\"hasSelectedChoices\"\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  </div>\n  <button class=\"h-6 w-6\" data-cy=\"clearSelection\">\n    <ng-icon\n      class=\"shrink-0 opacity-40 mr-1.5 hover:opacity-80 transition-colors clear-btn\"\n      *ngIf=\"hasSelectedChoices && !overlayOpen\"\n      (click)=\"clearSelection($event)\"\n      name=\"matClose\"\n    ></ng-icon>\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.width]=\"overlayWidth\"\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      <button\n        type=\"button\"\n        *ngFor=\"let selected of selectedChoices\"\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      <div *ngIf=\"allowSearch\" 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        <button\n          *ngIf=\"!!searchInputValue\"\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      </div>\n    </div>\n\n    <label\n      *ngFor=\"let choice of filteredChoicesByText\"\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  </div>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$9.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$9.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: i2$2.NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DropdownMultiselectComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-dropdown-multiselect', changeDetection: ChangeDetectionStrategy.OnPush, 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    <div\n      *ngIf=\"hasSelectedChoices\"\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  </div>\n  <button class=\"h-6 w-6\" data-cy=\"clearSelection\">\n    <ng-icon\n      class=\"shrink-0 opacity-40 mr-1.5 hover:opacity-80 transition-colors clear-btn\"\n      *ngIf=\"hasSelectedChoices && !overlayOpen\"\n      (click)=\"clearSelection($event)\"\n      name=\"matClose\"\n    ></ng-icon>\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.width]=\"overlayWidth\"\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 flex-wrap p-2 focus-within:rounded focus-within:border-2 focus-within:border-primary\"\n    >\n      <button\n        type=\"button\"\n        *ngFor=\"let selected of selectedChoices\"\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      <div *ngIf=\"allowSearch\" 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        <button\n          *ngIf=\"!!searchInputValue\"\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      </div>\n    </div>\n\n    <label\n      *ngFor=\"let choice of filteredChoicesByText\"\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  </div>\n</ng-template>\n" }]
+            args: [{ selector: 'gn-ui-dropdown-multiselect', changeDetection: ChangeDetectionStrategy.OnPush, 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    <div\n      *ngIf=\"hasSelectedChoices\"\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  </div>\n  <button class=\"h-6 w-6\" data-cy=\"clearSelection\">\n    <ng-icon\n      class=\"shrink-0 opacity-40 mr-1.5 hover:opacity-80 transition-colors clear-btn\"\n      *ngIf=\"hasSelectedChoices && !overlayOpen\"\n      (click)=\"clearSelection($event)\"\n      name=\"matClose\"\n    ></ng-icon>\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.width]=\"overlayWidth\"\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      <button\n        type=\"button\"\n        *ngFor=\"let selected of selectedChoices\"\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      <div *ngIf=\"allowSearch\" 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        <button\n          *ngIf=\"!!searchInputValue\"\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      </div>\n    </div>\n\n    <label\n      *ngFor=\"let choice of filteredChoicesByText\"\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  </div>\n</ng-template>\n" }]
         }], ctorParameters: () => [{ type: i1$9.ScrollStrategyOptions }], propDecorators: { title: [{
                 type: Input
             }], choices: [{
@@ -27709,6 +27739,45 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }] } });
 
+class InlineFilterComponent {
+    constructor() {
+        this.selected = [];
+        this.selectValues = new EventEmitter();
+    }
+    isSelected(choice) {
+        return (this.selected.indexOf(choice.value) > -1 ||
+            (this.selected.length === 0 && choice.value === 'all'));
+    }
+    select(choice, selected) {
+        if (choice.value === 'all' && selected) {
+            this.selected = [choice.value];
+        }
+        else {
+            this.selected = selected
+                ? [...this.selected.filter((v) => v !== choice.value), choice.value]
+                : this.selected.filter((v) => v !== choice.value);
+            // If any value selected, unselect all
+            this.selected = this.selected.filter((v) => v !== 'all');
+        }
+        this.selectValues.emit(this.selected);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InlineFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: InlineFilterComponent, selector: "gn-ui-inline-filter", inputs: { choices: "choices", selected: "selected" }, outputs: { selectValues: "selectValues" }, queries: [{ propertyName: "itemTemplate", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ul class=\"flex flex-wrap list-none gap-2\">\n  <li *ngFor=\"let choice of choices\">\n    <label\n      class=\"\"\n      [ngClass]=\"{\n        selected: isSelected(choice),\n      }\"\n    >\n      <input\n        class=\"hidden\"\n        type=\"checkbox\"\n        #checkBox\n        [checked]=\"isSelected(choice)\"\n        (change)=\"select(choice, checkBox.checked)\"\n        [attr.data-cy]=\"'inlineFilter-' + choice.value\"\n      />\n      <ng-container\n        *ngTemplateOutlet=\"itemTemplate; context: { $implicit: choice }\"\n      >\n      </ng-container>\n    </label>\n  </li>\n</ul>\n", dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InlineFilterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-inline-filter', template: "<ul class=\"flex flex-wrap list-none gap-2\">\n  <li *ngFor=\"let choice of choices\">\n    <label\n      class=\"\"\n      [ngClass]=\"{\n        selected: isSelected(choice),\n      }\"\n    >\n      <input\n        class=\"hidden\"\n        type=\"checkbox\"\n        #checkBox\n        [checked]=\"isSelected(choice)\"\n        (change)=\"select(choice, checkBox.checked)\"\n        [attr.data-cy]=\"'inlineFilter-' + choice.value\"\n      />\n      <ng-container\n        *ngTemplateOutlet=\"itemTemplate; context: { $implicit: choice }\"\n      >\n      </ng-container>\n    </label>\n  </li>\n</ul>\n" }]
+        }], propDecorators: { choices: [{
+                type: Input
+            }], selected: [{
+                type: Input
+            }], selectValues: [{
+                type: Output
+            }], itemTemplate: [{
+                type: ContentChild,
+                args: [TemplateRef]
+            }] } });
+
 class SearchInputComponent {
     constructor() {
         this.value = '';
@@ -27945,7 +28014,8 @@ class UiInputsModule {
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: UiInputsModule, declarations: [DragAndDropFileInputComponent,
             DropdownMultiselectComponent,
             ViewportIntersectorComponent,
-            CheckboxComponent], imports: [CommonModule, i1$1.TranslateModule, NgxDropzoneModule,
+            CheckboxComponent,
+            InlineFilterComponent], imports: [CommonModule, i1$1.TranslateModule, NgxDropzoneModule,
             FormsModule,
             ReactiveFormsModule,
             TagInputModule,
@@ -27976,6 +28046,7 @@ class UiInputsModule {
             CheckboxComponent,
             DateRangePickerComponent,
             EditableLabelDirective,
+            InlineFilterComponent,
             BadgeComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UiInputsModule, providers: [
             provideIcons({
@@ -28017,6 +28088,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         DropdownMultiselectComponent,
                         ViewportIntersectorComponent,
                         CheckboxComponent,
+                        InlineFilterComponent,
                     ],
                     imports: [
                         CommonModule,
@@ -28065,6 +28137,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         CheckboxComponent,
                         DateRangePickerComponent,
                         EditableLabelDirective,
+                        InlineFilterComponent,
                         BadgeComponent,
                     ],
                 }]
@@ -28879,17 +28952,104 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 
 class ResultsHitsNumberComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ResultsHitsNumberComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ResultsHitsNumberComponent, selector: "gn-ui-results-hits-number", inputs: { hits: "hits", loading: "loading" }, ngImport: i0, template: "<div *ngIf=\"!loading\" class=\"w-full\">\n  <span translate [translateParams]=\"{ hits: hits }\"\n    >results.records.hits.found</span\n  >\n  <p\n    *ngIf=\"hits === 0\"\n    class=\"mt-4\"\n    [innerHtml]=\"'results.records.hits.empty.help.html' | translate\"\n  ></p>\n</div>\n", dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ResultsHitsNumberComponent, selector: "gn-ui-results-hits-number", inputs: { hits: "hits", loading: "loading" }, ngImport: i0, template: "<div *ngIf=\"!loading\" class=\"w-full\">\n  <span data-cy=\"resultsHitsFound\" translate [translateParams]=\"{ hits: hits }\"\n    >results.records.hits.found</span\n  >\n  <p\n    *ngIf=\"hits === 0\"\n    class=\"mt-4\"\n    [innerHtml]=\"'results.records.hits.empty.help.html' | translate\"\n  ></p>\n</div>\n", dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ResultsHitsNumberComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-results-hits-number', template: "<div *ngIf=\"!loading\" class=\"w-full\">\n  <span translate [translateParams]=\"{ hits: hits }\"\n    >results.records.hits.found</span\n  >\n  <p\n    *ngIf=\"hits === 0\"\n    class=\"mt-4\"\n    [innerHtml]=\"'results.records.hits.empty.help.html' | translate\"\n  ></p>\n</div>\n" }]
+            args: [{ selector: 'gn-ui-results-hits-number', template: "<div *ngIf=\"!loading\" class=\"w-full\">\n  <span data-cy=\"resultsHitsFound\" translate [translateParams]=\"{ hits: hits }\"\n    >results.records.hits.found</span\n  >\n  <p\n    *ngIf=\"hits === 0\"\n    class=\"mt-4\"\n    [innerHtml]=\"'results.records.hits.empty.help.html' | translate\"\n  ></p>\n</div>\n" }]
         }], propDecorators: { hits: [{
                 type: Input
             }], loading: [{
                 type: Input
             }] } });
 
+var KindConfig;
+(function (KindConfig) {
+    KindConfig["all"] = "iconoirAppleWallet";
+    KindConfig["dataset"] = "iconoirAppleShortcuts";
+    KindConfig["service"] = "iconoirCode";
+    KindConfig["reuse"] = "iconoirCreditCard";
+})(KindConfig || (KindConfig = {}));
+class KindBadgeComponent {
+    constructor() {
+        this.hasProjectedContent = false;
+    }
+    get iconKind() {
+        return KindConfig[this.kind] || KindConfig.dataset;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KindBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: KindBadgeComponent, isStandalone: true, selector: "gn-ui-kind-badge", inputs: { contentTemplate: "contentTemplate", kind: "kind" }, ngImport: i0, template: "<ng-icon [name]=\"iconKind\" class=\"mr-1\"></ng-icon>\n\n<ng-container *ngIf=\"contentTemplate; else defaultContent\">\n  <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n</ng-container>\n\n<ng-template #defaultContent>\n  {{ kind | translate }}\n</ng-template>\n", styles: [":host gn-ui-badge ng-icon{font-size:1.2rem;width:1.2rem;height:1.2rem;transform:translateY(-2px)}\n"], dependencies: [{ kind: "ngmodule", type: NgIconsModule }, { kind: "component", type: i2$2.NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], viewProviders: [
+            provideIcons({
+                iconoirAppleWallet,
+                iconoirAppleShortcuts,
+                iconoirCode,
+                iconoirCreditCard,
+            }),
+        ], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KindBadgeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-kind-badge', viewProviders: [
+                        provideIcons({
+                            iconoirAppleWallet,
+                            iconoirAppleShortcuts,
+                            iconoirCode,
+                            iconoirCreditCard,
+                        }),
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgIconsModule, CommonModule, BadgeComponent, TranslateModule], template: "<ng-icon [name]=\"iconKind\" class=\"mr-1\"></ng-icon>\n\n<ng-container *ngIf=\"contentTemplate; else defaultContent\">\n  <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n</ng-container>\n\n<ng-template #defaultContent>\n  {{ kind | translate }}\n</ng-template>\n", styles: [":host gn-ui-badge ng-icon{font-size:1.2rem;width:1.2rem;height:1.2rem;transform:translateY(-2px)}\n"] }]
+        }], propDecorators: { contentTemplate: [{
+                type: Input
+            }], kind: [{
+                type: Input
+            }] } });
+
+class ResultsHitsSearchKindComponent {
+    constructor() {
+        this.selected = [];
+        this.choices = [];
+        this.selectionChanged = new EventEmitter();
+        this.availableChoices = [];
+    }
+    ngOnChanges(changes) {
+        if (changes.choices && changes.choices.currentValue) {
+            this.availableChoices = this.buildFilterChoices(this.choices);
+        }
+    }
+    buildFilterChoices(availableValues) {
+        return [
+            ...[
+                {
+                    label: 'all',
+                    value: 'all',
+                },
+            ],
+            ...availableValues,
+        ];
+    }
+    onSelectedValues(values) {
+        const selectedValues = values.includes('all') ? [] : values;
+        this.selectionChanged.emit(selectedValues);
+    }
+    isSelectedChoice(choiceValue) {
+        return this.selected.includes(choiceValue);
+    }
+    isAllChoice(choiceValue) {
+        return this.selected.length === 0 && choiceValue === 'all';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ResultsHitsSearchKindComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ResultsHitsSearchKindComponent, selector: "gn-ui-results-hits-search-kind", inputs: { selected: "selected", choices: "choices" }, outputs: { selectionChanged: "selectionChanged" }, usesOnChanges: true, ngImport: i0, template: "<gn-ui-inline-filter\n  [choices]=\"availableChoices\"\n  [selected]=\"selected\"\n  (selectValues)=\"onSelectedValues($event)\"\n>\n  <ng-template let-choice>\n    <gn-ui-kind-badge\n      [kind]=\"choice.value\"\n      [contentTemplate]=\"customTemplate\"\n      class=\"gn-ui-btn-outline rounded-md py-2 px-2 border-gray-400 cursor-pointer focus-within:text-primary-darkest focus-within:bg-gray-50 transition-colors bg-transparent hover:text-primary-darker focus:text-primary-darker active:text-primary-black\"\n      [ngClass]=\"{\n        '!bg-primary-lightest hover:bg-primary-lightest':\n          isSelectedChoice(choice.value) || isAllChoice(choice.value),\n      }\"\n    >\n      <ng-template #customTemplate>\n        {{ 'search.filters.recordKind.' + choice.value | translate\n        }}<span class=\"ml-1\" *ngIf=\"isSelectedChoice(choice.value)\"\n          >({{ choice.count }})</span\n        >\n      </ng-template>\n    </gn-ui-kind-badge>\n  </ng-template>\n</gn-ui-inline-filter>\n", dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: InlineFilterComponent, selector: "gn-ui-inline-filter", inputs: ["choices", "selected"], outputs: ["selectValues"] }, { kind: "component", type: KindBadgeComponent, selector: "gn-ui-kind-badge", inputs: ["contentTemplate", "kind"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ResultsHitsSearchKindComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-results-hits-search-kind', template: "<gn-ui-inline-filter\n  [choices]=\"availableChoices\"\n  [selected]=\"selected\"\n  (selectValues)=\"onSelectedValues($event)\"\n>\n  <ng-template let-choice>\n    <gn-ui-kind-badge\n      [kind]=\"choice.value\"\n      [contentTemplate]=\"customTemplate\"\n      class=\"gn-ui-btn-outline rounded-md py-2 px-2 border-gray-400 cursor-pointer focus-within:text-primary-darkest focus-within:bg-gray-50 transition-colors bg-transparent hover:text-primary-darker focus:text-primary-darker active:text-primary-black\"\n      [ngClass]=\"{\n        '!bg-primary-lightest hover:bg-primary-lightest':\n          isSelectedChoice(choice.value) || isAllChoice(choice.value),\n      }\"\n    >\n      <ng-template #customTemplate>\n        {{ 'search.filters.recordKind.' + choice.value | translate\n        }}<span class=\"ml-1\" *ngIf=\"isSelectedChoice(choice.value)\"\n          >({{ choice.count }})</span\n        >\n      </ng-template>\n    </gn-ui-kind-badge>\n  </ng-template>\n</gn-ui-inline-filter>\n" }]
+        }], propDecorators: { selected: [{
+                type: Input
+            }], choices: [{
+                type: Input
+            }], selectionChanged: [{
+                type: Output
+            }] } });
+
 marker('record.was.created.time');
 class RecordPreviewFeedComponent extends RecordPreviewComponent {
     constructor(elementRef, translate) {
@@ -30888,14 +31048,16 @@ class UiElementsModule {
             ImageInputComponent,
             ApplicationBannerComponent,
             InternalLinkCardComponent,
-            ServiceCapabilitiesComponent], exports: [ThumbnailComponent,
+            ServiceCapabilitiesComponent,
+            KindBadgeComponent], exports: [ThumbnailComponent,
             AvatarComponent,
             UserPreviewComponent,
             MarkdownParserComponent,
             ImageInputComponent,
             ApplicationBannerComponent,
             InternalLinkCardComponent,
-            ServiceCapabilitiesComponent] }); }
+            ServiceCapabilitiesComponent,
+            KindBadgeComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UiElementsModule, providers: [
             provideNgIconsConfig({
                 size: '1.5em',
@@ -30917,7 +31079,8 @@ class UiElementsModule {
             ImageInputComponent,
             ApplicationBannerComponent,
             InternalLinkCardComponent,
-            ServiceCapabilitiesComponent] }); }
+            ServiceCapabilitiesComponent,
+            KindBadgeComponent] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UiElementsModule, decorators: [{
             type: NgModule,
@@ -30944,6 +31107,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         ApplicationBannerComponent,
                         InternalLinkCardComponent,
                         ServiceCapabilitiesComponent,
+                        KindBadgeComponent,
                     ],
                     providers: [
                         provideNgIconsConfig({
@@ -30960,6 +31124,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         ApplicationBannerComponent,
                         InternalLinkCardComponent,
                         ServiceCapabilitiesComponent,
+                        KindBadgeComponent,
                     ],
                 }]
         }] });
@@ -31041,6 +31206,7 @@ class UiSearchModule {
             RecordMetricComponent,
             ResultsListComponent,
             ResultsHitsNumberComponent,
+            ResultsHitsSearchKindComponent,
             ResultsListItemComponent,
             RecordPreviewFeedComponent,
             RecordPreviewRowComponent], imports: [CommonModule, i1$1.TranslateModule, NgxDropzoneModule,
@@ -31054,7 +31220,8 @@ class UiSearchModule {
             UiElementsModule,
             MatCheckboxModule,
             RouterLink,
-            InteractiveTableComponent, i2$2.NgIconsModule, MetadataQualityComponent], exports: [RecordPreviewListComponent,
+            InteractiveTableComponent, i2$2.NgIconsModule, KindBadgeComponent,
+            MetadataQualityComponent], exports: [RecordPreviewListComponent,
             RecordPreviewCardComponent,
             RecordPreviewTextComponent,
             RecordPreviewTitleComponent,
@@ -31063,6 +31230,7 @@ class UiSearchModule {
             FacetsModule$1,
             RecordPreviewComponent,
             ResultsHitsNumberComponent,
+            ResultsHitsSearchKindComponent,
             RecordPreviewFeedComponent,
             RecordPreviewRowComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UiSearchModule, providers: [
@@ -31090,6 +31258,7 @@ class UiSearchModule {
                 matFace,
                 matHomeWorkOutline,
             }),
+            KindBadgeComponent,
             MetadataQualityComponent, FacetsModule$1] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UiSearchModule, decorators: [{
@@ -31104,6 +31273,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         RecordMetricComponent,
                         ResultsListComponent,
                         ResultsHitsNumberComponent,
+                        ResultsHitsSearchKindComponent,
                         ResultsListItemComponent,
                         RecordPreviewFeedComponent,
                         RecordPreviewRowComponent,
@@ -31130,6 +31300,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                             matFace,
                             matHomeWorkOutline,
                         }),
+                        KindBadgeComponent,
                         MetadataQualityComponent,
                     ],
                     exports: [
@@ -31142,6 +31313,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         FacetsModule$1,
                         RecordPreviewComponent,
                         ResultsHitsNumberComponent,
+                        ResultsHitsSearchKindComponent,
                         RecordPreviewFeedComponent,
                         RecordPreviewRowComponent,
                     ],
@@ -32891,41 +33063,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     args: [FILTER_GEOMETRY]
                 }] }] });
 
-class ResultsHitsContainerComponent {
-    constructor(facade) {
-        this.facade = facade;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ResultsHitsContainerComponent, deps: [{ token: SearchFacade }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ResultsHitsContainerComponent, selector: "gn-ui-results-hits", ngImport: i0, template: "<gn-ui-results-hits-number\n  [loading]=\"facade.isLoading$ | async\"\n  [hits]=\"facade.resultsHits$ | async\"\n></gn-ui-results-hits-number>\n", dependencies: [{ kind: "component", type: ResultsHitsNumberComponent, selector: "gn-ui-results-hits-number", inputs: ["hits", "loading"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ResultsHitsContainerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gn-ui-results-hits', template: "<gn-ui-results-hits-number\n  [loading]=\"facade.isLoading$ | async\"\n  [hits]=\"facade.resultsHits$ | async\"\n></gn-ui-results-hits-number>\n" }]
-        }], ctorParameters: () => [{ type: SearchFacade }] });
-
-class SearchStateContainerDirective {
-    constructor(facade) {
-        this.facade = facade;
-    }
-    ngOnInit() {
-        this.facade.init(this.searchId);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SearchStateContainerDirective, deps: [{ token: SearchFacade, host: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: SearchStateContainerDirective, selector: "[gnUiSearchStateContainer]", inputs: { searchId: ["gnUiSearchStateContainer", "searchId"] }, providers: [SearchFacade, SearchService], ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SearchStateContainerDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[gnUiSearchStateContainer]',
-                    providers: [SearchFacade, SearchService],
-                }]
-        }], ctorParameters: () => [{ type: SearchFacade, decorators: [{
-                    type: Host
-                }] }], propDecorators: { searchId: [{
-                type: Input,
-                args: ['gnUiSearchStateContainer']
-            }] } });
-
 class AbstractSearchField {
 }
 class SimpleSearchField {
@@ -32956,6 +33093,7 @@ class SimpleSearchField {
             const bucketPromises = buckets.map(async (bucket) => ({
                 label: `${await this.getBucketLabel(bucket)} (${bucket.count})`,
                 value: bucket.term.toString(),
+                count: bucket.count,
             }));
             return Promise.all(bucketPromises);
         }));
@@ -33281,6 +33419,73 @@ class AvailableServicesField extends SimpleSearchField {
         return of(values);
     }
 }
+/**
+ * This class is meant to be used with the legacy filter on `resourceType` (now deprecated, the use of `recordKind` field is recommended).
+ * Since creating filters on the same ES field is not possible, in order to make the resource type filter still working,
+ * we create an ES on the fly: `resourceTypeLegacy` that references the `resourceType` under the hood.
+ * @deprecated Use `recordKind` field instead.
+ */
+class ResourceTypeLegacyField extends TranslatedSearchField {
+    constructor(injector) {
+        super('resourceTypeLegacy', injector, 'asc');
+        // Ask ES to create a field on the fly: 'resourceTypeLegacy' that is in fact, 'resourceType'
+        this.esService.registerRuntimeField('resourceTypeLegacy', `for (resourceType in doc.resourceType) { emit(resourceType) }`);
+    }
+}
+class RecordKindField extends SimpleSearchField {
+    constructor(injector) {
+        super('resourceType', injector, 'asc');
+        this.TYPE_MAPPING = {
+            dataset: ['dataset', 'series', 'featureCatalog'],
+            service: ['service'],
+            reuse: Object.entries(PossibleResourceTypes)
+                .filter(([_, v]) => v === 'reuse')
+                .map(([k]) => k), // = ['application', 'map', 'staticMap', 'interactiveMap', ...]
+        };
+    }
+    getAvailableValues() {
+        return this.repository.aggregate(this.getAggregations()).pipe(map$1((response) => response[this.esFieldName].buckets || []), map$1((buckets) => {
+            const counts = buckets.reduce((acc, { term, count }) => {
+                const value = term.toString();
+                const key = this.TYPE_MAPPING.reuse.includes(value)
+                    ? 'reuse'
+                    : this.TYPE_MAPPING.dataset.includes(value)
+                        ? 'dataset'
+                        : value;
+                acc[key] = (acc[key] || 0) + count;
+                return acc;
+            }, {});
+            return Object.keys(this.TYPE_MAPPING).map((type) => ({
+                label: type,
+                value: type,
+                count: counts[type] ?? 0,
+            }));
+        }));
+    }
+    getFiltersForValues(values) {
+        const filters = {
+            [this.esFieldName]: values.reduce((acc, value) => {
+                if (value === '')
+                    return { ...acc, [value]: true };
+                const keysToAdd = this.TYPE_MAPPING[value] || [value];
+                keysToAdd.forEach((key) => (acc[key] = true));
+                return acc;
+            }, {}),
+        };
+        return of(filters);
+    }
+    getValuesForFilter(filters) {
+        const filter = filters[this.esFieldName];
+        if (!filter)
+            return of([]);
+        const activeValues = Object.keys(filter).filter((v) => filter[v]);
+        const activeTypes = Object.keys(this.TYPE_MAPPING).filter((type) => this.TYPE_MAPPING[type].every((t) => activeValues.includes(t)));
+        // Allow unknown values eg. 'type=somethingnotexist' (for UI to select none)
+        const allTypes = [].concat(...Object.values(this.TYPE_MAPPING));
+        const unknownValues = activeValues.filter((value) => !allTypes.includes(value));
+        return of([...activeTypes, ...unknownValues]);
+    }
+}
 
 marker('search.filters.format');
 marker('search.filters.inspireKeyword');
@@ -33307,7 +33512,8 @@ class FieldsService {
         this.fields = {
             organization: new OrganizationSearchField(this.injector),
             format: new SimpleSearchField('format', this.injector, 'asc'),
-            resourceType: new TranslatedSearchField('resourceType', this.injector, 'asc'),
+            resourceType: new ResourceTypeLegacyField(this.injector), // Deprecated, use `recordKind` instead
+            recordKind: new RecordKindField(this.injector),
             representationType: new TranslatedSearchField('cl_spatialRepresentationType.key', this.injector, 'asc'),
             publicationYear: new SimpleSearchField('publicationYearForResource', this.injector, 'desc'),
             topic: new TranslatedSearchField('cl_topic.key', this.injector, 'asc'),
@@ -33365,6 +33571,57 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }], ctorParameters: () => [{ type: i0.Injector }] });
 
+marker('search.filters.recordKind.all');
+marker('search.filters.recordKind.dataset');
+marker('search.filters.recordKind.service');
+marker('search.filters.recordKind.reuse');
+class ResultsHitsContainerComponent {
+    constructor(searchFacade, searchService, fieldsService) {
+        this.searchFacade = searchFacade;
+        this.searchService = searchService;
+        this.fieldsService = fieldsService;
+        this.fieldName = 'recordKind';
+    }
+    ngOnInit() {
+        this.selected$ = this.searchFacade.searchFilters$.pipe(switchMap((filters) => this.fieldsService.readFieldValuesFromFilters(filters)), map$2((fieldValues) => fieldValues[this.fieldName]), filter$1((selected) => !!selected), startWith$1([]), catchError$1(() => of([])));
+        this.filterChoices$ = (this.fieldsService.getAvailableValues(this.fieldName));
+    }
+    onSelectionChanged(values) {
+        this.fieldsService
+            .buildFiltersFromFieldValues({ [this.fieldName]: values })
+            .subscribe((filters) => this.searchService.updateFilters(filters));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ResultsHitsContainerComponent, deps: [{ token: SearchFacade }, { token: SearchService }, { token: FieldsService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ResultsHitsContainerComponent, selector: "gn-ui-results-hits", ngImport: i0, template: "<div\n  class=\"flex flex-col gap-3 sm:flex-row justify-between\"\n  [ngClass]=\"{\n    'sm:items-center': (searchFacade.resultsHits$ | async) !== 0,\n  }\"\n>\n  <gn-ui-results-hits-number\n    [loading]=\"searchFacade.isLoading$ | async\"\n    [hits]=\"searchFacade.resultsHits$ | async\"\n  ></gn-ui-results-hits-number>\n  <gn-ui-results-hits-search-kind\n    (selectionChanged)=\"onSelectionChanged($event)\"\n    [choices]=\"filterChoices$ | async\"\n    [selected]=\"selected$ | async\"\n  ></gn-ui-results-hits-search-kind>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ResultsHitsNumberComponent, selector: "gn-ui-results-hits-number", inputs: ["hits", "loading"] }, { kind: "component", type: ResultsHitsSearchKindComponent, selector: "gn-ui-results-hits-search-kind", inputs: ["selected", "choices"], outputs: ["selectionChanged"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ResultsHitsContainerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gn-ui-results-hits', template: "<div\n  class=\"flex flex-col gap-3 sm:flex-row justify-between\"\n  [ngClass]=\"{\n    'sm:items-center': (searchFacade.resultsHits$ | async) !== 0,\n  }\"\n>\n  <gn-ui-results-hits-number\n    [loading]=\"searchFacade.isLoading$ | async\"\n    [hits]=\"searchFacade.resultsHits$ | async\"\n  ></gn-ui-results-hits-number>\n  <gn-ui-results-hits-search-kind\n    (selectionChanged)=\"onSelectionChanged($event)\"\n    [choices]=\"filterChoices$ | async\"\n    [selected]=\"selected$ | async\"\n  ></gn-ui-results-hits-search-kind>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: SearchFacade }, { type: SearchService }, { type: FieldsService }] });
+
+class SearchStateContainerDirective {
+    constructor(facade) {
+        this.facade = facade;
+    }
+    ngOnInit() {
+        this.facade.init(this.searchId);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SearchStateContainerDirective, deps: [{ token: SearchFacade, host: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: SearchStateContainerDirective, selector: "[gnUiSearchStateContainer]", inputs: { searchId: ["gnUiSearchStateContainer", "searchId"] }, providers: [SearchFacade, SearchService], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SearchStateContainerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[gnUiSearchStateContainer]',
+                    providers: [SearchFacade, SearchService],
+                }]
+        }], ctorParameters: () => [{ type: SearchFacade, decorators: [{
+                    type: Host
+                }] }], propDecorators: { searchId: [{
+                type: Input,
+                args: ['gnUiSearchStateContainer']
+            }] } });
+
 class FilterDropdownComponent {
     onSelectedValues(values) {
         this.fieldsService
@@ -33436,7 +33693,9 @@ class FeatureSearchModule {
             SpinningLoaderComponent,
             ErrorComponent,
             FavoriteStarComponent,
-            DateRangeDropdownComponent], exports: [SortByComponent,
+            DateRangeDropdownComponent,
+            NgIconsModule,
+            KindBadgeComponent], exports: [SortByComponent,
             ResultsLayoutComponent,
             FuzzySearchComponent,
             RecordsMetricsComponent,
@@ -33461,7 +33720,9 @@ class FeatureSearchModule {
             AutocompleteComponent,
             ErrorComponent,
             FavoriteStarComponent,
-            DateRangeDropdownComponent, FacetsModule] }); }
+            DateRangeDropdownComponent,
+            NgIconsModule,
+            KindBadgeComponent, FacetsModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FeatureSearchModule, decorators: [{
             type: NgModule,
@@ -33495,6 +33756,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         ErrorComponent,
                         FavoriteStarComponent,
                         DateRangeDropdownComponent,
+                        NgIconsModule,
+                        KindBadgeComponent,
                     ],
                     exports: [
                         SortByComponent,
@@ -42387,5 +42650,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ADD_RESULTS, ADD_SEARCH, AbstractAction, AbstractSearchField, AddLayerFromCatalogComponent, AddLayerRecordPreviewComponent, AddResults, AddSearch, AnchorLinkDirective, ApiCardComponent, ApplicationBannerComponent, AuthService, AutocompleteComponent, AvailableServicesField, AvatarComponent, AvatarServiceInterface, BASEMAP_LAYERS, BadgeComponent, BaseConverter, BaseFileReader, BaseReader, BlockListComponent, ButtonComponent, CLEAR_ERROR, CLEAR_RESULTS, CarouselComponent, CatalogTitleComponent, ChartComponent, ChartViewComponent, CheckToggleComponent, CheckboxComponent, ClearError, ClearResults, ColorScaleComponent, ConfirmationDialogComponent, ContentGhostComponent, CopyTextButtonComponent, DEFAULT_GN4_LOGIN_URL, DEFAULT_GN4_LOGOUT_URL, DEFAULT_GN4_SETTINGS_URL, DEFAULT_LANG, DEFAULT_PAGE_SIZE, DEFAULT_RESULTS_LAYOUT_CONFIG, DEFAULT_SEARCH_KEY, DO_NOT_USE_DEFAULT_BASEMAP, DataService, DataTableComponent, DataViewComponent, DataViewPermalinkComponent, DataViewShareComponent, DataViewWebComponentComponent, DatePickerComponent, DateRangeDropdownComponent, DateRangePickerComponent, DateRangeSearchField, DateService, DcatApConverter, DefaultRouterModule, DownloadItemComponent, DownloadsListComponent, DragAndDropFileInputComponent, DropdownMultiselectComponent, DropdownSelectorComponent, EDITOR_FEATURE_KEY, ES_QUERY_FIELDS_PRIORITY, ES_RESOURCES_VALUES, ES_SOURCE_SUMMARY, EXTERNAL_VIEWER_OPEN_NEW_TAB, EXTERNAL_VIEWER_URL_TEMPLATE, EditableLabelDirective, EditorFacade, EditorService, ElasticsearchService, EmbeddedTranslateLoader, ErrorComponent, ErrorType, ExpandablePanelButtonComponent, ExpandablePanelComponent, ExternalViewerButtonComponent, FIELDS_BRIEF, FIELDS_SUMMARY, FILTER_GEOMETRY, FILTER_SUMMARY_IGNORE_LIST, FORMATS, FacetBlockComponent, FacetBlockStubComponent, FacetItemComponent, FacetItemStubComponent, FacetListComponent, FacetsContainerComponent, FacetsModule, FavoriteStarComponent, FavoritesService, FeatureAuthModule, FeatureCatalogModule, FeatureDetailComponent, FeatureEditorModule, FeatureMapModule, FeatureNotificationsModule, FeatureRecordModule, FeatureSearchModule, FetchError, FieldsService, FigureComponent, FigureContainerComponent, FileInputComponent, FileTranslateLoader, FilesDropDirective, FilterDropdownComponent, FormFieldArrayComponent, FormFieldComponent, FormFieldDateComponent, FormFieldFileComponent, FormFieldKeywordsComponent, FormFieldLicenseComponent, FormFieldObjectComponent, FormFieldRichComponent, FormFieldSimpleComponent, FormFieldSpatialExtentComponent, FormFieldTemporalExtentsComponent, FormFieldWrapperComponent, FullTextSearchField, FuzzySearchComponent, GEONETWORK_UI_TAG_NAME, GEONETWORK_UI_VERSION, GeoTableViewComponent, GeocodingComponent, GeojsonReader, Gn4Converter, Gn4PlatformMapper, Gn4PlatformService, Gn4Repository, Gn4SettingsService, GpfApiDlComponent, GravatarService, HttpLoaderFactory, I18nInterceptor, ImageFallbackDirective, ImageInputComponent, ImageOverlayPreviewComponent, ImportRecordComponent, InteractiveTableColumnComponent, InteractiveTableComponent, InternalLinkCardComponent, IsSpatialSearchField, Iso191153Converter, Iso19139Converter, LANGUAGES_LIST, LANGUAGE_NAMES, LANGUAGE_STORAGE_KEY, LANG_2_TO_3_MAPPER, LANG_3_TO_2_MAPPER, LOGIN_URL, LOGOUT_URL, LONLAT_CRS_CODES, LangService, LanguageSwitcherComponent, LayersPanelComponent, LicenseSearchField, LinkCardComponent, LinkClassifierService, LinkUsage, LoadingMaskComponent, LogService, MAP_FEATURE_KEY, MAP_VIEW_CONSTRAINTS, METADATA_LANGUAGE, MY_FORMATS, MapContainerComponent, MapFacade, MapLegendComponent, MapStateContainerComponent, MapStyleService, MapUtilsService, MapViewComponent, MarkdownEditorComponent, MarkdownParserComponent, MaxLinesComponent, mdview_actions as MdViewActions, MdViewFacade, MetadataCatalogComponent, MetadataContactComponent, MetadataInfoComponent, MetadataLinkType, MetadataMapperContext, MetadataQualityComponent, MetadataQualityItemComponent, ModalDialogComponent, MultilingualSearchField, MyOrgService, NAMESPACES, NOT_APPLICABLE_CONSTRAINT, NOT_KNOWN_CONSTRAINT, NotificationComponent, NotificationsContainerComponent, NotificationsService, ORGANIZATIONS_STRATEGY, ORGANIZATION_PAGE_URL_TOKEN, ORGANIZATION_URL_TOKEN, OrganisationPreviewComponent, OrganisationsComponent, OrganisationsFilterComponent, OrganisationsResultComponent, OrganizationSearchField, OrganizationsFromGroupsService, OrganizationsFromMetadataService, OwnerSearchField, PAGINATE, PARSE_DELIMITER, PATCH_RESULTS_AGGREGATIONS, PROXY_PATH, Paginate, PaginationButtonsComponent, PaginationComponent, PaginationDotsComponent, PatchResultsAggregations, PopoverComponent, PopupAlertComponent, PreviousNextButtonsComponent, ProgressBarComponent, ProxyService, QUERY_FIELDS, RECORD_DATASET_URL_TOKEN, RECORD_REUSE_URL_TOKEN, RECORD_SERVICE_URL_TOKEN, REQUEST_MORE_ON_AGGREGATION, REQUEST_MORE_RESULTS, REQUEST_NEW_RESULTS, RESULTS_LAYOUT_CONFIG, ROUTER_CONFIG, ROUTER_ROUTE_DATASET, ROUTER_ROUTE_ORGANIZATION, ROUTER_ROUTE_REUSE, ROUTER_ROUTE_SEARCH, ROUTER_ROUTE_SERVICE, ROUTER_STATE_KEY, ROUTE_PARAMS, RecordApiFormComponent, RecordFormComponent, RecordMetaComponent, RecordMetricComponent, RecordPreviewCardComponent, RecordPreviewComponent, RecordPreviewFeedComponent, RecordPreviewListComponent, RecordPreviewRowComponent, RecordPreviewTextComponent, RecordPreviewTitleComponent, RecordsMetricsComponent, RecordsService, RelatedRecordCardComponent, RequestMoreOnAggregation, RequestMoreResults, RequestNewResults, ResultsHitsContainerComponent, ResultsHitsNumberComponent, ResultsLayoutComponent, ResultsLayoutConfigItem, ResultsListComponent, ResultsListContainerComponent, ResultsListItemComponent, ResultsTableComponent, ResultsTableContainerComponent, RouterEffects, RouterFacade, RouterService, SEARCH_FEATURE_KEY, SETTINGS_URL, SET_CONFIG_AGGREGATIONS, SET_CONFIG_FILTERS, SET_CONFIG_REQUEST_FIELDS, SET_ERROR, SET_FAVORITES_ONLY, SET_FILTERS, SET_INCLUDE_ON_AGGREGATION, SET_PAGE_SIZE, SET_RESULTS_AGGREGATIONS, SET_RESULTS_HITS, SET_RESULTS_LAYOUT, SET_SEARCH, SET_SORT_BY, SET_SPATIAL_FILTER_ENABLED, SearchEffects, SearchFacade, SearchFiltersSummaryComponent, SearchFiltersSummaryItemComponent, SearchInputComponent, SearchRouterContainerDirective, SearchService, SearchStateContainerDirective, SelectionService, ServiceCapabilitiesComponent, SetConfigAggregations, SetConfigFilters, SetConfigRequestFields, SetError, SetFavoritesOnly, SetFilters, SetIncludeOnAggregation, SetPageSize, SetResultsAggregations, SetResultsHits, SetResultsLayout, SetSearch, SetSortBy, SetSpatialFilterEnabled, SimpleSearchField, SiteTitleComponent, SortByComponent, SortableListComponent, SourceLabelComponent, SourcesService, SpatialExtentComponent, SpinningLoaderComponent, StarToggleComponent, StickyHeaderComponent, SupportedTypes, SwitchToggleComponent, THUMBNAIL_PLACEHOLDER, TRANSLATE_DEFAULT_CONFIG, TRANSLATE_WITH_OVERRIDES_CONFIG, TableViewComponent, TextAreaComponent, TextInputComponent, ThemeService, ThumbnailComponent, TranslatedSearchField, UPDATE_CONFIG_AGGREGATIONS, UPDATE_FILTERS, UPDATE_REQUEST_AGGREGATION_TERM, UiDatavizModule, UiElementsModule, FacetsModule$1 as UiFacetsModule, UiInputsModule, UiLayoutModule, UiSearchModule, UiWidgetsModule, UpdateConfigAggregations, UpdateFilters, UrlInputComponent, UserFeedbackItemComponent, UserPreviewComponent, UserSearchField, UtilI18nModule, UtilSharedModule, VECTOR_STYLE_DEFAULT, ViewportIntersectorComponent, WEB_COMPONENT_EMBEDDER_URL, WizardComponent, WizardFieldComponent, WizardFieldType, WizardService, WizardSummarizeComponent, XmlParseError, _reset, allChildrenElement, appConfigWithTranslationFixture, appendChildTree, appendChildren, assertValidXml, blockModelFixture, bytesToMegabytes, canEditRecord, checkFileFormat, clearSelectedFeatures, createChild, createDocument, createElement, createFuzzyFilter, createNestedChild, createNestedElement, currentPage, defaultMapStyleFixture, defaultMapStyleHlFixture, downgradeImage, downsizeImage, draftSaveSuccess, dragPanCondition, dropEmptyTranslations, editorReducer, emptyBlockModelFixture, findChildElement, findChildOrCreate, findChildrenElement, findConverterForDocument, findNestedChildOrCreate, findNestedElement, findNestedElements, findParent, firstChildElement, formatDate, formatUserInfo, getArrayItem, getAsArray, getAsUrl, getBadgeColor, getCustomTranslations, getError, getFavoritesOnly, getFileFormat, getFileFormatFromServiceOutput, getFirstValue, getFormatPriority, getGeometryFromGeoJSON, getGlobalConfig, getJsonDataItemsProxy, getLangFromBrowser, getLayers, getLinkLabel, getLinkPriority, getMapContext, getMapContextLayerFromConfig, getMapState, getMetadataQualityConfig, getMimeTypeForFormat, getNamespace, getOptionalMapConfig, getOptionalSearchConfig, getPageSize, getRootElement, getSearchConfigAggregations, getSearchFilters, getSearchResults, getSearchResultsAggregations, getSearchResultsHits, getSearchResultsLayout, getSearchResultsLoading, getSearchSortBy, getSearchState, getSearchStateSearch, getSelectedFeatures, getSpatialFilterEnabled, getTemporalRangeUnion, getThemeConfig, hasRecordChangedSinceDraft, hasRecordChangedSinceDraftSuccess, initSearch, initialEditorState, initialMapState, initialState, isConfigLoaded, isDateRange, isFormatInQueryParam, isPublished, itemModelFixture, loadAppConfig, malformedConfigFixture, mapConfigFixture, mapContact, mapKeywords, mapLogo, mapOrganization, mapReducer, markRecordAsChanged, matchesNoApplicableConstraint, matchesNoKnownConstraint, megabytesToBytes, mimeTypeToFormat, minimalAppConfigFixture, missingMandatoryConfigFixture, mouseWheelZoomCondition, noDuplicateFileName, okAppConfigFixture, openDataset, openRecord, parse, parseXmlString, placeholder, prioritizePageScroll, propagateToDocumentOnly, provideGn4, provideRepositoryUrl, readAttribute, readDataset, readDatasetHeaders, readText, reducer$2 as reducer, reducerSearch, removeAllChildren, removeChildren, removeChildrenByName, removeSearchParams, removeWhitespace, renameElements, saveRecord, saveRecordFailure, saveRecordSuccess, selectCanEditRecord, selectCurrentPage, selectEditorConfig, selectEditorState, selectFallback, selectFallbackFields, selectField, selectHasRecordChanged, selectIsPublished, selectRecord, selectRecordChangedSinceSave, selectRecordSaveError, selectRecordSaving, selectRecordSections, selectRecordSource, selectTranslatedField, selectTranslatedValue, setContext, setCurrentPage, setFieldVisibility, setSelectedFeatures, setTextContent, someHabTableItemFixture, sortByFromString, sortByToString, sortByToStrings, stripHtml, stripNamespace, tableItemsFixture, toDate, totalPages, undoRecordDraft, unrecognizedKeysConfigFixture, updateRecordField, wmsLayerFlatten, writeAttribute, wrongLanguageCodeConfigFixture, xmlToString };
+export { ADD_RESULTS, ADD_SEARCH, AbstractAction, AbstractSearchField, AddLayerFromCatalogComponent, AddLayerRecordPreviewComponent, AddResults, AddSearch, AnchorLinkDirective, ApiCardComponent, ApplicationBannerComponent, AuthService, AutocompleteComponent, AvailableServicesField, AvatarComponent, AvatarServiceInterface, BASEMAP_LAYERS, BadgeComponent, BaseConverter, BaseFileReader, BaseReader, BlockListComponent, ButtonComponent, CLEAR_ERROR, CLEAR_RESULTS, CarouselComponent, CatalogTitleComponent, ChartComponent, ChartViewComponent, CheckToggleComponent, CheckboxComponent, ClearError, ClearResults, ColorScaleComponent, ConfirmationDialogComponent, ContentGhostComponent, CopyTextButtonComponent, DEFAULT_GN4_LOGIN_URL, DEFAULT_GN4_LOGOUT_URL, DEFAULT_GN4_SETTINGS_URL, DEFAULT_LANG, DEFAULT_PAGE_SIZE, DEFAULT_RESULTS_LAYOUT_CONFIG, DEFAULT_SEARCH_KEY, DO_NOT_USE_DEFAULT_BASEMAP, DataService, DataTableComponent, DataViewComponent, DataViewPermalinkComponent, DataViewShareComponent, DataViewWebComponentComponent, DatePickerComponent, DateRangeDropdownComponent, DateRangePickerComponent, DateRangeSearchField, DateService, DcatApConverter, DefaultRouterModule, DownloadItemComponent, DownloadsListComponent, DragAndDropFileInputComponent, DropdownMultiselectComponent, DropdownSelectorComponent, EDITOR_FEATURE_KEY, ES_QUERY_FIELDS_PRIORITY, ES_RESOURCES_VALUES, ES_SOURCE_SUMMARY, EXTERNAL_VIEWER_OPEN_NEW_TAB, EXTERNAL_VIEWER_URL_TEMPLATE, EditableLabelDirective, EditorFacade, EditorService, ElasticsearchService, EmbeddedTranslateLoader, ErrorComponent, ErrorType, ExpandablePanelButtonComponent, ExpandablePanelComponent, ExternalViewerButtonComponent, FIELDS_BRIEF, FIELDS_SUMMARY, FILTER_GEOMETRY, FILTER_SUMMARY_IGNORE_LIST, FORMATS, FacetBlockComponent, FacetBlockStubComponent, FacetItemComponent, FacetItemStubComponent, FacetListComponent, FacetsContainerComponent, FacetsModule, FavoriteStarComponent, FavoritesService, FeatureAuthModule, FeatureCatalogModule, FeatureDetailComponent, FeatureEditorModule, FeatureMapModule, FeatureNotificationsModule, FeatureRecordModule, FeatureSearchModule, FetchError, FieldsService, FigureComponent, FigureContainerComponent, FileInputComponent, FileTranslateLoader, FilesDropDirective, FilterDropdownComponent, FormFieldArrayComponent, FormFieldComponent, FormFieldDateComponent, FormFieldFileComponent, FormFieldKeywordsComponent, FormFieldLicenseComponent, FormFieldObjectComponent, FormFieldRichComponent, FormFieldSimpleComponent, FormFieldSpatialExtentComponent, FormFieldTemporalExtentsComponent, FormFieldWrapperComponent, FullTextSearchField, FuzzySearchComponent, GEONETWORK_UI_TAG_NAME, GEONETWORK_UI_VERSION, GeoTableViewComponent, GeocodingComponent, GeojsonReader, Gn4Converter, Gn4PlatformMapper, Gn4PlatformService, Gn4Repository, Gn4SettingsService, GpfApiDlComponent, GravatarService, HttpLoaderFactory, I18nInterceptor, ImageFallbackDirective, ImageInputComponent, ImageOverlayPreviewComponent, ImportRecordComponent, InlineFilterComponent, InteractiveTableColumnComponent, InteractiveTableComponent, InternalLinkCardComponent, IsSpatialSearchField, Iso191153Converter, Iso19139Converter, KindBadgeComponent, LANGUAGES_LIST, LANGUAGE_NAMES, LANGUAGE_STORAGE_KEY, LANG_2_TO_3_MAPPER, LANG_3_TO_2_MAPPER, LOGIN_URL, LOGOUT_URL, LONLAT_CRS_CODES, LangService, LanguageSwitcherComponent, LayersPanelComponent, LicenseSearchField, LinkCardComponent, LinkClassifierService, LinkUsage, LoadingMaskComponent, LogService, MAP_FEATURE_KEY, MAP_VIEW_CONSTRAINTS, METADATA_LANGUAGE, MY_FORMATS, MapContainerComponent, MapFacade, MapLegendComponent, MapStateContainerComponent, MapStyleService, MapUtilsService, MapViewComponent, MarkdownEditorComponent, MarkdownParserComponent, MaxLinesComponent, mdview_actions as MdViewActions, MdViewFacade, MetadataCatalogComponent, MetadataContactComponent, MetadataInfoComponent, MetadataLinkType, MetadataMapperContext, MetadataQualityComponent, MetadataQualityItemComponent, ModalDialogComponent, MultilingualSearchField, MyOrgService, NAMESPACES, NOT_APPLICABLE_CONSTRAINT, NOT_KNOWN_CONSTRAINT, NotificationComponent, NotificationsContainerComponent, NotificationsService, ORGANIZATIONS_STRATEGY, ORGANIZATION_PAGE_URL_TOKEN, ORGANIZATION_URL_TOKEN, OrganisationPreviewComponent, OrganisationsComponent, OrganisationsFilterComponent, OrganisationsResultComponent, OrganizationSearchField, OrganizationsFromGroupsService, OrganizationsFromMetadataService, OwnerSearchField, PAGINATE, PARSE_DELIMITER, PATCH_RESULTS_AGGREGATIONS, PROXY_PATH, Paginate, PaginationButtonsComponent, PaginationComponent, PaginationDotsComponent, PatchResultsAggregations, PopoverComponent, PopupAlertComponent, PossibleResourceTypes, PossibleResourceTypesDefinition, PreviousNextButtonsComponent, ProgressBarComponent, ProxyService, QUERY_FIELDS, RECORD_DATASET_URL_TOKEN, RECORD_REUSE_URL_TOKEN, RECORD_SERVICE_URL_TOKEN, REQUEST_MORE_ON_AGGREGATION, REQUEST_MORE_RESULTS, REQUEST_NEW_RESULTS, RESULTS_LAYOUT_CONFIG, ROUTER_CONFIG, ROUTER_ROUTE_DATASET, ROUTER_ROUTE_ORGANIZATION, ROUTER_ROUTE_REUSE, ROUTER_ROUTE_SEARCH, ROUTER_ROUTE_SERVICE, ROUTER_STATE_KEY, ROUTE_PARAMS, RecordApiFormComponent, RecordFormComponent, RecordKindField, RecordMetaComponent, RecordMetricComponent, RecordPreviewCardComponent, RecordPreviewComponent, RecordPreviewFeedComponent, RecordPreviewListComponent, RecordPreviewRowComponent, RecordPreviewTextComponent, RecordPreviewTitleComponent, RecordsMetricsComponent, RecordsService, RelatedRecordCardComponent, RequestMoreOnAggregation, RequestMoreResults, RequestNewResults, ResourceTypeLegacyField, ResultsHitsContainerComponent, ResultsHitsNumberComponent, ResultsHitsSearchKindComponent, ResultsLayoutComponent, ResultsLayoutConfigItem, ResultsListComponent, ResultsListContainerComponent, ResultsListItemComponent, ResultsTableComponent, ResultsTableContainerComponent, RouterEffects, RouterFacade, RouterService, SEARCH_FEATURE_KEY, SETTINGS_URL, SET_CONFIG_AGGREGATIONS, SET_CONFIG_FILTERS, SET_CONFIG_REQUEST_FIELDS, SET_ERROR, SET_FAVORITES_ONLY, SET_FILTERS, SET_INCLUDE_ON_AGGREGATION, SET_PAGE_SIZE, SET_RESULTS_AGGREGATIONS, SET_RESULTS_HITS, SET_RESULTS_LAYOUT, SET_SEARCH, SET_SORT_BY, SET_SPATIAL_FILTER_ENABLED, SearchEffects, SearchFacade, SearchFiltersSummaryComponent, SearchFiltersSummaryItemComponent, SearchInputComponent, SearchRouterContainerDirective, SearchService, SearchStateContainerDirective, SelectionService, ServiceCapabilitiesComponent, SetConfigAggregations, SetConfigFilters, SetConfigRequestFields, SetError, SetFavoritesOnly, SetFilters, SetIncludeOnAggregation, SetPageSize, SetResultsAggregations, SetResultsHits, SetResultsLayout, SetSearch, SetSortBy, SetSpatialFilterEnabled, SimpleSearchField, SiteTitleComponent, SortByComponent, SortableListComponent, SourceLabelComponent, SourcesService, SpatialExtentComponent, SpinningLoaderComponent, StarToggleComponent, StickyHeaderComponent, SupportedTypes, SwitchToggleComponent, THUMBNAIL_PLACEHOLDER, TRANSLATE_DEFAULT_CONFIG, TRANSLATE_WITH_OVERRIDES_CONFIG, TableViewComponent, TextAreaComponent, TextInputComponent, ThemeService, ThumbnailComponent, TranslatedSearchField, UPDATE_CONFIG_AGGREGATIONS, UPDATE_FILTERS, UPDATE_REQUEST_AGGREGATION_TERM, UiDatavizModule, UiElementsModule, FacetsModule$1 as UiFacetsModule, UiInputsModule, UiLayoutModule, UiSearchModule, UiWidgetsModule, UpdateConfigAggregations, UpdateFilters, UrlInputComponent, UserFeedbackItemComponent, UserPreviewComponent, UserSearchField, UtilI18nModule, UtilSharedModule, VECTOR_STYLE_DEFAULT, ViewportIntersectorComponent, WEB_COMPONENT_EMBEDDER_URL, WizardComponent, WizardFieldComponent, WizardFieldType, WizardService, WizardSummarizeComponent, XmlParseError, _reset, allChildrenElement, appConfigWithTranslationFixture, appendChildTree, appendChildren, assertValidXml, blockModelFixture, bytesToMegabytes, canEditRecord, checkFileFormat, clearSelectedFeatures, createChild, createDocument, createElement, createFuzzyFilter, createNestedChild, createNestedElement, currentPage, defaultMapStyleFixture, defaultMapStyleHlFixture, downgradeImage, downsizeImage, draftSaveSuccess, dragPanCondition, dropEmptyTranslations, editorReducer, emptyBlockModelFixture, findChildElement, findChildOrCreate, findChildrenElement, findConverterForDocument, findNestedChildOrCreate, findNestedElement, findNestedElements, findParent, firstChildElement, formatDate, formatUserInfo, getArrayItem, getAsArray, getAsUrl, getBadgeColor, getCustomTranslations, getError, getFavoritesOnly, getFileFormat, getFileFormatFromServiceOutput, getFirstValue, getFormatPriority, getGeometryFromGeoJSON, getGlobalConfig, getJsonDataItemsProxy, getLangFromBrowser, getLayers, getLinkLabel, getLinkPriority, getMapContext, getMapContextLayerFromConfig, getMapState, getMetadataQualityConfig, getMimeTypeForFormat, getNamespace, getOptionalMapConfig, getOptionalSearchConfig, getPageSize, getResourceType, getReuseType, getRootElement, getSearchConfigAggregations, getSearchFilters, getSearchResults, getSearchResultsAggregations, getSearchResultsHits, getSearchResultsLayout, getSearchResultsLoading, getSearchSortBy, getSearchState, getSearchStateSearch, getSelectedFeatures, getSpatialFilterEnabled, getTemporalRangeUnion, getThemeConfig, hasRecordChangedSinceDraft, hasRecordChangedSinceDraftSuccess, initSearch, initialEditorState, initialMapState, initialState, isConfigLoaded, isDateRange, isFormatInQueryParam, isPublished, itemModelFixture, kindToCodeListValue, loadAppConfig, malformedConfigFixture, mapConfigFixture, mapContact, mapKeywords, mapLogo, mapOrganization, mapReducer, markRecordAsChanged, matchesNoApplicableConstraint, matchesNoKnownConstraint, megabytesToBytes, mimeTypeToFormat, minimalAppConfigFixture, missingMandatoryConfigFixture, mouseWheelZoomCondition, noDuplicateFileName, okAppConfigFixture, openDataset, openRecord, parse, parseXmlString, placeholder, prioritizePageScroll, propagateToDocumentOnly, provideGn4, provideRepositoryUrl, readAttribute, readDataset, readDatasetHeaders, readText, reducer$2 as reducer, reducerSearch, removeAllChildren, removeChildren, removeChildrenByName, removeSearchParams, removeWhitespace, renameElements, saveRecord, saveRecordFailure, saveRecordSuccess, selectCanEditRecord, selectCurrentPage, selectEditorConfig, selectEditorState, selectFallback, selectFallbackFields, selectField, selectHasRecordChanged, selectIsPublished, selectRecord, selectRecordChangedSinceSave, selectRecordSaveError, selectRecordSaving, selectRecordSections, selectRecordSource, selectTranslatedField, selectTranslatedValue, setContext, setCurrentPage, setFieldVisibility, setSelectedFeatures, setTextContent, someHabTableItemFixture, sortByFromString, sortByToString, sortByToStrings, stripHtml, stripNamespace, tableItemsFixture, toDate, totalPages, undoRecordDraft, unrecognizedKeysConfigFixture, updateRecordField, wmsLayerFlatten, writeAttribute, wrongLanguageCodeConfigFixture, xmlToString };
 //# sourceMappingURL=geonetwork-ui.mjs.map