geonetwork-ui 2.4.3 → 2.4.4

package/fesm2022/geonetwork-ui.mjs

@@ -19203,7 +19203,6 @@ var de = {
 	"tooltip.url.open": "URL öffnen",
 	"ui.readLess": "Weniger lesen",
 	"ui.readMore": "Weiterlesen",
-	"wfs.aggregations.notsupported": "",
 	"wfs.feature.limit": "Zu viele Features, um den WFS-Layer anzuzeigen!",
 	"wfs.featuretype.notfound": "Kein passender Feature-Typ wurde im Dienst gefunden",
 	"wfs.geojsongml.notsupported": "Dieser Dienst unterstützt das GeoJSON- oder GML-Format nicht",
@@ -19820,7 +19819,6 @@ var en = {
 	"tooltip.url.open": "Open URL",
 	"ui.readLess": "Read less",
 	"ui.readMore": "Read more",
-	"wfs.aggregations.notsupported": "Aggregations are currently not supported for WFS services",
 	"wfs.feature.limit": "Too many features to display the WFS layer!",
 	"wfs.featuretype.notfound": "No matching feature type was found in the service",
 	"wfs.geojsongml.notsupported": "This service does not support the GeoJSON or GML format",
@@ -20437,7 +20435,6 @@ var es = {
 	"tooltip.url.open": "",
 	"ui.readLess": "",
 	"ui.readMore": "",
-	"wfs.aggregations.notsupported": "",
 	"wfs.feature.limit": "",
 	"wfs.featuretype.notfound": "",
 	"wfs.geojsongml.notsupported": "",
@@ -21054,7 +21051,6 @@ var fr = {
 	"tooltip.url.open": "Ouvrir l'URL",
 	"ui.readLess": "Réduire",
 	"ui.readMore": "Lire la suite",
-	"wfs.aggregations.notsupported": "Agrégations non supportées pour les services WFS",
 	"wfs.feature.limit": "Trop d'objets pour afficher la couche WFS !",
 	"wfs.featuretype.notfound": "La classe d'objets n'a pas été trouvée dans le service",
 	"wfs.geojsongml.notsupported": "Le service ne supporte pas le format GeoJSON ou GML",
@@ -22288,7 +22284,6 @@ var nl = {
 	"tooltip.url.open": "",
 	"ui.readLess": "",
 	"ui.readMore": "",
-	"wfs.aggregations.notsupported": "",
 	"wfs.feature.limit": "",
 	"wfs.featuretype.notfound": "",
 	"wfs.geojsongml.notsupported": "",
@@ -22905,7 +22900,6 @@ var pt = {
 	"tooltip.url.open": "",
 	"ui.readLess": "",
 	"ui.readMore": "",
-	"wfs.aggregations.notsupported": "",
 	"wfs.feature.limit": "",
 	"wfs.featuretype.notfound": "",
 	"wfs.geojsongml.notsupported": "",
@@ -28855,7 +28849,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 
 class MarkdownParserComponent {
     get parsedMarkdown() {
-        return marked.parse(this.textContent);
+        return marked.parse(this.textContent ?? '');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MarkdownParserComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MarkdownParserComponent, isStandalone: true, selector: "gn-ui-markdown-parser", inputs: { textContent: "textContent", whitoutStyles: "whitoutStyles" }, ngImport: i0, template: "<div\n  [class]=\"whitoutStyles ? '' : 'markdown-body'\"\n  [innerHTML]=\"parsedMarkdown\"\n></div>\n", styles: [":host ::ng-deep .markdown-body{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;margin:0;line-height:1.5;word-wrap:break-word;height:100%}:host ::ng-deep .markdown-body strong{@apply font-bold;color:var(--color-secondary-darker)}:host ::ng-deep .markdown-body h1,:host ::ng-deep .markdown-body h2,:host ::ng-deep .markdown-body h3,:host ::ng-deep .markdown-body h4,:host ::ng-deep .markdown-body h5,:host ::ng-deep .markdown-body h6{margin-top:24px;margin-bottom:16px;line-height:1.25;@apply text-title font-title font-bold;}:host ::ng-deep .markdown-body :first-child{margin-top:0}:host ::ng-deep .markdown-body h1{margin:.67em 0;padding-bottom:.3em;font-size:2em;color:var(--color-primary)}:host ::ng-deep .markdown-body h2{padding-bottom:.3em;font-size:1.5em;color:var(--color-secondary)}:host ::ng-deep .markdown-body h3{font-size:1.25em;color:var(--color-secondary)}:host ::ng-deep .markdown-body h4{font-size:1em;color:var(--color-secondary)}:host ::ng-deep .markdown-body h5{font-size:.875em;color:var(--color-secondary)}:host ::ng-deep .markdown-body h6{font-size:.85em;color:var(--color-secondary-lighter)}:host ::ng-deep .markdown-body p{margin-top:0;margin-bottom:10px}:host ::ng-deep .markdown-body p>a{margin-top:0;margin-bottom:10px;color:var(--color-primary)!important;text-decoration:none}:host ::ng-deep .markdown-body p>a:hover{color:var(--color-primary-darker)!important;@apply underline;}:host ::ng-deep .markdown-body blockquote{margin:0;padding:0 1em;color:var(--color-secondary-lighter);border-left:.25em solid var(--color-primary-lighter)}:host ::ng-deep .markdown-body pre{margin-top:0;margin-bottom:0;font-size:12px;background-color:var(--color-gray-100);word-wrap:normal}:host ::ng-deep .markdown-body pre{padding:16px;overflow:auto;font-size:85%;line-height:1.45;color:var(--color-secondary);border-radius:6px}:host ::ng-deep .markdown-body code{padding:.2em .4em;margin:0;font-size:85%;white-space:break-spaces;border-radius:6px}:host ::ng-deep .markdown-body pre code{display:inline;max-width:auto;padding:0;margin:0;overflow:visible;line-height:inherit;word-wrap:normal;border:0}:host ::ng-deep .markdown-body hr{box-sizing:content-box;overflow:hidden;background:transparent;border-bottom:1px solid var(--color-secondary);height:.15em;padding:0;margin:24px 0;background-color:var(--color-secondary);border:0}:host ::ng-deep .markdown-body hr:before{display:table;content:\"\"}:host ::ng-deep .markdown-body hr:after{display:table;clear:both;content:\"\"}:host ::ng-deep .markdown-body ul,:host ::ng-deep .markdown-body ol{margin-top:0;margin-bottom:0;padding-left:2em;list-style:revert}:host ::ng-deep .markdown-body ol ol,:host ::ng-deep .markdown-body ul ol{list-style-type:lower-roman}:host ::ng-deep .markdown-body ul ul ol,:host ::ng-deep .markdown-body ul ol ol,:host ::ng-deep .markdown-body ol ul ol,:host ::ng-deep .markdown-body ol ol ol{list-style-type:lower-alpha}:host ::ng-deep .markdown-body ol[type=\"a s\"]{list-style-type:lower-alpha}:host ::ng-deep .markdown-body ol[type=\"A s\"]{list-style-type:upper-alpha}:host ::ng-deep .markdown-body ol[type=\"i s\"]{list-style-type:lower-roman}:host ::ng-deep .markdown-body ol[type=\"I s\"]{list-style-type:upper-roman}:host ::ng-deep .markdown-body ol[type=\"1\"]{list-style:unset;list-style-type:decimal}:host ::ng-deep .markdown-body div>ol:not([type]){list-style:unset;list-style-type:decimal}:host ::ng-deep .markdown-body table{border-spacing:0;border-collapse:collapse;display:block;width:max-content;max-width:100%;overflow:auto;padding-bottom:15px}:host ::ng-deep .markdown-body td,:host ::ng-deep .markdown-body th{padding:0}:host ::ng-deep .markdown-body th{color:var(--color-secondary)}:host ::ng-deep .markdown-body table th,:host ::ng-deep .markdown-body table td{padding:6px 13px;border:1px solid var(--color-gray-500)}:host ::ng-deep .markdown-body table td>:last-child{margin-bottom:0}:host ::ng-deep .markdown-body table tr{background-color:#fff;border-top:1px solid var(--color-secondary-lighter)}:host ::ng-deep .markdown-body table tr:nth-child(2n){background-color:var(--color-gray-100)}:host ::ng-deep .markdown-body table img{background-color:transparent}:host ::ng-deep .markdown-body img{border-style:none;max-width:100%;box-sizing:content-box;background-color:transparent}:host ::ng-deep .markdown-body img[align=right]{padding-left:20px}:host ::ng-deep .markdown-body img[align=left]{padding-right:20px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
@@ -35435,20 +35429,23 @@ function fetchHeaders(url) {
         return parseHeaders(response.headers);
     });
 }
-function fetchDataAsText(url) {
-    return useCache(() => sharedFetch(url)
+function fetchDataAsText(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());
+            const clonedResponse = response.clone();
+            throw FetchError.http(response.status, await clonedResponse.text());
         }
-        return response.text();
-    }), url, 'asText');
+        const clonedResponse = response.clone();
+        return clonedResponse.text();
+    });
+    return cacheActive ? useCache(fetchFactory, url, 'asText') : fetchFactory();
 }
-function fetchDataAsArrayBuffer(url) {
-    return useCache(() => sharedFetch(url)
+function fetchDataAsArrayBuffer(url, cacheActive) {
+    const fetchFactory = () => sharedFetch(url)
         .catch((error) => {
         throw FetchError.corsOrNetwork(error.message);
     })
@@ -35458,7 +35455,8 @@ function fetchDataAsArrayBuffer(url) {
         }
         // convert to a numeric array so that we can store the response in cache
         return Array.from(new Uint8Array(await response.arrayBuffer()));
-    }), url, 'asArrayBuffer').then((array) => {
+    });
+    return (cacheActive ? useCache(fetchFactory, url, 'asArrayBuffer') : fetchFactory()).then((array) => {
         return new Uint8Array(array).buffer;
     });
 }
@@ -35604,68 +35602,6 @@ function getJsonDataItemsProxy(items) {
     });
 }
 
-class BaseReader {
-    constructor(url) {
-        this.url = url;
-        this.selected = null;
-        this.groupedBy = null;
-        this.aggregations = null;
-        this.filter = null;
-        this.sort = null;
-        this.startIndex = null;
-        this.count = null;
-    }
-    load() {
-        throw new Error('not implemented');
-    }
-    get properties() {
-        throw new Error('not implemented');
-    }
-    get info() {
-        throw new Error('not implemented');
-    }
-    read() {
-        throw new Error('not implemented');
-    }
-    selectAll() {
-        this.groupedBy = null;
-        this.aggregations = null;
-        this.selected = null;
-        this.filter = null;
-        this.startIndex = null;
-        this.count = null;
-        return this;
-    }
-    select(...selectedFields) {
-        this.selected = selectedFields;
-        this.aggregations = null; // clear aggregations & groups when selecting fields
-        this.groupedBy = null;
-        return this;
-    }
-    groupBy(...groupBy) {
-        this.groupedBy = groupBy;
-        this.selected = null; // clear normal field selection when aggregating
-        return this;
-    }
-    aggregate(...aggregations) {
-        this.aggregations = aggregations;
-        return this;
-    }
-    where(filter) {
-        this.filter = filter;
-        return this;
-    }
-    orderBy(...fieldSorts) {
-        this.sort = fieldSorts;
-        return this;
-    }
-    limit(startIndex, count) {
-        this.startIndex = startIndex;
-        this.count = count;
-        return this;
-    }
-}
-
 function filterToSql(filter) {
     const operator = filter[0];
     const args = filter.slice(1);
@@ -35759,7 +35695,80 @@ function generateSqlQuery(selected = null, filter = null, sort = null, startInde
     return sqlSelect + sqlFrom + sqlGroupBy + sqlOrderBy + sqlWhere + sqlLimit;
 }
 
-class BaseFileReader extends BaseReader {
+class BaseReader {
+    constructor(url) {
+        this.url = url;
+        this.selected = null;
+        this.groupedBy = null;
+        this.aggregations = null;
+        this.filter = null;
+        this.sort = null;
+        this.startIndex = null;
+        this.count = null;
+    }
+    load() {
+        throw new Error('not implemented');
+    }
+    get properties() {
+        throw new Error('not implemented');
+    }
+    get info() {
+        throw new Error('not implemented');
+    }
+    read() {
+        throw new Error('not implemented');
+    }
+    selectAll() {
+        this.groupedBy = null;
+        this.aggregations = null;
+        this.selected = null;
+        this.filter = null;
+        this.startIndex = null;
+        this.count = null;
+        return this;
+    }
+    select(...selectedFields) {
+        this.selected = selectedFields;
+        this.aggregations = null; // clear aggregations & groups when selecting fields
+        this.groupedBy = null;
+        return this;
+    }
+    groupBy(...groupBy) {
+        this.groupedBy = groupBy;
+        this.selected = null; // clear normal field selection when aggregating
+        return this;
+    }
+    aggregate(...aggregations) {
+        this.aggregations = aggregations;
+        return this;
+    }
+    where(filter) {
+        this.filter = filter;
+        return this;
+    }
+    orderBy(...fieldSorts) {
+        this.sort = fieldSorts;
+        return this;
+    }
+    limit(startIndex, count) {
+        this.startIndex = startIndex;
+        this.count = count;
+        return this;
+    }
+}
+
+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() {
         throw new Error('not implemented');
     }
@@ -35823,7 +35832,7 @@ function parseCsv(text) {
 }
 class CsvReader extends BaseFileReader {
     getData() {
-        return fetchDataAsText(this.url).then(parseCsv);
+        return fetchDataAsText(this.url, this.cacheActive).then(parseCsv);
     }
 }
 
@@ -35840,7 +35849,7 @@ function parseJson(text) {
 }
 class JsonReader extends BaseFileReader {
     getData() {
-        return fetchDataAsText(this.url).then(parseJson);
+        return fetchDataAsText(this.url, this.cacheActive).then(parseJson);
     }
 }
 
@@ -35859,7 +35868,7 @@ function parseGeojson(text) {
 }
 class GeojsonReader extends BaseFileReader {
     getData() {
-        return fetchDataAsText(this.url).then(parseGeojson);
+        return fetchDataAsText(this.url, this.cacheActive).then(parseGeojson);
     }
 }
 
@@ -35881,7 +35890,7 @@ function parseExcel(buffer) {
 }
 class ExcelReader extends BaseFileReader {
     getData() {
-        return fetchDataAsArrayBuffer(this.url).then(parseExcel);
+        return fetchDataAsArrayBuffer(this.url, this.cacheActive).then(parseExcel);
     }
 }
 
@@ -35908,19 +35917,21 @@ function parseGml(text, namespace, version) {
     throw Error("Couldn't retrieve namespace url");
 }
 class GmlReader extends BaseFileReader {
-    constructor(url, namespace, version) {
+    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).then((text) => parseGml(text, this.namespace, this.version));
+        return fetchDataAsText(this.url, this.cacheActive).then((text) => parseGml(text, this.namespace, this.version));
     }
 }
 
-class WfsReader extends BaseReader {
-    constructor(url, wfsEndpoint, featureTypeName) {
-        super(url);
+class WfsReader extends BaseCacheReader {
+    constructor(url, wfsEndpoint, featureTypeName, cacheActive) {
+        super(url, cacheActive);
         this.endpoint = wfsEndpoint;
         this.featureTypeName = featureTypeName;
         this.version = this.endpoint.getVersion();
@@ -35975,9 +35986,9 @@ class WfsReader extends BaseReader {
             throw new Error('wfs.geojsongml.notsupported');
         }
     }
-    getData() {
-        if (this.aggregations || this.groupedBy) {
-            throw new Error(marker('wfs.aggregations.notsupported'));
+    async getData(aggregation, groupedBy) {
+        if (aggregation || groupedBy) {
+            return { items: await this.getQueryData() };
         }
         const asJson = this.endpoint.supportsJson(this.featureTypeName);
         const attributes = this.selected ?? undefined;
@@ -35997,19 +36008,26 @@ class WfsReader extends BaseReader {
             // Direct update on string url to prevent encoding of +A and +D
             url = `${url}${finalUrl.search ? '&' : ''}SORTBY=${sorts}`;
         }
-        return fetchDataAsText(url).then((text) => asJson
+        return fetchDataAsText(url, this.cacheActive).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()).items;
+        return (await this.getData(this.aggregations, this.groupedBy)).items;
     }
 }
 
-async function openDataset(url, typeHint, options) {
+async function openDataset(url, typeHint, options, cacheActive) {
     const fileType = await inferDatasetType(url, typeHint);
     let reader;
     try {
@@ -36033,6 +36051,7 @@ async function openDataset(url, typeHint, options) {
                 reader = await WfsReader.createReader(url, options.wfsFeatureType);
                 break;
         }
+        reader.setCacheActive(cacheActive);
         reader.load();
         return reader;
     }
@@ -36049,8 +36068,8 @@ async function openDataset(url, typeHint, options) {
  *  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) {
-    const reader = await openDataset(url, typeHint, options);
+async function readDataset(url, typeHint, options, cacheActive = true) {
+    const reader = await openDataset(url, typeHint, options, cacheActive);
     try {
         return await reader.read();
     }
@@ -36211,18 +36230,18 @@ class DataService {
             mimeType: getMimeTypeForFormat(getFileFormatFromServiceOutput(format)),
         }));
     }
-    readAsGeoJson(link) {
-        return this.getDataset(link).pipe(switchMap$1((dataset) => dataset.selectAll().read()), map$1((features) => ({
+    readAsGeoJson(link, cacheActive) {
+        return this.getDataset(link, cacheActive).pipe(switchMap$1((dataset) => dataset.selectAll().read()), map$1((features) => ({
             type: 'FeatureCollection',
             features,
         })));
     }
-    getDataset(link) {
+    getDataset(link, cacheActive) {
         if (link.type === 'service' && link.accessServiceProtocol === 'wfs') {
             const wfsUrlEndpoint = this.proxy.getProxiedUrl(link.url.toString());
             return from(openDataset(wfsUrlEndpoint, 'wfs', {
                 wfsFeatureType: link.name,
-            }));
+            }, cacheActive));
         }
         else if (link.type === 'download') {
             const linkProxifiedUrl = this.proxy.getProxiedUrl(link.url.toString());
@@ -36230,18 +36249,18 @@ class DataService {
             const supportedType = SupportedTypes.indexOf(format) > -1
                 ? format
                 : undefined;
-            return from(openDataset(linkProxifiedUrl, supportedType)).pipe();
+            return from(openDataset(linkProxifiedUrl, supportedType, undefined, cacheActive)).pipe();
         }
         else if (link.type === 'service' &&
             link.accessServiceProtocol === 'esriRest') {
             const url = this.getDownloadUrlFromEsriRest(link.url.toString(), 'geojson');
-            return from(openDataset(url, 'geojson')).pipe();
+            return from(openDataset(url, 'geojson', undefined, cacheActive)).pipe();
         }
         else if (link.type === 'service' &&
             link.accessServiceProtocol === 'ogcFeatures') {
             return from(this.getDownloadUrlsFromOgcApi(link.url.href)).pipe(switchMap$1((collectionInfo) => {
                 const geojsonUrl = collectionInfo.jsonDownloadLink;
-                return openDataset(geojsonUrl, 'geojson');
+                return openDataset(geojsonUrl, 'geojson', undefined, cacheActive);
             }), tap$1((url) => {
                 if (url === null) {
                     throw new Error('wfs.geojsongml.notsupported');
@@ -36806,6 +36825,7 @@ class ChartViewComponent {
         this.dataService = dataService;
         this.changeDetector = changeDetector;
         this.translateService = translateService;
+        this.cacheActive = true;
         this.currentLink$ = new BehaviorSubject(null);
         this.aggregation$ = new BehaviorSubject('sum');
         this.xProperty$ = new BehaviorSubject(undefined);
@@ -36835,7 +36855,7 @@ class ChartViewComponent {
         this.dataset$ = this.currentLink$.pipe(filter((link) => !!link), switchMap$1((link) => {
             this.error = null;
             this.loading = true;
-            return this.dataService.getDataset(link).pipe(catchError((error) => {
+            return this.dataService.getDataset(link, this.cacheActive).pipe(catchError((error) => {
                 this.handleError(error);
                 return EMPTY;
             }));
@@ -36904,7 +36924,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: { 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      [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,
@@ -36916,7 +36936,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         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" }]
-        }], ctorParameters: () => [{ type: DataService }, { type: i0.ChangeDetectorRef }, { type: i1$1.TranslateService }], propDecorators: { link: [{
+        }], ctorParameters: () => [{ type: DataService }, { type: i0.ChangeDetectorRef }, { type: i1$1.TranslateService }], propDecorators: { cacheActive: [{
+                type: Input
+            }], link: [{
                 type: Input
             }], aggregation: [{
                 type: Input
@@ -37089,6 +37111,7 @@ class TableViewComponent {
     constructor(dataService, translateService) {
         this.dataService = dataService;
         this.translateService = translateService;
+        this.cacheActive = true;
         this.currentLink$ = new BehaviorSubject(null);
         this.loading = false;
         this.error = null;
@@ -37106,7 +37129,7 @@ class TableViewComponent {
         }), startWith(undefined), shareReplay(1));
     }
     getDatasetReader(link) {
-        return this.dataService.getDataset(link);
+        return this.dataService.getDataset(link, this.cacheActive);
     }
     onTableSelect(event) {
         console.log(event);
@@ -37129,7 +37152,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: { 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    <gn-ui-popup-alert\n      *ngIf=\"error\"\n      type=\"warning\"\n      icon=\"matErrorOutlineOutline\"\n      class=\"absolute m-2 inset-0\"\n    >\n      <span translate>{{ error }}</span>\n    </gn-ui-popup-alert>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: DataTableComponent, selector: "gn-ui-data-table", inputs: ["dataset", "activeId"], outputs: ["selected"] }, { kind: "component", type: LoadingMaskComponent, selector: "gn-ui-loading-mask", inputs: ["message"] }, { kind: "component", type: PopupAlertComponent, selector: "gn-ui-popup-alert", inputs: ["icon", "type", "position"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TableViewComponent, decorators: [{
             type: Component,
@@ -37140,7 +37163,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         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" }]
-        }], ctorParameters: () => [{ type: DataService }, { type: i1$1.TranslateService }], propDecorators: { link: [{
+        }], ctorParameters: () => [{ type: DataService }, { type: i1$1.TranslateService }], propDecorators: { cacheActive: [{
+                type: Input
+            }], link: [{
                 type: Input
             }] } });
 
@@ -37160,6 +37185,13 @@ class MdViewFacade {
         this.isMetadataLoading$ = this.store.pipe(select(getMetadataIsLoading));
         this.metadata$ = this.store.pipe(select(getMetadata), filter((md) => !!md));
         this.isIncomplete$ = this.store.pipe(select(getMetadataIsIncomplete), filter((incomplete) => incomplete !== null));
+        this.isHighUpdateFrequency$ = this.metadata$.pipe(map$1((record) => {
+            if (record.updateFrequency instanceof Object) {
+                return (record.updateFrequency.per === 'day' &&
+                    record.updateFrequency.updatedTimes > 1);
+            }
+            return record.updateFrequency === 'continual';
+        }));
         this.error$ = this.store.pipe(select(getMetadataError));
         this.related$ = this.store.pipe(select(getRelated));
         this.chartConfig$ = this.store.pipe(select(getChartConfig));
@@ -37844,6 +37876,7 @@ class DataViewComponent {
         this.mdViewFacade = mdViewFacade;
         this.displaySource = true;
         this.chartConfig$ = new BehaviorSubject(null);
+        this.cacheActive$ = this.mdViewFacade.isHighUpdateFrequency$.pipe(map$1((highF) => !highF));
         this.compatibleDataLinks$ = combineLatest([
             this.mdViewFacade.dataLinks$,
             this.mdViewFacade.geoDataLinks$,
@@ -37871,7 +37904,7 @@ class DataViewComponent {
         this.selectedLink$.next(link);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DataViewComponent, deps: [{ token: MdViewFacade }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DataViewComponent, isStandalone: true, selector: "gn-ui-data-view", inputs: { mode: "mode", displaySource: "displaySource" }, outputs: { chartConfig$: "chartConfig$" }, ngImport: i0, template: "<div class=\"w-full h-full flex flex-col p-1\">\n  <gn-ui-dropdown-selector\n    *ngIf=\"dropdownChoices$ | async as choices\"\n    [ngClass]=\"{ hidden: !displaySource }\"\n    [title]=\"'table.select.data' | translate\"\n    class=\"truncate p-1 -mx-1 self-end mb-1\"\n    extraBtnClass=\"!text-primary font-sans font-medium\"\n    [choices]=\"choices\"\n    (selectValue)=\"selectLink($event)\"\n  ></gn-ui-dropdown-selector>\n  <div class=\"relative h-[460px]\">\n    <gn-ui-table-view\n      *ngIf=\"mode === 'table'\"\n      [link]=\"selectedLink$ | async\"\n    ></gn-ui-table-view>\n    <gn-ui-chart-view\n      *ngIf=\"mode === 'chart'\"\n      (chartConfig$)=\"setChartConfig($event)\"\n      [link]=\"selectedLink$ | async\"\n    ></gn-ui-chart-view>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: DropdownSelectorComponent, selector: "gn-ui-dropdown-selector", inputs: ["title", "showTitle", "ariaName", "choices", "selected", "maxRows", "extraBtnClass", "minWidth", "disabled"], outputs: ["selectValue"] }, { kind: "component", type: TableViewComponent, selector: "gn-ui-table-view", inputs: ["link"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "component", type: ChartViewComponent, selector: "gn-ui-chart-view", inputs: ["link", "aggregation", "xProperty", "yProperty", "chartType"], outputs: ["chartConfig$"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DataViewComponent, isStandalone: true, selector: "gn-ui-data-view", inputs: { mode: "mode", displaySource: "displaySource" }, outputs: { chartConfig$: "chartConfig$" }, ngImport: i0, template: "<div class=\"w-full h-full flex flex-col p-1\">\n  <gn-ui-dropdown-selector\n    *ngIf=\"dropdownChoices$ | async as choices\"\n    [ngClass]=\"{ hidden: !displaySource }\"\n    [title]=\"'table.select.data' | translate\"\n    class=\"truncate p-1 -mx-1 self-end mb-1\"\n    extraBtnClass=\"!text-primary font-sans font-medium\"\n    [choices]=\"choices\"\n    (selectValue)=\"selectLink($event)\"\n  ></gn-ui-dropdown-selector>\n  <div class=\"relative h-[460px]\">\n    <gn-ui-table-view\n      *ngIf=\"mode === 'table'\"\n      [cacheActive]=\"cacheActive$ | async\"\n      [link]=\"selectedLink$ | async\"\n    ></gn-ui-table-view>\n    <gn-ui-chart-view\n      *ngIf=\"mode === 'chart'\"\n      (chartConfig$)=\"setChartConfig($event)\"\n      [cacheActive]=\"cacheActive$ | async\"\n      [link]=\"selectedLink$ | async\"\n    ></gn-ui-chart-view>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: DropdownSelectorComponent, selector: "gn-ui-dropdown-selector", inputs: ["title", "showTitle", "ariaName", "choices", "selected", "maxRows", "extraBtnClass", "minWidth", "disabled"], outputs: ["selectValue"] }, { kind: "component", type: TableViewComponent, selector: "gn-ui-table-view", inputs: ["cacheActive", "link"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "component", type: ChartViewComponent, selector: "gn-ui-chart-view", inputs: ["cacheActive", "link", "aggregation", "xProperty", "yProperty", "chartType"], outputs: ["chartConfig$"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DataViewComponent, decorators: [{
             type: Component,
@@ -37881,7 +37914,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         TableViewComponent,
                         TranslateModule,
                         ChartViewComponent,
-                    ], template: "<div class=\"w-full h-full flex flex-col p-1\">\n  <gn-ui-dropdown-selector\n    *ngIf=\"dropdownChoices$ | async as choices\"\n    [ngClass]=\"{ hidden: !displaySource }\"\n    [title]=\"'table.select.data' | translate\"\n    class=\"truncate p-1 -mx-1 self-end mb-1\"\n    extraBtnClass=\"!text-primary font-sans font-medium\"\n    [choices]=\"choices\"\n    (selectValue)=\"selectLink($event)\"\n  ></gn-ui-dropdown-selector>\n  <div class=\"relative h-[460px]\">\n    <gn-ui-table-view\n      *ngIf=\"mode === 'table'\"\n      [link]=\"selectedLink$ | async\"\n    ></gn-ui-table-view>\n    <gn-ui-chart-view\n      *ngIf=\"mode === 'chart'\"\n      (chartConfig$)=\"setChartConfig($event)\"\n      [link]=\"selectedLink$ | async\"\n    ></gn-ui-chart-view>\n  </div>\n</div>\n" }]
+                    ], template: "<div class=\"w-full h-full flex flex-col p-1\">\n  <gn-ui-dropdown-selector\n    *ngIf=\"dropdownChoices$ | async as choices\"\n    [ngClass]=\"{ hidden: !displaySource }\"\n    [title]=\"'table.select.data' | translate\"\n    class=\"truncate p-1 -mx-1 self-end mb-1\"\n    extraBtnClass=\"!text-primary font-sans font-medium\"\n    [choices]=\"choices\"\n    (selectValue)=\"selectLink($event)\"\n  ></gn-ui-dropdown-selector>\n  <div class=\"relative h-[460px]\">\n    <gn-ui-table-view\n      *ngIf=\"mode === 'table'\"\n      [cacheActive]=\"cacheActive$ | async\"\n      [link]=\"selectedLink$ | async\"\n    ></gn-ui-table-view>\n    <gn-ui-chart-view\n      *ngIf=\"mode === 'chart'\"\n      (chartConfig$)=\"setChartConfig($event)\"\n      [cacheActive]=\"cacheActive$ | async\"\n      [link]=\"selectedLink$ | async\"\n    ></gn-ui-chart-view>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: MdViewFacade }], propDecorators: { mode: [{
                 type: Input
             }], displaySource: [{
@@ -38174,7 +38207,8 @@ class MapViewComponent {
                 link.accessServiceProtocol === 'esriRest' ||
                 link.accessServiceProtocol === 'ogcFeatures')) ||
             link.type === 'download') {
-            return this.dataService.readAsGeoJson(link).pipe(map$1((data) => ({
+            const cacheActive = true; // TODO implement whether should be true or false
+            return this.dataService.readAsGeoJson(link, cacheActive).pipe(map$1((data) => ({
                 type: 'geojson',
                 data,
             })));