@provoly/dashboard 0.14.10 → 0.14.12

package/fesm2022/provoly-dashboard.mjs

@@ -191,7 +191,8 @@ const enTranslations$1 = {
             replay: 'Version replay : {{value}}',
             exec: 'Version Execution : {{value}}',
             transfo: 'Version Transformation : {{value}}',
-            monitor: 'Version Supervision : {{value}}'
+            monitor: 'Version Supervision : {{value}}',
+            noVersion: 'Version not found'
         },
         header: {
             noCurrentPresentation: 'Presentation not saved'
@@ -305,6 +306,7 @@ const enTranslations$1 = {
             radarchart: 'Radar',
             circlechart: 'Circle packing',
             iframe: 'External application',
+            vega: 'Advanced chart',
             graph: 'Graph',
             placeholder: '',
             sub: {
@@ -533,7 +535,8 @@ const frTranslations$1 = {
             replay: 'Rejeu version : ',
             exec: 'Exécution version : ',
             transfo: 'Transformation version : ',
-            monitor: 'Supervision version : '
+            monitor: 'Supervision version : ',
+            noVersion: 'Version non trouvée'
         },
         header: {
             noCurrentPresentation: 'Présentation non sauvegardée'
@@ -647,6 +650,7 @@ const frTranslations$1 = {
             radarchart: 'Radar',
             circlechart: 'Paquets de cercles',
             iframe: 'Application externe',
+            vega: 'Graphique avancé',
             graph: 'Relations',
             placeholder: '',
             sub: {
@@ -1530,7 +1534,7 @@ const initialConfigState = {
     mapStyles: [],
     availableColors: defaultColors,
     overlayList: [],
-    breakpoint: 900,
+    breakpoint: 700,
     defaultViewUsed: false,
     catalog: [],
     chartOption: ChartOptionDefault,
@@ -2266,7 +2270,7 @@ const frTranslations = {
                     ELASTIC_SEARCH: "Erreur d'insertion pour l'élément {{recordId}}",
                     NO_VALUES: 'Pas de valeur pour la ligne {{recordId}}',
                     FORMAT_FILE_ERROR: "Le format du fichier transmis n'est pas géré",
-                    NO_ATTRIBUTES: "Les données importées ne correspondent pas au modèle de données indiquer en cible de l'import"
+                    NO_ATTRIBUTES: "Les données importées ne correspondent pas au modèle de données indiqué en cible de l'import"
                 }
             },
             tooltip: {
@@ -3609,7 +3613,7 @@ class ConfigService {
      * Get a list of all widgets from catalog
      */
     getAllWidgets() {
-        return this.store.select(ConfigSelectors.refUrl).pipe(mergeMap((url) => this.httpClient.get(encodeURI(`${url}/widget/catalog`))), catchError((error) => {
+        return this.store.select(ConfigSelectors.refUrl).pipe(mergeMap((url) => this.httpClient.get(encodeURI(`${url}/widget/catalog`))), catchError$1((error) => {
             if (error.error instanceof Error) {
                 // A client-side or network error occurred
                 if (ConfigService.warn) {
@@ -3637,6 +3641,9 @@ class ConfigService {
             return of([]);
         }));
     }
+    handleBackendVersionError(obs) {
+        return obs.pipe(catchError$1(() => of({})));
+    }
     getAllVersions() {
         return combineLatest([
             this.store.select(ConfigSelectors.refUrl),
@@ -3647,17 +3654,15 @@ class ConfigService {
             this.store.select(ConfigSelectors.monitorUrl)
         ]).pipe(mergeMap(([ref, data, replay, exec, transfo, monitor]) => {
             const allVersions = [
-                this.httpClient.get(encodeURI(`${ref}/about/version`)),
-                this.httpClient.get(encodeURI(`${data}/about/version`)),
-                this.httpClient.get(encodeURI(`${replay}/about/version`)),
-                this.httpClient.get(encodeURI(`${exec}/about/version`)),
-                this.httpClient.get(encodeURI(`${transfo}/about/version`)),
-                this.httpClient.get(encodeURI(`${monitor}/about/version`)),
-                this.httpClient
-                    .get(encodeURI(`/assets/pry.version`))
-                    .pipe(map((version) => ({ libVersion: version })))
+                this.handleBackendVersionError(this.httpClient.get(encodeURI(`${ref}/about/version`))),
+                this.handleBackendVersionError(this.httpClient.get(encodeURI(`${data}/about/version`))),
+                this.handleBackendVersionError(this.httpClient.get(encodeURI(`${replay}/about/version`))),
+                this.handleBackendVersionError(this.httpClient.get(encodeURI(`${exec}/about/version`))),
+                this.handleBackendVersionError(this.httpClient.get(encodeURI(`${transfo}/about/version`))),
+                this.handleBackendVersionError(this.httpClient.get(encodeURI(`${monitor}/about/version`))),
+                this.httpClient.get(encodeURI(`/assets/pry.version`)).pipe(map((version) => (version ? { libVersion: version } : {})), catchError$1(() => of({})))
             ];
-            return forkJoin(allVersions).pipe(map(([refVersion, dataVersion, replayVersion, execVersion, tranfoVersion, monitorVersion, frontend]) => {
+            return combineLatest(allVersions).pipe(map(([refVersion, dataVersion, replayVersion, execVersion, tranfoVersion, monitorVersion, frontend]) => {
                 const versions = {
                     ref: refVersion,
                     data: dataVersion,
@@ -3839,7 +3844,8 @@ const initialContextMenuState = {
     itemId: '',
     from: '',
     resultSet: undefined,
-    coordinates: undefined
+    coordinates: undefined,
+    allowObjectCreation: false
 };
 const contextMenuReducer = createReducer(initialContextMenuState, on(ContextMenuActions.open, (state, action) => ({
     ...state,
@@ -3849,7 +3855,8 @@ const contextMenuReducer = createReducer(initialContextMenuState, on(ContextMenu
     itemId: action.itemId,
     resultSet: action.resultSet,
     from: action.from,
-    coordinates: action.coordinates
+    coordinates: action.coordinates,
+    allowObjectCreation: action.allowObjectCreation
 })), on(ContextMenuActions.hide, (state, action) => ({
     ...state,
     opened: false,
@@ -3948,7 +3955,8 @@ const namedQueriesUses = createSelector(globalManifest, (manifest) => manifest.w
     .reduce((p, c) => [...p, ...c], [])
     .reduce((p, c) => ({ ...p, [c.rsName ?? '']: [...(p[c.rsName ?? ''] || []), { ...c }] }), {}));
 const presentation = createSelector(feature$4, (state) => state?.presentation);
-const savePresentationActive = createSelector(presentation, globalManifest, (state, global) => !!state.current && state.current.owner && !equal(global, state.initial));
+const isCurrentPresentationModified = createSelector(presentation, globalManifest, (state, global) => !equal(global, state.initial));
+const isCurrentPresentationOwner = createSelector(presentation, (state) => !!state.current && state.current.owner);
 const filters = createSelector(feature$4, (state) => state?.manifests.manifest.filters ?? {});
 const datasourceFilters = createSelector(feature$4, (state) => state?.manifests.manifest.filters
     ? state?.manifests.manifest.filters.reduce((obj, filter) => (filter.attributes.forEach((attribute) => (obj[attribute.datasource] || (obj[attribute.datasource] = [])).push({
@@ -3993,7 +4001,8 @@ const DashboardSelectors = {
     quickOrder,
     presentation,
     filters,
-    savePresentationActive,
+    isCurrentPresentationModified,
+    isCurrentPresentationOwner,
     datasourceFilters,
     wmsFeatures,
     displayOptions,
@@ -4413,6 +4422,7 @@ const itemId = createSelector(feature$3, (state) => state.itemId);
 const from = createSelector(feature$3, (state) => state.from);
 const coordinates = createSelector(feature$3, (state) => state.coordinates);
 const resultSet = createSelector(feature$3, (state) => state.resultSet);
+const allowObjectCreation = createSelector(feature$3, (state) => state.allowObjectCreation);
 const ContextMenuSelectors = {
     feature: feature$3,
     opened,
@@ -4420,7 +4430,8 @@ const ContextMenuSelectors = {
     itemId,
     resultSet,
     from,
-    coordinates
+    coordinates,
+    allowObjectCreation
 };
 
 const ItemActions = {
@@ -5168,6 +5179,362 @@ const RelationTypesSelectors = {
     openDeleteModale
 };
 
+class PryAggregationService {
+    aggregate(datasource, options) {
+        throw new Error('You must declare the use of an aggregation service. Add PryBackendAggregationService, PryFrontendAggregationService or a custom service');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryAggregationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryAggregationService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryAggregationService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+var Operation;
+(function (Operation) {
+    Operation["NONE"] = "none";
+    Operation["COUNT"] = "count";
+    Operation["SUM"] = "sum";
+    Operation["DISTINCT"] = "cardinality";
+    Operation["AVERAGE"] = "avg";
+    Operation["MEDIAN"] = "median";
+    Operation["Q1"] = "q1";
+    Operation["Q3"] = "q3";
+    Operation["MIN"] = "min";
+    Operation["MAX"] = "max";
+    Operation["EXTENT"] = "extent";
+})(Operation || (Operation = {}));
+var GraphType;
+(function (GraphType) {
+    GraphType["AREA"] = "area-default";
+    GraphType["AREA_WITH_LINES_AND_POINTS"] = "area-with-lines-and-points";
+    GraphType["BAR"] = "bar-default";
+    GraphType["CIRCULAR"] = "arc-default";
+    GraphType["CURVE"] = "line-default";
+    GraphType["CURVE_WITH_POINTS"] = "line-with-points";
+    GraphType["DONUT"] = "arc-donut";
+    GraphType["HISTOGRAM"] = "bar-histogram";
+    GraphType["POINTS"] = "point-default";
+})(GraphType || (GraphType = {}));
+
+class PryBackendAggregationService extends PryAggregationService {
+    constructor(store, snackBar, translateService, httpClient, searchService) {
+        super();
+        this.store = store;
+        this.snackBar = snackBar;
+        this.translateService = translateService;
+        this.httpClient = httpClient;
+        this.searchService = searchService;
+        this.rs = {};
+        this.classes = [];
+        this.fields = [];
+        this.filters = {};
+        this.store.select(DashboardSelectors.resultSets).subscribe((rs) => (this.rs = rs));
+        this.store.select(ClassSelectors.classes).subscribe((classes) => (this.classes = classes));
+        this.store.select(FieldSelectors.fields).subscribe((fields) => (this.fields = fields));
+        this.store.select(DashboardSelectors.datasourceFilters).subscribe((filters) => (this.filters = filters));
+    }
+    aggregate(datasources, options) {
+        const targetDatasource = datasources.find((ds) => ![DEFAULT_NAMED_QUERY_ID, EXPLORE_NAMED_QUERY_ID].includes(ds));
+        if (datasources.length > 1) {
+            this.snackBar.open({
+                type: 'warning',
+                message: this.translateService.instant('@pry.message.backend-only-1-datasource'),
+                timeout: 4000
+            });
+        }
+        if (datasources.includes(DEFAULT_NAMED_QUERY_ID) || datasources.includes(EXPLORE_NAMED_QUERY_ID)) {
+            this.snackBar.open({
+                type: 'warning',
+                message: this.translateService.instant('@pry.message.cannot-aggregate-virtual-ds'),
+                timeout: 4000
+            });
+        }
+        if (!targetDatasource) {
+            console.warn('Aggregation needs a target datasource.');
+            return of({ operation: options.ordinate?.operation ?? 'none', values: [] });
+        }
+        let params = new HttpParams();
+        if (options.abscissa && options.abscissa.attribute) {
+            params = params.set('aggregatedBy', options.abscissa.attribute);
+        }
+        else {
+            console.warn('Aggregation needs an aggregatedBy member.');
+            if (options.ordinate.operation !== Operation.EXTENT) {
+                return of({ operation: options.ordinate.operation, values: [] });
+            }
+        }
+        if (options.abscissa && options.abscissa.limit) {
+            if (options.abscissa.limit.isTimeLimit) {
+                params = params.set('dateInterval', options.abscissa.limit.interval);
+            }
+            else {
+                params = params.set('interval', options.abscissa.limit.at);
+                params = params.set('limitOrder', options.abscissa.limit.order);
+                params = params.set('limitOthers', options.abscissa.limit.others);
+            }
+        }
+        const operation = options.ordinate.operation?.replace(/^none$/, Operation.SUM);
+        params = params.set('operation', operation);
+        if (!!options.ordinate.attribute) {
+            params = params.set('valueField', options.ordinate.attribute);
+        }
+        if (options.groupBy) {
+            params = params.set('groupBy', options.groupBy.attribute);
+        }
+        params = this.searchService.getItemsFilter(targetDatasource, params);
+        return this.store.select(ConfigSelectors.dataUrl).pipe(switchMap((url) => this.httpClient
+            .get(`${url}/data-sources/id/${targetDatasource}/items/aggregate`, {
+            params
+        })
+            .pipe(map((result) => ({
+            ...result,
+            operation: options.ordinate.operation === Operation.NONE ? Operation.NONE : result.operation
+        })))));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryBackendAggregationService, deps: [{ token: i1.Store }, { token: PrySnackbarService }, { token: PryI18nService }, { token: i1$2.HttpClient }, { token: SearchService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryBackendAggregationService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryBackendAggregationService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.Store }, { type: PrySnackbarService }, { type: PryI18nService }, { type: i1$2.HttpClient }, { type: SearchService }]; } });
+
+class ResultsetUtils {
+    static mergeResultSets(rs1, rs2) {
+        if (!rs1)
+            return rs2;
+        if (!rs2)
+            return rs1;
+        const rs1Copy = JSON.parse(JSON.stringify(rs1));
+        Object.keys(rs2.items ?? {}).forEach((key) => {
+            if (!rs1Copy.items[key]) {
+                rs1Copy.items[key] = [];
+            }
+            rs1Copy.items[key].push(...rs2.items[key]);
+        });
+        rs1Copy.relations = [...(rs1Copy.relations ?? []), ...(rs2.relations ?? [])];
+        /* Make items and relations unique in resulted dataset */
+        Object.keys(rs1Copy.items).forEach((key) => {
+            const uniqueList = [...new Set(rs1Copy.items[key].map((it) => it.id))];
+            rs1Copy.items[key] = uniqueList.map((id) => rs1Copy.items[key].find((it) => it.id === id));
+        });
+        const uniqueRelations = [
+            ...new Set(rs1Copy.relations.map((rel) => `${rel.relationType}|${rel.source}|${rel.destination}`))
+        ];
+        rs1Copy.relations = uniqueRelations.map((key) => {
+            const splittedKey = key.split('|');
+            return rs1Copy.relations.find((rel) => rel.relationType === splittedKey[0] && rel.source === splittedKey[1] && rel.destination === splittedKey[2]);
+        });
+        return rs1Copy;
+    }
+}
+
+class PryFrontendAggregationService extends PryAggregationService {
+    constructor(store) {
+        super();
+        this.store = store;
+    }
+    // @ts-ignore
+    aggregate(datasource, options) {
+        return combineLatest([
+            this.store.select(DashboardSelectors.resultSets),
+            this.store.select(ClassSelectors.classes)
+        ]).pipe(map(([resultSets, classes]) => {
+            const abscissa = classes
+                .map((clazz) => clazz.attributes.find((attr) => attr.id === options.abscissa.attribute))
+                .find((attr) => !!attr)?.name;
+            const ordinate = classes
+                .map((clazz) => clazz.attributes.find((attr) => attr.id === options.ordinate.attribute))
+                .find((attr) => !!attr)?.name;
+            if (!abscissa || !ordinate) {
+                throw new Error('abscissaorodinateinvalid');
+            }
+            let data = datasource.map((rsName) => resultSets[rsName ?? '']).filter((rsName) => !!rsName);
+            const resultSet = data.reduce((rs1, rs2) => ResultsetUtils.mergeResultSets(rs1, rs2), {
+                items: {},
+                relations: [],
+                merged: data.length
+            });
+            let items = Object.keys(resultSet.items)
+                .map((classId) => resultSet.items[classId])
+                .reduce((prev, curr) => [...prev, ...curr], []);
+            if (!!options.groupBy) {
+                const groupBy = classes
+                    .map((clazz) => clazz.attributes.find((attr) => attr.id === options.groupBy?.attribute))
+                    .find((attr) => !!attr)?.name;
+                if (!groupBy) {
+                    throw new Error('groupByAttributeisinvalid');
+                }
+                const itemsGrouped = this.groupBy(items, groupBy);
+                const values = [];
+                Object.keys(itemsGrouped).forEach((key) => {
+                    values.push({
+                        key,
+                        groupBy: this.getValueFromOperation(itemsGrouped[key], options.ordinate.operation, abscissa, ordinate, options.abscissa.limit)
+                    });
+                });
+                return { operation: options.ordinate.operation, values: values };
+            }
+            const values = this.getValueFromOperation(items, options.ordinate.operation, abscissa, ordinate, options.abscissa.limit);
+            return { operation: options.ordinate.operation, values: values };
+        }));
+    }
+    getValueFromOperation(items, operation, abscissa, ordinate, limit) {
+        let result = [];
+        const groupByAbscissa = this.groupBy(items, abscissa);
+        groupByAbscissa.map((test) => console.log(groupByAbscissa[test]));
+        switch (operation) {
+            case Operation.COUNT:
+                result.push(...Object.keys(groupByAbscissa).map((key) => ({
+                    key: key,
+                    value: groupByAbscissa[key].length
+                })));
+                break;
+            case Operation.SUM:
+                result.push(...Object.keys(groupByAbscissa).map((key) => ({
+                    key: key,
+                    value: this.getSum(groupByAbscissa[key], ordinate)
+                })));
+                break;
+            case Operation.DISTINCT:
+                result.push(...Object.keys(groupByAbscissa).map((key) => ({
+                    key: key,
+                    value: this.getDistinct(groupByAbscissa[key], ordinate)
+                })));
+                break;
+            case Operation.AVERAGE:
+                result.push(...Object.keys(groupByAbscissa).map((key) => ({
+                    key: key,
+                    value: this.getAverage(groupByAbscissa[key], ordinate)
+                })));
+                break;
+            case Operation.MEDIAN:
+                result.push(...Object.keys(groupByAbscissa).map((key) => ({
+                    key: key,
+                    value: this.getQuartile(groupByAbscissa[key], ordinate, 0.5)
+                })));
+                break;
+            case Operation.Q1:
+                result.push(...Object.keys(groupByAbscissa).map((key) => ({
+                    key: key,
+                    value: this.getQuartile(groupByAbscissa[key], ordinate, 0.25)
+                })));
+                break;
+            case Operation.Q3:
+                result.push(...Object.keys(groupByAbscissa).map((key) => ({
+                    key: key,
+                    value: this.getQuartile(groupByAbscissa[key], ordinate, 0.75)
+                })));
+                break;
+            case Operation.MIN:
+                result.push(...Object.keys(groupByAbscissa).map((key) => ({
+                    key: key,
+                    value: this.getMin(groupByAbscissa[key], ordinate)
+                })));
+                break;
+            default:
+                result.push(...Object.keys(groupByAbscissa).map((key) => ({
+                    key: key,
+                    value: this.getMax(groupByAbscissa[key], ordinate)
+                })));
+                break;
+        }
+        if (limit) {
+            result = this.formatByLimit(result, limit);
+        }
+        return result;
+    }
+    groupBy(items, attribute) {
+        let distincts = [];
+        items.forEach((item) => {
+            let value = this.getValueFromAttribute(item, attribute);
+            if (distincts[value.value]) {
+                distincts[value.value].push(item);
+            }
+            else {
+                distincts[value.value] = [item];
+            }
+        });
+        return distincts;
+    }
+    getValueFromAttribute(item, attribute) {
+        let value = ItemUtils.getAttributeValue(item, attribute);
+        return Array.isArray(value) ? value[0] : value;
+    }
+    getSum(items, attribute) {
+        let sum = 0;
+        items.forEach((item) => {
+            sum += this.getValueFromAttribute(item, attribute).value;
+        });
+        return sum;
+    }
+    getMin(items, attribute) {
+        const result = items.reduce((prev, curr) => {
+            const prevValue = this.getValueFromAttribute(prev, attribute).value;
+            const currValue = this.getValueFromAttribute(curr, attribute).value;
+            return prevValue < currValue ? prev : curr;
+        });
+        return this.getValueFromAttribute(result, attribute).value;
+    }
+    getMax(items, attribute) {
+        const result = items.reduce((prev, curr) => {
+            const prevValue = this.getValueFromAttribute(prev, attribute).value;
+            const currValue = this.getValueFromAttribute(curr, attribute).value;
+            return prevValue > currValue ? prev : curr;
+        });
+        return this.getValueFromAttribute(result, attribute).value;
+    }
+    getAverage(items, attribute) {
+        const allValues = items.map((item) => this.getValueFromAttribute(item, attribute).value);
+        return allValues.reduce((acc, val) => acc + val, 0) / allValues.length;
+    }
+    getDistinct(items, attribute) {
+        return [...new Set(items.map((item) => this.getValueFromAttribute(item, attribute).value))].length;
+    }
+    getQuartile(items, attribute, q) {
+        const allValues = items.map((item) => this.getValueFromAttribute(item, attribute).value);
+        const allValuesSorted = allValues.sort((a, b) => a - b);
+        let pos = (allValuesSorted.length - 1) * q;
+        if (pos % 1 === 0) {
+            return allValuesSorted[pos];
+        }
+        pos = Math.floor(pos);
+        if (allValuesSorted[pos + 1] !== undefined) {
+            return (allValuesSorted[pos] + allValuesSorted[pos + 1]) / 2;
+        }
+        return allValuesSorted[pos];
+    }
+    getPercentile(items, attribute, q) {
+        const allValues = items.map((item) => this.getValueFromAttribute(item, attribute).value);
+        const allValuesSorted = allValues.sort((a, b) => a - b);
+        return ((100 * allValuesSorted.reduce((acc, v) => acc + (v < q ? 1 : 0) + (v === q ? 0.5 : 0), 0)) /
+            allValuesSorted.length);
+    }
+    formatByLimit(data, limit) {
+        if (!limit.isTimeLimit) {
+            data
+                .sort((a, b) => (limit.order === 'asc' ? (a.value > b.value ? 1 : -1) : a.value < b.value ? 1 : -1))
+                .splice(limit.at);
+            return data;
+        }
+        return data;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryFrontendAggregationService, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryFrontendAggregationService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryFrontendAggregationService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.Store }]; } });
+
 class LoopScrollColumnComponent {
     constructor() {
         this.LOOP_COUNTER = [0, 1];
@@ -7372,6 +7739,7 @@ class ContextMenuComponent extends SubscriptionnerDirective {
             options: { itemIds: [] }
         };
         this.isModuleLoaded = {};
+        this.allowObjectCreation$ = this.store.select(ContextMenuSelectors.allowObjectCreation);
         this.opened$ = this.store.select(ContextMenuSelectors.opened);
         this.position$ = this.store.select(ContextMenuSelectors.position);
         this.itemId$ = this.store.select(ContextMenuSelectors.itemId);
@@ -7394,20 +7762,25 @@ class ContextMenuComponent extends SubscriptionnerDirective {
         this.widgetFactoryService.isModuleLoaded('graph').subscribe((loaded) => (this.isModuleLoaded['graph'] = loaded));
     }
     openWithTemplate(position) {
-        this.overlayRef = this.overlay.create(new OverlayConfig({
-            hasBackdrop: true,
-            panelClass: ['m-context-menu'],
-            backdropClass: 'backdrop'
-        }));
-        this.overlayRef.attach(new TemplatePortal(this.template, this.viewContainerRef));
-        this.store.dispatch(ConfigActions.addingOverlay({ id: this.constructor.name }));
-        this.overlayRef.backdropClick().subscribe(() => this.hide());
-        const contextMenu = document.querySelector('div.m-context-menu');
-        if (!!contextMenu) {
-            contextMenu.style.left =
-                Math.max(0, Math.min(window.innerWidth - contextMenu.clientWidth, position.clientX - 10)) + 'px';
-            contextMenu.style.top =
-                Math.max(0, Math.min(window.innerHeight - contextMenu.clientHeight, position.clientY - 10)) + 'px';
+        if (this.from !== 'map') {
+            this.overlayRef = this.overlay.create(new OverlayConfig({
+                hasBackdrop: true,
+                panelClass: ['m-context-menu'],
+                backdropClass: 'backdrop'
+            }));
+            this.overlayRef.attach(new TemplatePortal(this.template, this.viewContainerRef));
+            this.store.dispatch(ConfigActions.addingOverlay({ id: this.constructor.name }));
+            this.overlayRef.backdropClick().subscribe(() => this.hide());
+            const contextMenu = document.querySelector('div.m-context-menu');
+            if (!!contextMenu) {
+                contextMenu.style.left =
+                    Math.max(0, Math.min(window.innerWidth - contextMenu.clientWidth, position.clientX - 10)) + 'px';
+                contextMenu.style.top =
+                    Math.max(0, Math.min(window.innerHeight - contextMenu.clientHeight, position.clientY - 10)) + 'px';
+            }
+        }
+        else {
+            this.hide();
         }
     }
     hide() {
@@ -7451,11 +7824,11 @@ class ContextMenuComponent extends SubscriptionnerDirective {
         this.store.dispatch(ConfigActions.closeOverlay({ id: this.constructor.name + '-detail' }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ContextMenuComponent, deps: [{ token: i1.Store }, { token: i2$1.Overlay }, { token: i0.ViewContainerRef }, { token: WidgetFactoryService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: ContextMenuComponent, selector: "pry-context-menu", viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, read: TemplateRef }, { propertyName: "detailTemplate", first: true, predicate: ["detailTemplate"], descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n  <ul class=\"m-context-menu__list\">\n    <ng-container *ngIf=\"!!itemId\">\n      <li class=\"m-context-menu__list__item\">\n        <button type=\"button\" class=\"a-btn -link-like\" (click)=\"selectionAddOrRemove()\">\n          {{ ((isSelected$ | async) ? '@pry.context.remove' : '@pry.context.add') | i18n }}\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\">\n        <button type=\"button\" class=\"a-btn -link-like\" (click)=\"selectionInvert()\">\n          {{ '@pry.context.invert' | i18n }}\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\" *ngIf=\"!!resultSet\">\n        <button type=\"button\" class=\"a-btn -link-like\" (click)=\"proximity()\" *ngIf=\"!!resultSet\">\n          {{ '@pry.context.proximity' | i18n }}\n        </button>\n      </li>\n      <ng-container *ngIf=\"isModuleLoaded['graph']\">\n        <li class=\"m-context-menu__list__item\">\n          <button type=\"button\" class=\"a-btn -link-like\" (click)=\"explore()\">\n            {{ '@pry.context.explore' | i18n }}\n          </button>\n        </li>\n      </ng-container>\n      <ng-container *ngIf=\"isModuleLoaded['detail']\">\n        <li class=\"m-context-menu__list__item\">\n          <button type=\"button\" class=\"a-btn -link-like\" (click)=\"detail()\">\n            {{ '@pry.context.detail' | i18n }}\n          </button>\n        </li>\n        <li class=\"m-context-menu__list__item\">\n          <button type=\"button\" class=\"a-btn -link-like\" (click)=\"flyingDetail()\">\n            {{ '@pry.context.flyingDetail' | i18n }}\n          </button>\n        </li>\n      </ng-container>\n      <ng-container *pryAccess=\"{ module: 'dashboard', page: 'dashboard', action: 'edit_object' }\">\n        <li class=\"m-context-menu__list__item\">\n          <pry-object-creation\n            (closed)=\"hide()\"\n            [link]=\"true\"\n            [object]=\"false\"\n            [menu]=\"true\"\n            *ngIf=\"(selectedItemsIds?.length ?? 0) > 0\"\n          ></pry-object-creation>\n          <pry-object-creation (closed)=\"hide()\" [link]=\"true\" [object]=\"true\" [menu]=\"true\"></pry-object-creation>\n        </li>\n      </ng-container>\n    </ng-container>\n    <ng-container *pryAccess=\"{ module: 'dashboard', page: 'dashboard', action: 'edit_object' }\">\n      <li class=\"m-context-menu__list__item\">\n        <pry-object-creation (closed)=\"hide()\" [object]=\"true\" [menu]=\"true\"></pry-object-creation>\n      </li>\n    </ng-container>\n  </ul>\n</ng-template>\n<ng-template #detailTemplate>\n  <div class=\"o-settings__popup__header\">\n    <h2 class=\"a-h2\">{{ '@pry.context.flyingDetail' | i18n }}</h2>\n    <button type=\"button\" (click)=\"hideDetail()\" class=\"a-btn a-btn--icon-only -close\">\n      <pry-icon iconSvg=\"close\"></pry-icon>\n      <span class=\"u-visually-hidden\">{{ '@pry.action.close' | i18n }}</span>\n    </button>\n  </div>\n  <div class=\"o-settings__popup__content\">\n    <pry-widget-instanciator [staticManifest]=\"detailManifest\"></pry-widget-instanciator>\n  </div>\n  <div class=\"o-settings__popup__footer\">\n    <button (click)=\"hideDetail()\" class=\"a-btn a-btn--primary\">\n      {{ '@pry.action.close' | i18n }}\n    </button>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: PryAccessDirective, selector: "[pryAccess]", inputs: ["pryAccess"] }, { kind: "component", type: WidgetInstanciatorComponent, selector: "pry-widget-instanciator", inputs: ["widgetIndex", "staticManifest", "standalone", "open$"], outputs: ["manifestModified"] }, { kind: "component", type: PryObjectEditionComponent, selector: "pry-object-creation", inputs: ["link", "object", "menu"], outputs: ["closed"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: ContextMenuComponent, selector: "pry-context-menu", viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, read: TemplateRef }, { propertyName: "detailTemplate", first: true, predicate: ["detailTemplate"], descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n  <ul class=\"m-context-menu__list\">\n    <ng-container *ngIf=\"!!itemId\">\n      <li class=\"m-context-menu__list__item\">\n        <button type=\"button\" class=\"a-btn -link-like\" (click)=\"selectionAddOrRemove()\">\n          {{ ((isSelected$ | async) ? '@pry.context.remove' : '@pry.context.add') | i18n }}\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\">\n        <button type=\"button\" class=\"a-btn -link-like\" (click)=\"selectionInvert()\">\n          {{ '@pry.context.invert' | i18n }}\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\" *ngIf=\"!!resultSet\">\n        <button type=\"button\" class=\"a-btn -link-like\" (click)=\"proximity()\" *ngIf=\"!!resultSet\">\n          {{ '@pry.context.proximity' | i18n }}\n        </button>\n      </li>\n      <ng-container *ngIf=\"isModuleLoaded['graph']\">\n        <li class=\"m-context-menu__list__item\">\n          <button type=\"button\" class=\"a-btn -link-like\" (click)=\"explore()\">\n            {{ '@pry.context.explore' | i18n }}\n          </button>\n        </li>\n      </ng-container>\n      <ng-container *ngIf=\"isModuleLoaded['detail']\">\n        <li class=\"m-context-menu__list__item\">\n          <button type=\"button\" class=\"a-btn -link-like\" (click)=\"detail()\">\n            {{ '@pry.context.detail' | i18n }}\n          </button>\n        </li>\n        <li class=\"m-context-menu__list__item\">\n          <button type=\"button\" class=\"a-btn -link-like\" (click)=\"flyingDetail()\">\n            {{ '@pry.context.flyingDetail' | i18n }}\n          </button>\n        </li>\n      </ng-container>\n      <ng-container *pryAccess=\"{ module: 'dashboard', page: 'dashboard', action: 'edit_object' }\">\n        <li class=\"m-context-menu__list__item\">\n          <pry-object-creation\n            (closed)=\"hide()\"\n            [link]=\"true\"\n            [object]=\"false\"\n            [menu]=\"true\"\n            *ngIf=\"(selectedItemsIds?.length ?? 0) > 0\"\n          ></pry-object-creation>\n          <ng-container *ngIf=\"allowObjectCreation$ | async\">\n            <pry-object-creation (closed)=\"hide()\" [link]=\"true\" [object]=\"true\" [menu]=\"true\"></pry-object-creation>\n          </ng-container>\n        </li>\n      </ng-container>\n    </ng-container>\n    <ng-container *pryAccess=\"{ module: 'dashboard', page: 'dashboard', action: 'edit_object' }\">\n      <li *ngIf=\"allowObjectCreation$| async\" class=\"m-context-menu__list__item\">\n        <pry-object-creation (closed)=\"hide()\" [object]=\"true\" [menu]=\"true\"></pry-object-creation>\n      </li>\n    </ng-container>\n  </ul>\n</ng-template>\n<ng-template #detailTemplate>\n  <div class=\"o-settings__popup__header\">\n    <h2 class=\"a-h2\">{{ '@pry.context.flyingDetail' | i18n }}</h2>\n    <button type=\"button\" (click)=\"hideDetail()\" class=\"a-btn a-btn--icon-only -close\">\n      <pry-icon iconSvg=\"close\"></pry-icon>\n      <span class=\"u-visually-hidden\">{{ '@pry.action.close' | i18n }}</span>\n    </button>\n  </div>\n  <div class=\"o-settings__popup__content\">\n    <pry-widget-instanciator [staticManifest]=\"detailManifest\"></pry-widget-instanciator>\n  </div>\n  <div class=\"o-settings__popup__footer\">\n    <button (click)=\"hideDetail()\" class=\"a-btn a-btn--primary\">\n      {{ '@pry.action.close' | i18n }}\n    </button>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: PryAccessDirective, selector: "[pryAccess]", inputs: ["pryAccess"] }, { kind: "component", type: WidgetInstanciatorComponent, selector: "pry-widget-instanciator", inputs: ["widgetIndex", "staticManifest", "standalone", "open$"], outputs: ["manifestModified"] }, { kind: "component", type: PryObjectEditionComponent, selector: "pry-object-creation", inputs: ["link", "object", "menu"], outputs: ["closed"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ContextMenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-context-menu', template: "<ng-template #template>\n  <ul class=\"m-context-menu__list\">\n    <ng-container *ngIf=\"!!itemId\">\n      <li class=\"m-context-menu__list__item\">\n        <button type=\"button\" class=\"a-btn -link-like\" (click)=\"selectionAddOrRemove()\">\n          {{ ((isSelected$ | async) ? '@pry.context.remove' : '@pry.context.add') | i18n }}\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\">\n        <button type=\"button\" class=\"a-btn -link-like\" (click)=\"selectionInvert()\">\n          {{ '@pry.context.invert' | i18n }}\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\" *ngIf=\"!!resultSet\">\n        <button type=\"button\" class=\"a-btn -link-like\" (click)=\"proximity()\" *ngIf=\"!!resultSet\">\n          {{ '@pry.context.proximity' | i18n }}\n        </button>\n      </li>\n      <ng-container *ngIf=\"isModuleLoaded['graph']\">\n        <li class=\"m-context-menu__list__item\">\n          <button type=\"button\" class=\"a-btn -link-like\" (click)=\"explore()\">\n            {{ '@pry.context.explore' | i18n }}\n          </button>\n        </li>\n      </ng-container>\n      <ng-container *ngIf=\"isModuleLoaded['detail']\">\n        <li class=\"m-context-menu__list__item\">\n          <button type=\"button\" class=\"a-btn -link-like\" (click)=\"detail()\">\n            {{ '@pry.context.detail' | i18n }}\n          </button>\n        </li>\n        <li class=\"m-context-menu__list__item\">\n          <button type=\"button\" class=\"a-btn -link-like\" (click)=\"flyingDetail()\">\n            {{ '@pry.context.flyingDetail' | i18n }}\n          </button>\n        </li>\n      </ng-container>\n      <ng-container *pryAccess=\"{ module: 'dashboard', page: 'dashboard', action: 'edit_object' }\">\n        <li class=\"m-context-menu__list__item\">\n          <pry-object-creation\n            (closed)=\"hide()\"\n            [link]=\"true\"\n            [object]=\"false\"\n            [menu]=\"true\"\n            *ngIf=\"(selectedItemsIds?.length ?? 0) > 0\"\n          ></pry-object-creation>\n          <pry-object-creation (closed)=\"hide()\" [link]=\"true\" [object]=\"true\" [menu]=\"true\"></pry-object-creation>\n        </li>\n      </ng-container>\n    </ng-container>\n    <ng-container *pryAccess=\"{ module: 'dashboard', page: 'dashboard', action: 'edit_object' }\">\n      <li class=\"m-context-menu__list__item\">\n        <pry-object-creation (closed)=\"hide()\" [object]=\"true\" [menu]=\"true\"></pry-object-creation>\n      </li>\n    </ng-container>\n  </ul>\n</ng-template>\n<ng-template #detailTemplate>\n  <div class=\"o-settings__popup__header\">\n    <h2 class=\"a-h2\">{{ '@pry.context.flyingDetail' | i18n }}</h2>\n    <button type=\"button\" (click)=\"hideDetail()\" class=\"a-btn a-btn--icon-only -close\">\n      <pry-icon iconSvg=\"close\"></pry-icon>\n      <span class=\"u-visually-hidden\">{{ '@pry.action.close' | i18n }}</span>\n    </button>\n  </div>\n  <div class=\"o-settings__popup__content\">\n    <pry-widget-instanciator [staticManifest]=\"detailManifest\"></pry-widget-instanciator>\n  </div>\n  <div class=\"o-settings__popup__footer\">\n    <button (click)=\"hideDetail()\" class=\"a-btn a-btn--primary\">\n      {{ '@pry.action.close' | i18n }}\n    </button>\n  </div>\n</ng-template>\n" }]
+            args: [{ selector: 'pry-context-menu', template: "<ng-template #template>\n  <ul class=\"m-context-menu__list\">\n    <ng-container *ngIf=\"!!itemId\">\n      <li class=\"m-context-menu__list__item\">\n        <button type=\"button\" class=\"a-btn -link-like\" (click)=\"selectionAddOrRemove()\">\n          {{ ((isSelected$ | async) ? '@pry.context.remove' : '@pry.context.add') | i18n }}\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\">\n        <button type=\"button\" class=\"a-btn -link-like\" (click)=\"selectionInvert()\">\n          {{ '@pry.context.invert' | i18n }}\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\" *ngIf=\"!!resultSet\">\n        <button type=\"button\" class=\"a-btn -link-like\" (click)=\"proximity()\" *ngIf=\"!!resultSet\">\n          {{ '@pry.context.proximity' | i18n }}\n        </button>\n      </li>\n      <ng-container *ngIf=\"isModuleLoaded['graph']\">\n        <li class=\"m-context-menu__list__item\">\n          <button type=\"button\" class=\"a-btn -link-like\" (click)=\"explore()\">\n            {{ '@pry.context.explore' | i18n }}\n          </button>\n        </li>\n      </ng-container>\n      <ng-container *ngIf=\"isModuleLoaded['detail']\">\n        <li class=\"m-context-menu__list__item\">\n          <button type=\"button\" class=\"a-btn -link-like\" (click)=\"detail()\">\n            {{ '@pry.context.detail' | i18n }}\n          </button>\n        </li>\n        <li class=\"m-context-menu__list__item\">\n          <button type=\"button\" class=\"a-btn -link-like\" (click)=\"flyingDetail()\">\n            {{ '@pry.context.flyingDetail' | i18n }}\n          </button>\n        </li>\n      </ng-container>\n      <ng-container *pryAccess=\"{ module: 'dashboard', page: 'dashboard', action: 'edit_object' }\">\n        <li class=\"m-context-menu__list__item\">\n          <pry-object-creation\n            (closed)=\"hide()\"\n            [link]=\"true\"\n            [object]=\"false\"\n            [menu]=\"true\"\n            *ngIf=\"(selectedItemsIds?.length ?? 0) > 0\"\n          ></pry-object-creation>\n          <ng-container *ngIf=\"allowObjectCreation$ | async\">\n            <pry-object-creation (closed)=\"hide()\" [link]=\"true\" [object]=\"true\" [menu]=\"true\"></pry-object-creation>\n          </ng-container>\n        </li>\n      </ng-container>\n    </ng-container>\n    <ng-container *pryAccess=\"{ module: 'dashboard', page: 'dashboard', action: 'edit_object' }\">\n      <li *ngIf=\"allowObjectCreation$| async\" class=\"m-context-menu__list__item\">\n        <pry-object-creation (closed)=\"hide()\" [object]=\"true\" [menu]=\"true\"></pry-object-creation>\n      </li>\n    </ng-container>\n  </ul>\n</ng-template>\n<ng-template #detailTemplate>\n  <div class=\"o-settings__popup__header\">\n    <h2 class=\"a-h2\">{{ '@pry.context.flyingDetail' | i18n }}</h2>\n    <button type=\"button\" (click)=\"hideDetail()\" class=\"a-btn a-btn--icon-only -close\">\n      <pry-icon iconSvg=\"close\"></pry-icon>\n      <span class=\"u-visually-hidden\">{{ '@pry.action.close' | i18n }}</span>\n    </button>\n  </div>\n  <div class=\"o-settings__popup__content\">\n    <pry-widget-instanciator [staticManifest]=\"detailManifest\"></pry-widget-instanciator>\n  </div>\n  <div class=\"o-settings__popup__footer\">\n    <button (click)=\"hideDetail()\" class=\"a-btn a-btn--primary\">\n      {{ '@pry.action.close' | i18n }}\n    </button>\n  </div>\n</ng-template>\n" }]
         }], ctorParameters: function () { return [{ type: i1.Store }, { type: i2$1.Overlay }, { type: i0.ViewContainerRef }, { type: WidgetFactoryService }]; }, propDecorators: { template: [{
                 type: ViewChild,
                 args: ['template', { read: TemplateRef }]
@@ -8002,32 +8375,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
                 type: Output
             }] } });
 
-var Operation;
-(function (Operation) {
-    Operation["NONE"] = "none";
-    Operation["COUNT"] = "count";
-    Operation["SUM"] = "sum";
-    Operation["DISTINCT"] = "cardinality";
-    Operation["AVERAGE"] = "avg";
-    Operation["MEDIAN"] = "median";
-    Operation["Q1"] = "q1";
-    Operation["Q3"] = "q3";
-    Operation["MIN"] = "min";
-    Operation["MAX"] = "max";
-})(Operation || (Operation = {}));
-var GraphType;
-(function (GraphType) {
-    GraphType["AREA"] = "area-default";
-    GraphType["AREA_WITH_LINES_AND_POINTS"] = "area-with-lines-and-points";
-    GraphType["BAR"] = "bar-default";
-    GraphType["CIRCULAR"] = "arc-default";
-    GraphType["CURVE"] = "line-default";
-    GraphType["CURVE_WITH_POINTS"] = "line-with-points";
-    GraphType["DONUT"] = "arc-donut";
-    GraphType["HISTOGRAM"] = "bar-histogram";
-    GraphType["POINTS"] = "point-default";
-})(GraphType || (GraphType = {}));
-
 var TooltipMode;
 (function (TooltipMode) {
     TooltipMode["CLICK"] = "click";
@@ -8044,6 +8391,7 @@ const widgetMapConfig = {
         'upload'
     ])
 };
+const DEFAULT_PROJECTION = 'EPSG:4326';
 
 const USE_CURRENT_RESULTSET = 'use-current-resultset';
 class ToolboxManifestService extends SubscriptionnerDirective {
@@ -8332,6 +8680,20 @@ class ToolboxManifestService extends SubscriptionnerDirective {
                 },
                 options: {},
                 datasource: USE_CURRENT_RESULTSET
+            },
+            vega: {
+                type: 'vega',
+                layout: {
+                    x: 1,
+                    y: 1,
+                    height: 2,
+                    width: 3
+                },
+                options: {
+                    placeData: ['data', 0, 'values'],
+                    baseSpec: {}
+                },
+                datasource: USE_CURRENT_RESULTSET
             }
         });
         this.currentResultSet = [];
@@ -8419,7 +8781,8 @@ const defaultMenuStructure = [
             { icon: 'toc', label: '@pry.toolbox.detail', type: 'detail' },
             { icon: 'graph', label: '@pry.toolbox.graph', type: 'graph' },
             { icon: 'settings_applications', label: '@pry.toolbox.iframe', type: 'iframe' },
-            { icon: 'tile', label: '@pry.toolbox.tile', type: 'tile' }
+            { icon: 'tile', label: '@pry.toolbox.tile', type: 'tile' },
+            { icon: 'bar_chart', label: '@pry.toolbox.vega', type: 'vega' }
         ]
     }
 ];
@@ -8701,26 +9064,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
         }], ctorParameters: function () { return [{ type: PrySnackbarService }, { type: PryI18nService }]; } });
 
 class PryAboutComponent {
-    constructor(store) {
+    constructor(store, i18nService) {
         this.store = store;
+        this.i18nService = i18nService;
         this.store.dispatch(ConfigActions.loadVersions());
         this.version$ = this.store.select(ConfigSelectors.selectVersions);
     }
     displayVersion(value) {
         const backVersion = value;
-        if (backVersion.chartVersion) {
+        if (!!backVersion.chartVersion) {
             return `${backVersion.chartVersion}[${backVersion.applicationVersion}]`;
         }
         const frontVersion = value;
-        return frontVersion.libVersion;
+        if (!!frontVersion.libVersion) {
+            return frontVersion.libVersion;
+        }
+        return this.i18nService.instant('@pry.about.noVersion');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryAboutComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryAboutComponent, deps: [{ token: i1.Store }, { token: PryI18nService }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PryAboutComponent, selector: "pry-about", ngImport: i0, template: "<div class=\"info-icon description-container description\">\n  <span class=\"info-text\">i</span>\n</div>\n<div class=\"description-tooltip title-tooltip\">\n  <ul *ngFor=\"let version of (version$ | async) ?? {} | keyvalue\">\n    <li>{{ '@pry.about.' + version.key | i18n }} {{ displayVersion(version.value) }}</li>\n  </ul>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryAboutComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-about', template: "<div class=\"info-icon description-container description\">\n  <span class=\"info-text\">i</span>\n</div>\n<div class=\"description-tooltip title-tooltip\">\n  <ul *ngFor=\"let version of (version$ | async) ?? {} | keyvalue\">\n    <li>{{ '@pry.about.' + version.key | i18n }} {{ displayVersion(version.value) }}</li>\n  </ul>\n</div>\n" }]
-        }], ctorParameters: function () { return [{ type: i1.Store }]; } });
+        }], ctorParameters: function () { return [{ type: i1.Store }, { type: PryI18nService }]; } });
 
 const PRY_ABOUT_COMPONENTS = [PryAboutComponent];
 class PryAboutModule {
@@ -8954,36 +9321,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
                 type: Input
             }] } });
 
-class ResultsetUtils {
-    static mergeResultSets(rs1, rs2) {
-        if (!rs1)
-            return rs2;
-        if (!rs2)
-            return rs1;
-        const rs1Copy = JSON.parse(JSON.stringify(rs1));
-        Object.keys(rs2.items ?? {}).forEach((key) => {
-            if (!rs1Copy.items[key]) {
-                rs1Copy.items[key] = [];
-            }
-            rs1Copy.items[key].push(...rs2.items[key]);
-        });
-        rs1Copy.relations = [...(rs1Copy.relations ?? []), ...(rs2.relations ?? [])];
-        /* Make items and relations unique in resulted dataset */
-        Object.keys(rs1Copy.items).forEach((key) => {
-            const uniqueList = [...new Set(rs1Copy.items[key].map((it) => it.id))];
-            rs1Copy.items[key] = uniqueList.map((id) => rs1Copy.items[key].find((it) => it.id === id));
-        });
-        const uniqueRelations = [
-            ...new Set(rs1Copy.relations.map((rel) => `${rel.relationType}|${rel.source}|${rel.destination}`))
-        ];
-        rs1Copy.relations = uniqueRelations.map((key) => {
-            const splittedKey = key.split('|');
-            return rs1Copy.relations.find((rel) => rel.relationType === splittedKey[0] && rel.source === splittedKey[1] && rel.destination === splittedKey[2]);
-        });
-        return rs1Copy;
-    }
-}
-
 class DataWidgetComponent extends BaseWidgetComponent {
     set staticResultSet(resultSet) {
         this.staticResultSet$.next(resultSet);
@@ -10692,8 +11029,9 @@ const internalReducer = createReducer(dashboardInitialState, on(DashboardActions
     },
     presentation: {
         ...state.presentation,
-        current: state.presentation.current
-            ? action.manifests.find((manifest) => manifest.id === state.presentation.current?.id)
+        current: !!state.presentation.current
+            ? action.manifests.find((manifest) => manifest.id === state.presentation.current?.id) ??
+                state.presentation.current
             : undefined
     }
 })), on(DashboardActions.updateStaticManifest, (state, action) => ({
@@ -11365,5 +11703,5 @@ function filterLoader(module, prop) {
  * Generated bundle index. Do not edit.
  */
 
-export { AccordionComponent, AccordionItemComponent, Aggregation, BaseFilterComponent, BaseFilterModule, BaseLayoutComponent, BaseMenuComponent, BaseToolboxComponent, BaseTooltipComponent, BaseTooltipModule, BaseWidgetComponent, BaseWidgetModule, BusService, CategoryActions, CategorySelectors, CategoryService, ChartOptionDefault, ClassActions, ClassSelectors, ClassService, ConfigActions, ConfigSelectors, ConfigService, ContextMenuActions, ContextMenuComponent, ContextMenuSelectors, DEFAULT_CATEGORY_UUID, DEFAULT_COLUMNS_NUMBER, DEFAULT_GAP_PX, DEFAULT_ICON_URL, DEFAULT_MSG_TIMEOUT, DEFAULT_NAMED_QUERY_ID, DEFAULT_RESTITUTION_ICON_URL, DEFAULT_ROWS_NUMBER, DEFAULT_ROW_HEIGHT_PX, DELAY_FOR_HIDE, DashboardActions, DashboardComponent, DashboardGridLayout, DashboardSelectors, DataSourceActions, DataSourceSelectors, DataSourceService, DataWidgetComponent, DatasourceSelectorComponent, DateRangeHighlightPipe, DateUtils, DefaultTooltipComponent, DefaultViewGuard, DisplayMode, ENV_OPTIONS, EXPLORE_NAMED_QUERY_ID, FIELD_OPTIONS, FIELD_UUID, FILTERS_DOMAIN, FILTER_DEFINITION, FieldActions, FieldSelectors, FieldService, FieldType, FilterFactoryService, FilterInstanciatorComponent, GeoMetadata, GeometricFieldTypes, GetSecuredImagePipe, GraphType, HTTP_ORIGIN_METADATA, I18nPipe, INTERNALLY_STORED_IMAGE_PREFIX, IconPosition, ImageActions, ImageService, ImagesSelectors, ItemUtils, LibraryTypes, LoopScrollColumnComponent, METADATA_TYPE, META_OPTIONS, MIME_TYPE_RESULTSET, MIME_TYPE_WIDGET_MANIFEST, MIME_TYPE_WIDGET_SIZE, MIME_TYPE_WIDGET_TYPE, ManifestService, ManifestUtils, ManifestsComponent, MarkSubType, MarkType, MetadataComponent, NamedQueryTypes, NamedQueryUtils, OPERATOR_OPTIONS, Operation, PRY_ACCESS_GUARD, PRY_ACCESS_TOKEN, PRY_CUSTOMEVENT_TYPE, PRY_DIALOG_DATA, PryAboutComponent, PryAboutModule, PryAccessDirective, PryAccessUtils, PryBaseAccess, PryBaseAccessGuard, PryCoreModule, PryDashboardModule, PryDatasetType, PryDatePickerComponent, PryDatePickerModule, PryDefaultAccessGuard, PryDefaultAccessService, PryDialogConfirmComponent, PryDialogRef, PryDialogService, PryEditInputComponent, PryEditInputModule, PryHiddenWhenOverlay, PryHiddenWhenOverlayDirective, PryHttpErrorInterceptorService, PryI18nModule, PryI18nService, PryIconComponent, PryIconModule, PryModalComponent, PryModalModule, PryModalStatusComponent, PryModalStatusModule, PryNqColorSelectorComponent, PryObjectEditionComponent, PryOverlayDirective, PryOverlayModule, PryRangeComponent, PryRangeModule, PrySelectComponent, PrySelectImageComponent, PrySelectModule, PryShareComponent, PryShareModule, PrySnackbarComponent, PrySnackbarModule, PrySnackbarService, PrySortDataPipe, PrySortHeaderComponent, PrySortHeaderDirective, PrySortModule, PrySortTableDirective, PryTimePickerComponent, PryTitleService, PryToggleComponent, PryToggleModule, PryTooltipDirective, PryUploadComponent, PryVisibilityType, PryWidgetHeaderComponent, RawService, RelationTypesActions, RelationTypesSelectors, RelationTypesService, ResultSetSizePipe, ResultsetUtils, SYMBOL_DOMAIN, SearchActions, SearchSelectors, SearchService, SettingsComponent, SubscriptionnerDirective, SymbolService, TABLE_ATTR_DOMAIN, TILE_ATTR_DOMAIN, TOOLTIPS_DOMAIN, TOOLTIP_DEFINITION, TabComponent, TabGroupComponent, ToolboxManifestService, ToolboxMenuService, TooltipFactoryService, TooltipMode, TranslateIdPipe, TranslateItemToSymbolPipe, UNKNOWN_DATASOURCE, USE_CURRENT_RESULTSET, VARIABLE_TYPE, VegaColorType, VegaType, ViewMode, VizualizeRawComponent, WIDGET_DEFINITION, WIDGET_HEADER_HEIGHT, WebsocketService, WidgetFactoryService, WidgetInstanciatorComponent, WidgetPlaceholderComponent, WidgetPlacementUtils, WmsService, adapter$2 as adapter, aggregationDefault, baseItemProperties, classReducer, classesFeatureKey, compareOperationFunctions, contextMenuFeatureKey, contextMenuReducer, createPlacedWidgetCopy, dashboardFeatureKey, dashboardInitialState, dashboardReducer, dataSourceFeatureKey, dataSourceReducer, deepMerge, defaultColors, defaultMenuStructure, enTranslations$1 as enTranslations, filterLoader, frTranslations$1 as frTranslations, getDisplayOptions, httpErrorOptions, imageFeatureKey, imageReducer, initialClassState, initialContextMenuState, initialDataSourceState, initialImageState, initialSearchState, latLonToGeographicFieldTransformation, markTypesDefault, notificationFeatureKey, orderWidgetsAccordingToPlacement, searchFeatureKey, searchReducer, selectAll$2 as selectAll, selectEntities$2 as selectEntities, selectIds$2 as selectIds, selectTotal$2 as selectTotal, solveCollisions, solvingCollisionOptions, sortByName$2 as sortByName, subTypesDefault, tooltipLoader, vegaColorSchemesDefault, widgetLoader, widgetMapConfig };
+export { AccordionComponent, AccordionItemComponent, Aggregation, BaseFilterComponent, BaseFilterModule, BaseLayoutComponent, BaseMenuComponent, BaseToolboxComponent, BaseTooltipComponent, BaseTooltipModule, BaseWidgetComponent, BaseWidgetModule, BusService, CategoryActions, CategorySelectors, CategoryService, ChartOptionDefault, ClassActions, ClassSelectors, ClassService, ConfigActions, ConfigSelectors, ConfigService, ContextMenuActions, ContextMenuComponent, ContextMenuSelectors, DEFAULT_CATEGORY_UUID, DEFAULT_COLUMNS_NUMBER, DEFAULT_GAP_PX, DEFAULT_ICON_URL, DEFAULT_MSG_TIMEOUT, DEFAULT_NAMED_QUERY_ID, DEFAULT_PROJECTION, DEFAULT_RESTITUTION_ICON_URL, DEFAULT_ROWS_NUMBER, DEFAULT_ROW_HEIGHT_PX, DELAY_FOR_HIDE, DashboardActions, DashboardComponent, DashboardGridLayout, DashboardSelectors, DataSourceActions, DataSourceSelectors, DataSourceService, DataWidgetComponent, DatasourceSelectorComponent, DateRangeHighlightPipe, DateUtils, DefaultTooltipComponent, DefaultViewGuard, DisplayMode, ENV_OPTIONS, EXPLORE_NAMED_QUERY_ID, FIELD_OPTIONS, FIELD_UUID, FILTERS_DOMAIN, FILTER_DEFINITION, FieldActions, FieldSelectors, FieldService, FieldType, FilterFactoryService, FilterInstanciatorComponent, GeoMetadata, GeometricFieldTypes, GetSecuredImagePipe, GraphType, HTTP_ORIGIN_METADATA, I18nPipe, INTERNALLY_STORED_IMAGE_PREFIX, IconPosition, ImageActions, ImageService, ImagesSelectors, ItemUtils, LibraryTypes, LoopScrollColumnComponent, METADATA_TYPE, META_OPTIONS, MIME_TYPE_RESULTSET, MIME_TYPE_WIDGET_MANIFEST, MIME_TYPE_WIDGET_SIZE, MIME_TYPE_WIDGET_TYPE, ManifestService, ManifestUtils, ManifestsComponent, MarkSubType, MarkType, MetadataComponent, NamedQueryTypes, NamedQueryUtils, OPERATOR_OPTIONS, Operation, PRY_ACCESS_GUARD, PRY_ACCESS_TOKEN, PRY_CUSTOMEVENT_TYPE, PRY_DIALOG_DATA, PryAboutComponent, PryAboutModule, PryAccessDirective, PryAccessUtils, PryAggregationService, PryBackendAggregationService, PryBaseAccess, PryBaseAccessGuard, PryCoreModule, PryDashboardModule, PryDatasetType, PryDatePickerComponent, PryDatePickerModule, PryDefaultAccessGuard, PryDefaultAccessService, PryDialogConfirmComponent, PryDialogRef, PryDialogService, PryEditInputComponent, PryEditInputModule, PryFrontendAggregationService, PryHiddenWhenOverlay, PryHiddenWhenOverlayDirective, PryHttpErrorInterceptorService, PryI18nModule, PryI18nService, PryIconComponent, PryIconModule, PryModalComponent, PryModalModule, PryModalStatusComponent, PryModalStatusModule, PryNqColorSelectorComponent, PryObjectEditionComponent, PryOverlayDirective, PryOverlayModule, PryRangeComponent, PryRangeModule, PrySelectComponent, PrySelectImageComponent, PrySelectModule, PryShareComponent, PryShareModule, PrySnackbarComponent, PrySnackbarModule, PrySnackbarService, PrySortDataPipe, PrySortHeaderComponent, PrySortHeaderDirective, PrySortModule, PrySortTableDirective, PryTimePickerComponent, PryTitleService, PryToggleComponent, PryToggleModule, PryTooltipDirective, PryUploadComponent, PryVisibilityType, PryWidgetHeaderComponent, RawService, RelationTypesActions, RelationTypesSelectors, RelationTypesService, ResultSetSizePipe, ResultsetUtils, SYMBOL_DOMAIN, SearchActions, SearchSelectors, SearchService, SettingsComponent, SubscriptionnerDirective, SymbolService, TABLE_ATTR_DOMAIN, TILE_ATTR_DOMAIN, TOOLTIPS_DOMAIN, TOOLTIP_DEFINITION, TabComponent, TabGroupComponent, ToolboxManifestService, ToolboxMenuService, TooltipFactoryService, TooltipMode, TranslateIdPipe, TranslateItemToSymbolPipe, UNKNOWN_DATASOURCE, USE_CURRENT_RESULTSET, VARIABLE_TYPE, VegaColorType, VegaType, ViewMode, VizualizeRawComponent, WIDGET_DEFINITION, WIDGET_HEADER_HEIGHT, WebsocketService, WidgetFactoryService, WidgetInstanciatorComponent, WidgetPlaceholderComponent, WidgetPlacementUtils, WmsService, adapter$2 as adapter, aggregationDefault, baseItemProperties, classReducer, classesFeatureKey, compareOperationFunctions, contextMenuFeatureKey, contextMenuReducer, createPlacedWidgetCopy, dashboardFeatureKey, dashboardInitialState, dashboardReducer, dataSourceFeatureKey, dataSourceReducer, deepMerge, defaultColors, defaultMenuStructure, enTranslations$1 as enTranslations, filterLoader, frTranslations$1 as frTranslations, getDisplayOptions, httpErrorOptions, imageFeatureKey, imageReducer, initialClassState, initialContextMenuState, initialDataSourceState, initialImageState, initialSearchState, latLonToGeographicFieldTransformation, markTypesDefault, notificationFeatureKey, orderWidgetsAccordingToPlacement, searchFeatureKey, searchReducer, selectAll$2 as selectAll, selectEntities$2 as selectEntities, selectIds$2 as selectIds, selectTotal$2 as selectTotal, solveCollisions, solvingCollisionOptions, sortByName$2 as sortByName, subTypesDefault, tooltipLoader, vegaColorSchemesDefault, widgetLoader, widgetMapConfig };
 //# sourceMappingURL=provoly-dashboard.mjs.map