geonetwork-ui 2.5.0-dev.77e75b46a → 2.5.0-dev.80a8304dd

package/fesm2022/geonetwork-ui.mjs

@@ -16,7 +16,7 @@ import { TranslateMessageFormatCompiler } from 'ngx-translate-messageformat-comp
 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, first as first$1, share, pairwise, delay, defaultIfEmpty, toArray } from 'rxjs/operators';
 import * as i1$2 from '@angular/common';
-import { CommonModule, NgOptimizedImage, DatePipe, NgIf, NgForOf } from '@angular/common';
+import { CommonModule, NgOptimizedImage, DatePipe, NgIf } 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, filter as filter$1, tap as tap$2, Observable, buffer, debounceTime as debounceTime$1, combineLatestWith, catchError as catchError$1, timer, 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 { lt, valid, coerce, satisfies, ltr } from 'semver';
 import chroma from 'chroma-js';
@@ -59,7 +59,7 @@ import * as i1$b from '@angular/material/dialog';
 import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
 import * as i2$3 from '@angular/material/tabs';
 import { MatTabsModule } from '@angular/material/tabs';
-import * as i1$f from '@angular/router';
+import * as i1$e from '@angular/router';
 import { RouterLink, RouterModule, RouteReuseStrategy } from '@angular/router';
 import { marked } from 'marked';
 import Duration from 'duration-relativetimeformat';
@@ -89,16 +89,16 @@ import { parseISO } from 'date-fns/parseISO';
 import { WFS, GeoJSON as GeoJSON$1 } from 'ol/format';
 import { tablerFolderOpen } from '@ng-icons/tabler-icons';
 import { Chart, BarController, BarElement, CategoryScale, LinearScale, LineController, LineElement, PointElement, PieController, ArcElement, ScatterController, Tooltip, Colors, Legend } from 'chart.js';
-import * as i4 from '@angular/cdk/scrolling';
 import { ScrollingModule } from '@angular/cdk/scrolling';
-import * as i2$4 from '@angular/material/sort';
+import * as i3$1 from '@angular/material/sort';
 import { MatSort, MatSortModule } from '@angular/material/sort';
-import * as i1$d from '@angular/material/table';
+import * as i2$4 from '@angular/material/table';
 import { MatTableModule } from '@angular/material/table';
-import * as i3$1 from 'ng-table-virtual-scroll';
-import { TableVirtualScrollDataSource, TableVirtualScrollModule } from 'ng-table-virtual-scroll';
+import * as i4 from '@angular/material/paginator';
+import { MatPaginatorIntl, MatPaginator, MatPaginatorModule } from '@angular/material/paginator';
+import { LetDirective } from '@ngrx/component';
 import axios from 'axios';
-import * as i1$e from '@angular/platform-browser';
+import * as i1$d from '@angular/platform-browser';
 import { MomentDateAdapter, MAT_MOMENT_DATE_ADAPTER_OPTIONS } from '@angular/material-moment-adapter';
 import { Polygon } from 'ol/geom';
 import * as i4$1 from '@angular/material/radio';
@@ -19190,6 +19190,12 @@ var de = {
 	"share.tab.webComponent": "Integrieren",
 	"table.loading.data": "Daten werden geladen...",
 	"table.object.count": "Objekte in diesem Datensatz",
+	"table.paginator.firstPage": "Erste Seite",
+	"table.paginator.itemsPerPage": "Elemente pro Seite",
+	"table.paginator.lastPage": "Letzte Seite",
+	"table.paginator.nextPage": "Nächste Seite",
+	"table.paginator.previousPage": "Vorherige Seite",
+	"table.paginator.rangeLabel": "{startIndex} - {endIndex} von {length}",
 	"table.select.data": "Datenquelle",
 	"tooltip.html.copy": "HTML kopieren",
 	"tooltip.id.copy": "Eindeutige Kennung kopieren",
@@ -19197,6 +19203,7 @@ var de = {
 	"tooltip.url.open": "URL öffnen",
 	"ui.readLess": "Weniger lesen",
 	"ui.readMore": "Weiterlesen",
+	"wfs.aggregations.notsupported": "",
 	"wfs.feature.limit": "Zu viele Features, um den WFS-Layer anzuzeigen!",
 	"wfs.featuretype.notfound": "Kein passender Feature-Typ wurde im Dienst gefunden",
 	"wfs.geojsongml.notsupported": "Dieser Dienst unterstützt das GeoJSON- oder GML-Format nicht",
@@ -19800,6 +19807,12 @@ var en = {
 	"share.tab.webComponent": "Integrate",
 	"table.loading.data": "Loading data...",
 	"table.object.count": "Objects in this dataset",
+	"table.paginator.firstPage": "First page",
+	"table.paginator.itemsPerPage": "Items per page",
+	"table.paginator.lastPage": "Last page",
+	"table.paginator.nextPage": "Next page",
+	"table.paginator.previousPage": "Previous page",
+	"table.paginator.rangeLabel": "{startIndex} - {endIndex} of {length}",
 	"table.select.data": "Data source",
 	"tooltip.html.copy": "Copy HTML",
 	"tooltip.id.copy": "Copy unique identifier",
@@ -19807,6 +19820,7 @@ var en = {
 	"tooltip.url.open": "Open URL",
 	"ui.readLess": "Read less",
 	"ui.readMore": "Read more",
+	"wfs.aggregations.notsupported": "Aggregations are currently not supported for WFS services",
 	"wfs.feature.limit": "Too many features to display the WFS layer!",
 	"wfs.featuretype.notfound": "No matching feature type was found in the service",
 	"wfs.geojsongml.notsupported": "This service does not support the GeoJSON or GML format",
@@ -20410,6 +20424,12 @@ var es = {
 	"share.tab.webComponent": "",
 	"table.loading.data": "",
 	"table.object.count": "",
+	"table.paginator.firstPage": "Primera página",
+	"table.paginator.itemsPerPage": "Elementos por página",
+	"table.paginator.lastPage": "Última página",
+	"table.paginator.nextPage": "Página siguiente",
+	"table.paginator.previousPage": "Página anterior",
+	"table.paginator.rangeLabel": "{startIndex} - {endIndex} de {length}",
 	"table.select.data": "",
 	"tooltip.html.copy": "",
 	"tooltip.id.copy": "",
@@ -20417,6 +20437,7 @@ var es = {
 	"tooltip.url.open": "",
 	"ui.readLess": "",
 	"ui.readMore": "",
+	"wfs.aggregations.notsupported": "",
 	"wfs.feature.limit": "",
 	"wfs.featuretype.notfound": "",
 	"wfs.geojsongml.notsupported": "",
@@ -21020,6 +21041,12 @@ var fr = {
 	"share.tab.webComponent": "Intégrer",
 	"table.loading.data": "Chargement des données...",
 	"table.object.count": "enregistrements dans ces données",
+	"table.paginator.firstPage": "Première page",
+	"table.paginator.itemsPerPage": "Éléments par page",
+	"table.paginator.lastPage": "Dernière page",
+	"table.paginator.nextPage": "Page suivante",
+	"table.paginator.previousPage": "Page précédente",
+	"table.paginator.rangeLabel": "{startIndex} - {endIndex} sur {length}",
 	"table.select.data": "Source de données",
 	"tooltip.html.copy": "Copier le HTML",
 	"tooltip.id.copy": "Copier l'identifiant unique",
@@ -21027,6 +21054,7 @@ var fr = {
 	"tooltip.url.open": "Ouvrir l'URL",
 	"ui.readLess": "Réduire",
 	"ui.readMore": "Lire la suite",
+	"wfs.aggregations.notsupported": "Agrégations non supportées pour les services WFS",
 	"wfs.feature.limit": "Trop d'objets pour afficher la couche WFS !",
 	"wfs.featuretype.notfound": "La classe d'objets n'a pas été trouvée dans le service",
 	"wfs.geojsongml.notsupported": "Le service ne supporte pas le format GeoJSON ou GML",
@@ -21630,6 +21658,12 @@ var it = {
 	"share.tab.webComponent": "Incorporare",
 	"table.loading.data": "Caricamento dei dati...",
 	"table.object.count": "record in questi dati",
+	"table.paginator.firstPage": "Prima pagina",
+	"table.paginator.itemsPerPage": "Elementi per pagina",
+	"table.paginator.lastPage": "Ultima pagina",
+	"table.paginator.nextPage": "Pagina successiva",
+	"table.paginator.previousPage": "Pagina precedente",
+	"table.paginator.rangeLabel": "{startIndex} - {endIndex} di {total}",
 	"table.select.data": "Sorgente dati",
 	"tooltip.html.copy": "Copiare il HTML",
 	"tooltip.id.copy": "Copiare l'identificatore unico",
@@ -21637,6 +21671,7 @@ var it = {
 	"tooltip.url.open": "Aprire l'URL",
 	"ui.readLess": "Ridurre",
 	"ui.readMore": "Leggere di più",
+	"wfs.aggregations.notsupported": "",
 	"wfs.feature.limit": "Troppi oggetti per visualizzare il WFS layer!",
 	"wfs.featuretype.notfound": "La classe di oggetto non è stata trovata nel servizio",
 	"wfs.geojsongml.notsupported": "Il servizio non supporta il formato GeoJSON o GML",
@@ -22240,6 +22275,12 @@ var nl = {
 	"share.tab.webComponent": "",
 	"table.loading.data": "",
 	"table.object.count": "",
+	"table.paginator.firstPage": "",
+	"table.paginator.itemsPerPage": "",
+	"table.paginator.lastPage": "",
+	"table.paginator.nextPage": "",
+	"table.paginator.previousPage": "",
+	"table.paginator.rangeLabel": "",
 	"table.select.data": "",
 	"tooltip.html.copy": "",
 	"tooltip.id.copy": "",
@@ -22247,6 +22288,7 @@ var nl = {
 	"tooltip.url.open": "",
 	"ui.readLess": "",
 	"ui.readMore": "",
+	"wfs.aggregations.notsupported": "",
 	"wfs.feature.limit": "",
 	"wfs.featuretype.notfound": "",
 	"wfs.geojsongml.notsupported": "",
@@ -22850,6 +22892,12 @@ var pt = {
 	"share.tab.webComponent": "",
 	"table.loading.data": "",
 	"table.object.count": "",
+	"table.paginator.firstPage": "",
+	"table.paginator.itemsPerPage": "",
+	"table.paginator.lastPage": "",
+	"table.paginator.nextPage": "",
+	"table.paginator.previousPage": "",
+	"table.paginator.rangeLabel": "",
 	"table.select.data": "",
 	"tooltip.html.copy": "",
 	"tooltip.id.copy": "",
@@ -22857,6 +22905,7 @@ var pt = {
 	"tooltip.url.open": "",
 	"ui.readLess": "",
 	"ui.readMore": "",
+	"wfs.aggregations.notsupported": "",
 	"wfs.feature.limit": "",
 	"wfs.featuretype.notfound": "",
 	"wfs.geojsongml.notsupported": "",
@@ -23360,7 +23409,7 @@ class ElasticsearchService {
         this.runtimeFields = {};
         this.lang3 = this.langService.iso3;
     }
-    getSearchRequestBody(aggregations = {}, size = 0, from = 0, sortBy = null, requestFields = [], searchFilters = {}, configFilters = {}, uuids, geometry) {
+    getSearchRequestBody(aggregations = {}, size = 0, from = 0, sortBy = null, requestFields = null, searchFilters = {}, configFilters = {}, uuids, geometry) {
         const payload = {
             aggregations,
             from,
@@ -23368,7 +23417,7 @@ class ElasticsearchService {
             sort: this.buildPayloadSort(sortBy),
             query: this.buildPayloadQuery(searchFilters, configFilters, uuids, geometry),
             ...(size > 0 ? { track_total_hits: true } : {}),
-            _source: requestFields,
+            ...(requestFields && { _source: requestFields }),
         };
         this.processRuntimeFields(payload);
         return payload;
@@ -23428,7 +23477,7 @@ class ElasticsearchService {
             },
         };
     }
-    getRelatedRecordPayload(title, uuid, size = 6, _source = [...ES_SOURCE_SUMMARY, 'allKeywords', 'createDate']) {
+    getRelatedRecordPayload(record, size = 6, _source = [...ES_SOURCE_SUMMARY, 'allKeywords', 'createDate']) {
         return {
             query: {
                 bool: {
@@ -23438,9 +23487,21 @@ class ElasticsearchService {
                                 fields: [
                                     'resourceTitleObject.default',
                                     'resourceAbstractObject.default',
-                                    'tag.raw',
+                                    'allKeywords',
+                                ],
+                                like: [
+                                    {
+                                        doc: {
+                                            resourceTitleObject: {
+                                                default: record.title,
+                                            },
+                                            resourceAbstractObject: {
+                                                default: record.abstract,
+                                            },
+                                            allKeywords: record.keywords.map((keyword) => keyword.label),
+                                        },
+                                    },
                                 ],
-                                like: title,
                                 min_term_freq: 1,
                                 max_query_terms: 12,
                             },
@@ -23456,7 +23517,7 @@ class ElasticsearchService {
                             },
                         },
                     ],
-                    must_not: [{ wildcard: { uuid: uuid } }],
+                    must_not: [{ wildcard: { uuid: record.uniqueIdentifier } }],
                 },
             },
             size,
@@ -23503,6 +23564,7 @@ class ElasticsearchService {
         return this.metadataLang === 'current';
     }
     filtersToQuery(filters) {
+        const addQuote = (key) => (/^\/.+\/$/.test(key) ? key : `"${key}"`);
         const makeQuery = (filter) => {
             if (typeof filter === 'string') {
                 return filter;
@@ -23510,9 +23572,9 @@ class ElasticsearchService {
             return Object.keys(filter)
                 .map((key) => {
                 if (filter[key] === true) {
-                    return `"${key}"`;
+                    return addQuote(key);
                 }
-                return `-"${key}"`;
+                return `-${addQuote(key)}`;
             })
                 .join(' OR ');
         };
@@ -23758,13 +23820,15 @@ class ElasticsearchService {
             switch (aggregation.type) {
                 case 'filters':
                     return {
-                        filters: Object.keys(aggregation.filters).reduce((prev, curr) => {
-                            const filter = aggregation.filters[curr];
-                            return {
-                                ...prev,
-                                [curr]: this.filtersToQuery(filter)[0],
-                            };
-                        }, {}),
+                        filters: {
+                            filters: Object.keys(aggregation.filters).reduce((prev, curr) => {
+                                const filter = aggregation.filters[curr];
+                                return {
+                                    ...prev,
+                                    [curr]: this.filtersToQuery(filter)[0],
+                                };
+                            }, {}),
+                        },
                     };
                 case 'terms':
                     return {
@@ -23877,7 +23941,7 @@ class Gn4Repository {
     }
     getSimilarRecords(similarTo) {
         return this.gn4SearchApi
-            .search('bucket', null, JSON.stringify(this.gn4SearchHelper.getRelatedRecordPayload(similarTo.title, similarTo.uniqueIdentifier, 3)))
+            .search('bucket', null, JSON.stringify(this.gn4SearchHelper.getRelatedRecordPayload(similarTo, 3)))
             .pipe(switchMap((results) => this.gn4Mapper.readRecords(results.hits.hits)));
     }
     aggregate(params) {
@@ -32468,6 +32532,51 @@ class DateRangeSearchField extends SimpleSearchField {
         return 'dateRange';
     }
 }
+marker('search.filters.availableServices.view');
+marker('search.filters.availableServices.download');
+class AvailableServicesField extends SimpleSearchField {
+    constructor(injector) {
+        super('availableServices', injector, 'asc');
+        this.translateService = this.injector.get(TranslateService);
+        this.linkProtocolViewFilter = '/OGC:WMT?S.*/';
+        this.linkProtocolDownloadFilter = '/OGC:WFS.*/';
+    }
+    async getBucketLabel(bucket) {
+        return firstValueFrom(this.translateService.get(`search.filters.availableServices.${bucket.term}`));
+    }
+    getAggregations() {
+        return {
+            availableServices: {
+                type: 'filters',
+                filters: {
+                    view: `+linkProtocol:${this.linkProtocolViewFilter}`,
+                    download: `+linkProtocol:${this.linkProtocolDownloadFilter}`,
+                },
+            },
+        };
+    }
+    getFiltersForValues(values) {
+        const filters = {};
+        if (values.includes('view'))
+            filters[this.linkProtocolViewFilter] = true;
+        if (values.includes('download'))
+            filters[this.linkProtocolDownloadFilter] = true;
+        return of({
+            linkProtocol: filters,
+        });
+    }
+    getValuesForFilter(filters) {
+        const linkFilter = filters.linkProtocol;
+        if (!linkFilter)
+            return of([]);
+        const values = [];
+        if (linkFilter[this.linkProtocolViewFilter])
+            values.push('view');
+        if (linkFilter[this.linkProtocolDownloadFilter])
+            values.push('download');
+        return of(values);
+    }
+}
 
 marker('search.filters.format');
 marker('search.filters.inspireKeyword');
@@ -32509,6 +32618,7 @@ class FieldsService {
             publisherOrg: new MultilingualSearchField('distributorOrgForResourceObject', this.injector, 'asc', 'key'),
             user: new UserSearchField(this.injector),
             changeDate: new DateRangeSearchField('changeDate', this.injector, 'desc'),
+            availableServices: new AvailableServicesField(this.injector),
         };
     }
     getAvailableValues(fieldName) {
@@ -35137,8 +35247,12 @@ class FetchError {
         this.stack = null;
         this.message = `An error happened in the data fetcher, type: ${type}, info: ${info}`;
     }
-    static http(code) {
-        return new FetchError('http', '', code);
+    static http(code, body) {
+        const info = body
+            ? `Error ${code}
+${body}`
+            : `${code}`;
+        return new FetchError('http', info, code);
     }
     static corsOrNetwork(message) {
         return new FetchError('network', message, 0);
@@ -35246,7 +35360,7 @@ function fetchDataAsText(url) {
     })
         .then(async (response) => {
         if (!response.ok) {
-            throw FetchError.http(response.status);
+            throw FetchError.http(response.status, await response.text());
         }
         return response.text();
     }), url, 'asText');
@@ -35258,7 +35372,7 @@ function fetchDataAsArrayBuffer(url) {
     })
         .then(async (response) => {
         if (!response.ok) {
-            throw FetchError.http(response.status);
+            throw FetchError.http(response.status, await response.text());
         }
         // convert to a numeric array so that we can store the response in cache
         return Array.from(new Uint8Array(await response.arrayBuffer()));
@@ -35730,7 +35844,19 @@ class WfsReader extends BaseReader {
         this.version = this.endpoint.getVersion();
     }
     get properties() {
-        return this.getData().then((result) => result.properties);
+        return this.endpoint
+            .getFeatureTypeFull(this.featureTypeName)
+            .then((featureType) => Object.keys(featureType.properties).map((prop) => {
+            const originalType = featureType.properties[prop];
+            const type = originalType === 'float' || originalType === 'integer'
+                ? 'number'
+                : originalType; // FIXME: ogc-client typing is incorrect, should be a string union
+            return {
+                name: prop,
+                label: prop,
+                type,
+            };
+        }));
     }
     get info() {
         return this.endpoint.getFeatureTypeFull(this.featureTypeName).then((result) => ({
@@ -35768,12 +35894,17 @@ class WfsReader extends BaseReader {
         }
     }
     getData() {
+        if (this.aggregations || this.groupedBy) {
+            throw new Error(marker('wfs.aggregations.notsupported'));
+        }
         const asJson = this.endpoint.supportsJson(this.featureTypeName);
+        const attributes = this.selected ?? undefined;
         let url = this.endpoint.getFeatureUrl(this.featureTypeName, {
             ...(this.startIndex !== null && { startIndex: this.startIndex }),
             ...(this.count !== null && { maxFeatures: this.count }),
             asJson,
             outputCrs: 'EPSG:4326',
+            attributes,
             // sortBy: this.sort // TODO: no sort in ogc-client?
         });
         if (Array.isArray(this.sort) && this.sort.length > 0) {
@@ -35943,6 +36074,7 @@ class DataService {
         // Pour DL toutes les données
         return this.getDownloadUrlsFromWfs(wfsLink.url.toString(), wfsLink.name).pipe(map$1((urls) => urls.all), map$1((urls) => Object.keys(urls).map((format) => ({
             ...wfsLink,
+            name: wfsLink.name,
             type: 'download',
             url: new URL(urls[format]),
             mimeType: getMimeTypeForFormat(getFileFormatFromServiceOutput(format)),
@@ -35953,6 +36085,7 @@ class DataService {
         return Object.keys(collectionInfo.bulkDownloadLinks).map((downloadLink) => {
             return {
                 ...ogcApiLink,
+                name: collectionInfo.id,
                 type: 'download',
                 url: new URL(collectionInfo.bulkDownloadLinks[downloadLink]),
                 mimeType: getMimeTypeForFormat(getFileFormatFromServiceOutput(downloadLink)),
@@ -36265,22 +36398,136 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 args: ['chartCanvas']
             }] } });
 
-const rowIdPrefix = 'table-item-';
-class TableComponent {
-    set data(value) {
-        this.dataSource = new TableVirtualScrollDataSource(value);
-        this.dataSource.sort = this.sort;
-        this.properties =
-            Array.isArray(value) && value.length ? Object.keys(value[0]) : [];
-        this.count = value.length;
+class DataTableDataSource {
+    constructor() {
+        this.dataItems$ = new BehaviorSubject([]);
+    }
+    connect() {
+        return this.dataItems$.asObservable().pipe(map$1((items) => items.map((item) => ({
+            id: item.id,
+            ...item.properties,
+        }))));
     }
-    constructor(eltRef) {
+    disconnect() {
+        this.dataItems$.complete();
+    }
+    async showData(itemsPromise) {
+        const items = await itemsPromise;
+        this.dataItems$.next(items);
+    }
+    clearData() {
+        this.dataItems$.next([]);
+    }
+}
+
+class CustomMatPaginatorIntl extends MatPaginatorIntl {
+    constructor(translate) {
+        super();
+        this.translate = translate;
+        this.changes = new Subject();
+        this.setLabels();
+        this.translate.onLangChange.subscribe(() => {
+            this.setLabels();
+            this.changes.next();
+        });
+    }
+    setLabels() {
+        this.itemsPerPageLabel = this.translate.instant('table.paginator.itemsPerPage');
+        this.nextPageLabel = this.translate.instant('table.paginator.nextPage');
+        this.previousPageLabel = this.translate.instant('table.paginator.previousPage');
+        this.firstPageLabel = this.translate.instant('table.paginator.firstPage');
+        this.lastPageLabel = this.translate.instant('table.paginator.lastPage');
+        this.getRangeLabel = this.getRangeLabelIntl;
+        this.changes.next();
+    }
+    getRangeLabelIntl(page, pageSize, length) {
+        if (length === 0 || pageSize === 0) {
+            return this.translate.instant('table.paginator.rangeLabel', {
+                startIndex: 0,
+                endIndex: 0,
+                length,
+            });
+        }
+        const startIndex = page * pageSize;
+        const endIndex = startIndex < length
+            ? Math.min(startIndex + pageSize, length)
+            : startIndex + pageSize;
+        return this.translate.instant('table.paginator.rangeLabel', {
+            startIndex: startIndex + 1,
+            endIndex,
+            length,
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CustomMatPaginatorIntl, deps: [{ token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CustomMatPaginatorIntl }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CustomMatPaginatorIntl, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: i1$1.TranslateService }] });
+
+const rowIdPrefix = 'table-item-';
+class DataTableComponent {
+    set dataset(value) {
+        this.properties$.next(null);
+        this.dataset_ = value;
+        this.dataset_.load();
+        this.dataset_.properties.then((properties) => this.properties$.next(properties.map((p) => p.name)));
+        this.dataset_.info.then((info) => (this.count = info.itemsCount));
+    }
+    constructor(eltRef, cdr, translateService) {
         this.eltRef = eltRef;
+        this.cdr = cdr;
+        this.translateService = translateService;
         this.selected = new EventEmitter();
+        this.properties$ = new BehaviorSubject(null);
+        this.loading$ = new BehaviorSubject(false);
+        this.error = null;
+    }
+    ngOnInit() {
+        this.dataSource = new DataTableDataSource();
     }
     ngAfterViewInit() {
         this.headerHeight =
             this.eltRef.nativeElement.querySelector('thead').offsetHeight;
+        this.setPagination();
+        this.cdr.detectChanges();
+    }
+    ngOnChanges() {
+        this.setPagination();
+    }
+    setSort(sort) {
+        if (!this.dataset_)
+            return;
+        if (!sort.active) {
+            this.dataset_.orderBy();
+        }
+        else {
+            this.dataset_.orderBy([sort.direction || 'asc', sort.active]);
+        }
+        this.readData();
+    }
+    setPagination() {
+        if (!this.paginator)
+            return;
+        if (!this.dataset_)
+            return;
+        this.dataset_.limit(this.paginator.pageIndex * this.paginator.pageSize, this.paginator.pageSize);
+        this.readData();
+    }
+    async readData() {
+        this.loading$.next(true);
+        // wait for properties to be read
+        const properties = await firstValueFrom(this.properties$.pipe(filter$1((p) => !!p)));
+        const propsWithoutGeom = properties.filter((p) => !p.toLowerCase().startsWith('geom'));
+        this.dataset_.select(...propsWithoutGeom);
+        try {
+            await this.dataSource.showData(this.dataset_.read());
+            this.error = null;
+        }
+        catch (error) {
+            this.handleError(error);
+        }
+        this.loading$.next(false);
     }
     scrollToItem(itemId) {
         const row = this.eltRef.nativeElement.querySelector(`#${this.getRowEltId(itemId)}`);
@@ -36289,20 +36536,36 @@ class TableComponent {
     getRowEltId(id) {
         return rowIdPrefix + id;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TableComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TableComponent, isStandalone: true, selector: "gn-ui-table", inputs: { data: "data", activeId: "activeId" }, outputs: { selected: "selected" }, viewQueries: [{ propertyName: "sort", first: true, predicate: MatSort, descendants: true, static: true }], ngImport: i0, template: "<div class=\"border border-gray-300 rounded-lg overflow-hidden bg-white h-full\">\n  <cdk-virtual-scroll-viewport\n    tvsItemSize=\"48\"\n    headerHeight=\"56\"\n    style=\"height: calc(100% - 37px)\"\n  >\n    <table mat-table [dataSource]=\"dataSource\" class=\"mat-elevation-z8\" matSort>\n      <ng-container *ngFor=\"let prop of properties\" [matColumnDef]=\"prop\">\n        <th\n          mat-header-cell\n          *matHeaderCellDef\n          mat-sort-header\n          class=\"text-sm text-black bg-white\"\n        >\n          {{ prop }}\n        </th>\n        <td\n          mat-cell\n          *matCellDef=\"let element\"\n          class=\"whitespace-nowrap pr-1 truncate\"\n        >\n          {{ element[prop] }}\n        </td>\n      </ng-container>\n\n      <tr mat-header-row *matHeaderRowDef=\"properties; sticky: true\"></tr>\n      <tr\n        [id]=\"getRowEltId(row.id)\"\n        mat-row\n        *matRowDef=\"let row; columns: properties\"\n        (click)=\"selected.emit(row)\"\n        [class.active]=\"row.id === activeId\"\n      ></tr>\n    </table>\n  </cdk-virtual-scroll-viewport>\n  <div class=\"text-gray-900 border-t border-gray-300 px-4 py-2 text-sm\">\n    <span class=\"count font-extrabold text-primary\">{{ count }}</span\n    >&nbsp;<span translate>table.object.count</span>.\n  </div>\n</div>\n", styles: ["table{width:100%;background:#fff}th.mat-mdc-header-cell,td.mat-mdc-cell,td.mat-mdc-footer-cell{padding-right:20px}tr.mat-mdc-row,tr.mat-mdc-footer-row{height:36px}tr:hover{background:#f5f5f5}tr.mat-mdc-header-row{height:48px}[mat-header-cell]{color:#0000008a;font-size:12px;font-weight:500}tr{cursor:pointer}.active .mat-mdc-cell{color:var(--color-primary)}\n"], dependencies: [{ kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i1$d.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i1$d.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i1$d.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i1$d.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i1$d.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i1$d.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i1$d.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i1$d.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i1$d.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i1$d.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: MatSortModule }, { kind: "directive", type: i2$4.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i2$4.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "ngmodule", type: TableVirtualScrollModule }, { kind: "directive", type: i3$1.TableItemSizeDirective, selector: "cdk-virtual-scroll-viewport[tvsItemSize]", inputs: ["tvsItemSize", "headerEnabled", "headerHeight", "footerEnabled", "footerHeight", "bufferMultiplier"] }, { kind: "ngmodule", type: ScrollingModule }, { kind: "component", type: i4.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    handleError(error) {
+        this.dataSource.clearData();
+        if (error instanceof FetchError) {
+            this.error = this.translateService.instant(`dataset.error.${error.type}`, {
+                info: error.info,
+            });
+            console.warn(error.message);
+        }
+        else {
+            this.error = this.translateService.instant(error.message);
+            console.warn(error.stack || error);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DataTableComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DataTableComponent, isStandalone: true, selector: "gn-ui-data-table", inputs: { dataset: "dataset", activeId: "activeId" }, outputs: { selected: "selected" }, providers: [{ provide: MatPaginatorIntl, useClass: CustomMatPaginatorIntl }], viewQueries: [{ propertyName: "sort", first: true, predicate: MatSort, descendants: true }, { propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"flex flex-col border border-gray-300 rounded-lg bg-white h-full\">\n  <div class=\"flex-1 overflow-y-hidden overflow-x-auto rounded-lg relative\">\n    <table\n      mat-table\n      [dataSource]=\"dataSource\"\n      matSort\n      (matSortChange)=\"setSort($event)\"\n      [matSortDisableClear]=\"true\"\n      *ngrxLet=\"properties$ as properties\"\n    >\n      <ng-container *ngFor=\"let prop of properties\" [matColumnDef]=\"prop\">\n        <th\n          mat-header-cell\n          *matHeaderCellDef\n          mat-sort-header\n          class=\"text-sm text-black bg-white\"\n        >\n          {{ prop }}\n        </th>\n        <td\n          mat-cell\n          *matCellDef=\"let element\"\n          class=\"whitespace-nowrap pr-1 truncate\"\n        >\n          {{ element[prop] }}\n        </td>\n      </ng-container>\n\n      <tr mat-header-row *matHeaderRowDef=\"properties; sticky: true\"></tr>\n      <tr\n        [id]=\"getRowEltId(row.id)\"\n        mat-row\n        *matRowDef=\"let row; columns: properties\"\n        (click)=\"selected.emit(row)\"\n        [class.active]=\"row.id === activeId\"\n      ></tr>\n    </table>\n    <gn-ui-loading-mask\n      *ngIf=\"loading$ | async\"\n      class=\"sticky inset-0\"\n      [message]=\"'table.loading.data' | translate\"\n    ></gn-ui-loading-mask>\n    <gn-ui-popup-alert\n      *ngIf=\"error\"\n      type=\"warning\"\n      icon=\"matErrorOutlineOutline\"\n      class=\"absolute m-2 inset-0 z-[100]\"\n    >\n      <span translate>{{ error }}</span>\n    </gn-ui-popup-alert>\n  </div>\n  <div class=\"flex justify-between items-center overflow-hidden\">\n    <div class=\"text-gray-900 px-4 py-2 text-sm\">\n      <span class=\"count font-extrabold text-primary\">{{ count }}</span\n      >&nbsp;<span translate>table.object.count</span>.\n    </div>\n\n    <mat-paginator\n      class=\"my-[-16px]\"\n      (page)=\"setPagination()\"\n      [length]=\"count\"\n      [pageSize]=\"10\"\n      [showFirstLastButtons]=\"true\"\n      [hidePageSize]=\"true\"\n    ></mat-paginator>\n  </div>\n</div>\n", styles: ["table{width:100%;background:#fff}th.mat-mdc-header-cell,td.mat-mdc-cell,td.mat-mdc-footer-cell{padding-right:20px}tr.mat-mdc-row,tr.mat-mdc-footer-row{height:36px}tr:hover{background:#f5f5f5}tr.mat-mdc-header-row{height:48px}[mat-header-cell]{color:#0000008a;font-size:12px;font-weight:500}tr{cursor:pointer}.active .mat-mdc-cell{color:var(--color-primary)}.mat-mdc-paginator{background:none}\n"], dependencies: [{ kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i2$4.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i2$4.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i2$4.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i2$4.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i2$4.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i2$4.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i2$4.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i2$4.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i2$4.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i2$4.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: MatSortModule }, { kind: "directive", type: i3$1.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i3$1.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i4.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "ngmodule", type: ScrollingModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: LoadingMaskComponent, selector: "gn-ui-loading-mask", inputs: ["message"] }, { kind: "component", type: PopupAlertComponent, selector: "gn-ui-popup-alert", inputs: ["icon", "type", "position"] }, { kind: "directive", type: LetDirective, selector: "[ngrxLet]", inputs: ["ngrxLet", "ngrxLetSuspenseTpl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DataTableComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [
                         MatTableModule,
                         MatSortModule,
-                        TableVirtualScrollModule,
+                        MatPaginatorModule,
                         ScrollingModule,
-                        NgForOf,
                         TranslateModule,
-                    ], selector: 'gn-ui-table', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"border border-gray-300 rounded-lg overflow-hidden bg-white h-full\">\n  <cdk-virtual-scroll-viewport\n    tvsItemSize=\"48\"\n    headerHeight=\"56\"\n    style=\"height: calc(100% - 37px)\"\n  >\n    <table mat-table [dataSource]=\"dataSource\" class=\"mat-elevation-z8\" matSort>\n      <ng-container *ngFor=\"let prop of properties\" [matColumnDef]=\"prop\">\n        <th\n          mat-header-cell\n          *matHeaderCellDef\n          mat-sort-header\n          class=\"text-sm text-black bg-white\"\n        >\n          {{ prop }}\n        </th>\n        <td\n          mat-cell\n          *matCellDef=\"let element\"\n          class=\"whitespace-nowrap pr-1 truncate\"\n        >\n          {{ element[prop] }}\n        </td>\n      </ng-container>\n\n      <tr mat-header-row *matHeaderRowDef=\"properties; sticky: true\"></tr>\n      <tr\n        [id]=\"getRowEltId(row.id)\"\n        mat-row\n        *matRowDef=\"let row; columns: properties\"\n        (click)=\"selected.emit(row)\"\n        [class.active]=\"row.id === activeId\"\n      ></tr>\n    </table>\n  </cdk-virtual-scroll-viewport>\n  <div class=\"text-gray-900 border-t border-gray-300 px-4 py-2 text-sm\">\n    <span class=\"count font-extrabold text-primary\">{{ count }}</span\n    >&nbsp;<span translate>table.object.count</span>.\n  </div>\n</div>\n", styles: ["table{width:100%;background:#fff}th.mat-mdc-header-cell,td.mat-mdc-cell,td.mat-mdc-footer-cell{padding-right:20px}tr.mat-mdc-row,tr.mat-mdc-footer-row{height:36px}tr:hover{background:#f5f5f5}tr.mat-mdc-header-row{height:48px}[mat-header-cell]{color:#0000008a;font-size:12px;font-weight:500}tr{cursor:pointer}.active .mat-mdc-cell{color:var(--color-primary)}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { data: [{
+                        CommonModule,
+                        LoadingMaskComponent,
+                        PopupAlertComponent,
+                        LetDirective,
+                    ], providers: [{ provide: MatPaginatorIntl, useClass: CustomMatPaginatorIntl }], selector: 'gn-ui-data-table', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"flex flex-col border border-gray-300 rounded-lg bg-white h-full\">\n  <div class=\"flex-1 overflow-y-hidden overflow-x-auto rounded-lg relative\">\n    <table\n      mat-table\n      [dataSource]=\"dataSource\"\n      matSort\n      (matSortChange)=\"setSort($event)\"\n      [matSortDisableClear]=\"true\"\n      *ngrxLet=\"properties$ as properties\"\n    >\n      <ng-container *ngFor=\"let prop of properties\" [matColumnDef]=\"prop\">\n        <th\n          mat-header-cell\n          *matHeaderCellDef\n          mat-sort-header\n          class=\"text-sm text-black bg-white\"\n        >\n          {{ prop }}\n        </th>\n        <td\n          mat-cell\n          *matCellDef=\"let element\"\n          class=\"whitespace-nowrap pr-1 truncate\"\n        >\n          {{ element[prop] }}\n        </td>\n      </ng-container>\n\n      <tr mat-header-row *matHeaderRowDef=\"properties; sticky: true\"></tr>\n      <tr\n        [id]=\"getRowEltId(row.id)\"\n        mat-row\n        *matRowDef=\"let row; columns: properties\"\n        (click)=\"selected.emit(row)\"\n        [class.active]=\"row.id === activeId\"\n      ></tr>\n    </table>\n    <gn-ui-loading-mask\n      *ngIf=\"loading$ | async\"\n      class=\"sticky inset-0\"\n      [message]=\"'table.loading.data' | translate\"\n    ></gn-ui-loading-mask>\n    <gn-ui-popup-alert\n      *ngIf=\"error\"\n      type=\"warning\"\n      icon=\"matErrorOutlineOutline\"\n      class=\"absolute m-2 inset-0 z-[100]\"\n    >\n      <span translate>{{ error }}</span>\n    </gn-ui-popup-alert>\n  </div>\n  <div class=\"flex justify-between items-center overflow-hidden\">\n    <div class=\"text-gray-900 px-4 py-2 text-sm\">\n      <span class=\"count font-extrabold text-primary\">{{ count }}</span\n      >&nbsp;<span translate>table.object.count</span>.\n    </div>\n\n    <mat-paginator\n      class=\"my-[-16px]\"\n      (page)=\"setPagination()\"\n      [length]=\"count\"\n      [pageSize]=\"10\"\n      [showFirstLastButtons]=\"true\"\n      [hidePageSize]=\"true\"\n    ></mat-paginator>\n  </div>\n</div>\n", styles: ["table{width:100%;background:#fff}th.mat-mdc-header-cell,td.mat-mdc-cell,td.mat-mdc-footer-cell{padding-right:20px}tr.mat-mdc-row,tr.mat-mdc-footer-row{height:36px}tr:hover{background:#f5f5f5}tr.mat-mdc-header-row{height:48px}[mat-header-cell]{color:#0000008a;font-size:12px;font-weight:500}tr{cursor:pointer}.active .mat-mdc-cell{color:var(--color-primary)}.mat-mdc-paginator{background:none}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1$1.TranslateService }], propDecorators: { dataset: [{
                 type: Input
             }], activeId: [{
                 type: Input
@@ -36310,48 +36573,93 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Output
             }], sort: [{
                 type: ViewChild,
-                args: [MatSort, { static: true }]
+                args: [MatSort]
+            }], paginator: [{
+                type: ViewChild,
+                args: [MatPaginator]
             }] } });
 
-const tableItemFixture = () => [
-    {
-        name: 'name 1',
-        id: 'id 1',
-        age: 15,
-    },
-    {
-        name: 'name 2',
-        id: 'id 2',
-        age: 10,
-    },
-    {
-        name: 'name 3',
-        id: 'id 3',
-        age: 55,
-    },
-];
-const someHabTableItemFixture = () => [
-    {
-        name: 'France',
-        id: '1',
-        pop: 50500000,
-    },
-    {
-        name: 'Italy',
-        id: '2',
-        pop: 155878789655,
-    },
-    {
-        name: 'UK',
-        id: '3',
-        pop: 31522456,
-    },
-    {
-        name: 'US',
-        id: '4',
-        pop: 3215448888,
-    },
-];
+const tableItemsFixture = {
+    items: [
+        {
+            type: 'Feature',
+            geometry: null,
+            properties: {
+                id: '0001',
+                firstName: 'John',
+                lastName: 'Lennon',
+            },
+        },
+        {
+            type: 'Feature',
+            geometry: null,
+            properties: {
+                id: '0002',
+                firstName: 'Ozzy',
+                lastName: 'Osbourne',
+            },
+        },
+        {
+            type: 'Feature',
+            geometry: null,
+            properties: {
+                id: '0003',
+                firstName: 'Claude',
+                lastName: 'François',
+            },
+        },
+    ],
+    properties: [
+        { name: 'id', label: 'id', type: 'string' },
+        { name: 'firstName', label: 'Firstname', type: 'string' },
+        { name: 'lastName', label: 'Lastname', type: 'string' },
+    ],
+};
+const someHabTableItemFixture = {
+    items: [
+        {
+            type: 'Feature',
+            geometry: null,
+            properties: {
+                id: '1',
+                name: 'France',
+                pop: 50500000,
+            },
+        },
+        {
+            type: 'Feature',
+            geometry: null,
+            properties: {
+                id: '2',
+                name: 'Italy',
+                pop: 155878789655,
+            },
+        },
+        {
+            type: 'Feature',
+            geometry: null,
+            properties: {
+                id: '3',
+                name: 'UK',
+                pop: 31522456,
+            },
+        },
+        {
+            type: 'Feature',
+            geometry: null,
+            properties: {
+                id: '4',
+                name: 'US',
+                pop: 3215448888,
+            },
+        },
+    ],
+    properties: [
+        { name: 'id', label: 'ID', type: 'string' },
+        { name: 'name', label: 'Name', type: 'string' },
+        { name: 'pop', label: 'Population', type: 'number' },
+    ],
+};
 
 marker('chart.type.bar');
 marker('chart.type.barHorizontal');
@@ -36593,22 +36901,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class GeoTableViewComponent {
-    get features() {
-        return this.data.features;
-    }
     constructor(changeRef) {
         this.changeRef = changeRef;
-        this.data = { type: 'FeatureCollection', features: [] };
         this.subscription = new Subscription();
     }
-    ngOnInit() {
-        this.tableData = this.geojsonToTableData(this.data);
-        this.mapContext = this.initMapContext();
+    async ngOnInit() {
+        this.mapContext = await this.initMapContext();
     }
     onTableSelect(tableEntry) {
         const { id } = tableEntry;
         this.selectionId = id;
-        this.selection = this.getFeatureFromId(id);
+        // this.selection = this.getFeatureFromId(id)
         if (this.selection) {
             this.animateToFeature(this.selection);
         }
@@ -36629,7 +36932,8 @@ class GeoTableViewComponent {
             ...f.properties,
         }));
     }
-    initMapContext() {
+    async initMapContext() {
+        this.dataset.selectAll();
         return {
             layers: [
                 {
@@ -36638,7 +36942,11 @@ class GeoTableViewComponent {
                 },
                 {
                     type: 'geojson',
-                    data: this.data,
+                    data: {
+                        type: 'FeatureCollection',
+                        // FIXME: we're not getting geojson here
+                        features: await this.dataset.read(),
+                    },
                 },
             ],
             view: {
@@ -36662,18 +36970,19 @@ class GeoTableViewComponent {
         // })
     }
     getFeatureFromId(id) {
-        return this.features.find((feature) => feature.id === id);
+        // FIXME: restore this once we need it?
+        // return this.features.find((feature) => feature.id === id)
     }
     ngOnDestroy() {
         this.subscription.unsubscribe();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GeoTableViewComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: GeoTableViewComponent, isStandalone: true, selector: "gn-ui-geo-table-view", inputs: { data: "data" }, viewQueries: [{ propertyName: "uiTable", first: true, predicate: ["table"], descendants: true }, { propertyName: "mapContainer", first: true, predicate: ["mapContainer"], descendants: true }], ngImport: i0, template: "<div class=\"flex flex-row h-full overflow-auto\">\n  <gn-ui-table\n    #table\n    class=\"w-1/2 overflow-auto\"\n    [data]=\"tableData\"\n    [activeId]=\"selectionId\"\n    (selected)=\"onTableSelect($event)\"\n  ></gn-ui-table>\n  <gn-ui-map-container\n    #mapContainer\n    class=\"w-1/2 h-full\"\n    [context]=\"mapContext\"\n    (featuresClick)=\"onMapFeatureSelect($event)\"\n  ></gn-ui-map-container>\n  <gn-ui-feature-detail\n    style=\"width: 300px\"\n    class=\"p-3 shrink-0 overflow-auto\"\n    [feature]=\"selection\"\n  ></gn-ui-feature-detail>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: TableComponent, selector: "gn-ui-table", inputs: ["data", "activeId"], outputs: ["selected"] }, { kind: "component", type: MapContainerComponent, selector: "gn-ui-map-container", inputs: ["context"], outputs: ["featuresClick", "featuresHover", "mapClick"] }, { kind: "component", type: FeatureDetailComponent, selector: "gn-ui-feature-detail", inputs: ["feature"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: GeoTableViewComponent, isStandalone: true, selector: "gn-ui-geo-table-view", inputs: { dataset: "dataset" }, viewQueries: [{ propertyName: "uiTable", first: true, predicate: ["table"], descendants: true }, { propertyName: "mapContainer", first: true, predicate: ["mapContainer"], descendants: true }], ngImport: i0, template: "<div class=\"flex flex-row h-full overflow-auto\">\n  <gn-ui-data-table\n    #table\n    class=\"w-1/2 overflow-auto\"\n    [dataset]=\"dataset\"\n    [activeId]=\"selectionId\"\n    (selected)=\"onTableSelect($event)\"\n  ></gn-ui-data-table>\n  <gn-ui-map-container\n    #mapContainer\n    class=\"w-1/2 h-full\"\n    [context]=\"mapContext\"\n    (featuresClick)=\"onMapFeatureSelect($event)\"\n  ></gn-ui-map-container>\n  <gn-ui-feature-detail\n    style=\"width: 300px\"\n    class=\"p-3 shrink-0 overflow-auto\"\n    [feature]=\"selection\"\n  ></gn-ui-feature-detail>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: MapContainerComponent, selector: "gn-ui-map-container", inputs: ["context"], outputs: ["featuresClick", "featuresHover", "mapClick"] }, { kind: "component", type: FeatureDetailComponent, selector: "gn-ui-feature-detail", inputs: ["feature"] }, { kind: "component", type: DataTableComponent, selector: "gn-ui-data-table", inputs: ["dataset", "activeId"], outputs: ["selected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GeoTableViewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gn-ui-geo-table-view', changeDetection: ChangeDetectionStrategy.OnPush, imports: [TableComponent, MapContainerComponent, FeatureDetailComponent], standalone: true, template: "<div class=\"flex flex-row h-full overflow-auto\">\n  <gn-ui-table\n    #table\n    class=\"w-1/2 overflow-auto\"\n    [data]=\"tableData\"\n    [activeId]=\"selectionId\"\n    (selected)=\"onTableSelect($event)\"\n  ></gn-ui-table>\n  <gn-ui-map-container\n    #mapContainer\n    class=\"w-1/2 h-full\"\n    [context]=\"mapContext\"\n    (featuresClick)=\"onMapFeatureSelect($event)\"\n  ></gn-ui-map-container>\n  <gn-ui-feature-detail\n    style=\"width: 300px\"\n    class=\"p-3 shrink-0 overflow-auto\"\n    [feature]=\"selection\"\n  ></gn-ui-feature-detail>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { data: [{
+            args: [{ selector: 'gn-ui-geo-table-view', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MapContainerComponent, FeatureDetailComponent, DataTableComponent], standalone: true, template: "<div class=\"flex flex-row h-full overflow-auto\">\n  <gn-ui-data-table\n    #table\n    class=\"w-1/2 overflow-auto\"\n    [dataset]=\"dataset\"\n    [activeId]=\"selectionId\"\n    (selected)=\"onTableSelect($event)\"\n  ></gn-ui-data-table>\n  <gn-ui-map-container\n    #mapContainer\n    class=\"w-1/2 h-full\"\n    [context]=\"mapContext\"\n    (featuresClick)=\"onMapFeatureSelect($event)\"\n  ></gn-ui-map-container>\n  <gn-ui-feature-detail\n    style=\"width: 300px\"\n    class=\"p-3 shrink-0 overflow-auto\"\n    [feature]=\"selection\"\n  ></gn-ui-feature-detail>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { dataset: [{
                 type: Input
             }], uiTable: [{
                 type: ViewChild,
@@ -36696,23 +37005,18 @@ class TableViewComponent {
         this.tableData$ = this.currentLink$.pipe(switchMap$1((link) => {
             this.error = null;
             if (!link)
-                return of([]);
+                return of(undefined);
             this.loading = true;
-            return this.fetchData(link).pipe(map$1((items) => items.map((item) => ({
-                id: item.id,
-                ...item.properties,
-            }))), catchError((error) => {
+            return this.getDatasetReader(link).pipe(catchError((error) => {
                 this.handleError(error);
-                return of([]);
+                return of(undefined);
             }), finalize(() => {
                 this.loading = false;
             }));
-        }), startWith([]), shareReplay(1));
+        }), startWith(undefined), shareReplay(1));
     }
-    fetchData(link) {
-        return this.dataService
-            .getDataset(link)
-            .pipe(switchMap$1((dataset) => dataset.read()));
+    getDatasetReader(link) {
+        return this.dataService.getDataset(link);
     }
     onTableSelect(event) {
         console.log(event);
@@ -36735,17 +37039,17 @@ class TableViewComponent {
         this.loading = false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TableViewComponent, deps: [{ token: DataService }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TableViewComponent, isStandalone: true, selector: "gn-ui-table-view", inputs: { link: "link" }, ngImport: i0, template: "<div class=\"w-full h-full flex flex-col\">\n  <div class=\"relative h-full\">\n    <gn-ui-table\n      class=\"overflow-auto grow\"\n      [data]=\"tableData$ | async\"\n      (selected)=\"onTableSelect($event)\"\n    ></gn-ui-table>\n    <gn-ui-loading-mask\n      *ngIf=\"loading\"\n      class=\"absolute inset-0\"\n      [message]=\"'table.loading.data' | translate\"\n    ></gn-ui-loading-mask>\n    <gn-ui-popup-alert\n      *ngIf=\"error\"\n      type=\"warning\"\n      icon=\"matErrorOutlineOutline\"\n      class=\"absolute m-2 inset-0\"\n    >\n      <span translate>{{ error }}</span>\n    </gn-ui-popup-alert>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: TableComponent, selector: "gn-ui-table", inputs: ["data", "activeId"], outputs: ["selected"] }, { kind: "component", type: LoadingMaskComponent, selector: "gn-ui-loading-mask", inputs: ["message"] }, { kind: "component", type: PopupAlertComponent, selector: "gn-ui-popup-alert", inputs: ["icon", "type", "position"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TableViewComponent, isStandalone: true, selector: "gn-ui-table-view", inputs: { link: "link" }, ngImport: i0, template: "<div class=\"w-full h-full flex flex-col\">\n  <div class=\"relative h-full\">\n    <gn-ui-data-table\n      *ngIf=\"tableData$ | async as dataset\"\n      class=\"overflow-auto grow\"\n      [dataset]=\"dataset\"\n      (selected)=\"onTableSelect($event)\"\n    ></gn-ui-data-table>\n    <gn-ui-loading-mask\n      *ngIf=\"loading\"\n      class=\"absolute inset-0\"\n      [message]=\"'table.loading.data' | translate\"\n    ></gn-ui-loading-mask>\n    <gn-ui-popup-alert\n      *ngIf=\"error\"\n      type=\"warning\"\n      icon=\"matErrorOutlineOutline\"\n      class=\"absolute m-2 inset-0\"\n    >\n      <span translate>{{ error }}</span>\n    </gn-ui-popup-alert>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: DataTableComponent, selector: "gn-ui-data-table", inputs: ["dataset", "activeId"], outputs: ["selected"] }, { kind: "component", type: LoadingMaskComponent, selector: "gn-ui-loading-mask", inputs: ["message"] }, { kind: "component", type: PopupAlertComponent, selector: "gn-ui-popup-alert", inputs: ["icon", "type", "position"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TableViewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'gn-ui-table-view', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         CommonModule,
-                        TableComponent,
+                        DataTableComponent,
                         LoadingMaskComponent,
                         PopupAlertComponent,
                         TranslateModule,
-                    ], standalone: true, template: "<div class=\"w-full h-full flex flex-col\">\n  <div class=\"relative h-full\">\n    <gn-ui-table\n      class=\"overflow-auto grow\"\n      [data]=\"tableData$ | async\"\n      (selected)=\"onTableSelect($event)\"\n    ></gn-ui-table>\n    <gn-ui-loading-mask\n      *ngIf=\"loading\"\n      class=\"absolute inset-0\"\n      [message]=\"'table.loading.data' | translate\"\n    ></gn-ui-loading-mask>\n    <gn-ui-popup-alert\n      *ngIf=\"error\"\n      type=\"warning\"\n      icon=\"matErrorOutlineOutline\"\n      class=\"absolute m-2 inset-0\"\n    >\n      <span translate>{{ error }}</span>\n    </gn-ui-popup-alert>\n  </div>\n</div>\n" }]
+                    ], standalone: true, template: "<div class=\"w-full h-full flex flex-col\">\n  <div class=\"relative h-full\">\n    <gn-ui-data-table\n      *ngIf=\"tableData$ | async as dataset\"\n      class=\"overflow-auto grow\"\n      [dataset]=\"dataset\"\n      (selected)=\"onTableSelect($event)\"\n    ></gn-ui-data-table>\n    <gn-ui-loading-mask\n      *ngIf=\"loading\"\n      class=\"absolute inset-0\"\n      [message]=\"'table.loading.data' | translate\"\n    ></gn-ui-loading-mask>\n    <gn-ui-popup-alert\n      *ngIf=\"error\"\n      type=\"warning\"\n      icon=\"matErrorOutlineOutline\"\n      class=\"absolute m-2 inset-0\"\n    >\n      <span translate>{{ error }}</span>\n    </gn-ui-popup-alert>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: DataService }, { type: i1$1.TranslateService }], propDecorators: { link: [{
                 type: Input
             }] } });
@@ -37323,7 +37627,7 @@ class FeatureRecordModule {
             MatTabsModule,
             UiWidgetsModule,
             TranslateModule,
-            TableComponent,
+            DataTableComponent,
             NgIconsModule,
             DropdownSelectorComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FeatureRecordModule, providers: [
@@ -37342,7 +37646,7 @@ class FeatureRecordModule {
             MatTabsModule,
             UiWidgetsModule,
             TranslateModule,
-            TableComponent,
+            DataTableComponent,
             NgIconsModule,
             DropdownSelectorComponent] }); }
 }
@@ -37361,7 +37665,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         MatTabsModule,
                         UiWidgetsModule,
                         TranslateModule,
-                        TableComponent,
+                        DataTableComponent,
                         NgIconsModule,
                         DropdownSelectorComponent,
                     ],
@@ -37477,7 +37781,7 @@ class DataViewComponent {
         this.selectedLink$.next(link);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DataViewComponent, deps: [{ token: MdViewFacade }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DataViewComponent, isStandalone: true, selector: "gn-ui-data-view", inputs: { mode: "mode", displaySource: "displaySource" }, outputs: { chartConfig$: "chartConfig$" }, ngImport: i0, template: "<div class=\"w-full h-full flex flex-col p-1\">\n  <gn-ui-dropdown-selector\n    *ngIf=\"dropdownChoices$ | async as choices\"\n    [ngClass]=\"{ hidden: !displaySource }\"\n    [title]=\"'table.select.data' | translate\"\n    class=\"truncate p-1 -mx-1 self-end mb-1\"\n    extraBtnClass=\"!text-primary font-sans font-medium\"\n    [choices]=\"choices\"\n    (selectValue)=\"selectLink($event)\"\n  ></gn-ui-dropdown-selector>\n  <div class=\"relative h-[420px]\">\n    <gn-ui-table-view\n      *ngIf=\"mode === 'table'\"\n      [link]=\"selectedLink$ | async\"\n    ></gn-ui-table-view>\n    <gn-ui-chart-view\n      *ngIf=\"mode === 'chart'\"\n      (chartConfig$)=\"setChartConfig($event)\"\n      [link]=\"selectedLink$ | async\"\n    ></gn-ui-chart-view>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: DropdownSelectorComponent, selector: "gn-ui-dropdown-selector", inputs: ["title", "showTitle", "ariaName", "choices", "selected", "maxRows", "extraBtnClass", "minWidth", "disabled"], outputs: ["selectValue"] }, { kind: "component", type: TableViewComponent, selector: "gn-ui-table-view", inputs: ["link"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "component", type: ChartViewComponent, selector: "gn-ui-chart-view", inputs: ["link", "aggregation", "xProperty", "yProperty", "chartType"], outputs: ["chartConfig$"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DataViewComponent, isStandalone: true, selector: "gn-ui-data-view", inputs: { mode: "mode", displaySource: "displaySource" }, outputs: { chartConfig$: "chartConfig$" }, ngImport: i0, template: "<div class=\"w-full h-full flex flex-col p-1\">\n  <gn-ui-dropdown-selector\n    *ngIf=\"dropdownChoices$ | async as choices\"\n    [ngClass]=\"{ hidden: !displaySource }\"\n    [title]=\"'table.select.data' | translate\"\n    class=\"truncate p-1 -mx-1 self-end mb-1\"\n    extraBtnClass=\"!text-primary font-sans font-medium\"\n    [choices]=\"choices\"\n    (selectValue)=\"selectLink($event)\"\n  ></gn-ui-dropdown-selector>\n  <div class=\"relative h-[460px]\">\n    <gn-ui-table-view\n      *ngIf=\"mode === 'table'\"\n      [link]=\"selectedLink$ | async\"\n    ></gn-ui-table-view>\n    <gn-ui-chart-view\n      *ngIf=\"mode === 'chart'\"\n      (chartConfig$)=\"setChartConfig($event)\"\n      [link]=\"selectedLink$ | async\"\n    ></gn-ui-chart-view>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: DropdownSelectorComponent, selector: "gn-ui-dropdown-selector", inputs: ["title", "showTitle", "ariaName", "choices", "selected", "maxRows", "extraBtnClass", "minWidth", "disabled"], outputs: ["selectValue"] }, { kind: "component", type: TableViewComponent, selector: "gn-ui-table-view", inputs: ["link"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "component", type: ChartViewComponent, selector: "gn-ui-chart-view", inputs: ["link", "aggregation", "xProperty", "yProperty", "chartType"], outputs: ["chartConfig$"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DataViewComponent, decorators: [{
             type: Component,
@@ -37487,7 +37791,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         TableViewComponent,
                         TranslateModule,
                         ChartViewComponent,
-                    ], template: "<div class=\"w-full h-full flex flex-col p-1\">\n  <gn-ui-dropdown-selector\n    *ngIf=\"dropdownChoices$ | async as choices\"\n    [ngClass]=\"{ hidden: !displaySource }\"\n    [title]=\"'table.select.data' | translate\"\n    class=\"truncate p-1 -mx-1 self-end mb-1\"\n    extraBtnClass=\"!text-primary font-sans font-medium\"\n    [choices]=\"choices\"\n    (selectValue)=\"selectLink($event)\"\n  ></gn-ui-dropdown-selector>\n  <div class=\"relative h-[420px]\">\n    <gn-ui-table-view\n      *ngIf=\"mode === 'table'\"\n      [link]=\"selectedLink$ | async\"\n    ></gn-ui-table-view>\n    <gn-ui-chart-view\n      *ngIf=\"mode === 'chart'\"\n      (chartConfig$)=\"setChartConfig($event)\"\n      [link]=\"selectedLink$ | async\"\n    ></gn-ui-chart-view>\n  </div>\n</div>\n" }]
+                    ], template: "<div class=\"w-full h-full flex flex-col p-1\">\n  <gn-ui-dropdown-selector\n    *ngIf=\"dropdownChoices$ | async as choices\"\n    [ngClass]=\"{ hidden: !displaySource }\"\n    [title]=\"'table.select.data' | translate\"\n    class=\"truncate p-1 -mx-1 self-end mb-1\"\n    extraBtnClass=\"!text-primary font-sans font-medium\"\n    [choices]=\"choices\"\n    (selectValue)=\"selectLink($event)\"\n  ></gn-ui-dropdown-selector>\n  <div class=\"relative h-[460px]\">\n    <gn-ui-table-view\n      *ngIf=\"mode === 'table'\"\n      [link]=\"selectedLink$ | async\"\n    ></gn-ui-table-view>\n    <gn-ui-chart-view\n      *ngIf=\"mode === 'chart'\"\n      (chartConfig$)=\"setChartConfig($event)\"\n      [link]=\"selectedLink$ | async\"\n    ></gn-ui-chart-view>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: MdViewFacade }], propDecorators: { mode: [{
                 type: Input
             }], displaySource: [{
@@ -38034,7 +38338,7 @@ class RecordMetaComponent {
         this.meta.removeTag('property="og:url"');
         this.meta.removeTag('property="og:title"');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RecordMetaComponent, deps: [{ token: i1$e.Meta }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RecordMetaComponent, deps: [{ token: i1$d.Meta }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: RecordMetaComponent, isStandalone: true, selector: "gn-ui-record-meta", inputs: { metadata: "metadata" }, usesOnChanges: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RecordMetaComponent, decorators: [{
@@ -38045,7 +38349,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     standalone: true,
                 }]
-        }], ctorParameters: () => [{ type: i1$e.Meta }], propDecorators: { metadata: [{
+        }], ctorParameters: () => [{ type: i1$d.Meta }], propDecorators: { metadata: [{
                 type: Input
             }] } });
 
@@ -39109,7 +39413,7 @@ class ImportRecordComponent {
             },
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ImportRecordComponent, deps: [{ token: i1$f.Router }, { token: i1$1.TranslateService }, { token: i0.ChangeDetectorRef }, { token: NotificationsService }, { token: RecordsRepositoryInterface }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ImportRecordComponent, deps: [{ token: i1$e.Router }, { token: i1$1.TranslateService }, { token: i0.ChangeDetectorRef }, { token: NotificationsService }, { token: RecordsRepositoryInterface }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ImportRecordComponent, isStandalone: true, selector: "gn-ui-import-record", outputs: { closeImportMenu: "closeImportMenu" }, providers: [
             provideIcons({
                 iconoirImport,
@@ -39140,7 +39444,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                             size: '1.5em',
                         }),
                     ], template: "<ng-container [ngSwitch]=\"sectionDisplayed\">\n  <ng-container *ngSwitchCase=\"'mainMenu'\">\n    <div\n      data-test=\"importMenuMainSection\"\n      class=\"mt-2 border border-gray-100 p-2 flex items-center bg-white shadow-2xl rounded-2xl\"\n    >\n      <ul class=\"flex flex-col gap-2 w-full\">\n        <li *ngFor=\"let menuItem of importMenuItems\">\n          <gn-ui-button\n            [attr.data-test]=\"menuItem.dataTest\"\n            type=\"light\"\n            extraClass=\"flex flex-row items-center gap-2 w-full justify-start\"\n            (buttonClick)=\"menuItem.action()\"\n            [disabled]=\"menuItem.disabled\"\n            [title]=\"\n              (menuItem.disabled ? 'editor.temporary.disabled' : '') | translate\n            \"\n            ><ng-icon [name]=\"menuItem.icon\"></ng-icon\n            ><span>{{ menuItem.label }}</span></gn-ui-button\n          >\n        </li>\n      </ul>\n    </div>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"'importExternalFile'\">\n    <div\n      data-test=\"importMenuImportExternalFileSection\"\n      class=\"p-6 flex flex-col gap-2 mt-2 border border-gray-100 bg-white shadow-2xl rounded-2xl\"\n    >\n      <div class=\"flex flex-row items-center gap-2\">\n        <gn-ui-button\n          data-test=\"importMenuImportExternalFileSectionBackButton\"\n          type=\"light\"\n          (buttonClick)=\"displayMainMenu()\"\n        >\n          <ng-icon name=\"iconoirArrowLeft\"></ng-icon>\n        </gn-ui-button>\n        <span class=\"font-bold\" translate\n          >dashboard.importRecord.importExternal.title</span\n        >\n        <span translate>dashboard.importRecord.importExternal.subtitle</span>\n      </div>\n      <gn-ui-url-input\n        (uploadClick)=\"importRecord($event)\"\n        [disabled]=\"isRecordImportInProgress\"\n      ></gn-ui-url-input>\n    </div>\n  </ng-container>\n</ng-container>\n" }]
-        }], ctorParameters: () => [{ type: i1$f.Router }, { type: i1$1.TranslateService }, { type: i0.ChangeDetectorRef }, { type: NotificationsService }, { type: RecordsRepositoryInterface }], propDecorators: { closeImportMenu: [{
+        }], ctorParameters: () => [{ type: i1$e.Router }, { type: i1$1.TranslateService }, { type: i0.ChangeDetectorRef }, { type: NotificationsService }, { type: RecordsRepositoryInterface }], propDecorators: { closeImportMenu: [{
                 type: Output
             }] } });
 
@@ -41140,7 +41444,7 @@ class RouterService {
     getOrganizationPageRoute() {
         return ROUTER_ROUTE_ORGANIZATION;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RouterService, deps: [{ token: ROUTER_CONFIG }, { token: i1$f.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RouterService, deps: [{ token: ROUTER_CONFIG }, { token: i1$e.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RouterService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RouterService, decorators: [{
@@ -41151,7 +41455,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [ROUTER_CONFIG]
-                }] }, { type: i1$f.Router }] });
+                }] }, { type: i1$e.Router }] });
 
 const goAction = createAction('[Router] Go', props());
 const backAction = createAction('[Router] Back');
@@ -41456,12 +41760,12 @@ class RouterEffects {
         this.navigateBack$ = createEffect(() => this._actions$.pipe(ofType(backAction), tap$1(() => this._location.back())), { dispatch: false });
         this.navigateForward$ = createEffect(() => this._actions$.pipe(ofType(forwardAction), tap$1(() => this._location.forward())), { dispatch: false });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RouterEffects, deps: [{ token: i1$c.Actions }, { token: i1$f.Router }, { token: i1$2.Location }, { token: RouterFacade }, { token: ROUTER_CONFIG }, { token: FieldsService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RouterEffects, deps: [{ token: i1$c.Actions }, { token: i1$e.Router }, { token: i1$2.Location }, { token: RouterFacade }, { token: ROUTER_CONFIG }, { token: FieldsService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RouterEffects }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RouterEffects, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i1$c.Actions }, { type: i1$f.Router }, { type: i1$2.Location }, { type: RouterFacade }, { type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: i1$c.Actions }, { type: i1$e.Router }, { type: i1$2.Location }, { type: RouterFacade }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [ROUTER_CONFIG]
                 }] }, { type: FieldsService }] });
@@ -41521,5 +41825,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, AuthService, AutocompleteComponent, AvatarComponent, AvatarServiceInterface, BASEMAP_LAYERS, BadgeComponent, BaseConverter, BaseReader, BlockListComponent, ButtonComponent, CLEAR_ERROR, CLEAR_RESULTS, CarouselComponent, CatalogTitleComponent, ChartComponent, ChartViewComponent, CheckToggleComponent, CheckboxComponent, ChipsInputComponent, 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, 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, FormFieldWrapperComponent, FullTextSearchField, FuzzySearchComponent, GN_UI_VERSION, GeoTableViewComponent, GeocodingComponent, Gn4Converter, Gn4PlatformMapper, Gn4PlatformService, Gn4Repository, Gn4SettingsService, GpfApiDlComponent, GravatarService, HttpLoaderFactory, I18nInterceptor, ImageFallbackDirective, ImageInputComponent, ImageOverlayPreviewComponent, ImportRecordComponent, InteractiveTableColumnComponent, InteractiveTableComponent, 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, NavigationButtonComponent, 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_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_SEARCH, 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, SetConfigAggregations, SetConfigFilters, SetConfigRequestFields, SetError, SetFavoritesOnly, SetFilters, SetIncludeOnAggregation, SetPageSize, SetResultsAggregations, SetResultsHits, SetResultsLayout, SetSearch, SetSortBy, SetSpatialFilterEnabled, SimpleSearchField, SiteTitleComponent, SortByComponent, SortableListComponent, SourceLabelComponent, SourcesService, SpinningLoaderComponent, StarToggleComponent, StepBarComponent, StickyHeaderComponent, SupportedTypes, SwitchToggleComponent, THUMBNAIL_PLACEHOLDER, TRANSLATE_DEFAULT_CONFIG, TRANSLATE_WITH_OVERRIDES_CONFIG, TableComponent, 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, 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, tableItemFixture, toDate, totalPages, undoRecordDraft, unrecognizedKeysConfigFixture, updateRecordField, writeAttribute, wrongLanguageCodeConfigFixture, xmlToString };
+export { ADD_RESULTS, ADD_SEARCH, AbstractAction, AbstractSearchField, AddLayerFromCatalogComponent, AddLayerRecordPreviewComponent, AddResults, AddSearch, AnchorLinkDirective, ApiCardComponent, AuthService, AutocompleteComponent, AvailableServicesField, AvatarComponent, AvatarServiceInterface, BASEMAP_LAYERS, BadgeComponent, BaseConverter, BaseFileReader, BaseReader, BlockListComponent, ButtonComponent, CLEAR_ERROR, CLEAR_RESULTS, CarouselComponent, CatalogTitleComponent, ChartComponent, ChartViewComponent, CheckToggleComponent, CheckboxComponent, ChipsInputComponent, 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, FormFieldWrapperComponent, FullTextSearchField, FuzzySearchComponent, GN_UI_VERSION, GeoTableViewComponent, GeocodingComponent, GeojsonReader, Gn4Converter, Gn4PlatformMapper, Gn4PlatformService, Gn4Repository, Gn4SettingsService, GpfApiDlComponent, GravatarService, HttpLoaderFactory, I18nInterceptor, ImageFallbackDirective, ImageInputComponent, ImageOverlayPreviewComponent, ImportRecordComponent, InteractiveTableColumnComponent, InteractiveTableComponent, 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, NavigationButtonComponent, 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_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_SEARCH, 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, SetConfigAggregations, SetConfigFilters, SetConfigRequestFields, SetError, SetFavoritesOnly, SetFilters, SetIncludeOnAggregation, SetPageSize, SetResultsAggregations, SetResultsHits, SetResultsLayout, SetSearch, SetSortBy, SetSpatialFilterEnabled, SimpleSearchField, SiteTitleComponent, SortByComponent, SortableListComponent, SourceLabelComponent, SourcesService, SpinningLoaderComponent, StarToggleComponent, StepBarComponent, 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, 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, writeAttribute, wrongLanguageCodeConfigFixture, xmlToString };
 //# sourceMappingURL=geonetwork-ui.mjs.map