geonetwork-ui 2.11.0-dev.5c2e5295e → 2.11.0-dev.68d9eaa3a

package/fesm2022/geonetwork-ui.mjs

@@ -6,7 +6,7 @@ import GeoJSON from 'ol/format/GeoJSON.js';
 import { parse as parse$1 } from 'ol/xml.js';
 import { format } from 'date-fns/format';
 import { Namespace, Literal, lit, parse as parse$2, sym, BlankNode, graph } from 'rdflib';
-import { lastValueFrom, fromEvent, startWith, map as map$2, shareReplay, filter, pairwise, of, switchMap, Subject, combineLatest, from, exhaustMap, throwError, forkJoin, takeLast, firstValueFrom, merge, BehaviorSubject, timer, ReplaySubject, Subscription, first, distinctUntilChanged as distinctUntilChanged$1, animationFrameScheduler, debounceTime as debounceTime$1, Observable, buffer, tap as tap$2, combineLatestWith, take as take$1, catchError as catchError$1, takeUntil, EMPTY, mergeMap as mergeMap$1, withLatestFrom as withLatestFrom$1 } from 'rxjs';
+import { lastValueFrom, fromEvent, startWith, map as map$2, shareReplay, filter, pairwise, of, switchMap, Subject, forkJoin, combineLatest, from, exhaustMap, throwError, takeLast, firstValueFrom, merge, BehaviorSubject, timer, ReplaySubject, Subscription, first, distinctUntilChanged as distinctUntilChanged$1, animationFrameScheduler, debounceTime as debounceTime$1, Observable, buffer, tap as tap$2, combineLatestWith, take as take$1, catchError as catchError$1, takeUntil, EMPTY, mergeMap as mergeMap$1, withLatestFrom as withLatestFrom$1 } from 'rxjs';
 import * as i0 from '@angular/core';
 import { InjectionToken, inject, Injectable, NgModule, Injector, provideAppInitializer, makeEnvironmentProviders, ElementRef, HostListener, Input, Directive, Renderer2, DestroyRef, EventEmitter, Output, ViewChild, ChangeDetectionStrategy, Component, ViewEncapsulation, ChangeDetectorRef, HostBinding, ViewContainerRef, TemplateRef, ViewChildren, ContentChild, input, output, signal, viewChild, computed, ContentChildren, NgZone, ComponentFactoryResolver, afterNextRender, viewChildren } from '@angular/core';
 import { HttpClient, HttpHeaders, HttpParams, HTTP_INTERCEPTORS, provideHttpClient, withInterceptorsFromDi, HttpEventType } from '@angular/common/http';
@@ -79,10 +79,10 @@ import { ScrollingModule, CdkScrollable } from '@angular/cdk/scrolling';
 import Duration from 'duration-relativetimeformat';
 import { MatMenuModule, MatMenuTrigger } from '@angular/material/menu';
 import { trigger, transition, animate, keyframes, style } from '@angular/animations';
-import * as Papa from 'papaparse';
-import { parse as parse$4 } from 'date-fns/parse';
-import { parseISO } from 'date-fns/parseISO';
-import { WFS, GeoJSON as GeoJSON$1 } from 'ol/format.js';
+import * as duckdb from '@duckdb/duckdb-wasm';
+import { Vector, DataType } from 'apache-arrow';
+import WFS from 'ol/format/WFS';
+import GeoJSON$1 from 'ol/format/GeoJSON';
 import { Chart, BarController, BarElement, CategoryScale, LinearScale, LineController, LineElement, PointElement, PieController, ArcElement, ScatterController, Tooltip, Colors, Legend } from 'chart.js';
 import * as i2$4 from '@angular/material/sort';
 import { MatSortModule, MatSort } from '@angular/material/sort';
@@ -90,7 +90,6 @@ import * as i1$b from '@angular/material/table';
 import { MatTableModule } from '@angular/material/table';
 import * as i3 from '@angular/material/paginator';
 import { MatPaginatorIntl, MatPaginatorModule, MatPaginator } from '@angular/material/paginator';
-import { LetDirective } from '@ngrx/component';
 import { Meta } from '@angular/platform-browser';
 import { tablerFolderOpen } from '@ng-icons/tabler-icons';
 import * as i3$1 from '@angular/material/radio';
@@ -18907,14 +18906,29 @@ class Gn4FieldMapper {
                 featureTypes: selectField(source, 'featureTypes'),
             }, output),
             related: (output, source) => {
-                const fcatSource = selectField(getFirstValue(selectField(selectField(source, 'related'), 'fcats')) ?? {}, '_source');
+                const related = selectField(source, 'related');
+                const fcatSource = selectField(getFirstValue(selectField(related, 'fcats')) ?? {}, '_source');
                 const featureCatalogIdentifier = selectField(fcatSource, 'uuid');
-                const sourceOfLinks = getAsArray(selectField(selectField(source, 'related'), 'hassources'));
+                const sourceOfLinks = getAsArray(selectField(related, 'hassources'));
                 const sourceOfIdentifiers = sourceOfLinks
                     .filter((link) => link['origin'] === 'catalog')
                     .map((link) => {
                     return selectField(selectField(link, '_source'), 'uuid');
                 });
+                const siblingLinks = getAsArray(selectField(related, 'siblings'));
+                const siblings = siblingLinks
+                    .filter((link) => link['origin'] === 'catalog')
+                    .map((link) => ({
+                    uniqueIdentifier: selectField(selectField(link, '_source'), 'uuid'),
+                    associationType: getAssociationTypeFromCode(selectField(selectField(link, 'properties'), 'associationType')),
+                }));
+                const associatedLinks = getAsArray(selectField(related, 'associated'));
+                const associatedIdentifiers = associatedLinks
+                    .filter((link) => link['origin'] === 'catalog')
+                    .map((link) => {
+                    return selectField(selectField(link, '_source'), 'uuid');
+                })
+                    .filter((uuid) => !siblings.some((sibling) => sibling.uniqueIdentifier === uuid));
                 const extraValues = {};
                 if (featureCatalogIdentifier) {
                     extraValues.featureCatalogIdentifier = featureCatalogIdentifier;
@@ -18922,6 +18936,12 @@ class Gn4FieldMapper {
                 if (sourceOfIdentifiers && sourceOfIdentifiers.length > 0) {
                     extraValues.sourceOfIdentifiers = sourceOfIdentifiers;
                 }
+                if (associatedIdentifiers && associatedIdentifiers.length > 0) {
+                    extraValues.associatedIdentifiers = associatedIdentifiers;
+                }
+                if (siblings && siblings.length > 0) {
+                    extraValues.siblings = siblings;
+                }
                 return Object.keys(extraValues).length > 0
                     ? this.addExtra(extraValues, output)
                     : output;
@@ -20369,7 +20389,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
             }] } });
 
 var name = "geonetwork-ui";
-var version = "2.11.0-dev.5c2e5295e";
+var version = "2.11.0-dev.68d9eaa3a";
 var engines = {
 	node: ">=24"
 };
@@ -20408,11 +20428,12 @@ var peerDependencies = {
 };
 var dependencies = {
 	"@biesbjerg/ngx-translate-extract-marker": "~1.0.0",
-	"@camptocamp/ogc-client": "1.3.1-dev.bb345f0",
-	"@geospatial-sdk/core": "0.0.5-dev.61",
-	"@geospatial-sdk/geocoding": "0.0.5-dev.61",
-	"@geospatial-sdk/legend": "0.0.5-dev.61",
-	"@geospatial-sdk/openlayers": "0.0.5-dev.61",
+	"@camptocamp/ogc-client": "1.3.1-dev.200c02a",
+	"@duckdb/duckdb-wasm": "~1.32.0",
+	"@geospatial-sdk/core": "0.0.5-dev.78",
+	"@geospatial-sdk/geocoding": "0.0.5-dev.78",
+	"@geospatial-sdk/legend": "0.0.5-dev.78",
+	"@geospatial-sdk/openlayers": "0.0.5-dev.78",
 	"@ltd/j-toml": "~1.38.0",
 	"@messageformat/core": "~3.4.0",
 	"@ng-icons/core": "~32.5.0",
@@ -20420,7 +20441,7 @@ var dependencies = {
 	"@ng-icons/material-icons": "~32.5.0",
 	"@ng-icons/tabler-icons": "~32.4.0",
 	"@rgrove/parse-xml": "4.2.0",
-	alasql: "~4.17.0",
+	"apache-arrow": "~17.0.0",
 	"chart.js": "~4.5.1",
 	"chroma-js": "~3.2.0",
 	"date-fns": "4.1.0",
@@ -20433,7 +20454,6 @@ var dependencies = {
 	"ngx-dropzone": "~3.1.0",
 	"ngx-translate-messageformat-compiler": "~7.2.0",
 	ol: "~10.8.0",
-	papaparse: "~5.5.3",
 	proj4: "~2.20.4",
 	rdflib: "~2.3.5",
 	semver: "~7.7.4",
@@ -20678,6 +20698,7 @@ class ElasticsearchService {
                     values: uuids,
                 },
             },
+            size: uuids.length,
         };
     }
     getRelatedRecordPayload(record, size = 6, _source = [...ES_SOURCE_SUMMARY, 'createDate']) {
@@ -21229,7 +21250,7 @@ class Gn4Repository {
     }
     getRecord(uniqueIdentifier) {
         return this.gn4SearchApi
-            .search('bucket', ['fcats', 'hassources'], JSON.stringify(this.gn4SearchHelper.getMetadataByIdsPayload([uniqueIdentifier])))
+            .search('bucket', ['fcats', 'hassources', 'siblings', 'associated'], JSON.stringify(this.gn4SearchHelper.getMetadataByIdsPayload([uniqueIdentifier])))
             .pipe(map$1((results) => results.hits.hits[0]), switchMap((record) => record ? this.gn4Mapper.readRecord(record) : of(null)));
     }
     getMultipleRecords(uniqueIdentifiers) {
@@ -21283,19 +21304,28 @@ class Gn4Repository {
             .search('bucket', null, JSON.stringify(this.gn4SearchHelper.getRelatedRecordPayload(similarTo, 3)))
             .pipe(switchMap((results) => this.gn4Mapper.readRecords(results.hits.hits)));
     }
-    getSources(record) {
-        const sourcesIdentifiers = record.extras?.['sourcesIdentifiers'];
-        if (sourcesIdentifiers && sourcesIdentifiers.length > 0) {
-            return this.getMultipleRecords(sourcesIdentifiers);
-        }
-        return of(null);
-    }
-    getSourceOf(record) {
-        const sourceOfIdentifiers = record.extras?.['sourceOfIdentifiers'];
-        if (sourceOfIdentifiers && sourceOfIdentifiers.length > 0) {
-            return this.getMultipleRecords(sourceOfIdentifiers);
+    getLinkedRecords(record) {
+        const siblings = (record.extras?.['siblings'] ?? []);
+        const relations = [
+            ['source', (record.extras?.['sourcesIdentifiers'] ?? [])],
+            ['sourceOf', (record.extras?.['sourceOfIdentifiers'] ?? [])],
+            ['sibling', siblings.map(({ uniqueIdentifier }) => uniqueIdentifier)],
+            [
+                'associated',
+                (record.extras?.['associatedIdentifiers'] ?? []),
+            ],
+        ];
+        const requested = relations.filter(([, identifiers]) => identifiers.length > 0);
+        if (requested.length === 0) {
+            return of([]);
         }
-        return of(null);
+        return forkJoin(requested.map(([relation, identifiers]) => this.getMultipleRecords(identifiers).pipe(map$1((records) => (records ?? []).map((record) => ({
+            record,
+            relation,
+            associationType: relation === 'sibling'
+                ? siblings.find(({ uniqueIdentifier }) => uniqueIdentifier === record.uniqueIdentifier)?.associationType
+                : undefined,
+        }))), catchError(() => of([]))))).pipe(map$1((groups) => groups.flat()));
     }
     aggregate(params) {
         // if aggregations are empty, return an empty object right away
@@ -32512,8 +32542,7 @@ const closeMetadata = createAction('[Metadata view] close');
   Related actions
  */
 const setRelated = createAction('[Metadata view] Set related records', props());
-const setSources = createAction('[Metadata view] Set sources', props());
-const setSourceOf = createAction('[Metadata view] Set has sources', props());
+const setLinkedRecords = createAction('[Metadata view] Set associated records', props());
 /*
   ChartConfig actions
  */
@@ -32545,9 +32574,8 @@ var mdview_actions = /*#__PURE__*/Object.freeze({
     loadUserFeedbacksSuccess: loadUserFeedbacksSuccess,
     setChartConfig: setChartConfig,
     setIncompleteMetadata: setIncompleteMetadata,
-    setRelated: setRelated,
-    setSourceOf: setSourceOf,
-    setSources: setSources
+    setLinkedRecords: setLinkedRecords,
+    setRelated: setRelated
 });
 
 const METADATA_VIEW_FEATURE_STATE_KEY = 'metadataView';
@@ -32590,12 +32618,9 @@ on(loadFullMetadata, (state) => ({
 on(setRelated, (state, { related }) => ({
     ...state,
     related,
-})), on(setSources, (state, { sources }) => ({
+})), on(setLinkedRecords, (state, { linkedRecords }) => ({
     ...state,
-    sources,
-})), on(setSourceOf, (state, { sourceOf }) => ({
-    ...state,
-    sourceOf,
+    linkedRecords,
 })), 
 /*
   ChartConfig reducers
@@ -32657,8 +32682,7 @@ const getMetadataError = createSelector(getMdViewState, (state) => state.error);
   Related selectors
 */
 const getRelated = createSelector(getMdViewState, (state) => state.related);
-const getSources = createSelector(getMdViewState, (state) => state.sources);
-const getSourceOf = createSelector(getMdViewState, (state) => state.sourceOf);
+const getLinkedRecords = createSelector(getMdViewState, (state) => state.linkedRecords);
 /*
   Metadata selectors
 */
@@ -32759,212 +32783,10 @@ function parseHeaders(httpHeaders) {
     return result;
 }
 
-async function inferDatasetType(url, typeHint) {
-    const fileExtensionMatches = new URL(url, typeof window !== 'undefined' ? window.location.toString() : undefined).pathname.match(/\.(.+)$/);
-    const fileExtension = fileExtensionMatches && fileExtensionMatches.length
-        ? fileExtensionMatches[1].toLowerCase()
-        : null;
-    // 1. type hint
-    if (typeHint)
-        return Promise.resolve(typeHint);
-    // 2. content-type header
-    const headers = await fetchHeaders(url);
-    if ('supportedType' in headers)
-        return headers.supportedType;
-    // 3. file extension from url
-    else if (SupportedTypes.indexOf(fileExtension) > -1)
-        return fileExtension;
-    // no type inferred or hinted
-    if ('mimeType' in headers)
-        throw FetchError.unsupportedType(headers.mimeType);
-    else
-        throw FetchError.unknownType();
-}
-function fetchHeaders(url) {
-    return sharedFetch(url, 'HEAD')
-        .catch((error) => {
-        throw FetchError.corsOrNetwork(error.message);
-    })
-        .then((response) => {
-        if (!response.ok) {
-            throw FetchError.http(response.status);
-        }
-        return parseHeaders(response.headers);
-    });
-}
-function fetchDataAsText(url, cacheActive) {
-    const fetchFactory = () => sharedFetch(url)
-        .catch((error) => {
-        throw FetchError.corsOrNetwork(error.message);
-    })
-        .then(async (response) => {
-        if (!response.ok) {
-            const clonedResponse = response.clone();
-            throw FetchError.http(response.status, await clonedResponse.text());
-        }
-        const clonedResponse = response.clone();
-        return clonedResponse.text();
-    });
-    return cacheActive ? useCache(fetchFactory, url, 'asText') : fetchFactory();
-}
-function fetchDataAsArrayBuffer(url, cacheActive) {
-    const fetchFactory = () => sharedFetch(url)
-        .catch((error) => {
-        throw FetchError.corsOrNetwork(error.message);
-    })
-        .then(async (response) => {
-        if (!response.ok) {
-            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()));
-    });
-    return (cacheActive ? useCache(fetchFactory, url, 'asArrayBuffer') : fetchFactory()).then((array) => {
-        return new Uint8Array(array).buffer;
-    });
-}
-function tryParseDate(input) {
-    if (typeof input !== 'string')
-        return null;
-    function tryIso(value) {
-        const parsed = parseISO(value);
-        return isNaN(parsed.getDate()) ? null : parsed;
-    }
-    function tryFormat(value, format) {
-        const parsed = parse$4(value, format, new Date());
-        return isNaN(parsed.getDate()) ? null : parsed;
-    }
-    return (tryIso(input) ||
-        tryFormat(input, 'dd/MM/yyyy') ||
-        tryFormat(input, 'dd.MM.yyyy') ||
-        tryFormat(input, 'MM/dd/yyyy') ||
-        null);
-}
-function tryParseNumber(input) {
-    if (isNaN(input))
-        return null;
-    const parsed = parseFloat(input);
-    return isNaN(parsed) ? null : parsed;
-}
-function jsonToGeojsonFeature(object) {
-    const { id, properties } = Object.keys(object)
-        .map((property) => (property ? property : 'unknown')) //prevent empty strings
-        .reduce((prev, curr) => curr.toLowerCase().endsWith('id')
-        ? {
-            ...prev,
-            id: object[curr],
-        }
-        : {
-            ...prev,
-            properties: { ...prev.properties, [curr]: object[curr] },
-        }, { id: undefined, properties: {} });
-    return {
-        type: 'Feature',
-        geometry: null,
-        properties,
-        ...(id !== undefined && { id }),
-    };
-}
-function mutateProperties(items, mutators) {
-    const mutatorKeys = Object.keys(mutators);
-    for (let i = 0, ii = items.length; i < ii; i++) {
-        const item = items[i];
-        for (const mutatorField of mutatorKeys) {
-            if (!(mutatorField in item.properties))
-                continue;
-            item.properties[mutatorField] = mutators[mutatorField](item.properties[mutatorField]);
-        }
-    }
-    return items;
+const GEOMETRY_COLUMN_ALIAS = '__geometry__';
+function fieldToSql(name) {
+    return `"${name.replace(/"/g, '""')}"`; // escape double quotes in field names
 }
-const SAMPLE_SIZE = 20;
-/**
- * This will infer field types from a list of data items and cast the values accordingly
- * @param items
- * @param inferTypes
- */
-function processItemProperties(items, inferTypes = false) {
-    const foundFields = {};
-    for (let i = 0, ii = Math.min(SAMPLE_SIZE, items.length); i < ii; i++) {
-        const item = items[i];
-        const fields = Object.keys(item.properties);
-        for (const field of fields) {
-            if (!(field in foundFields)) {
-                foundFields[field] = {
-                    label: field,
-                    name: field,
-                    type: null,
-                };
-            }
-            const value = item.properties[field];
-            const info = foundFields[field];
-            if (value === undefined || value === '' || value === null)
-                continue;
-            if (!inferTypes) {
-                if (info.type === null && typeof value === 'number') {
-                    info.type = 'number';
-                }
-                else if (info.type === 'number' && typeof value !== 'number') {
-                    info.type = 'string';
-                }
-                continue;
-            }
-            const parsedNumber = tryParseNumber(value);
-            if (info.type === null && parsedNumber !== null) {
-                info.type = 'number';
-                continue;
-            }
-            else if (info.type === 'number' && parsedNumber === null) {
-                info.type = 'string';
-                continue;
-            }
-            const parsedDate = tryParseDate(value);
-            if (info.type === null && parsedDate !== null) {
-                info.type = 'date';
-            }
-            else if (info.type === 'date' && parsedDate === null) {
-                info.type = 'string';
-            }
-        }
-    }
-    const properties = [];
-    const mutators = {};
-    for (const field in foundFields) {
-        const info = foundFields[field];
-        if (info.type === 'number') {
-            mutators[field] = tryParseNumber;
-        }
-        else if (info.type === 'date') {
-            mutators[field] = tryParseDate;
-        }
-        properties.push({ ...info, type: info.type || 'string' });
-    }
-    if (inferTypes) {
-        mutateProperties(items, mutators);
-    }
-    return { items, properties };
-}
-/**
- * This creates a Proxy that allows reading and writing to the data item properties
- * as if it was a simple array of JSON objects
- * @param items
- */
-function getJsonDataItemsProxy(items) {
-    return new Proxy(items, {
-        get(target, p) {
-            if (typeof p === 'string' &&
-                !Number.isNaN(parseInt(p)) &&
-                target[p]?.properties) {
-                return target[p].properties;
-            }
-            return target[p];
-        },
-        set() {
-            throw new Error('This object is read-only');
-        },
-    });
-}
-
 function filterToSql(filter) {
     const operator = filter[0];
     const args = filter.slice(1);
@@ -32979,10 +32801,10 @@ function filterToSql(filter) {
         case '=':
         case '!=':
         case 'like':
-            return `[${args[0]}] ${operator.toUpperCase()} ${valueToSql(args[1])}`;
+            return `${fieldToSql(args[0])} ${operator.toUpperCase()} ${valueToSql(args[1])}`;
         case 'in': {
             const values = args.slice(1);
-            return `[${args[0]}] IN (${values.map(valueToSql).join(', ')})`;
+            return `${fieldToSql(args[0])} IN (${values.map(valueToSql).join(', ')})`;
         }
         case 'and':
         case 'or': {
@@ -33001,17 +32823,18 @@ function aggregationToSql(aggregation) {
     const field = aggregation[1];
     switch (operation) {
         case 'average':
-            return `AVG([${field}]) as [average(${field})]`;
+            return `CAST(AVG(${fieldToSql(field)}) AS DOUBLE) as ${fieldToSql(`average(${field})`)}`;
         case 'sum':
         case 'max':
         case 'min':
-            return `${operation.toUpperCase()}([${field}]) as [${operation}(${field})]`;
+            return `CAST(${operation.toUpperCase()}(${fieldToSql(field)}) AS DOUBLE) as ${fieldToSql(`${operation}(${field})`)}`;
         case 'count':
-            return 'COUNT(*) as [count()]';
+            return 'CAST(COUNT(*) AS INTEGER) as "count()"'; // we don't need Bigint precision here
     }
 }
 /**
  * Leave arguments at null if not used
+ * @param tableName
  * @param selected
  * @param filter
  * @param sort
@@ -33020,22 +32843,25 @@ function aggregationToSql(aggregation) {
  * @param groupBy
  * @param aggregations
  */
-function generateSqlQuery(selected = null, filter = null, sort = null, startIndex = null, count = null, groupBy = null, aggregations = null) {
+function generateSqlQuery(tableName, selected = null, filter = null, sort = null, startIndex = null, count = null, groupBy = null, aggregations = null, geometryColumn = null) {
     let sqlSelect = 'SELECT *';
-    const sqlFrom = ' FROM ?';
+    const sqlFrom = ` FROM ${tableName}`;
     let sqlOrderBy = '';
     let sqlWhere = '';
     let sqlLimit = '';
     let sqlGroupBy = '';
     if (selected !== null) {
-        sqlSelect = `SELECT ${selected.map((name) => `[${name}]`).join(', ')}`;
+        sqlSelect = `SELECT ${selected.map(fieldToSql).join(', ')}`;
+    }
+    if (geometryColumn !== null) {
+        sqlSelect += `, ST_AsGeoJSON(${fieldToSql(geometryColumn)}) as ${GEOMETRY_COLUMN_ALIAS}`;
     }
     if (filter !== null) {
         sqlWhere = ` WHERE ${filterToSql(filter)}`;
     }
     if (sort?.length) {
         sqlOrderBy = ` ORDER BY ${sort
-            .map((sort) => `[${sort[1]}] ${sort[0].toUpperCase()}`)
+            .map((sort) => `${fieldToSql(sort[1])} ${sort[0].toUpperCase()}`)
             .join(', ')}`;
     }
     if (startIndex !== null && count !== null) {
@@ -33045,17 +32871,212 @@ function generateSqlQuery(selected = null, filter = null, sort = null, startInde
         sqlSelect = `SELECT ${aggregations.map(aggregationToSql).join(', ')}`;
         const groupedByDistinct = groupBy.filter((group) => group[0] === 'distinct');
         const sqlGroupByFields = groupedByDistinct
-            .map((group) => `[${group[1]}]`)
+            .map((group) => fieldToSql(group[1]))
             .join(', ');
         const sqlGroupBySelect = groupedByDistinct
-            .map((group) => `[${group[1]}] as [distinct(${group[1]})]`)
+            .map((group) => `${fieldToSql(group[1])} as ${fieldToSql(`distinct(${group[1]})`)}`)
             .join(', ');
         if (sqlGroupByFields && sqlGroupBySelect) {
             sqlGroupBy = ` GROUP BY ${sqlGroupByFields}`;
             sqlSelect += `, ${sqlGroupBySelect}`;
         }
     }
-    return sqlSelect + sqlFrom + sqlGroupBy + sqlOrderBy + sqlWhere + sqlLimit;
+    return sqlSelect + sqlFrom + sqlGroupBy + sqlWhere + sqlOrderBy + sqlLimit;
+}
+
+function arrowTableToDataItems(table) {
+    const fields = table.schema.fields;
+    return table.toArray().map((row) => {
+        const rowJson = row.toJSON();
+        const feature = {
+            type: 'Feature',
+            geometry: null,
+            properties: {},
+        };
+        const keys = Object.keys(rowJson);
+        for (let i = 0; i < keys.length; i++) {
+            const key = keys[i];
+            const dataType = fields[i].type;
+            let value = rowJson[key];
+            // this might happen if we get an array inside a field
+            if (value instanceof Vector) {
+                value = Array.from(value);
+            }
+            // cast bigints to ints
+            if (typeof value === 'bigint') {
+                value = Number(value);
+            }
+            // rename columns with empty name
+            if (!key) {
+                feature.properties['unknown'] = value;
+                continue;
+            }
+            // assign properties that look like an id to the geojson `id` field
+            if (/^(object|feature)?_?id$/.test(key.toLowerCase()) &&
+                (typeof value == 'string' || typeof value === 'number')) {
+                feature.id = value;
+            }
+            // if a date is in timestamp (number) format, convert it to native
+            if (typeof value === 'number' &&
+                (DataType.isTimestamp(dataType) || DataType.isDate(dataType))) {
+                value = new Date(value);
+            }
+            // if a binary field (most likely a geometry column): skip
+            if (DataType.isBinary(dataType)) {
+                continue;
+            }
+            // geometry column
+            if (key === GEOMETRY_COLUMN_ALIAS && DataType.isUtf8(dataType)) {
+                feature.geometry = JSON.parse(value);
+                continue;
+            }
+            feature.properties[key] = value;
+        }
+        return feature;
+    });
+}
+
+// init code taken from https://github.com/duckdb/duckdb-wasm/blob/main/packages/duckdb-wasm/README.md
+const JSDELIVR_BUNDLES = duckdb.getJsDelivrBundles();
+// from https://duckdb.org/docs/current/sql/data_types/overview
+const typesMapping = {
+    INTEGER: 'number',
+    SMALLINT: 'number',
+    TINYINT: 'number',
+    BIGINT: 'number',
+    HUGEINT: 'number',
+    UINTEGER: 'number',
+    USMALLINT: 'number',
+    UTINYINT: 'number',
+    UBIGINT: 'number',
+    UHUGEINT: 'number',
+    DOUBLE: 'number',
+    BIGNUM: 'number',
+    DECIMAL: 'number',
+    NUMERIC: 'number',
+    FLOAT: 'number',
+    REAL: 'number',
+    'TIMESTAMP WITH TIME ZONE': 'date',
+    TIMESTAMP: 'date',
+    DATE: 'date',
+    CHAR: 'string',
+    VARCHAR: 'string',
+    TEXT: 'string',
+    UUID: 'string',
+    BLOB: 'string',
+    BIT: 'string',
+    INTERVAL: 'string',
+    LIST: 'string',
+    BOOLEAN: 'boolean',
+};
+class Engine {
+    async makeInit() {
+        const bundle = await duckdb.selectBundle(JSDELIVR_BUNDLES);
+        let worker_url = bundle.mainWorker;
+        // this is necessary to let browsers execute WASM code coming from a cross-origin host
+        if (worker_url.startsWith('https://')) {
+            worker_url = URL.createObjectURL(new Blob([`importScripts("${worker_url}");`], {
+                type: 'text/javascript',
+            }));
+        }
+        const worker = new Worker(worker_url);
+        const logger = new duckdb.ConsoleLogger(duckdb.LogLevel.WARNING);
+        this.db = new duckdb.AsyncDuckDB(logger, worker);
+        await this.db.instantiate(bundle.mainModule, bundle.pthreadWorker);
+        // setup duckdb options
+        const conn = await this.db.connect();
+        const timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
+        await conn.query(`INSTALL spatial; LOAD spatial;`);
+        await conn.query(`SET TimeZone = '${timezone}';`);
+        await conn.query(`SET threads = 1;`);
+        // await conn.query(`SET memory_limit = '2GB';`) // used for experimenting when we encounter memory issues
+        await conn.query(`SET preserve_insertion_order = false;`); // this reduces memory usage when loading a dataset
+        conn.close();
+        return this;
+    }
+    isReady() {
+        if (!this.init_) {
+            this.init_ = this.makeInit();
+        }
+        return this.init_;
+    }
+    /**
+     * Returns information about a dataset once it's loaded:
+     * - a list of properties description
+     * - the name of the dataset geometry column (null if no geometry present)
+     * @param datasetId name of the table under which the dataset will be stored
+     * @param loadQuery duckdb-specific query for creating a table out of the data
+     * @param forceReload if true, any existing data will be dropped and redownloaded
+     */
+    async loadFile(datasetId, loadQuery, forceReload = false) {
+        const conn = await this.db.connect();
+        let results;
+        // either we want to recreate the table, or we keep it if it already exists
+        const safeLoadQuery = forceReload
+            ? `DROP TABLE IF EXISTS ${datasetId};
+${loadQuery}`
+            : loadQuery.replace(/CREATE TABLE(?! IF NOT EXISTS)/gi, 'CREATE TABLE IF NOT EXISTS');
+        // create the table
+        try {
+            results = await conn.query(safeLoadQuery);
+        }
+        catch (e) {
+            throw new FetchError('parse', `DuckDB encountered an error when loading the data: ${e.message}`);
+        }
+        // read rows count
+        results = await conn.query(`SELECT count(*) FROM ${datasetId}`);
+        const { 'count_star()': recordsCount } = results.toArray()[0].toJSON();
+        // read columns
+        results = await conn.query(`SELECT * FROM information_schema.columns WHERE table_name = '${datasetId}';`);
+        let geometryColumn = null;
+        const properties = results
+            .toArray()
+            .map((row) => {
+            const rowObj = row.toJSON();
+            if (rowObj['data_type'] === 'GEOMETRY') {
+                // the geometry is not part of the properties
+                // note: right now we only keep one geometry column name, but if there are multiple they will
+                // all get discarded
+                geometryColumn = rowObj['column_name'];
+                return null;
+            }
+            return {
+                name: rowObj['column_name'],
+                label: rowObj['column_name'],
+                type: typesMapping[rowObj['data_type']] ?? 'other',
+            };
+        })
+            .filter((prop) => prop !== null);
+        conn.close();
+        return {
+            properties,
+            geometryColumn,
+            rowsCount: Number(recordsCount),
+        };
+    }
+    // register a Uint8 buffer using a handle in the duckdb instance
+    async registerData(name, buffer) {
+        return this.db.registerFileBuffer(name, buffer);
+    }
+    /**
+     * @param query duckdb-specific query for fetching items
+     */
+    async queryItems(query) {
+        const conn = await this.db.connect();
+        const results = await conn.query(query);
+        conn.close();
+        return arrowTableToDataItems(results);
+    }
+    close() {
+        this.db?.terminate();
+    }
+}
+let engine = null;
+async function getEngine() {
+    if (!engine) {
+        engine = new Engine();
+    }
+    return engine.isReady();
 }
 
 class BaseReader {
@@ -33068,10 +33089,18 @@ class BaseReader {
         this.sort = null;
         this.startIndex = null;
         this.count = null;
+        this.loadPromise_ = Promise.resolve();
+        this.cacheEnabled = false;
+    }
+    enableCache(enabled) {
+        this.cacheEnabled = enabled;
     }
     load() {
         throw new Error('not implemented');
     }
+    get isLoaded() {
+        return this.loadPromise_;
+    }
     get properties() {
         throw new Error('not implemented');
     }
@@ -33120,178 +33149,237 @@ class BaseReader {
     }
 }
 
-class BaseCacheReader extends BaseReader {
-    constructor(url, cacheActive = true) {
-        super(url);
-        this.url = url;
-        this.cacheActive = cacheActive;
-    }
-    setCacheActive(value) {
-        this.cacheActive = value;
-    }
-}
-
-class BaseFileReader extends BaseCacheReader {
-    getData() {
+/**
+ * This reader handles file formats supported natively by DuckDB
+ */
+class BaseFileReader extends BaseReader {
+    // a table id should not exceed 63 chars
+    generateDatasetId() {
+        // generate a hash out of the url
+        let hash = 0;
+        for (const char of this.url) {
+            hash = (hash << 5) - hash + char.charCodeAt(0);
+            hash = hash >>> 0; // make it unsigned
+        }
+        return `datafetcher_${hash.toString(16)}`;
+    }
+    async getLoadQuery() {
         throw new Error('not implemented');
     }
-    load() {
-        this.parseResult_ = this.getData();
+    async load() {
+        this.datasetId = this.generateDatasetId();
+        this.loadPromise_ = getEngine()
+            .then((engine) => {
+            this.engine = engine;
+            return this.getLoadQuery();
+        })
+            .then((loadQuery) => this.engine.loadFile(this.datasetId, loadQuery, !this.cacheEnabled))
+            .then((datasetInfo) => {
+            this.properties_ = datasetInfo.properties;
+            this.geometryColumn = datasetInfo.geometryColumn;
+            this.rowsCount = datasetInfo.rowsCount;
+            // returns void for the loaded promise
+        });
     }
     get properties() {
-        return this.parseResult_.then((result) => result.properties);
+        return this.isLoaded.then(() => this.properties_);
     }
     get info() {
-        return this.parseResult_.then((result) => ({
-            itemsCount: result.items.length,
+        return this.isLoaded.then(() => ({
+            itemsCount: this.rowsCount,
+            hasGeometry: !!this.geometryColumn,
         }));
     }
     async read() {
-        const items = (await this.parseResult_).items;
-        // no query defined: return the full results as is
-        if (this.groupedBy == null &&
-            this.aggregations == null &&
-            this.selected == null &&
-            this.sort == null &&
-            this.filter == null &&
-            this.startIndex == null &&
-            this.count == null) {
-            return items;
-        }
-        const jsonItems = getJsonDataItemsProxy(items);
-        const query = generateSqlQuery(this.selected, this.filter, this.sort, this.startIndex, this.count, this.groupedBy, this.aggregations);
-        const result = await import('alasql').then((module) => module.default(query, [jsonItems]));
-        return result.map(jsonToGeojsonFeature);
-    }
-}
-
-function parseCsv(text) {
-    // first parse the header to guess the delimiter
-    // note that we do that to not rely on Papaparse logic for guessing delimiter
-    let delimiter;
-    try {
-        const header = text.split('\n')[0];
-        const result = Papa.parse(header, {
-            header: false,
-        });
-        delimiter = result.meta.delimiter;
-    }
-    catch (e) {
-        throw new Error('CSV parsing failed: the delimiter could not be guessed');
-    }
-    const parsed = Papa.parse(text, {
-        header: true,
-        skipEmptyLines: true,
-        delimiter,
-    });
-    if (parsed.errors.length) {
-        throw new Error('CSV parsing failed for the following reasons:\n' +
-            parsed.errors
-                .map((error) => `* ${error.message} at row ${error.row}, column ${error.index}`)
-                .join('\n'));
+        await this.isLoaded;
+        // if only certain fields are selected, omit the geometry
+        const geometryColumn = this.selected === null ? this.geometryColumn : null;
+        const query = generateSqlQuery(this.datasetId, this.selected, this.filter, this.sort, this.startIndex, this.count, this.groupedBy, this.aggregations, geometryColumn);
+        return this.engine.queryItems(query);
     }
-    const items = parsed.data.map(jsonToGeojsonFeature);
-    return processItemProperties(items, true);
 }
+
 class CsvReader extends BaseFileReader {
-    getData() {
-        return fetchDataAsText(this.url, this.cacheActive).then(parseCsv);
+    async getLoadQuery() {
+        // first we get a list of columns hich have a detected type of VARCHAR
+        // then we make sure that for those columns, we don't cast an empty string to null; instead we want to keep the empty string
+        return `
+SET VARIABLE strColumns = (SELECT list(name) FROM (SELECT unnest(Columns, recursive := true) FROM sniff_csv("${this.url}")) WHERE type = 'VARCHAR');
+CREATE TABLE ${this.datasetId} AS SELECT * FROM read_csv("${this.url}",
+  force_not_null = getvariable('strColumns'),
+  auto_type_candidates = ['NULL', 'BOOLEAN', 'INTEGER', 'DOUBLE', 'DATE', 'VARCHAR']
+);`;
     }
 }
 
-/**
- * This parser only supports arrays of simple flat objects with properties
- * @param text
- */
-function parseJson(text) {
-    const parsed = JSON.parse(text);
-    if (!Array.isArray(parsed)) {
-        throw new Error('Could not parse JSON, expected an array at root level');
-    }
-    return processItemProperties(parsed.map(jsonToGeojsonFeature));
-}
 class JsonReader extends BaseFileReader {
-    getData() {
-        return fetchDataAsText(this.url, this.cacheActive).then(parseJson);
+    async getLoadQuery() {
+        return `
+CREATE TABLE ${this.datasetId} AS SELECT * FROM read_json("${this.url}",
+    maximum_object_size = 536870912 -- 500MB
+);`;
     }
 }
 
-/**
- * This parser supports both Geojson Feature collections or arrays
- * of Features
- * @param text
- */
-function parseGeojson(text) {
-    const parsed = JSON.parse(text);
-    const features = parsed.type === 'FeatureCollection' ? parsed.features : parsed;
-    if (!Array.isArray(features)) {
-        throw new Error('Could not parse GeoJSON, expected a features collection or an array of features at root level');
-    }
-    return processItemProperties(features);
-}
 class GeojsonReader extends BaseFileReader {
-    getData() {
-        return fetchDataAsText(this.url, this.cacheActive).then(parseGeojson);
+    async getLoadQuery() {
+        return `
+CREATE TABLE ${this.datasetId} AS SELECT * FROM st_read("${this.url}",
+    allowed_drivers = ['GeoJSON']
+);`;
     }
 }
 
+async function inferDatasetType(url, typeHint) {
+    const fileExtensionMatches = new URL(url, typeof window !== 'undefined' ? window.location.toString() : undefined).pathname.match(/\.(.+)$/);
+    const fileExtension = fileExtensionMatches && fileExtensionMatches.length
+        ? fileExtensionMatches[1].toLowerCase()
+        : null;
+    // 1. type hint
+    if (typeHint)
+        return Promise.resolve(typeHint);
+    // 2. content-type header
+    const headers = await fetchHeaders(url);
+    if ('supportedType' in headers)
+        return headers.supportedType;
+    // 3. file extension from url
+    else if (SupportedTypes.indexOf(fileExtension) > -1)
+        return fileExtension;
+    // no type inferred or hinted
+    if ('mimeType' in headers)
+        throw FetchError.unsupportedType(headers.mimeType);
+    else
+        throw FetchError.unknownType();
+}
+function fetchHeaders(url) {
+    return sharedFetch(url, 'HEAD')
+        .catch((error) => {
+        throw FetchError.corsOrNetwork(error.message);
+    })
+        .then((response) => {
+        if (!response.ok) {
+            throw FetchError.http(response.status);
+        }
+        return parseHeaders(response.headers);
+    });
+}
+function fetchDataAsText(url, cacheActive) {
+    const fetchFactory = () => sharedFetch(url)
+        .catch((error) => {
+        throw FetchError.corsOrNetwork(error.message);
+    })
+        .then(async (response) => {
+        if (!response.ok) {
+            const clonedResponse = response.clone();
+            throw FetchError.http(response.status, await clonedResponse.text());
+        }
+        const clonedResponse = response.clone();
+        return clonedResponse.text();
+    });
+    return cacheActive ? useCache(fetchFactory, url, 'asText') : fetchFactory();
+}
+function fetchDataAsArrayBuffer(url, cacheActive) {
+    const fetchFactory = () => sharedFetch(url)
+        .catch((error) => {
+        throw FetchError.corsOrNetwork(error.message);
+    })
+        .then(async (response) => {
+        if (!response.ok) {
+            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()));
+    });
+    return (cacheActive ? useCache(fetchFactory, url, 'asArrayBuffer') : fetchFactory()).then((array) => {
+        return new Uint8Array(array).buffer;
+    });
+}
 /**
- * This will read the first sheet of the excel workbook and expect the first
- * line to contain the properties names
- * @param buffer
+ * This creates a Proxy that allows reading and writing to the data item properties
+ * as if it was a simple array of JSON objects
+ * @param items
  */
-function parseExcel(buffer) {
-    return import('xlsx').then(({ read, utils }) => {
-        const workbook = read(buffer);
-        const sheet = workbook.Sheets[workbook.SheetNames[0]];
-        let json = utils.sheet_to_json(sheet);
-        if (!json.length) {
-            json = [];
-        }
-        return processItemProperties(json.map(jsonToGeojsonFeature), true);
+function getJsonDataItemsProxy(items) {
+    return new Proxy(items, {
+        get(target, p) {
+            if (typeof p === 'string' &&
+                !Number.isNaN(parseInt(p)) &&
+                target[p]?.properties) {
+                return target[p].properties;
+            }
+            return target[p];
+        },
+        set() {
+            throw new Error('This object is read-only');
+        },
     });
 }
+
 class ExcelReader extends BaseFileReader {
-    getData() {
-        return fetchDataAsArrayBuffer(this.url, this.cacheActive).then(parseExcel);
+    async getLoadQuery() {
+        // we download the file as an array buffer first, in order to be able to check if it's an XLS file
+        let buffer = await fetchDataAsArrayBuffer(this.url, this.cacheEnabled);
+        const bufferHandle = `B${this.datasetId}`;
+        // checking against the magic number at the beginning of XLS files, see https://en.wikipedia.org/wiki/List_of_file_signatures
+        const magicNumber = new Uint8Array(buffer, 0, 8); // first 8 bytes
+        const isXls = Array.from(magicNumber)
+            .map((n) => n.toString(16).toUpperCase())
+            .join(' ') === 'D0 CF 11 E0 A1 B1 1A E1';
+        // uh oh, this is an XLS file (not supported by duckdb); convert it to CSV using the xlsx package
+        if (isXls) {
+            buffer = await import('xlsx').then(({ read, utils }) => {
+                const workbook = read(buffer);
+                const json = utils.sheet_to_json(workbook.Sheets[workbook.SheetNames[0]]);
+                return new TextEncoder().encode(JSON.stringify(json)).buffer;
+            });
+        }
+        const duckDbFn = isXls ? 'read_json' : 'read_xlsx';
+        await this.engine.registerData(bufferHandle, new Uint8Array(buffer));
+        return `
+CREATE TABLE ${this.datasetId} AS SELECT * FROM ${duckDbFn}("${bufferHandle}", ignore_errors = true);`;
+    }
+}
+
+class GmlReader extends BaseFileReader {
+    async getLoadQuery() {
+        return `
+CREATE TABLE ${this.datasetId} AS SELECT * FROM st_read("${this.url}",
+    allowed_drivers = ['GML']
+);`;
     }
 }
 
-function parseGml(text, namespace, version) {
-    const splittedNamespace = namespace.split(':');
-    const regex = new RegExp(`xmlns:${splittedNamespace[0]}=["']([^'"]*)["']`);
+const formatGeojson = new GeoJSON$1();
+function parseGeojson(text) {
+    const parsed = JSON.parse(text);
+    const features = parsed.type === 'FeatureCollection' ? parsed.features : parsed;
+    if (!Array.isArray(features)) {
+        throw new Error('Could not parse GeoJSON, expected a features collection or an array of features at root level');
+    }
+    return features;
+}
+function parseGml(text, featureType, version) {
+    const parts = featureType.split(':');
+    const regex = new RegExp(`xmlns:${parts[0]}=["']([^'"]*)["']`);
     const match = regex.exec(text);
     if (match && match.length >= 2) {
-        const wf = new WFS({
+        const wfs = new WFS({
             featureNS: match[1],
-            featureType: splittedNamespace[1],
+            featureType: parts[1],
             version: version,
         });
         let features;
         try {
-            features = wf.readFeatures(text);
+            features = wfs.readFeatures(text);
         }
         catch (e) {
-            throw Error("Couldn't parse WFS with GML features");
+            throw Error(`Couldn't parse WFS with GML features: ${e.message}`);
         }
-        const geojsonItem = new GeoJSON$1().writeFeaturesObject(features);
-        return processItemProperties(geojsonItem.features, true);
+        const geojsonItem = formatGeojson.writeFeaturesObject(features);
+        return geojsonItem.features;
     }
     throw Error("Couldn't retrieve namespace url");
 }
-class GmlReader extends BaseFileReader {
-    constructor(url, namespace, version, cacheActive = true) {
-        super(url);
-        this.url = url;
-        this.namespace = namespace;
-        this.version = version;
-        this.cacheActive = cacheActive;
-    }
-    getData() {
-        return fetchDataAsText(this.url, this.cacheActive).then((text) => parseGml(text, this.namespace, this.version));
-    }
-}
-
 async function getWfsEndpoint(wfsUrl) {
     try {
         return await new WfsEndpoint(wfsUrl).isReady();
@@ -33319,21 +33407,65 @@ async function getWfsEndpoint(wfsUrl) {
         }
     }
 }
-class WfsReader extends BaseCacheReader {
-    constructor(url, wfsEndpoint, featureTypeName, cacheActive) {
-        super(url, cacheActive);
-        this.endpoint = wfsEndpoint;
-        this.featureTypeName = featureTypeName;
-        this.version = this.endpoint.getVersion();
+class WfsReader extends BaseReader {
+    constructor(url, featureTypeName) {
+        super(url);
+        this.endpoint = getWfsEndpoint(url);
+        this.featureType = this.endpoint
+            .then((endpoint) => {
+            const featureTypes = endpoint.getFeatureTypes();
+            return endpoint.getFeatureTypeFull(featureTypes.length === 1 && !featureTypeName
+                ? featureTypes[0].name
+                : featureTypeName);
+        })
+            .then((featureType) => {
+            if (!featureType) {
+                throw new Error('wfs.featuretype.notfound');
+            }
+            return featureType;
+        });
+    }
+    get backupReader() {
+        if (this.backupReader_) {
+            return this.backupReader_;
+        }
+        this.backupReader_ = Promise.all([this.endpoint, this.featureType]).then(([endpoint, featureType]) => {
+            let reader;
+            if (endpoint.supportsJson(featureType.name)) {
+                reader = new GeojsonReader(endpoint.getFeatureUrl(featureType.name, {
+                    asJson: true,
+                    outputCrs: 'EPSG:4326',
+                }));
+            }
+            else {
+                if (featureType.outputFormats.find((f) => f.toLowerCase().includes('gml')) &&
+                    (featureType.defaultCrs === 'EPSG:4326' ||
+                        featureType.otherCrs?.includes('EPSG:4326'))) {
+                    reader = new GmlReader(endpoint.getFeatureUrl(featureType.name, {
+                        outputFormat: featureType.outputFormats.find((f) => f.toLowerCase().includes('gml')),
+                        outputCrs: 'EPSG:4326',
+                    }));
+                }
+            }
+            reader.enableCache(this.cacheEnabled);
+            reader.load();
+            return reader;
+        });
+        return this.backupReader_;
     }
     get properties() {
-        return this.endpoint
-            .getFeatureTypeFull(this.featureTypeName)
-            .then((featureType) => Object.keys(featureType.properties).map((prop) => {
+        return this.featureType.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
+            let type;
+            if (originalType === 'float' || originalType === 'integer') {
+                type = 'number';
+            }
+            else if (originalType === 'boolean') {
+                type = 'string'; // we don't handle booleans yet in the data fetcher
+            }
+            else {
+                type = originalType;
+            }
             return {
                 name: prop,
                 label: prop,
@@ -33342,83 +33474,63 @@ class WfsReader extends BaseCacheReader {
         }));
     }
     get info() {
-        return this.endpoint.getFeatureTypeFull(this.featureTypeName).then((result) => ({
+        return this.featureType.then((result) => ({
             itemsCount: result.objectCount,
+            hasGeometry: !!result.geometryName,
         }));
     }
-    static async createReader(wfsUrlEndpoint, featureTypeName) {
-        const wfsEndpoint = await getWfsEndpoint(wfsUrlEndpoint);
-        const featureTypes = wfsEndpoint.getFeatureTypes();
-        const featureType = wfsEndpoint.getFeatureTypeSummary(featureTypes.length === 1 && !featureTypeName
-            ? featureTypes[0].name
-            : featureTypeName);
-        if (!featureType) {
-            throw new Error('wfs.featuretype.notfound');
-        }
-        if (wfsEndpoint.supportsStartIndex()) {
-            return new WfsReader(wfsUrlEndpoint, wfsEndpoint, featureType.name);
-        }
-        else if (wfsEndpoint.supportsJson(featureType.name)) {
-            return new GeojsonReader(wfsEndpoint.getFeatureUrl(featureType.name, {
-                asJson: true,
-                outputCrs: 'EPSG:4326',
-            }));
-        }
-        else {
-            if (featureType.outputFormats.find((f) => f.toLowerCase().includes('gml')) &&
-                (featureType.defaultCrs === 'EPSG:4326' ||
-                    featureType.otherCrs?.includes('EPSG:4326'))) {
-                return new GmlReader(wfsEndpoint.getFeatureUrl(featureType.name, {
-                    outputFormat: featureType.outputFormats.find((f) => f.toLowerCase().includes('gml')),
-                    outputCrs: 'EPSG:4326',
-                }), featureType.name, wfsEndpoint.getVersion());
-            }
-            throw new Error('wfs.geojsongml.notsupported');
-        }
+    load() {
+        // Nothing to load for Wfs
     }
-    async getData(aggregation, groupedBy) {
-        if (aggregation || groupedBy) {
-            return { items: await this.getQueryData() };
+    async read() {
+        const endpoint = await this.endpoint;
+        const featureType = await this.featureType;
+        // if we can't use the WFS protocol we fall back to the backup reader
+        if (this.aggregations || this.groupedBy || !endpoint.supportsStartIndex()) {
+            const backupReader = await this.backupReader;
+            backupReader.selectAll();
+            if (this.selected) {
+                backupReader.select(...this.selected);
+            }
+            if (this.aggregations) {
+                backupReader.aggregate(...this.aggregations);
+            }
+            if (this.groupedBy) {
+                backupReader.groupBy(...this.groupedBy);
+            }
+            if (this.sort) {
+                backupReader.orderBy(...this.sort);
+            }
+            if (this.startIndex !== null && this.count !== null) {
+                backupReader.limit(this.startIndex, this.count);
+            }
+            return backupReader.read();
         }
-        const asJson = this.endpoint.supportsJson(this.featureTypeName);
+        const asJson = endpoint.supportsJson(featureType.name);
         const attributes = this.selected ?? undefined;
-        let url = this.endpoint.getFeatureUrl(this.featureTypeName, {
+        let sortBy = null;
+        if (this.sort) {
+            const mapSort = (s) => [s[0] === 'desc' ? 'D' : 'A', s[1]];
+            sortBy = Array.isArray(this.sort[0])
+                ? this.sort.map(mapSort)
+                : mapSort(this.sort);
+        }
+        const url = endpoint.getFeatureUrl(featureType.name, {
             ...(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?
+            sortBy,
         });
-        if (Array.isArray(this.sort) && this.sort.length > 0) {
-            const finalUrl = new URL(url);
-            const sorts = this.sort
-                .map((fieldSort) => `${fieldSort[1]}+${fieldSort[0] === 'asc' ? 'A' : 'D'}`)
-                .join(',');
-            // Direct update on string url to prevent encoding of +A and +D
-            url = `${url}${finalUrl.search ? '&' : ''}SORTBY=${sorts}`;
-        }
-        return fetchDataAsText(url, this.cacheActive).then((text) => asJson
+        return fetchDataAsText(url, this.cacheEnabled).then((text) => asJson
             ? parseGeojson(text)
-            : parseGml(text, this.featureTypeName, this.version));
-    }
-    async getQueryData() {
-        const items = (await this.getData()).items;
-        const jsonItems = getJsonDataItemsProxy(items);
-        const query = generateSqlQuery(this.selected, this.filter, this.sort, this.startIndex, this.count, this.groupedBy, this.aggregations);
-        const result = await import('alasql').then((module) => module.default(query, [jsonItems]));
-        return result.map(jsonToGeojsonFeature);
-    }
-    load() {
-        // Nothing to load for Wfs
-    }
-    async read() {
-        return (await this.getData(this.aggregations, this.groupedBy)).items;
+            : parseGml(text, featureType.name, endpoint.getVersion()));
     }
 }
 
-async function openDataset(url, typeHint, options, cacheActive) {
-    const fileType = await inferDatasetType(url, typeHint);
+async function openDataset(url, options) {
+    const fileType = await inferDatasetType(url, options?.typeHint);
     let reader;
     try {
         switch (fileType) {
@@ -33435,18 +33547,18 @@ async function openDataset(url, typeHint, options, cacheActive) {
                 reader = new ExcelReader(url);
                 break;
             case 'gml':
-                reader = new GmlReader(url, options.namespace, options.wfsVersion);
+                reader = new GmlReader(url);
                 break;
             case 'wfs':
-                reader = await WfsReader.createReader(url, options.wfsFeatureType);
+                reader = new WfsReader(url, options?.wfsFeatureType);
                 break;
         }
-        reader.setCacheActive(cacheActive);
+        reader.enableCache(options?.enableCache ?? true);
         reader.load();
         return reader;
     }
     catch (e) {
-        //WfsReader may already raise a FetchError
+        // WfsReader may already raise a FetchError
         if (e instanceof FetchError)
             throw e;
         else
@@ -33457,13 +33569,13 @@ async function openDataset(url, typeHint, options, cacheActive) {
  * This fetches the full dataset at the given URL and parses it according to its mime type.
  * All items in the dataset are converted to GeoJSON features, even if they do not bear any spatial geometry.
  * File type can be either inferred (from the HTTP headers or the URL), or hinted using the 2nd argument
- * File type is determined liked so:
+ * File type is determined like so:
  *  1. if a type hint is given, use it
  *  2. otherwise, look for a Content-Type header in the response with a supported mime type
  *  3. if no valid mime type was found, look for an explicit file extension in the url (.csv, .geojson etc.)
  */
-async function readDataset(url, typeHint, options, cacheActive = true) {
-    const reader = await openDataset(url, typeHint, options, cacheActive);
+async function readDataset(url, options) {
+    const reader = await openDataset(url, options);
     try {
         return await reader.read();
     }
@@ -33694,9 +33806,11 @@ class DataService {
     getDataset(link, cacheActive) {
         if (link.type === 'service' && link.accessServiceProtocol === 'wfs') {
             const wfsUrlEndpoint = this.proxy.getProxiedUrl(link.url.toString());
-            return from(openDataset(wfsUrlEndpoint, 'wfs', {
+            return from(openDataset(wfsUrlEndpoint, {
+                typeHint: 'wfs',
                 wfsFeatureType: link.name,
-            }, cacheActive));
+                enableCache: cacheActive,
+            }));
         }
         else if (link.type === 'download') {
             const linkProxifiedUrl = this.proxy.getProxiedUrl(link.url.toString());
@@ -33704,12 +33818,15 @@ class DataService {
             const supportedType = SupportedTypes.indexOf(format) > -1
                 ? format
                 : undefined;
-            return from(openDataset(linkProxifiedUrl, supportedType, undefined, cacheActive)).pipe();
+            return from(openDataset(linkProxifiedUrl, {
+                typeHint: supportedType,
+                enableCache: cacheActive,
+            })).pipe();
         }
         else if (link.type === 'service' &&
             link.accessServiceProtocol === 'esriRest') {
             const url = this.getDownloadUrlFromEsriRest(link.url.toString(), 'geojson');
-            return from(openDataset(url, 'geojson', undefined, cacheActive)).pipe();
+            return from(openDataset(url, { typeHint: 'geojson', enableCache: cacheActive })).pipe();
         }
         else if (link.type === 'service' &&
             link.accessServiceProtocol === 'ogcFeatures') {
@@ -33723,7 +33840,10 @@ class DataService {
                 }
                 const urlWithoutLimit = new URL(geojsonUrl);
                 urlWithoutLimit.searchParams.delete('limit');
-                return openDataset(urlWithoutLimit.toString(), 'geojson', undefined, cacheActive);
+                return openDataset(urlWithoutLimit.toString(), {
+                    typeHint: 'geojson',
+                    enableCache: cacheActive,
+                });
             }));
         }
         return throwError(() => 'protocol not supported');
@@ -33975,20 +34095,31 @@ class DataTableComponent {
         this.eltRef = inject(ElementRef);
         this.cdr = inject(ChangeDetectorRef);
         this.translateService = inject(TranslateService);
-        this._featureAttributes = [];
+        this.columnsFromFeatureCatalog = null;
+        this.columnsFromDataset = [];
         this.selected = new EventEmitter();
-        this.properties$ = new BehaviorSubject(null);
         this.loading$ = new BehaviorSubject(false);
         this.error = null;
     }
     set featureAttributes(value) {
-        this._featureAttributes = value;
-        this.properties$.next(value.map((attr) => attr.value));
+        this.columnsFromFeatureCatalog = value.map((attrs) => ({
+            name: attrs.value,
+            label: attrs.label,
+        }));
     }
     set dataset(value) {
         this.dataset_ = value;
         this.dataset_.load();
-        this.dataset_.info.then((info) => (this.count = info.itemsCount));
+        this.dataset_.info.then((info) => {
+            this.count = info.itemsCount;
+            this.cdr.detectChanges();
+        });
+    }
+    get columns() {
+        return this.columnsFromFeatureCatalog ?? this.columnsFromDataset;
+    }
+    get columnNames() {
+        return this.columns.map((c) => c.name);
     }
     ngOnInit() {
         this.dataSource = new DataTableDataSource();
@@ -34023,11 +34154,12 @@ class DataTableComponent {
     }
     async readData() {
         this.loading$.next(true);
-        // wait for properties to be read
-        const properties = await firstValueFrom(this.properties$.pipe(filter((p) => !!p)));
-        const propsWithoutGeom = properties.filter((p) => !p.toLowerCase().startsWith('geom'));
-        this.dataset_.select(...propsWithoutGeom);
         try {
+            // wait for properties to be read
+            if (!this.columnsFromFeatureCatalog) {
+                this.columnsFromDataset = await this.dataset_.properties;
+            }
+            this.dataset_.select(...this.columnNames);
             await this.dataSource.showData(this.dataset_.read());
             this.error = null;
         }
@@ -34057,7 +34189,7 @@ class DataTableComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DataTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: DataTableComponent, isStandalone: true, selector: "gn-ui-data-table", inputs: { featureAttributes: "featureAttributes", dataset: "dataset", activeId: "activeId" }, outputs: { selected: "selected" }, providers: [{ provide: MatPaginatorIntl, useClass: CustomMatPaginatorIntl }], viewQueries: [{ propertyName: "sort", first: true, predicate: MatSort, descendants: true }, { propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"flex flex-col border border-gray-300 rounded-lg bg-white h-full\">\n  <div class=\"flex-1 overflow-y-hidden overflow-x-auto rounded-lg relative\">\n    <table\n      mat-table\n      [dataSource]=\"dataSource\"\n      matSort\n      (matSortChange)=\"setSort($event)\"\n      [matSortDisableClear]=\"true\"\n      *ngrxLet=\"properties$ as properties\"\n    >\n      @for (attr of _featureAttributes; track attr) {\n        <ng-container [matColumnDef]=\"attr.value\">\n          <th\n            mat-header-cell\n            *matHeaderCellDef\n            mat-sort-header\n            class=\"text-sm text-black bg-white\"\n          >\n            {{ attr.label }}\n          </th>\n          <td\n            mat-cell\n            *matCellDef=\"let element\"\n            class=\"whitespace-nowrap pr-1 truncate\"\n          >\n            {{ element[attr.value] }}\n          </td>\n        </ng-container>\n      }\n\n      <tr mat-header-row *matHeaderRowDef=\"properties; sticky: true\"></tr>\n      <tr\n        [id]=\"getRowEltId(row.id)\"\n        mat-row\n        *matRowDef=\"let row; columns: properties\"\n        (click)=\"selected.emit(row)\"\n        [class.active]=\"\n          activeId !== undefined && activeId !== null && row.id === activeId\n        \"\n      ></tr>\n    </table>\n    @if (loading$ | async) {\n      <gn-ui-loading-mask\n        class=\"sticky inset-0\"\n        [message]=\"'table.loading.data' | translate\"\n      ></gn-ui-loading-mask>\n    }\n    @if (error) {\n      <gn-ui-popup-alert\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    }\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: i1$b.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i1$b.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i1$b.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i1$b.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i1$b.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i1$b.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i1$b.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i1$b.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i1$b.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i1$b.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: MatPaginatorModule }, { kind: "component", type: i3.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "ngmodule", type: ScrollingModule }, { kind: "ngmodule", type: CommonModule }, { kind: "component", type: LoadingMaskComponent, selector: "gn-ui-loading-mask", inputs: ["message"] }, { kind: "component", type: PopupAlertComponent, selector: "gn-ui-popup-alert", inputs: ["icon", "type", "position"] }, { kind: "directive", type: LetDirective, selector: "[ngrxLet]", inputs: ["ngrxLet", "ngrxLetSuspenseTpl"] }, { kind: "directive", type: TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: DataTableComponent, isStandalone: true, selector: "gn-ui-data-table", inputs: { featureAttributes: "featureAttributes", dataset: "dataset", activeId: "activeId" }, outputs: { selected: "selected" }, providers: [{ provide: MatPaginatorIntl, useClass: CustomMatPaginatorIntl }], viewQueries: [{ propertyName: "sort", first: true, predicate: MatSort, descendants: true }, { propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"flex flex-col border border-gray-300 rounded-lg bg-white h-full\">\n  <div class=\"flex-1 overflow-y-hidden overflow-x-auto rounded-lg relative\">\n    <table\n      mat-table\n      [dataSource]=\"dataSource\"\n      matSort\n      (matSortChange)=\"setSort($event)\"\n      [matSortDisableClear]=\"true\"\n    >\n      @for (column of columns; track column) {\n        <ng-container [matColumnDef]=\"column.name\">\n          <th\n            mat-header-cell\n            *matHeaderCellDef\n            mat-sort-header\n            class=\"text-sm text-black bg-white\"\n          >\n            {{ column.label }}\n          </th>\n          <td\n            mat-cell\n            *matCellDef=\"let element\"\n            class=\"whitespace-nowrap pr-1 truncate\"\n          >\n            {{ element[column.name] }}\n          </td>\n        </ng-container>\n      }\n\n      <tr mat-header-row *matHeaderRowDef=\"columnNames; sticky: true\"></tr>\n      <tr\n        [id]=\"getRowEltId(row.id)\"\n        mat-row\n        *matRowDef=\"let row; columns: columnNames\"\n        (click)=\"selected.emit(row)\"\n        [class.active]=\"\n          activeId !== undefined && activeId !== null && row.id === activeId\n        \"\n      ></tr>\n    </table>\n    @if (loading$ | async) {\n      <gn-ui-loading-mask\n        class=\"sticky inset-0\"\n        [message]=\"'table.loading.data' | translate\"\n      ></gn-ui-loading-mask>\n    }\n    @if (error) {\n      <gn-ui-popup-alert\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    }\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: i1$b.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i1$b.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i1$b.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i1$b.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i1$b.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i1$b.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i1$b.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i1$b.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i1$b.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i1$b.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: MatPaginatorModule }, { kind: "component", type: i3.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "ngmodule", type: ScrollingModule }, { kind: "ngmodule", type: CommonModule }, { kind: "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: TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: DataTableComponent, decorators: [{
             type: Component,
@@ -34069,10 +34201,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
                         CommonModule,
                         LoadingMaskComponent,
                         PopupAlertComponent,
-                        LetDirective,
                         TranslatePipe,
                         TranslateDirective,
-                    ], providers: [{ provide: MatPaginatorIntl, useClass: CustomMatPaginatorIntl }], selector: 'gn-ui-data-table', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"flex flex-col border border-gray-300 rounded-lg bg-white h-full\">\n  <div class=\"flex-1 overflow-y-hidden overflow-x-auto rounded-lg relative\">\n    <table\n      mat-table\n      [dataSource]=\"dataSource\"\n      matSort\n      (matSortChange)=\"setSort($event)\"\n      [matSortDisableClear]=\"true\"\n      *ngrxLet=\"properties$ as properties\"\n    >\n      @for (attr of _featureAttributes; track attr) {\n        <ng-container [matColumnDef]=\"attr.value\">\n          <th\n            mat-header-cell\n            *matHeaderCellDef\n            mat-sort-header\n            class=\"text-sm text-black bg-white\"\n          >\n            {{ attr.label }}\n          </th>\n          <td\n            mat-cell\n            *matCellDef=\"let element\"\n            class=\"whitespace-nowrap pr-1 truncate\"\n          >\n            {{ element[attr.value] }}\n          </td>\n        </ng-container>\n      }\n\n      <tr mat-header-row *matHeaderRowDef=\"properties; sticky: true\"></tr>\n      <tr\n        [id]=\"getRowEltId(row.id)\"\n        mat-row\n        *matRowDef=\"let row; columns: properties\"\n        (click)=\"selected.emit(row)\"\n        [class.active]=\"\n          activeId !== undefined && activeId !== null && row.id === activeId\n        \"\n      ></tr>\n    </table>\n    @if (loading$ | async) {\n      <gn-ui-loading-mask\n        class=\"sticky inset-0\"\n        [message]=\"'table.loading.data' | translate\"\n      ></gn-ui-loading-mask>\n    }\n    @if (error) {\n      <gn-ui-popup-alert\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    }\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"] }]
+                    ], 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    >\n      @for (column of columns; track column) {\n        <ng-container [matColumnDef]=\"column.name\">\n          <th\n            mat-header-cell\n            *matHeaderCellDef\n            mat-sort-header\n            class=\"text-sm text-black bg-white\"\n          >\n            {{ column.label }}\n          </th>\n          <td\n            mat-cell\n            *matCellDef=\"let element\"\n            class=\"whitespace-nowrap pr-1 truncate\"\n          >\n            {{ element[column.name] }}\n          </td>\n        </ng-container>\n      }\n\n      <tr mat-header-row *matHeaderRowDef=\"columnNames; sticky: true\"></tr>\n      <tr\n        [id]=\"getRowEltId(row.id)\"\n        mat-row\n        *matRowDef=\"let row; columns: columnNames\"\n        (click)=\"selected.emit(row)\"\n        [class.active]=\"\n          activeId !== undefined && activeId !== null && row.id === activeId\n        \"\n      ></tr>\n    </table>\n    @if (loading$ | async) {\n      <gn-ui-loading-mask\n        class=\"sticky inset-0\"\n        [message]=\"'table.loading.data' | translate\"\n      ></gn-ui-loading-mask>\n    }\n    @if (error) {\n      <gn-ui-popup-alert\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    }\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"] }]
         }], propDecorators: { featureAttributes: [{
                 type: Input
             }], dataset: [{
@@ -34175,7 +34306,7 @@ class ChartViewComponent {
         }), shareReplay$1(1));
         this.properties$ = combineLatest([this.dataset$, this.featureCatalog$]).pipe(switchMap$1(([dataset, catalog]) => this.setProperties(dataset, catalog)), shareReplay$1(1));
         this.yChoices$ = this.properties$.pipe(map$1((properties) => properties
-            .filter((prop) => prop.type === 'number' || prop.type === 'date')
+            .filter((prop) => prop.type === 'number')
             .map((prop) => ({ value: prop.name, label: prop.label || prop.name }))), tap$1((choices) => {
             if (!choices.find((choice) => choice.value === this.yProperty$.value)) {
                 const newProp = choices[0]?.value || '';
@@ -34202,6 +34333,7 @@ class ChartViewComponent {
             this.aggregation$,
         ]).pipe(filter$1(([_, x, y]) => !!x || !!y), switchMap$1(([dataset, xProp, yProp, aggregation]) => {
             const fieldAgg = aggregation === 'count' ? ['count'] : [aggregation, yProp];
+            this.loading = true;
             return dataset
                 .groupBy(['distinct', xProp])
                 .aggregate(fieldAgg)
@@ -34443,6 +34575,7 @@ class GeoTableViewComponent {
         }));
     }
     async initMapContext() {
+        this.dataset.load();
         this.dataset.selectAll();
         return {
             layers: [
@@ -34616,8 +34749,7 @@ class MdViewFacade {
         }));
         this.error$ = this.store.pipe(select(getMetadataError));
         this.related$ = this.store.pipe(select(getRelated));
-        this.sources$ = this.store.pipe(select(getSources));
-        this.sourceOf$ = this.store.pipe(select(getSourceOf));
+        this.linkedRecords$ = this.store.pipe(select(getLinkedRecords));
         this.chartConfig$ = this.store.pipe(select(getChartConfig));
         this.allLinks$ = this.metadata$.pipe(map$1((record) => 'onlineResources' in record ? record.onlineResources : []), shareReplay$1(1));
         this.resourceDoi$ = this.metadata$.pipe(map$1((record) => {
@@ -34736,12 +34868,9 @@ class MdViewEffects {
         this.loadRelatedRecords$ = createEffect(() => this.actions$.pipe(ofType(loadFullMetadataSuccess), switchMap$1(({ full }) => this.recordsRepository.getSimilarRecords(full)), map$1((related) => {
             return setRelated({ related });
         }), catchError(() => of(setRelated({ related: null })))));
-        this.loadSources$ = createEffect(() => this.actions$.pipe(ofType(loadFullMetadataSuccess), switchMap$1(({ full }) => this.recordsRepository.getSources(full)), map$1((sources) => {
-            return setSources({ sources });
-        }), catchError(() => of(setSources({ sources: null })))));
-        this.loadSourceOf$ = createEffect(() => this.actions$.pipe(ofType(loadFullMetadataSuccess), switchMap$1(({ full }) => this.recordsRepository.getSourceOf(full)), map$1((sourceOf) => {
-            return setSourceOf({ sourceOf });
-        }), catchError(() => of(setSourceOf({ sourceOf: null })))));
+        this.loadLinkedRecords$ = createEffect(() => this.actions$.pipe(ofType(loadFullMetadataSuccess), switchMap$1(({ full }) => this.recordsRepository.getLinkedRecords(full)), map$1((linkedRecords) => {
+            return setLinkedRecords({ linkedRecords });
+        }), catchError(() => of(setLinkedRecords({ linkedRecords: null })))));
         /*
           UserFeedback effects
         */