@provoly/dashboard 0.14.9 → 0.14.11

package/fesm2022/provoly-dashboard.mjs

@@ -184,6 +184,15 @@ function deepMerge(target, source) {
 
 const enTranslations$1 = {
     '@pry': {
+        about: {
+            front: 'Version Front Library : {{value}} ',
+            ref: 'Version repository : {{value}}',
+            data: 'Version data : {{value}}',
+            replay: 'Version replay : {{value}}',
+            exec: 'Version Execution : {{value}}',
+            transfo: 'Version Transformation : {{value}}',
+            monitor: 'Version Supervision : {{value}}'
+        },
         header: {
             noCurrentPresentation: 'Presentation not saved'
         },
@@ -237,7 +246,8 @@ const enTranslations$1 = {
                 saved: 'Presentation saved as {{viewId}}',
                 saveErrorCode: {
                     FORBIDDEN: 'You are not the owner of this presentation',
-                    NAME_ALREADY_USED: 'A presentation called "{{name}}" already exists, please select another name.'
+                    NAME_ALREADY_USED: 'A presentation called "{{name}}" already exists, please select another name.',
+                    SAVE_METADATA: 'Save your presentation before choosing the theme.'
                 },
                 defaulted: 'Presentation {{viewId}} marked as favourite',
                 undefaulted: 'Presentation {{viewId}} is no longer marked as favourite',
@@ -295,6 +305,7 @@ const enTranslations$1 = {
             radarchart: 'Radar',
             circlechart: 'Circle packing',
             iframe: 'External application',
+            vega: 'Advanced chart',
             graph: 'Graph',
             placeholder: '',
             sub: {
@@ -516,6 +527,15 @@ const enTranslations$1 = {
 
 const frTranslations$1 = {
     '@pry': {
+        about: {
+            front: 'Librairie front version : ',
+            ref: 'Référentiel version : ',
+            data: 'Données version : ',
+            replay: 'Rejeu version : ',
+            exec: 'Exécution version : ',
+            transfo: 'Transformation version : ',
+            monitor: 'Supervision version : '
+        },
         header: {
             noCurrentPresentation: 'Présentation non sauvegardée'
         },
@@ -569,7 +589,8 @@ const frTranslations$1 = {
                 saved: 'Présentation {{viewId}} sauvegardée',
                 saveErrorCode: {
                     FORBIDDEN: "Vous n'êtes pas le propriétaire de cette présentation ",
-                    NAME_ALREADY_USED: 'Une présentation avec le nom "{{name}}" existe déjà, veuillez sélectionner un autre nom.'
+                    NAME_ALREADY_USED: 'Une présentation avec le nom "{{name}}" existe déjà, veuillez sélectionner un autre nom.',
+                    SAVE_METADATA: 'Veuillez sauvegarder la presentation avant de choisir une thématique.'
                 },
                 defaulted: 'Présentation {{viewId}} marquée par défaut',
                 undefaulted: "La présentation {{viewId}} n'est plus marquée par défaut",
@@ -627,6 +648,7 @@ const frTranslations$1 = {
             radarchart: 'Radar',
             circlechart: 'Paquets de cercles',
             iframe: 'Application externe',
+            vega: 'Graphique avancé',
             graph: 'Relations',
             placeholder: '',
             sub: {
@@ -895,7 +917,7 @@ class PryI18nService {
         }
         return response;
     }
-    instant(key, params) {
+    instant(key, params, warn = true) {
         let response = this.instantObject(key, params);
         if (typeof response === 'string') {
             const matches = response.match(this.parameterRegexp);
@@ -910,14 +932,14 @@ class PryI18nService {
             return response;
         }
         else {
-            if (PryI18nService.warn) {
+            if (PryI18nService.warn && warn) {
                 console.warn(`Key ${key} has not been found in translations for lang ${this.currentLang}.`);
             }
             return key;
         }
     }
-    get(key, params) {
-        return this.translations$.pipe(map((translations) => this.instant(key, params)));
+    get(key, params, warn = false) {
+        return this.translations$.pipe(map((translations) => this.instant(key, params, warn)));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryI18nService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryI18nService, providedIn: 'root' }); }
@@ -938,15 +960,16 @@ class I18nPipe {
         this._ref = _ref;
     }
     transform(value, ...args) {
+        const warn = (args[0] ?? { warn: true }).warn;
         if (value === this.key && JSON.stringify(args) === JSON.stringify(this.params)) {
             return this.value;
         }
         this.key = value;
         this.params = args;
-        this.value = this.translateService.instant(value, args[0]);
+        this.value = this.translateService.instant(value, args[0], warn);
         if (this.value === this.key) {
             // Not translated, maybe we must wait
-            this.waitSubscription = this.translateService.get(value, args[0]).subscribe((value) => {
+            this.waitSubscription = this.translateService.get(value, args[0], warn).subscribe((value) => {
                 if (this.value !== value) {
                     this.value = value;
                     this._ref.markForCheck();
@@ -997,6 +1020,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
             args: [{ selector: 'pry-base-menu', template: "<nav class=\"m-nav-links\">\n  <ng-container *ngFor=\"let sub of subMenu$ | async\">\n    <ul class=\"m-nav-links__list\">\n      <ng-container *ngFor=\"let menu of sub.subMenus\">\n        <li\n          *pryAccess=\"{ module: menu.module, page: menu.page, subMenu: menu.subMenu }\"\n          class=\"m-nav-links__list__item\"\n        >\n          <a [routerLink]=\"menu.menu\" class=\"a-btn a-btn--secondary -width-full\" [routerLinkActive]=\"'is-active'\">\n            {{ baseMenuTranslation + menu.menu | i18n }}\n          </a>\n        </li>\n      </ng-container>\n    </ul>\n  </ng-container>\n  <ng-container *ngIf=\"menus$ | async as menus\">\n    <ng-container *ngIf=\"menus.length > 0\">\n      <ul class=\"m-nav-links__list\">\n        <ng-container *ngFor=\"let menu of menus\">\n          <ng-container *ngIf=\"menu.module === 'supervision'\">\n            <li *pryAccess=\"{ module: menu.module, page: menu.page }\" class=\"m-nav-links__list__item\">\n              <a [routerLink]=\"menu.menu\" class=\"a-btn a-btn--secondary -width-full\" [routerLinkActive]=\"'is-active'\">\n                {{ baseMenuTranslation + menu.menu | i18n }}\n              </a>\n            </li>\n          </ng-container>\n        </ng-container>\n      </ul>\n    </ng-container>\n  </ng-container>\n</nav>\n" }]
         }], ctorParameters: function () { return [{ type: i1.Store }]; } });
 
+const DEFAULT_ICON_URL = '/assets/svgs/default.svg';
+const DEFAULT_RESTITUTION_ICON_URL = '/assets/svgs/default-restitution.svg';
+var IconPosition;
+(function (IconPosition) {
+    IconPosition["FULL"] = "FULL";
+    IconPosition["TOP_LEFT"] = "TOP_LEFT";
+    IconPosition["TOP_RIGHT"] = "TOP_RIGHT";
+    IconPosition["BOTTOM_LEFT"] = "BOTTOM_LEFT";
+    IconPosition["BOTTOM_RIGHT"] = "BOTTOM_RIGHT";
+})(IconPosition || (IconPosition = {}));
+const compareOperationFunctions = {
+    EQUALS: (a, b) => a === b,
+    GREATER: (a, b) => parseInt(a, 10) > parseInt(b, 10),
+    GREATER_OR_EQUAL: (a, b) => parseInt(a, 10) >= parseInt(b, 10),
+    LOWER: (a, b) => parseInt(a, 10) < parseInt(b, 10),
+    LOWER_OR_EQUAL: (a, b) => parseInt(a, 10) <= parseInt(b, 10),
+    CONTAINS: (a, b) => (a + '').localeCompare(b + '') === 0
+};
+
 class PryIconComponent {
     get iconSvgUrl() {
         return this._iconSvgUrl;
@@ -1040,6 +1082,9 @@ class PryIconComponent {
         const iconSvg = changes['iconSvg'];
         if (iconSvg) {
             this._iconSvg = iconSvg.currentValue;
+            if (this._iconSvg === DEFAULT_ICON_URL) {
+                this._iconSvg = 'default';
+            }
         }
         const iconImage = changes['iconImage'];
         if (iconImage) {
@@ -1319,7 +1364,7 @@ const DashboardActions = {
     getCapability: createAction('[Widget map] Get Wms capability', props()),
     updateCapability: createAction('[Widget map] Store Wms capability', props()),
     addManifestMetadata: createAction('[Dashboard] Add manifest metadata', props()),
-    deleteManifestMetadata: createAction('[Dashboard] Add manifest metadata', props())
+    deleteManifestMetadata: createAction('[Dashboard] Delete manifest metadata', props())
 };
 
 const ConfigActions = {
@@ -1350,7 +1395,10 @@ const ConfigActions = {
     loadChartOption: createAction('[Config] load chart option'),
     loadedChartOption: createAction('[config] loaded chart option', props()),
     updateChartOption: createAction('[Config] update chart option', props()),
-    updateMaxAttributesInTiles: createAction('[Config] update max attributes in tiles', props())
+    updateMaxAttributesInTiles: createAction('[Config] update max attributes in tiles', props()),
+    loadVersions: createAction('[about] Load Versions'),
+    loadVersionsSuccess: createAction('[about] (bus) Load Versions Success', props()),
+    loadVersionsFailure: createAction('[about] Load Versions Failure', props())
 };
 
 var VegaType;
@@ -1484,11 +1532,12 @@ const initialConfigState = {
     mapStyles: [],
     availableColors: defaultColors,
     overlayList: [],
-    breakpoint: 900,
+    breakpoint: 700,
     defaultViewUsed: false,
     catalog: [],
     chartOption: ChartOptionDefault,
-    maxAttributesInTiles: 5
+    maxAttributesInTiles: 5,
+    versions: null
 };
 const configReducer = createReducer(initialConfigState, on(ConfigActions.defineUrls, (state, action) => ({
     ...state,
@@ -1586,27 +1635,14 @@ const configReducer = createReducer(initialConfigState, on(ConfigActions.defineU
 })), on(ConfigActions.updateMaxAttributesInTiles, (state, action) => ({
     ...state,
     maxAttributesInTiles: action.max
+})), on(ConfigActions.loadVersionsSuccess, (state, { versions }) => ({
+    ...state,
+    versions: versions
+})), on(ConfigActions.loadVersionsFailure, (state) => ({
+    ...state,
+    versions: null
 })));
 
-const DEFAULT_ICON_URL = '/assets/svgs/default.svg';
-const DEFAULT_RESTITUTION_ICON_URL = '/assets/svgs/default-restitution.svg';
-var IconPosition;
-(function (IconPosition) {
-    IconPosition["FULL"] = "FULL";
-    IconPosition["TOP_LEFT"] = "TOP_LEFT";
-    IconPosition["TOP_RIGHT"] = "TOP_RIGHT";
-    IconPosition["BOTTOM_LEFT"] = "BOTTOM_LEFT";
-    IconPosition["BOTTOM_RIGHT"] = "BOTTOM_RIGHT";
-})(IconPosition || (IconPosition = {}));
-const compareOperationFunctions = {
-    EQUALS: (a, b) => a === b,
-    GREATER: (a, b) => parseInt(a, 10) > parseInt(b, 10),
-    GREATER_OR_EQUAL: (a, b) => parseInt(a, 10) >= parseInt(b, 10),
-    LOWER: (a, b) => parseInt(a, 10) < parseInt(b, 10),
-    LOWER_OR_EQUAL: (a, b) => parseInt(a, 10) <= parseInt(b, 10),
-    CONTAINS: (a, b) => (a + '').localeCompare(b + '') === 0
-};
-
 const feature$7 = createFeatureSelector(configFeatureKey);
 const pryUrl = createSelector(feature$7, (state) => state?.pryUrl);
 const wsUrl = createSelector(feature$7, (state) => state?.wsUrl);
@@ -1640,10 +1676,10 @@ const addDefaultRuleIfNotPresent = (defs) => {
     }
     return newDefs;
 };
-const iconDefinitions = createSelector(feature$7, (config) => (({
+const iconDefinitions = createSelector(feature$7, (config) => ({
     default: [{ iconUrl: DEFAULT_ICON_URL, iconSize: [25, 25] }],
     ...addDefaultRuleIfNotPresent(config.iconDefinitions)
-}) ?? {}));
+} ?? {}));
 const tooltipDefinitions = createSelector(feature$7, (config) => config.tooltipDefinitions);
 const filterDefinitions = createSelector(feature$7, (config) => config.filterDefinitions);
 const tableDefaultAttributesDefinitions = createSelector(feature$7, (state) => state?.tableDefaultDefinitions);
@@ -1657,6 +1693,7 @@ const defaultViewGuardUsed = createSelector(feature$7, (config) => config.defaul
 const catalog = createSelector(feature$7, (config) => config.catalog);
 const chartOption = createSelector(feature$7, (config) => config.chartOption);
 const maxAttributesInTiles = createSelector(feature$7, (config) => config.maxAttributesInTiles);
+const selectVersions = createSelector(feature$7, (state) => state.versions);
 const ConfigSelectors = {
     feature: feature$7,
     pryUrl,
@@ -1683,7 +1720,8 @@ const ConfigSelectors = {
     catalog,
     chartOption,
     maxAttributesInTiles,
-    execUrl
+    execUrl,
+    selectVersions
 };
 
 const showAnimation = animation([style({ transform: '{{transform}}', opacity: 0 }), animate('{{transition}}')]);
@@ -3601,6 +3639,40 @@ class ConfigService {
             return of([]);
         }));
     }
+    getAllVersions() {
+        return combineLatest([
+            this.store.select(ConfigSelectors.refUrl),
+            this.store.select(ConfigSelectors.dataUrl),
+            this.store.select(ConfigSelectors.replayUrl),
+            this.store.select(ConfigSelectors.execUrl),
+            this.store.select(ConfigSelectors.transfoUrl),
+            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 })))
+            ];
+            return forkJoin(allVersions).pipe(map(([refVersion, dataVersion, replayVersion, execVersion, tranfoVersion, monitorVersion, frontend]) => {
+                const versions = {
+                    ref: refVersion,
+                    data: dataVersion,
+                    replay: replayVersion,
+                    exec: execVersion,
+                    transfo: tranfoVersion,
+                    monitor: monitorVersion,
+                    front: frontend
+                };
+                return versions;
+            }));
+        }));
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ConfigService, deps: [{ token: i1$2.HttpClient }, { token: i1.Store }, { token: PrySnackbarService }, { token: PryI18nService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ConfigService }); }
 }
@@ -3734,6 +3806,9 @@ class ConfigEffects {
             };
             return ConfigActions.loadedChartOption({ chartOption });
         })));
+        this.loadVersions$ = createEffect(() => this.actions$.pipe(ofType(ConfigActions.loadVersions), mergeMap$1((action) => this.configService.getAllVersions().pipe(map$1((versionsData) => {
+            return ConfigActions.loadVersionsSuccess({ versions: versionsData });
+        }), catchError$1((error) => [ConfigActions.loadVersionsFailure({ error: error })])))));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ConfigEffects, deps: [{ token: i1$3.Actions }, { token: OpenMapTilesService }, { token: i1.Store }, { token: ConfigService }, { token: PrySnackbarService }, { token: PryI18nService }, { token: PryDialogService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ConfigEffects }); }
@@ -6854,7 +6929,8 @@ class BaseWidgetComponent extends SubscriptionnerDirective {
         }), distinctUntilChanged$1((p, c) => p.width === c.width && p.height === c.height), debounceTime(100), distinctUntilChanged$1((p, c) => p.width === c.width && p.height === c.height));
     }
     ngAfterViewChecked() {
-        this._widgetSize$.next({ width: this.el.nativeElement.offsetWidth, height: this.el.nativeElement.offsetHeight });
+        const boundingRect = this.el.nativeElement.getBoundingClientRect();
+        this._widgetSize$.next({ width: boundingRect.width, height: boundingRect.height });
     }
     toImage() {
         return Promise.reject('Not yet implemented');
@@ -8258,6 +8334,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 = [];
@@ -8336,21 +8426,6 @@ const defaultMenuStructure = [
             { icon: 'donut_large', label: '@pry.toolbox.arcchart', type: 'arcchart' }
         ]
     },
-    {
-        icon: 'show_chart',
-        label: '@pry.toolbox.sub.chart',
-        opened: false,
-        sub: [
-            { icon: 'bar_chart', label: '@pry.toolbox.barchart', type: 'barchartLegacy' },
-            { icon: 'bar_chart', label: '@pry.toolbox.histogram', type: 'histogramLegacy' },
-            { icon: 'show_chart', label: '@pry.toolbox.linechart', type: 'linechartLegacy' },
-            { icon: 'auto_graph', label: '@pry.toolbox.pointchart', type: 'pointchartLegacy' },
-            { icon: 'area_chart', label: '@pry.toolbox.areachart', type: 'areachartLegacy' },
-            { icon: 'donut_large', label: '@pry.toolbox.arcchart', type: 'arcchartLegacy' },
-            { icon: 'radar_chart', label: '@pry.toolbox.radarchart', type: 'radarchartLegacy' },
-            { icon: 'bubble-chart-line', label: '@pry.toolbox.circlechart', type: 'circlechartLegacy' }
-        ]
-    },
     {
         icon: 'toc',
         label: '@pry.toolbox.sub.other',
@@ -8360,7 +8435,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' }
         ]
     }
 ];
@@ -8641,6 +8717,43 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
             args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: PrySnackbarService }, { type: PryI18nService }]; } });
 
+class PryAboutComponent {
+    constructor(store) {
+        this.store = store;
+        this.store.dispatch(ConfigActions.loadVersions());
+        this.version$ = this.store.select(ConfigSelectors.selectVersions);
+    }
+    displayVersion(value) {
+        const backVersion = value;
+        if (backVersion.chartVersion) {
+            return `${backVersion.chartVersion}[${backVersion.applicationVersion}]`;
+        }
+        const frontVersion = value;
+        return frontVersion.libVersion;
+    }
+    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.ɵ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 }]; } });
+
+const PRY_ABOUT_COMPONENTS = [PryAboutComponent];
+class PryAboutModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryAboutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: PryAboutModule, declarations: [PryAboutComponent], imports: [CommonModule, PryIconModule, PryI18nModule], exports: [PryAboutComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryAboutModule, imports: [CommonModule, PryIconModule, PryI18nModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryAboutModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, PryIconModule, PryI18nModule],
+                    declarations: [...PRY_ABOUT_COMPONENTS],
+                    exports: [...PRY_ABOUT_COMPONENTS]
+                }]
+        }] });
+
 class BusService {
     constructor(store, zone) {
         this.store = store;
@@ -8764,6 +8877,7 @@ class ManifestsComponent {
                 const reader = new FileReader();
                 reader.onload = (evt) => {
                     this.store.dispatch(DashboardActions.saveManifest({
+                        id: v4(),
                         name: file.name.replace('.json', ''),
                         manifest: JSON.parse(evt.target?.result?.toString() ?? '{}')
                     }));
@@ -9742,7 +9856,7 @@ class ManifestService {
     }
     save(name, manifest, visibility, id, description, image, cover) {
         return this.store.select(ConfigSelectors.refUrl).pipe(mergeMap((url) => this.httpClient.post(encodeURI(`${url}/users/me/dashboards`), {
-            id: id === undefined || id.length === 0 ? v4() : id,
+            id,
             name,
             description,
             manifest,
@@ -10282,9 +10396,17 @@ class DashboardEffects {
                 })
             });
         })));
-        this.addManifestMetadata = createEffect(() => this.actions$.pipe(ofType(DashboardActions.addManifestMetadata), mergeMap$1((action) => this.manifestService
-            .addMetadata(action.presentationId, action.metadataId, action.value)
-            .pipe(map$1(() => DashboardActions.fetchManifestsList())))));
+        this.addManifestMetadata = createEffect(() => this.actions$.pipe(ofType(DashboardActions.addManifestMetadata), mergeMap$1((action) => this.manifestService.addMetadata(action.presentationId, action.metadataId, action.value).pipe(map$1(() => DashboardActions.fetchManifestsList()), catchError((error) => {
+            if (error.status === 404) {
+                this.snackBar.open({
+                    type: 'error',
+                    message: this.translateService.instant('@pry.toolbox.manifest.saveErrorCode.SAVE_METADATA', {
+                        code: error.status
+                    })
+                });
+            }
+            return throwError(() => error);
+        })))));
         this.deleteManifestMetadata = createEffect(() => this.actions$.pipe(ofType(DashboardActions.deleteManifestMetadata), mergeMap$1((action) => this.manifestService
             .deleteMetadata(action.presentationId, action.metadataId)
             .pipe(map$1(() => DashboardActions.fetchManifestsList())))));
@@ -10584,6 +10706,12 @@ const internalReducer = createReducer(dashboardInitialState, on(DashboardActions
     manifests: {
         ...state.manifests,
         list: action.manifests
+    },
+    presentation: {
+        ...state.presentation,
+        current: state.presentation.current
+            ? action.manifests.find((manifest) => manifest.id === state.presentation.current?.id)
+            : undefined
     }
 })), on(DashboardActions.updateStaticManifest, (state, action) => ({
     ...state,
@@ -11254,5 +11382,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, 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_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 };
 //# sourceMappingURL=provoly-dashboard.mjs.map