geonetwork-ui 2.6.0-dev.3a78a5eaa → 2.6.0-dev.502fa026d

package/fesm2022/geonetwork-ui.mjs

@@ -72,13 +72,12 @@ import { createEffect, ofType, EffectsModule, Actions } from '@ngrx/effects';
 import { valid as valid$1 } from 'geojson-validation';
 import { trigger, transition, animate, keyframes, style } from '@angular/animations';
 import { queryDataGouvFr, queryGeonames, queryGeoadmin } from '@geospatial-sdk/geocoding';
-import { FeaturesClickEventType, FeaturesHoverEventType, MapClickEventType, computeMapContextDiff, createViewFromLayer } from '@geospatial-sdk/core';
+import { FeaturesClickEventType, FeaturesHoverEventType, MapClickEventType, SourceLoadErrorType, computeMapContextDiff, createViewFromLayer } from '@geospatial-sdk/core';
 import { listen, createMapFromContext, applyContextDiffToMap } from '@geospatial-sdk/openlayers';
 import { createLegendFromLayer } from '@geospatial-sdk/legend';
 import { defaults, DragPan, MouseWheelZoom } from 'ol/interaction';
 import { mouseOnly, noModifierKeys, primaryAction, platformModifierKeyOnly } from 'ol/events/condition';
 import { extend } from 'ol/extent';
-import { transformExtent } from 'ol/proj';
 import * as TOML from '@ltd/j-toml';
 import { Style, Fill, Stroke, Circle } from 'ol/style';
 import CircleStyle from 'ol/style/Circle';
@@ -18670,6 +18669,7 @@ var de = {
 	"datahub.search.filter.generatedByAPI": "Generiert durch eine API",
 	"datahub.search.filter.generatedByWfs": "",
 	"datahub.search.filter.others": "Andere",
+	"dataset.error.forbidden": "Der Zugriff auf diese Ressource ist eingeschränkt",
 	"dataset.error.http": "Die Daten konnten aufgrund eines HTTP-Fehlers nicht geladen werden: \"{ info }\"",
 	"dataset.error.network": "Die Daten konnten aufgrund eines Netzwerkfehlers oder CORS-Beschränkungen nicht geladen werden: \"{ info }\"",
 	"dataset.error.parse": "Die Daten wurden geladen, konnten aber nicht gelesen werden: \"{ info }\"",
@@ -19215,6 +19215,7 @@ var en = {
 	"datahub.search.filter.generatedByAPI": "Generated by an API",
 	"datahub.search.filter.generatedByWfs": "",
 	"datahub.search.filter.others": "Others",
+	"dataset.error.forbidden": "Access to this resource is restricted",
 	"dataset.error.http": "The data could not be loaded because of an HTTP error: \"{ info }\"",
 	"dataset.error.network": "The data could not be loaded because of a network error or CORS limitations: \"{ info }\"",
 	"dataset.error.parse": "The data was loaded but could not be parsed: \"{ info }\"",
@@ -19760,6 +19761,7 @@ var es = {
 	"datahub.search.filter.generatedByAPI": "",
 	"datahub.search.filter.generatedByWfs": "",
 	"datahub.search.filter.others": "",
+	"dataset.error.forbidden": "El acceso a este recurso está restringido",
 	"dataset.error.http": "",
 	"dataset.error.network": "",
 	"dataset.error.parse": "",
@@ -20305,6 +20307,7 @@ var fr = {
 	"datahub.search.filter.generatedByAPI": "généré par une API",
 	"datahub.search.filter.generatedByWfs": "généré par un WFS",
 	"datahub.search.filter.others": "Autres",
+	"dataset.error.forbidden": "L’accès à cette ressource est restreint",
 	"dataset.error.http": "Le chargement des données a échoué en raison d'une erreur HTTP: \"{ info }\"",
 	"dataset.error.network": "Le chargement des données a échoué en raison d'une erreur réseau ou de limitations CORS: \"{ info }\"",
 	"dataset.error.parse": "Les données ont été chargées mais leur décodage a échoué: \"{ info }\"",
@@ -20850,6 +20853,7 @@ var it = {
 	"datahub.search.filter.generatedByAPI": "generato da un'API",
 	"datahub.search.filter.generatedByWfs": "generato da un WFS",
 	"datahub.search.filter.others": "Altri",
+	"dataset.error.forbidden": "L'accesso a questa risorsa è limitato",
 	"dataset.error.http": "Il caricamento dei dati non è riuscito a causa di un errore HTTP: \"{info}\"",
 	"dataset.error.network": "Il caricamento dei dati non è riuscito a causa di un errore di rete o di limitazioni CORS: \"{info}\"",
 	"dataset.error.parse": "I dati sono stati caricati ma la decodifica non è riuscita: \"{info}\"",
@@ -21396,6 +21400,7 @@ var nl = {
 	"datahub.search.filter.generatedByAPI": "",
 	"datahub.search.filter.generatedByWfs": "",
 	"datahub.search.filter.others": "",
+	"dataset.error.forbidden": "",
 	"dataset.error.http": "",
 	"dataset.error.network": "",
 	"dataset.error.parse": "",
@@ -21941,6 +21946,7 @@ var pt = {
 	"datahub.search.filter.generatedByAPI": "",
 	"datahub.search.filter.generatedByWfs": "",
 	"datahub.search.filter.others": "",
+	"dataset.error.forbidden": "",
 	"dataset.error.http": "",
 	"dataset.error.network": "",
 	"dataset.error.parse": "",
@@ -32995,6 +33001,15 @@ class MapContainerComponent {
         }
         return this._mapClick;
     }
+    get sourceLoadError() {
+        if (!this._sourceLoadError) {
+            this.openlayersMap.then((olMap) => {
+                listen(olMap, SourceLoadErrorType, (error) => this._sourceLoadError.emit(error));
+            });
+            this._sourceLoadError = new EventEmitter();
+        }
+        return this._sourceLoadError;
+    }
     constructor(doNotUseDefaultBasemap, basemapLayers, mapViewConstraints) {
         this.doNotUseDefaultBasemap = doNotUseDefaultBasemap;
         this.basemapLayers = basemapLayers;
@@ -33055,7 +33070,7 @@ class MapContainerComponent {
         return processed;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MapContainerComponent, deps: [{ token: DO_NOT_USE_DEFAULT_BASEMAP }, { token: BASEMAP_LAYERS }, { token: MAP_VIEW_CONSTRAINTS }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MapContainerComponent, isStandalone: true, selector: "gn-ui-map-container", inputs: { context: "context" }, outputs: { featuresClick: "featuresClick", featuresHover: "featuresHover", mapClick: "mapClick" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MapContainerComponent, isStandalone: true, selector: "gn-ui-map-container", inputs: { context: "context" }, outputs: { featuresClick: "featuresClick", featuresHover: "featuresHover", mapClick: "mapClick", sourceLoadError: "sourceLoadError" }, providers: [
             provideIcons({ matSwipeOutline }),
             provideNgIconsConfig({
                 size: '1.5em',
@@ -33087,6 +33102,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Output
             }], mapClick: [{
                 type: Output
+            }], sourceLoadError: [{
+                type: Output
             }], container: [{
                 type: ViewChild,
                 args: ['map']
@@ -33123,6 +33140,10 @@ class MapLegendComponent {
                     this.legendStatusChange.emit(true);
                 }
             }
+            else {
+                this.legendHTML = false;
+                this.legendStatusChange.emit(false);
+            }
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MapLegendComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
@@ -33185,7 +33206,7 @@ class MapStateContainerComponent {
         this.mapFacade.selectFeatures(features);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MapStateContainerComponent, deps: [{ token: MapFacade }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MapStateContainerComponent, isStandalone: true, selector: "gn-ui-map-state-container", ngImport: i0, template: "<gn-ui-map-container\n  [context]=\"context$ | async\"\n  (featuresClick)=\"handleFeaturesClicked($event)\"\n></gn-ui-map-container>\n", styles: [""], dependencies: [{ kind: "component", type: MapContainerComponent, selector: "gn-ui-map-container", inputs: ["context"], outputs: ["featuresClick", "featuresHover", "mapClick"] }, { kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MapStateContainerComponent, isStandalone: true, selector: "gn-ui-map-state-container", ngImport: i0, template: "<gn-ui-map-container\n  [context]=\"context$ | async\"\n  (featuresClick)=\"handleFeaturesClicked($event)\"\n></gn-ui-map-container>\n", styles: [""], dependencies: [{ kind: "component", type: MapContainerComponent, selector: "gn-ui-map-container", inputs: ["context"], outputs: ["featuresClick", "featuresHover", "mapClick", "sourceLoadError"] }, { kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MapStateContainerComponent, decorators: [{
             type: Component,
@@ -33201,7 +33222,7 @@ class MapUtilsService {
             return null;
         }
         // extend all the spatial extents into an including bbox
-        const totalExtent = record.spatialExtents.reduce((prev, curr) => {
+        return record.spatialExtents.reduce((prev, curr) => {
             if ('bbox' in curr)
                 return extend(prev, curr.bbox);
             else if ('geometry' in curr) {
@@ -33210,7 +33231,6 @@ class MapUtilsService {
             }
             return prev;
         }, [Infinity, Infinity, -Infinity, -Infinity]);
-        return transformExtent(totalExtent, 'EPSG:4326', 'EPSG:3857');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MapUtilsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MapUtilsService, providedIn: 'root' }); }
@@ -34928,6 +34948,9 @@ ${body}`
             : `${code}`;
         return new FetchError('http', info, code);
     }
+    static forbidden(code) {
+        return new FetchError('forbidden', '', code);
+    }
     static corsOrNetwork(message) {
         return new FetchError('network', message, 0);
     }
@@ -35527,6 +35550,33 @@ class GmlReader extends BaseFileReader {
     }
 }
 
+async function getWfsEndpoint(wfsUrl) {
+    try {
+        return await new WfsEndpoint(wfsUrl).isReady();
+    }
+    catch (e) {
+        if (e instanceof Error &&
+            'isCrossOriginRelated' in e &&
+            'httpStatus' in e) {
+            const error = e;
+            if (error.isCrossOriginRelated === true) {
+                throw new Error(`wfs.unreachable.cors`);
+            }
+            if (error.httpStatus === 401 || error.httpStatus === 403) {
+                throw FetchError.forbidden(error.httpStatus);
+            }
+            else if (error.httpStatus === 400 || error.httpStatus > 403) {
+                throw FetchError.http(error.httpStatus);
+            }
+            else {
+                throw FetchError.unknownType();
+            }
+        }
+        else {
+            throw FetchError.unknownType();
+        }
+    }
+}
 class WfsReader extends BaseCacheReader {
     constructor(url, wfsEndpoint, featureTypeName, cacheActive) {
         super(url, cacheActive);
@@ -35555,7 +35605,7 @@ class WfsReader extends BaseCacheReader {
         }));
     }
     static async createReader(wfsUrlEndpoint, featureTypeName) {
-        const wfsEndpoint = await new WfsEndpoint(wfsUrlEndpoint).isReady();
+        const wfsEndpoint = await getWfsEndpoint(wfsUrlEndpoint);
         const featureTypes = wfsEndpoint.getFeatureTypes();
         const featureType = wfsEndpoint.getFeatureTypeSummary(featureTypes.length === 1 && !featureTypeName
             ? featureTypes[0].name
@@ -35654,7 +35704,11 @@ async function openDataset(url, typeHint, options, cacheActive) {
         return reader;
     }
     catch (e) {
-        throw FetchError.parsingFailed(e.message);
+        //WfsReader may already raise a FetchError
+        if (e instanceof FetchError)
+            throw e;
+        else
+            throw FetchError.parsingFailed(e.message);
     }
 }
 /**
@@ -35684,6 +35738,7 @@ function readDatasetHeaders(url) {
 
 marker('wfs.unreachable.cors');
 marker('wfs.unreachable.http');
+marker('dataset.error.forbidden');
 marker('wfs.unreachable.unknown');
 marker('wfs.featuretype.notfound');
 marker('wfs.geojsongml.notsupported');
@@ -36522,7 +36577,7 @@ class ChartViewComponent {
         this.changeDetector.detectChanges();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ChartViewComponent, deps: [{ token: DataService }, { 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: ChartViewComponent, isStandalone: true, selector: "gn-ui-chart-view", inputs: { cacheActive: "cacheActive", link: "link", aggregation: "aggregation", xProperty: "xProperty", yProperty: "yProperty", chartType: "chartType" }, outputs: { chartConfig$: "chartConfig$" }, ngImport: i0, template: "<div class=\"w-full h-full flex flex-col\">\n  <div\n    class=\"flex flex-col space-y-2 sm:flex-row sm:space-y-0 sm:space-x-2 justify-between text-[13px]\"\n  >\n    <gn-ui-dropdown-selector\n      class=\"basis-1/4\"\n      [choices]=\"typeChoices\"\n      [extraBtnClass]=\"'secondary min-w-full'\"\n      (selectValue)=\"chartType$.next($event)\"\n      [selected]=\"chartType$.value\"\n      [title]=\"'chart.dropdown.type' | translate\"\n    ></gn-ui-dropdown-selector>\n    <gn-ui-dropdown-selector\n      class=\"basis-1/4\"\n      [choices]=\"xChoices$ | async\"\n      [extraBtnClass]=\"'secondary min-w-full'\"\n      (selectValue)=\"xProperty$.next($event)\"\n      [selected]=\"xProperty$.value\"\n      [title]=\"'chart.dropdown.xProperty' | translate\"\n    ></gn-ui-dropdown-selector>\n    <gn-ui-dropdown-selector\n      class=\"basis-1/4\"\n      *ngIf=\"!isCountAggregation\"\n      [choices]=\"yChoices$ | async\"\n      (selectValue)=\"yProperty$.next($event)\"\n      [selected]=\"yProperty$.value\"\n      [title]=\"'chart.dropdown.yProperty' | translate\"\n      class=\"select-y-prop\"\n    ></gn-ui-dropdown-selector>\n    <gn-ui-dropdown-selector\n      class=\"basis-1/4\"\n      [choices]=\"aggregationChoices\"\n      class=\"aggregation-choices\"\n      (selectValue)=\"aggregation$.next($event)\"\n      [selected]=\"aggregation$.value\"\n      [title]=\"'chart.dropdown.aggregation' | translate\"\n    ></gn-ui-dropdown-selector>\n  </div>\n  <div\n    class=\"relative h-full mt-2 bg-white border border-gray-300 rounded-lg overflow-hidden\"\n  >\n    <gn-ui-chart\n      [data]=\"chartData$ | async\"\n      [type]=\"chartType$.value\"\n      [labelProperty]=\"labelProperty\"\n      [valueProperty]=\"valueProperty\"\n    ></gn-ui-chart>\n    <gn-ui-loading-mask\n      *ngIf=\"loading\"\n      class=\"absolute inset-0\"\n      [message]=\"'chart.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>{{ 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: DropdownSelectorComponent, selector: "gn-ui-dropdown-selector", inputs: ["title", "showTitle", "ariaName", "choices", "selected", "maxRows", "extraBtnClass", "minWidth", "disabled"], outputs: ["selectValue"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "component", type: ChartComponent, selector: "gn-ui-chart", inputs: ["data", "labelProperty", "valueProperty", "secondaryValueProperty", "type"] }, { kind: "component", type: LoadingMaskComponent, selector: "gn-ui-loading-mask", inputs: ["message"] }, { kind: "component", type: PopupAlertComponent, selector: "gn-ui-popup-alert", inputs: ["icon", "type", "position"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ChartViewComponent, isStandalone: true, selector: "gn-ui-chart-view", inputs: { cacheActive: "cacheActive", link: "link", aggregation: "aggregation", xProperty: "xProperty", yProperty: "yProperty", chartType: "chartType" }, outputs: { chartConfig$: "chartConfig$" }, ngImport: i0, template: "<div class=\"w-full h-full flex flex-col\">\n  <div\n    class=\"flex flex-col space-y-2 sm:flex-row sm:space-y-0 sm:space-x-2 justify-between text-[13px]\"\n  >\n    <gn-ui-dropdown-selector\n      class=\"basis-1/4\"\n      [choices]=\"typeChoices\"\n      [extraBtnClass]=\"'secondary min-w-full'\"\n      (selectValue)=\"chartType$.next($event)\"\n      [selected]=\"chartType$.value\"\n      [title]=\"'chart.dropdown.type' | translate\"\n    ></gn-ui-dropdown-selector>\n    <gn-ui-dropdown-selector\n      class=\"basis-1/4\"\n      [choices]=\"xChoices$ | async\"\n      [extraBtnClass]=\"'secondary min-w-full'\"\n      (selectValue)=\"xProperty$.next($event)\"\n      [selected]=\"xProperty$.value\"\n      [title]=\"'chart.dropdown.xProperty' | translate\"\n    ></gn-ui-dropdown-selector>\n    <gn-ui-dropdown-selector\n      class=\"basis-1/4\"\n      *ngIf=\"!isCountAggregation\"\n      [choices]=\"yChoices$ | async\"\n      (selectValue)=\"yProperty$.next($event)\"\n      [selected]=\"yProperty$.value\"\n      [title]=\"'chart.dropdown.yProperty' | translate\"\n      class=\"select-y-prop\"\n    ></gn-ui-dropdown-selector>\n    <gn-ui-dropdown-selector\n      class=\"basis-1/4\"\n      [choices]=\"aggregationChoices\"\n      class=\"aggregation-choices\"\n      (selectValue)=\"aggregation$.next($event)\"\n      [selected]=\"aggregation$.value\"\n      [title]=\"'chart.dropdown.aggregation' | translate\"\n    ></gn-ui-dropdown-selector>\n  </div>\n  <div\n    class=\"relative h-full mt-2 bg-white border border-gray-300 rounded-lg overflow-hidden\"\n  >\n    <gn-ui-chart\n      *ngIf=\"!error\"\n      [data]=\"chartData$ | async\"\n      [type]=\"chartType$.value\"\n      [labelProperty]=\"labelProperty\"\n      [valueProperty]=\"valueProperty\"\n    ></gn-ui-chart>\n    <gn-ui-loading-mask\n      *ngIf=\"loading\"\n      class=\"absolute inset-0\"\n      [message]=\"'chart.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>{{ 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: DropdownSelectorComponent, selector: "gn-ui-dropdown-selector", inputs: ["title", "showTitle", "ariaName", "choices", "selected", "maxRows", "extraBtnClass", "minWidth", "disabled"], outputs: ["selectValue"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "component", type: ChartComponent, selector: "gn-ui-chart", inputs: ["data", "labelProperty", "valueProperty", "secondaryValueProperty", "type"] }, { kind: "component", type: LoadingMaskComponent, selector: "gn-ui-loading-mask", inputs: ["message"] }, { kind: "component", type: PopupAlertComponent, selector: "gn-ui-popup-alert", inputs: ["icon", "type", "position"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ChartViewComponent, decorators: [{
             type: Component,
@@ -36533,7 +36588,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         ChartComponent,
                         LoadingMaskComponent,
                         PopupAlertComponent,
-                    ], standalone: true, template: "<div class=\"w-full h-full flex flex-col\">\n  <div\n    class=\"flex flex-col space-y-2 sm:flex-row sm:space-y-0 sm:space-x-2 justify-between text-[13px]\"\n  >\n    <gn-ui-dropdown-selector\n      class=\"basis-1/4\"\n      [choices]=\"typeChoices\"\n      [extraBtnClass]=\"'secondary min-w-full'\"\n      (selectValue)=\"chartType$.next($event)\"\n      [selected]=\"chartType$.value\"\n      [title]=\"'chart.dropdown.type' | translate\"\n    ></gn-ui-dropdown-selector>\n    <gn-ui-dropdown-selector\n      class=\"basis-1/4\"\n      [choices]=\"xChoices$ | async\"\n      [extraBtnClass]=\"'secondary min-w-full'\"\n      (selectValue)=\"xProperty$.next($event)\"\n      [selected]=\"xProperty$.value\"\n      [title]=\"'chart.dropdown.xProperty' | translate\"\n    ></gn-ui-dropdown-selector>\n    <gn-ui-dropdown-selector\n      class=\"basis-1/4\"\n      *ngIf=\"!isCountAggregation\"\n      [choices]=\"yChoices$ | async\"\n      (selectValue)=\"yProperty$.next($event)\"\n      [selected]=\"yProperty$.value\"\n      [title]=\"'chart.dropdown.yProperty' | translate\"\n      class=\"select-y-prop\"\n    ></gn-ui-dropdown-selector>\n    <gn-ui-dropdown-selector\n      class=\"basis-1/4\"\n      [choices]=\"aggregationChoices\"\n      class=\"aggregation-choices\"\n      (selectValue)=\"aggregation$.next($event)\"\n      [selected]=\"aggregation$.value\"\n      [title]=\"'chart.dropdown.aggregation' | translate\"\n    ></gn-ui-dropdown-selector>\n  </div>\n  <div\n    class=\"relative h-full mt-2 bg-white border border-gray-300 rounded-lg overflow-hidden\"\n  >\n    <gn-ui-chart\n      [data]=\"chartData$ | async\"\n      [type]=\"chartType$.value\"\n      [labelProperty]=\"labelProperty\"\n      [valueProperty]=\"valueProperty\"\n    ></gn-ui-chart>\n    <gn-ui-loading-mask\n      *ngIf=\"loading\"\n      class=\"absolute inset-0\"\n      [message]=\"'chart.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>{{ 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\n    class=\"flex flex-col space-y-2 sm:flex-row sm:space-y-0 sm:space-x-2 justify-between text-[13px]\"\n  >\n    <gn-ui-dropdown-selector\n      class=\"basis-1/4\"\n      [choices]=\"typeChoices\"\n      [extraBtnClass]=\"'secondary min-w-full'\"\n      (selectValue)=\"chartType$.next($event)\"\n      [selected]=\"chartType$.value\"\n      [title]=\"'chart.dropdown.type' | translate\"\n    ></gn-ui-dropdown-selector>\n    <gn-ui-dropdown-selector\n      class=\"basis-1/4\"\n      [choices]=\"xChoices$ | async\"\n      [extraBtnClass]=\"'secondary min-w-full'\"\n      (selectValue)=\"xProperty$.next($event)\"\n      [selected]=\"xProperty$.value\"\n      [title]=\"'chart.dropdown.xProperty' | translate\"\n    ></gn-ui-dropdown-selector>\n    <gn-ui-dropdown-selector\n      class=\"basis-1/4\"\n      *ngIf=\"!isCountAggregation\"\n      [choices]=\"yChoices$ | async\"\n      (selectValue)=\"yProperty$.next($event)\"\n      [selected]=\"yProperty$.value\"\n      [title]=\"'chart.dropdown.yProperty' | translate\"\n      class=\"select-y-prop\"\n    ></gn-ui-dropdown-selector>\n    <gn-ui-dropdown-selector\n      class=\"basis-1/4\"\n      [choices]=\"aggregationChoices\"\n      class=\"aggregation-choices\"\n      (selectValue)=\"aggregation$.next($event)\"\n      [selected]=\"aggregation$.value\"\n      [title]=\"'chart.dropdown.aggregation' | translate\"\n    ></gn-ui-dropdown-selector>\n  </div>\n  <div\n    class=\"relative h-full mt-2 bg-white border border-gray-300 rounded-lg overflow-hidden\"\n  >\n    <gn-ui-chart\n      *ngIf=\"!error\"\n      [data]=\"chartData$ | async\"\n      [type]=\"chartType$.value\"\n      [labelProperty]=\"labelProperty\"\n      [valueProperty]=\"valueProperty\"\n    ></gn-ui-chart>\n    <gn-ui-loading-mask\n      *ngIf=\"loading\"\n      class=\"absolute inset-0\"\n      [message]=\"'chart.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>{{ error }}</span>\n    </gn-ui-popup-alert>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: DataService }, { type: i0.ChangeDetectorRef }, { type: i1$1.TranslateService }], propDecorators: { cacheActive: [{
                 type: Input
             }], link: [{
@@ -36687,7 +36742,7 @@ class GeoTableViewComponent {
         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: { 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 }); }
+    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", "sourceLoadError"] }, { 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,
@@ -36750,7 +36805,7 @@ 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: { cacheActive: "cacheActive", 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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TableViewComponent, isStandalone: true, selector: "gn-ui-table-view", inputs: { cacheActive: "cacheActive", 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    <ng-content *ngIf=\"error\">\n      <div class=\"border border-gray-300 rounded-lg bg-white h-full\"></div>\n      <gn-ui-popup-alert\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    </ng-content>\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,
@@ -36760,7 +36815,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         LoadingMaskComponent,
                         PopupAlertComponent,
                         TranslateModule,
-                    ], 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" }]
+                    ], 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    <ng-content *ngIf=\"error\">\n      <div class=\"border border-gray-300 rounded-lg bg-white h-full\"></div>\n      <gn-ui-popup-alert\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    </ng-content>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: DataService }, { type: i1$1.TranslateService }], propDecorators: { cacheActive: [{
                 type: Input
             }], link: [{
@@ -37720,15 +37775,13 @@ class MapViewComponent {
     }
     onLegendStatusChange(status) {
         this.legendExists = status;
-        if (!status) {
-            this.showLegend = false;
-        }
     }
-    constructor(mdViewFacade, mapUtils, dataService, changeRef) {
+    constructor(mdViewFacade, mapUtils, dataService, changeRef, translateService) {
         this.mdViewFacade = mdViewFacade;
         this.mapUtils = mapUtils;
         this.dataService = dataService;
         this.changeRef = changeRef;
+        this.translateService = translateService;
         this.displaySource = true;
         this.excludeWfs$ = new BehaviorSubject(false);
         this.hidePreview = false;
@@ -37765,8 +37818,7 @@ class MapViewComponent {
             this.loading = true;
             this.error = null;
             return this.getLayerFromLink(link).pipe(map$1((layer) => [layer]), catchError((e) => {
-                this.error = e.message;
-                console.warn(e.stack || e.message);
+                this.handleError(e);
                 return of([]);
             }), finalize(() => (this.loading = false)));
         }));
@@ -37803,6 +37855,16 @@ class MapViewComponent {
         }
         this.changeRef.detectChanges();
     }
+    onSourceLoadError(error) {
+        if (error.httpStatus === 403 || error.httpStatus === 401) {
+            this.error = this.translateService.instant(`dataset.error.forbidden`);
+        }
+        else {
+            this.error = this.translateService.instant(`dataset.error.http`, {
+                info: error.httpStatus,
+            });
+        }
+    }
     resetSelection() {
         if (this.selection) {
             // FIXME: restore styling of selected feature
@@ -37842,8 +37904,26 @@ class MapViewComponent {
     selectLinkToDisplay(link) {
         this.selectedLinkIndex$.next(link);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MapViewComponent, deps: [{ token: MdViewFacade }, { token: MapUtilsService }, { token: DataService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MapViewComponent, isStandalone: true, selector: "gn-ui-map-view", inputs: { exceedsLimit: "exceedsLimit", displaySource: "displaySource" }, viewQueries: [{ propertyName: "mapContainer", first: true, predicate: ["mapContainer"], descendants: true }], ngImport: i0, template: "<div class=\"w-full h-full flex flex-col p-1\">\n  <div class=\"w-full flex justify-end\">\n    <gn-ui-dropdown-selector\n      [ngClass]=\"{ hidden: !displaySource }\"\n      class=\"truncate p-1 -mx-1 mb-1\"\n      extraBtnClass=\"!text-primary font-sans font-medium\"\n      [title]=\"'map.select.layer' | translate\"\n      [choices]=\"dropdownChoices$ | async\"\n      (selectValue)=\"selectLinkToDisplay($event)\"\n    ></gn-ui-dropdown-selector>\n    <gn-ui-external-viewer-button\n      class=\"shrink-0 py-1 place-self-end\"\n      [link]=\"selectedLink$ | async\"\n    >\n    </gn-ui-external-viewer-button>\n  </div>\n  <ng-container *ngIf=\"hidePreview; else mapView\">\n    <gn-ui-popup-alert\n      type=\"warning\"\n      icon=\"matErrorOutlineOutline\"\n      class=\"block h-12 p-1\"\n    >\n      <span translate>record.feature.limit</span>\n    </gn-ui-popup-alert>\n  </ng-container>\n  <ng-template #mapView>\n    <div\n      class=\"relative w-full h-full bg-white border border-gray-300 rounded-lg overflow-hidden\"\n    >\n      <gn-ui-map-container\n        #mapContainer\n        [context]=\"mapContext$ | async\"\n        (featuresClick)=\"onMapFeatureSelect($event)\"\n      ></gn-ui-map-container>\n      <div\n        class=\"top-[1em] right-[1em] p-3 bg-white absolute overflow-y-auto overflow-x-hidden max-h-72 w-56\"\n        [class.hidden]=\"!selection\"\n      >\n        <gn-ui-button\n          type=\"light\"\n          (buttonClick)=\"resetSelection()\"\n          style=\"\n            --gn-ui-button-padding: 0px;\n            --gn-ui-button-width: 24px;\n            --gn-ui-button-height: 24px;\n          \"\n          extraClass=\"absolute right-[0.5em] ml-[8px] mr-[10px]\"\n        >\n          <ng-icon name=\"matClose\" class=\"align-middle text-sm\"></ng-icon>\n        </gn-ui-button>\n        <gn-ui-feature-detail [feature]=\"selection\"></gn-ui-feature-detail>\n      </div>\n\n      <div\n        class=\"top-[1em] p-3 bg-white absolute overflow-y-auto overflow-x-hidden max-h-72 w-56\"\n        [ngClass]=\"{ 'right-[1em]': !selection, 'right-[16em]': selection }\"\n        [hidden]=\"!showLegend || !legendExists\"\n      >\n        <div class=\"flex justify-between items-center mb-2\">\n          <div class=\"text-primary font-bold\">Legend</div>\n          <gn-ui-button\n            type=\"light\"\n            (buttonClick)=\"toggleLegend()\"\n            style=\"\n              --gn-ui-button-padding: 0px;\n              --gn-ui-button-width: 24px;\n              --gn-ui-button-height: 24px;\n            \"\n            extraClass=\"ml-[8px] mr-[10px]\"\n          >\n            <ng-icon name=\"matClose\" class=\"align-middle text-sm\"></ng-icon>\n          </gn-ui-button>\n        </div>\n        <gn-ui-map-legend\n          [context]=\"mapContext$ | async\"\n          (legendStatusChange)=\"onLegendStatusChange($event)\"\n        ></gn-ui-map-legend>\n      </div>\n\n      <gn-ui-button\n        *ngIf=\"!showLegend && legendExists && !selection\"\n        type=\"outline\"\n        (buttonClick)=\"toggleLegend()\"\n        extraClass=\"absolute top-[1em] right-[1em] rounded p-1 text-xs bg-white\"\n      >\n        Legend\n      </gn-ui-button>\n\n      <gn-ui-loading-mask\n        *ngIf=\"loading\"\n        class=\"absolute inset-0\"\n        [message]=\"'map.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  </ng-template>\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: 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: 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"] }, { kind: "component", type: LoadingMaskComponent, selector: "gn-ui-loading-mask", inputs: ["message"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "component", type: ExternalViewerButtonComponent, selector: "gn-ui-external-viewer-button", inputs: ["link"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: MapLegendComponent, selector: "gn-ui-map-legend", inputs: ["context"], outputs: ["legendStatusChange"] }], viewProviders: [provideIcons({ matClose })], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    handleError(error) {
+        if (error instanceof FetchError) {
+            this.error = this.translateService.instant(`dataset.error.${error.type}`, {
+                info: error.info,
+            });
+            console.warn(error.message);
+        }
+        else if (error instanceof Error) {
+            this.error = this.translateService.instant(error.message);
+            console.warn(error.stack || error);
+        }
+        else {
+            this.error = this.translateService.instant(error);
+            console.warn(error);
+        }
+        this.loading = false;
+        this.changeRef.detectChanges();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MapViewComponent, deps: [{ token: MdViewFacade }, { token: MapUtilsService }, { token: DataService }, { 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: MapViewComponent, isStandalone: true, selector: "gn-ui-map-view", inputs: { exceedsLimit: "exceedsLimit", displaySource: "displaySource" }, viewQueries: [{ propertyName: "mapContainer", first: true, predicate: ["mapContainer"], descendants: true }], ngImport: i0, template: "<div class=\"w-full h-full flex flex-col p-1\">\n  <div class=\"w-full flex justify-end\">\n    <gn-ui-dropdown-selector\n      [ngClass]=\"{ hidden: !displaySource }\"\n      class=\"truncate p-1 -mx-1 mb-1\"\n      extraBtnClass=\"!text-primary font-sans font-medium\"\n      [title]=\"'map.select.layer' | translate\"\n      [choices]=\"dropdownChoices$ | async\"\n      (selectValue)=\"selectLinkToDisplay($event)\"\n    ></gn-ui-dropdown-selector>\n    <gn-ui-external-viewer-button\n      class=\"shrink-0 py-1 place-self-end\"\n      [link]=\"selectedLink$ | async\"\n    >\n    </gn-ui-external-viewer-button>\n  </div>\n  <ng-container *ngIf=\"hidePreview; else mapView\">\n    <gn-ui-popup-alert\n      type=\"warning\"\n      icon=\"matErrorOutlineOutline\"\n      class=\"block h-12 p-1\"\n    >\n      <span translate>record.feature.limit</span>\n    </gn-ui-popup-alert>\n  </ng-container>\n  <ng-template #mapView>\n    <div\n      class=\"relative w-full h-full bg-white border border-gray-300 rounded-lg overflow-hidden\"\n    >\n      <gn-ui-map-container\n        #mapContainer\n        [context]=\"mapContext$ | async\"\n        (featuresClick)=\"onMapFeatureSelect($event)\"\n        (sourceLoadError)=\"onSourceLoadError($event)\"\n      ></gn-ui-map-container>\n      <div\n        class=\"top-[1em] right-[1em] p-3 bg-white absolute overflow-y-auto overflow-x-hidden max-h-72 w-56\"\n        [class.hidden]=\"!selection\"\n      >\n        <gn-ui-button\n          type=\"light\"\n          (buttonClick)=\"resetSelection()\"\n          style=\"\n            --gn-ui-button-padding: 0px;\n            --gn-ui-button-width: 24px;\n            --gn-ui-button-height: 24px;\n          \"\n          extraClass=\"absolute right-[0.5em] ml-[8px] mr-[10px]\"\n        >\n          <ng-icon name=\"matClose\" class=\"align-middle text-sm\"></ng-icon>\n        </gn-ui-button>\n        <gn-ui-feature-detail [feature]=\"selection\"></gn-ui-feature-detail>\n      </div>\n\n      <div\n        class=\"top-[1em] p-3 bg-white absolute overflow-y-auto overflow-x-hidden max-h-72 w-56\"\n        [ngClass]=\"{ 'right-[1em]': !selection, 'right-[16em]': selection }\"\n        [hidden]=\"!showLegend || !legendExists\"\n      >\n        <div class=\"flex justify-between items-center mb-2\">\n          <div class=\"text-primary font-bold\">Legend</div>\n          <gn-ui-button\n            type=\"light\"\n            (buttonClick)=\"toggleLegend()\"\n            style=\"\n              --gn-ui-button-padding: 0px;\n              --gn-ui-button-width: 24px;\n              --gn-ui-button-height: 24px;\n            \"\n            extraClass=\"ml-[8px] mr-[10px]\"\n          >\n            <ng-icon name=\"matClose\" class=\"align-middle text-sm\"></ng-icon>\n          </gn-ui-button>\n        </div>\n        <gn-ui-map-legend\n          [context]=\"mapContext$ | async\"\n          (legendStatusChange)=\"onLegendStatusChange($event)\"\n        ></gn-ui-map-legend>\n      </div>\n\n      <gn-ui-button\n        *ngIf=\"!showLegend && legendExists && !selection\"\n        type=\"outline\"\n        (buttonClick)=\"toggleLegend()\"\n        extraClass=\"absolute top-[1em] right-[1em] rounded p-1 text-xs bg-white\"\n      >\n        Legend\n      </gn-ui-button>\n\n      <gn-ui-loading-mask\n        *ngIf=\"loading\"\n        class=\"absolute inset-0\"\n        [message]=\"'map.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  </ng-template>\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: MapContainerComponent, selector: "gn-ui-map-container", inputs: ["context"], outputs: ["featuresClick", "featuresHover", "mapClick", "sourceLoadError"] }, { kind: "component", type: FeatureDetailComponent, selector: "gn-ui-feature-detail", inputs: ["feature"] }, { 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"] }, { kind: "component", type: LoadingMaskComponent, selector: "gn-ui-loading-mask", inputs: ["message"] }, { kind: "component", type: NgIconComponent, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "component", type: ExternalViewerButtonComponent, selector: "gn-ui-external-viewer-button", inputs: ["link"] }, { kind: "component", type: ButtonComponent, selector: "gn-ui-button", inputs: ["type", "disabled", "extraClass"], outputs: ["buttonClick"] }, { kind: "component", type: MapLegendComponent, selector: "gn-ui-map-legend", inputs: ["context"], outputs: ["legendStatusChange"] }], viewProviders: [provideIcons({ matClose })], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MapViewComponent, decorators: [{
             type: Component,
@@ -37859,8 +37939,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         ExternalViewerButtonComponent,
                         ButtonComponent,
                         MapLegendComponent,
-                    ], viewProviders: [provideIcons({ matClose })], template: "<div class=\"w-full h-full flex flex-col p-1\">\n  <div class=\"w-full flex justify-end\">\n    <gn-ui-dropdown-selector\n      [ngClass]=\"{ hidden: !displaySource }\"\n      class=\"truncate p-1 -mx-1 mb-1\"\n      extraBtnClass=\"!text-primary font-sans font-medium\"\n      [title]=\"'map.select.layer' | translate\"\n      [choices]=\"dropdownChoices$ | async\"\n      (selectValue)=\"selectLinkToDisplay($event)\"\n    ></gn-ui-dropdown-selector>\n    <gn-ui-external-viewer-button\n      class=\"shrink-0 py-1 place-self-end\"\n      [link]=\"selectedLink$ | async\"\n    >\n    </gn-ui-external-viewer-button>\n  </div>\n  <ng-container *ngIf=\"hidePreview; else mapView\">\n    <gn-ui-popup-alert\n      type=\"warning\"\n      icon=\"matErrorOutlineOutline\"\n      class=\"block h-12 p-1\"\n    >\n      <span translate>record.feature.limit</span>\n    </gn-ui-popup-alert>\n  </ng-container>\n  <ng-template #mapView>\n    <div\n      class=\"relative w-full h-full bg-white border border-gray-300 rounded-lg overflow-hidden\"\n    >\n      <gn-ui-map-container\n        #mapContainer\n        [context]=\"mapContext$ | async\"\n        (featuresClick)=\"onMapFeatureSelect($event)\"\n      ></gn-ui-map-container>\n      <div\n        class=\"top-[1em] right-[1em] p-3 bg-white absolute overflow-y-auto overflow-x-hidden max-h-72 w-56\"\n        [class.hidden]=\"!selection\"\n      >\n        <gn-ui-button\n          type=\"light\"\n          (buttonClick)=\"resetSelection()\"\n          style=\"\n            --gn-ui-button-padding: 0px;\n            --gn-ui-button-width: 24px;\n            --gn-ui-button-height: 24px;\n          \"\n          extraClass=\"absolute right-[0.5em] ml-[8px] mr-[10px]\"\n        >\n          <ng-icon name=\"matClose\" class=\"align-middle text-sm\"></ng-icon>\n        </gn-ui-button>\n        <gn-ui-feature-detail [feature]=\"selection\"></gn-ui-feature-detail>\n      </div>\n\n      <div\n        class=\"top-[1em] p-3 bg-white absolute overflow-y-auto overflow-x-hidden max-h-72 w-56\"\n        [ngClass]=\"{ 'right-[1em]': !selection, 'right-[16em]': selection }\"\n        [hidden]=\"!showLegend || !legendExists\"\n      >\n        <div class=\"flex justify-between items-center mb-2\">\n          <div class=\"text-primary font-bold\">Legend</div>\n          <gn-ui-button\n            type=\"light\"\n            (buttonClick)=\"toggleLegend()\"\n            style=\"\n              --gn-ui-button-padding: 0px;\n              --gn-ui-button-width: 24px;\n              --gn-ui-button-height: 24px;\n            \"\n            extraClass=\"ml-[8px] mr-[10px]\"\n          >\n            <ng-icon name=\"matClose\" class=\"align-middle text-sm\"></ng-icon>\n          </gn-ui-button>\n        </div>\n        <gn-ui-map-legend\n          [context]=\"mapContext$ | async\"\n          (legendStatusChange)=\"onLegendStatusChange($event)\"\n        ></gn-ui-map-legend>\n      </div>\n\n      <gn-ui-button\n        *ngIf=\"!showLegend && legendExists && !selection\"\n        type=\"outline\"\n        (buttonClick)=\"toggleLegend()\"\n        extraClass=\"absolute top-[1em] right-[1em] rounded p-1 text-xs bg-white\"\n      >\n        Legend\n      </gn-ui-button>\n\n      <gn-ui-loading-mask\n        *ngIf=\"loading\"\n        class=\"absolute inset-0\"\n        [message]=\"'map.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  </ng-template>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: MdViewFacade }, { type: MapUtilsService }, { type: DataService }, { type: i0.ChangeDetectorRef }], propDecorators: { exceedsLimit: [{
+                    ], viewProviders: [provideIcons({ matClose })], template: "<div class=\"w-full h-full flex flex-col p-1\">\n  <div class=\"w-full flex justify-end\">\n    <gn-ui-dropdown-selector\n      [ngClass]=\"{ hidden: !displaySource }\"\n      class=\"truncate p-1 -mx-1 mb-1\"\n      extraBtnClass=\"!text-primary font-sans font-medium\"\n      [title]=\"'map.select.layer' | translate\"\n      [choices]=\"dropdownChoices$ | async\"\n      (selectValue)=\"selectLinkToDisplay($event)\"\n    ></gn-ui-dropdown-selector>\n    <gn-ui-external-viewer-button\n      class=\"shrink-0 py-1 place-self-end\"\n      [link]=\"selectedLink$ | async\"\n    >\n    </gn-ui-external-viewer-button>\n  </div>\n  <ng-container *ngIf=\"hidePreview; else mapView\">\n    <gn-ui-popup-alert\n      type=\"warning\"\n      icon=\"matErrorOutlineOutline\"\n      class=\"block h-12 p-1\"\n    >\n      <span translate>record.feature.limit</span>\n    </gn-ui-popup-alert>\n  </ng-container>\n  <ng-template #mapView>\n    <div\n      class=\"relative w-full h-full bg-white border border-gray-300 rounded-lg overflow-hidden\"\n    >\n      <gn-ui-map-container\n        #mapContainer\n        [context]=\"mapContext$ | async\"\n        (featuresClick)=\"onMapFeatureSelect($event)\"\n        (sourceLoadError)=\"onSourceLoadError($event)\"\n      ></gn-ui-map-container>\n      <div\n        class=\"top-[1em] right-[1em] p-3 bg-white absolute overflow-y-auto overflow-x-hidden max-h-72 w-56\"\n        [class.hidden]=\"!selection\"\n      >\n        <gn-ui-button\n          type=\"light\"\n          (buttonClick)=\"resetSelection()\"\n          style=\"\n            --gn-ui-button-padding: 0px;\n            --gn-ui-button-width: 24px;\n            --gn-ui-button-height: 24px;\n          \"\n          extraClass=\"absolute right-[0.5em] ml-[8px] mr-[10px]\"\n        >\n          <ng-icon name=\"matClose\" class=\"align-middle text-sm\"></ng-icon>\n        </gn-ui-button>\n        <gn-ui-feature-detail [feature]=\"selection\"></gn-ui-feature-detail>\n      </div>\n\n      <div\n        class=\"top-[1em] p-3 bg-white absolute overflow-y-auto overflow-x-hidden max-h-72 w-56\"\n        [ngClass]=\"{ 'right-[1em]': !selection, 'right-[16em]': selection }\"\n        [hidden]=\"!showLegend || !legendExists\"\n      >\n        <div class=\"flex justify-between items-center mb-2\">\n          <div class=\"text-primary font-bold\">Legend</div>\n          <gn-ui-button\n            type=\"light\"\n            (buttonClick)=\"toggleLegend()\"\n            style=\"\n              --gn-ui-button-padding: 0px;\n              --gn-ui-button-width: 24px;\n              --gn-ui-button-height: 24px;\n            \"\n            extraClass=\"ml-[8px] mr-[10px]\"\n          >\n            <ng-icon name=\"matClose\" class=\"align-middle text-sm\"></ng-icon>\n          </gn-ui-button>\n        </div>\n        <gn-ui-map-legend\n          [context]=\"mapContext$ | async\"\n          (legendStatusChange)=\"onLegendStatusChange($event)\"\n        ></gn-ui-map-legend>\n      </div>\n\n      <gn-ui-button\n        *ngIf=\"!showLegend && legendExists && !selection\"\n        type=\"outline\"\n        (buttonClick)=\"toggleLegend()\"\n        extraClass=\"absolute top-[1em] right-[1em] rounded p-1 text-xs bg-white\"\n      >\n        Legend\n      </gn-ui-button>\n\n      <gn-ui-loading-mask\n        *ngIf=\"loading\"\n        class=\"absolute inset-0\"\n        [message]=\"'map.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  </ng-template>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: MdViewFacade }, { type: MapUtilsService }, { type: DataService }, { type: i0.ChangeDetectorRef }, { type: i1$1.TranslateService }], propDecorators: { exceedsLimit: [{
                 type: Input
             }], displaySource: [{
                 type: Input
@@ -39600,7 +39680,7 @@ class FormFieldMapContainerComponent {
         return new GeoJSON().writeGeometryObject(geometry);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormFieldMapContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FormFieldMapContainerComponent, isStandalone: true, selector: "gn-ui-form-field-map-container", inputs: { spatialExtents: "spatialExtents" }, ngImport: i0, template: "<gn-ui-map-container [context]=\"mapContext$ | async\"></gn-ui-map-container>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: MapContainerComponent, selector: "gn-ui-map-container", inputs: ["context"], outputs: ["featuresClick", "featuresHover", "mapClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FormFieldMapContainerComponent, isStandalone: true, selector: "gn-ui-form-field-map-container", inputs: { spatialExtents: "spatialExtents" }, ngImport: i0, template: "<gn-ui-map-container [context]=\"mapContext$ | async\"></gn-ui-map-container>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: MapContainerComponent, selector: "gn-ui-map-container", inputs: ["context"], outputs: ["featuresClick", "featuresHover", "mapClick", "sourceLoadError"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormFieldMapContainerComponent, decorators: [{
             type: Component,