@provoly/dashboard 1.4.23 → 1.4.24

package/fesm2022/provoly-dashboard.mjs

@@ -3492,7 +3492,7 @@ const DashboardActions = {
     removeFilter: createAction('[Dashboard] (bus) remove filter in presentation', props()),
     removeFilters: createAction('[Dashboard] (bus) remove filters'),
     updateFilterValue: createAction('[Dashboard] (bus) update filter value', props()),
-    clearAllFilterValues: createAction('[Dashboard] (bus) clear all filter values', props()),
+    clearAllFilterValues: createAction('[Dashboard] (bus) clear all filter values'),
     dispatchFilters: createAction('[Dashboard] (bus) apply filters to presentation datasources', props()),
     resetWmsFeatures: createAction('[Widget map] Reset Wms layer features', props()),
     getWmsFeatures: createAction('[Widget map] Get Wms layer features', props()),
@@ -5252,6 +5252,60 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
             args: [{ selector: 'pry-widget-placeholder', template: "<p>{{ '@pry.widget.unrecognized' | i18n: { type: manifest ? manifest.type : 'placeholder' } }}</p>\n" }]
         }], ctorParameters: () => [{ type: i1.Store }, { type: i0.ElementRef }] });
 
+const DEFAULT_GAP_PX = 15;
+const DEFAULT_COLUMNS_NUMBER = 12;
+const DEFAULT_ROWS_NUMBER = 12;
+const DEFAULT_ROW_HEIGHT_PX = 50;
+
+class ManifestUtils {
+    static getDatasourcesUsedByManifest(manifest) {
+        const mapOfDatasources = manifest.windows
+            .map((window) => (window.widgets ?? []).map((widget) => ({ datasetId: widget.datasource, excludeGeo: widget?.type !== 'map' })))
+            .flat(3)
+            .filter((dataset) => !!dataset.datasetId)
+            .map((res) => Array.isArray(res.datasetId)
+            ? res.datasetId.map((r) => ({ datasetId: r, excludeGeo: res.excludeGeo }))
+            : [res])
+            .flat().reduce((p, c) => ({ ...p, [c.datasetId]: { ...p[c.datasetId], ...c } }), {});
+        return Object.values(mapOfDatasources);
+    }
+    static cleanupManifest(manifest) {
+        return {
+            ...manifest,
+            windows: manifest.windows.map((window) => ManifestUtils.cleanupDashboardManifest(window))
+        };
+    }
+    static cleanupDashboardManifest(window) {
+        return {
+            ...window,
+            grid: {
+                columns: DEFAULT_COLUMNS_NUMBER,
+                rows: DEFAULT_ROWS_NUMBER,
+                layout: DashboardGridLayout.MANUAL,
+                gap: DEFAULT_GAP_PX,
+                ...window.grid
+            },
+            widgets: window.widgets ?? []
+        };
+    }
+    static mergeDatasourceRequests(datasourceRequests) {
+        const uniqueDatasourceRequestIds = [...new Set((datasourceRequests ?? []).map((ds) => ds.datasetId))];
+        // We keep the most inclusive request for multiple requests for the same dataset
+        return uniqueDatasourceRequestIds.map((id) => ({
+            datasetId: id,
+            // If at least one request must include geo data, then keep request with geo data
+            excludeGeo: !datasourceRequests.some((ds) => ds.datasetId === id && !ds.excludeGeo),
+            // If at least one request must include source or destination items, then create request with everything needed
+            linkedItems: [
+                ...new Set(datasourceRequests
+                    .filter((ds) => ds.datasetId === id)
+                    .map((ds) => ds.linkedItems ?? [])
+                    .flat())
+            ]
+        }));
+    }
+}
+
 const WIDGET_DEFINITION = new InjectionToken('Widgets definition');
 const NON_EXCLUDE_GEO_WIDGET_TYPES = {
     values: ['map', 'tile']
@@ -5301,23 +5355,31 @@ class WidgetFactoryService {
         return this.reference$.pipe(map((componentDefs) => !!componentDefs[type]));
     }
     datasourcesToAutoLoad(manifest) {
-        const widgetDefinition = this.reference$.getValue()[manifest.type];
-        const datasourcesArray = Array.isArray(manifest.datasource ?? [])
-            ? (manifest.datasource ?? [])
-            : [manifest.datasource];
-        return datasourcesArray
-            .filter((datasource) => {
-            const matching = this.datasources.find((ds) => ds.id === datasource);
-            return (!!matching &&
-                (widgetDefinition.autoLoadDatasource === undefined ||
-                    widgetDefinition.autoLoadDatasource === 'all' ||
-                    (widgetDefinition.autoLoadDatasource === 'geo' && DatasourceUtils.isGeo(matching)) ||
-                    (widgetDefinition.autoLoadDatasource === 'not-geo' && !DatasourceUtils.isGeo(matching))));
+        return ManifestUtils.mergeDatasourceRequests(manifest.widgets
+            .map((widgetManifest) => {
+            const widgetDefinition = this.reference$.getValue()[widgetManifest.type];
+            const datasourcesArray = Array.isArray(widgetManifest.datasource ?? [])
+                ? (widgetManifest.datasource ?? [])
+                : [widgetManifest.datasource];
+            return datasourcesArray
+                .filter((datasource) => {
+                const matching = this.datasources.find((ds) => ds.id === datasource);
+                return (!!matching &&
+                    (widgetDefinition.autoLoadDatasource === undefined ||
+                        widgetDefinition.autoLoadDatasource === 'all' ||
+                        (widgetDefinition.autoLoadDatasource === 'geo' && DatasourceUtils.isGeo(matching)) ||
+                        (widgetDefinition.autoLoadDatasource === 'not-geo' && !DatasourceUtils.isGeo(matching))));
+            })
+                .map((datasetId) => {
+                const matching = this.datasources.find((ds) => ds.id === datasetId);
+                return {
+                    datasetId: datasetId,
+                    excludeGeo: this.calculateExcludeGeo(widgetManifest, matching),
+                    linkedItems: manifest.linkedItems
+                };
+            });
         })
-            .map((datasetId) => {
-            const matching = this.datasources.find((ds) => ds.id === datasetId);
-            return { datasetId: datasetId, excludeGeo: this.calculateExcludeGeo(manifest, matching) };
-        });
+            .flat());
     }
     calculateExcludeGeo(manifest, matching) {
         if (manifest.excludeGeo === undefined || manifest.excludeGeo === 'widget-type-based') {
@@ -5345,16 +5407,16 @@ class WidgetFactoryService {
         const datasources = [];
         const aggregates = [];
         manifest.windows.forEach((windowManifest) => {
+            this.datasourcesToAutoLoad(windowManifest).forEach((res) => {
+                if (res.datasetId) {
+                    datasources.push(res);
+                }
+            });
             (windowManifest.widgets ?? []).forEach((widgetManifest) => {
-                this.datasourcesToAutoLoad(widgetManifest).forEach((res) => {
-                    if (res.datasetId) {
-                        datasources.push(res);
-                    }
-                });
                 this.aggregatesToAutoLoad(widgetManifest).forEach((ds) => aggregates.push(ds));
             });
         });
-        return { datasources, aggregates };
+        return { datasources: ManifestUtils.mergeDatasourceRequests(datasources), aggregates };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: WidgetFactoryService, deps: [{ token: i0.Injector }, { token: WIDGET_DEFINITION }, { token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: WidgetFactoryService, providedIn: 'root' }); }
@@ -5385,15 +5447,20 @@ class SearchEffects {
         })), catchError((error) => [SearchActions.searchFailure({ error, id: props.id })])))))));
         this.fetchMore$ = createEffect(() => this.actions$.pipe(ofType(DashboardActions.fetchMoreItems), withLatestFrom(this.store.select(DashboardSelectors.rank), this.store.select(DashboardSelectors.resultSets)), filter(([props, rank, rs]) => rank === 0 && !!rs[props.id].searchAfter), debounceTime(300), mergeMap(([props]) => {
             const ds = this.widgetFactoryService.datasourcesToAutoLoad({
-                type: props.widgetType,
-                datasource: [props.id]
+                widgets: [
+                    {
+                        type: props.widgetType,
+                        datasource: [props.id]
+                    }
+                ]
             })[0];
             if (!!ds) {
                 return of(SearchActions.getDatasourceItems({
                     id: ds.datasetId,
                     excludeGeo: ds.excludeGeo,
                     from: 'fetchMore',
-                    next: true
+                    next: true,
+                    linkedItems: ds.linkedItems
                 }));
             }
             else {
@@ -8837,11 +8904,6 @@ const WidgetPlacementUtils = {
     }
 };
 
-const DEFAULT_GAP_PX = 15;
-const DEFAULT_COLUMNS_NUMBER = 12;
-const DEFAULT_ROWS_NUMBER = 12;
-const DEFAULT_ROW_HEIGHT_PX = 50;
-
 function orderWidgetsAccordingToPlacement(a, b) {
     return ((b.layout.weight ?? 0) * 1000000 -
         (a.layout.weight ?? 0) * 1000000 +
@@ -9368,9 +9430,6 @@ class DashboardComponent extends SubscriptionnerDirective {
     set forceModeEdition(mode) {
         this.forceModeEdition$.next(mode);
     }
-    set linkedItems(linkedItems) {
-        this.linkedItems$.next(linkedItems);
-    }
     constructor(store, overlay, viewContainerRef, el) {
         super();
         this.store = store;
@@ -9413,7 +9472,6 @@ class DashboardComponent extends SubscriptionnerDirective {
         };
         this.DashboardGridLayout = DashboardGridLayout;
         this.layout = DashboardGridLayout.MANUAL;
-        this.linkedItems$ = new BehaviorSubject(undefined);
         this.loading$ = this.store.select(DashboardSelectors.loading);
         this.dataFetching$ = this.store.select(SearchSelectors.searchLoading).pipe(delay(10));
         this.modeEdition$ = combineLatest([
@@ -9452,21 +9510,13 @@ class DashboardComponent extends SubscriptionnerDirective {
             return wManifest;
         }), distinctUntilChanged((p, c) => equal(p, c)));
         this.nonFillerWidgets$ = this.windowManifest$.pipe(map((wManifest) => (wManifest.widgets ?? []).filter((w) => w.type !== 'filler').length));
-        this.subscriptions.add(this.staticDashboard$.pipe(withLatestFrom(this.linkedItems$)).subscribe(([manifest, linkedItems]) => {
-            if (!!manifest) {
-                this.store.dispatch(DashboardActions.assertResultSets({
-                    staticManifest: manifest,
-                    linkedItems
-                }));
-            }
-        }));
         this.subscriptions.add(combineLatest([
             this.windowManifest$,
             this.store.select(DataSourceSelectors.getDataSources),
-            this.linkedItems$
-        ]).subscribe(([manifest, datasets, linkedItems]) => {
+            this.staticDashboard$
+        ]).subscribe(([manifest, datasets, staticManifest]) => {
             if (datasets.length > 0) {
-                this.store.dispatch(DashboardActions.assertResultSets({ linkedItems }));
+                this.store.dispatch(DashboardActions.assertResultSets({ staticManifest }));
             }
         }));
         this.store.dispatch(FieldActions.load({}));
@@ -9822,9 +9872,7 @@ class DashboardComponent extends SubscriptionnerDirective {
                     layout: this.currentlyModifiedManifest?.layout ?? {}
                 };
                 this.movingMouse($event, false);
-                this.store.dispatch(DashboardActions.assertResultSets({
-                    linkedItems: this.linkedItems
-                }));
+                this.store.dispatch(DashboardActions.assertResultSets({}));
             }
             this.clearActions();
         }
@@ -9861,9 +9909,7 @@ class DashboardComponent extends SubscriptionnerDirective {
                         widgets: listWidgetManifests
                     }
                 }));
-                this.store.dispatch(DashboardActions.assertResultSets({
-                    linkedItems: this.linkedItems
-                }));
+                this.store.dispatch(DashboardActions.assertResultSets({}));
                 $event.preventDefault();
                 $event.stopPropagation();
             }
@@ -9924,7 +9970,7 @@ class DashboardComponent extends SubscriptionnerDirective {
         }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: DashboardComponent, deps: [{ token: i1.Store }, { token: i2$1.Overlay }, { token: i0.ViewContainerRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: DashboardComponent, selector: "pry-dashboard", inputs: { staticDashboard: "staticDashboard", forceModeEdition: "forceModeEdition", CloseOnDragOut: "CloseOnDragOut", displayOptions: "displayOptions", noBackground: "noBackground", breakpoint: "breakpoint", linkedItems: "linkedItems" }, outputs: { rowHeight: "rowHeight", rows: "rows" }, viewQueries: [{ propertyName: "templateModal", first: true, predicate: ["templateModal"], descendants: true, read: TemplateRef }, { propertyName: "gridRef", first: true, predicate: ["grid"], descendants: true }, { propertyName: "instanciators", predicate: WidgetInstanciatorComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"o-dashboard-edit\" [class.-edit]=\"modeEdition$ | async\">\n  <div class=\"o-dashboard-add -rows\">\n    <button (click)=\"changeSize('rows', -1)\">\n      <pry-icon iconSvg=\"remove\" [width]=\"12\" [height]=\"12\"></pry-icon>\n    </button>\n    <button (click)=\"changeSize('rows', +1)\">\n      <pry-icon iconSvg=\"add\" [width]=\"12\" [height]=\"12\"></pry-icon>\n    </button>\n    <p>{{ '@pry.grid.rows' | i18n }}</p>\n  </div>\n  <div class=\"o-dashboard-add -cols\">\n    <p>{{ '@pry.grid.columns' | i18n }}</p>\n    <button (click)=\"changeSize('columns', -1)\">\n      <pry-icon iconSvg=\"remove\" [width]=\"12\" [height]=\"12\"></pry-icon>\n    </button>\n    <button (click)=\"changeSize('columns', +1)\">\n      <pry-icon iconSvg=\"add\" [width]=\"12\" [height]=\"12\"></pry-icon>\n    </button>\n  </div>\n  <div\n    class=\"o-dashboard-grid\"\n    [style.gridTemplateColumns]=\"gridTemplateColumns$ | async\"\n    [style.gridTemplateRows]=\"gridTemplateRows$ | async\"\n    [style.gridGap]=\"dashboardParams.gridGap + 'px'\"\n    #grid\n    (mousemove)=\"movingMouse($event)\"\n    (drop)=\"dropping($event)\"\n    (dragover)=\"dragMove($event)\"\n    (dragleave)=\"dragLeave($event)\"\n    (dragenter)=\"dragEnter($event)\"\n  >\n    @for (\n      widgetManifest of (windowManifest$ | async)?.widgets || [];\n      track trackWidgets(widgetIndex, widgetManifest);\n      let widgetIndex = $index\n    ) {\n      <div\n        class=\"o-dashboard-widget\"\n        [class.-edited]=\"modeEdition\"\n        [style.gridColumn]=\"gridColumn(widgetManifest.layout)\"\n        [style.gridRow]=\"gridRow(widgetManifest.layout)\"\n        (drop)=\"droppingInWidget($event, widgetIndex)\"\n      >\n        @if (modeEdition) {\n          <div class=\"resize nw-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-nw')\">\n            <pry-icon iconSvg=\"north_west\" [animation]=\"false\"></pry-icon>\n          </div>\n          <div class=\"resize sw-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-sw')\">\n            <pry-icon iconSvg=\"south_west\" [animation]=\"false\"></pry-icon>\n          </div>\n          <div class=\"resize ne-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-ne')\">\n            <pry-icon iconSvg=\"north_east\" [animation]=\"false\"></pry-icon>\n          </div>\n          <div class=\"resize se-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-se')\">\n            <pry-icon iconSvg=\"south_east\" [animation]=\"false\"></pry-icon>\n          </div>\n          <div class=\"resize delete\" (mousedown)=\"toggleRemoveConfirm($event, widgetIndex)\">\n            <pry-icon iconSvg=\"close\" [animation]=\"false\"></pry-icon>\n          </div>\n          <div class=\"move\" draggable=\"true\" (dragstart)=\"dragStart($event, widgetIndex)\">\n            <div class=\"move-inside move-{{ widgetManifest.type }}\">\n              <span>{{ widgetManifest.title ?? ('@pry.toolbox.' + widgetManifest.type | i18n) }}</span>\n            </div>\n          </div>\n        }\n        @if (!modeEdition) {\n          <pry-widget-instanciator\n            [staticManifest]=\"widgetManifest\"\n            [widgetIndex]=\"widgetIndex\"\n          ></pry-widget-instanciator>\n        }\n      </div>\n    }\n\n    @if (!noBackground) {\n      @if (\n        {\n          noWidgets: (nonFillerWidgets$ | async) === 0,\n          globalLoading: loading$ | async,\n          fetchLoading: (dataFetching$ | async)?.length ?? 1 > 0\n        };\n        as data\n      ) {\n        @if (data.noWidgets) {\n          @if (data.globalLoading) {\n            <div class=\"no-widget\" [style.grid-area]=\"backgroundArea$ | async\">\n              <pry-page-loader></pry-page-loader>\n              <span class=\"no-widget__text\">{{ '@pry.widget.target.loading' | i18n }}...</span>\n            </div>\n          } @else {\n            <div class=\"no-widget\" [style.grid-area]=\"backgroundArea$ | async\">\n              <img\n                class=\"no-widget__search\"\n                src=\"../../../assets/svgs/pry_recherche.svg\"\n                alt=\"{{\n                  (layout === DashboardGridLayout.MANUAL\n                    ? '@pry.widget.target.none_manual'\n                    : '@pry.widget.target.none_auto'\n                  ) | i18n\n                }}\"\n              />\n              <span class=\"no-widget__text\">{{\n                (layout === DashboardGridLayout.MANUAL\n                  ? '@pry.widget.target.none_manual'\n                  : '@pry.widget.target.none_auto'\n                ) | i18n\n              }}</span>\n            </div>\n          }\n        }\n        <div\n          class=\"a-page-loader backdrop\"\n          [style.display]=\"data.fetchLoading && !data.globalLoading ? 'flex' : 'none'\"\n          [style.width.px]=\"(dashboardSize$ | async)?.width\"\n          [style.height.px]=\"(dashboardSize$ | async)?.height\"\n        >\n          <pry-page-loader></pry-page-loader>\n          <p>{{ '@pry.widget.target.loading' | i18n }}...</p>\n        </div>\n      }\n    }\n  </div>\n</div>\n<pry-context-menu></pry-context-menu>\n\n<ng-template #templateModal>\n  <div class=\"o-modal\">\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">\n          {{ '@pry.widget.modalTitle' | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" (click)=\"cancelRemoveConfirm()\">\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <div class=\"m-btn-group\">\n      <button type=\"button\" (click)=\"cancelRemoveConfirm()\" class=\"a-btn a-btn--secondary\">\n        {{ '@pry.toolbox.manifest.close' | i18n }}\n      </button>\n      <button type=\"submit\" (click)=\"confirmRemove()\" class=\"a-btn a-btn--primary\">\n        {{ '@pry.toolbox.manifest.validate' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i8.PryPageLoaderComponent, selector: "pry-page-loader", inputs: ["image", "imageAltText"] }, { kind: "component", type: WidgetInstanciatorComponent, selector: "pry-widget-instanciator", inputs: ["widgetIndex", "staticManifest", "standalone", "open$"], outputs: ["manifestModified"] }, { kind: "component", type: ContextMenuComponent, selector: "pry-context-menu" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: DashboardComponent, selector: "pry-dashboard", inputs: { staticDashboard: "staticDashboard", forceModeEdition: "forceModeEdition", CloseOnDragOut: "CloseOnDragOut", displayOptions: "displayOptions", noBackground: "noBackground", breakpoint: "breakpoint" }, outputs: { rowHeight: "rowHeight", rows: "rows" }, viewQueries: [{ propertyName: "templateModal", first: true, predicate: ["templateModal"], descendants: true, read: TemplateRef }, { propertyName: "gridRef", first: true, predicate: ["grid"], descendants: true }, { propertyName: "instanciators", predicate: WidgetInstanciatorComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"o-dashboard-edit\" [class.-edit]=\"modeEdition$ | async\">\n  <div class=\"o-dashboard-add -rows\">\n    <button (click)=\"changeSize('rows', -1)\">\n      <pry-icon iconSvg=\"remove\" [width]=\"12\" [height]=\"12\"></pry-icon>\n    </button>\n    <button (click)=\"changeSize('rows', +1)\">\n      <pry-icon iconSvg=\"add\" [width]=\"12\" [height]=\"12\"></pry-icon>\n    </button>\n    <p>{{ '@pry.grid.rows' | i18n }}</p>\n  </div>\n  <div class=\"o-dashboard-add -cols\">\n    <p>{{ '@pry.grid.columns' | i18n }}</p>\n    <button (click)=\"changeSize('columns', -1)\">\n      <pry-icon iconSvg=\"remove\" [width]=\"12\" [height]=\"12\"></pry-icon>\n    </button>\n    <button (click)=\"changeSize('columns', +1)\">\n      <pry-icon iconSvg=\"add\" [width]=\"12\" [height]=\"12\"></pry-icon>\n    </button>\n  </div>\n  <div\n    class=\"o-dashboard-grid\"\n    [style.gridTemplateColumns]=\"gridTemplateColumns$ | async\"\n    [style.gridTemplateRows]=\"gridTemplateRows$ | async\"\n    [style.gridGap]=\"dashboardParams.gridGap + 'px'\"\n    #grid\n    (mousemove)=\"movingMouse($event)\"\n    (drop)=\"dropping($event)\"\n    (dragover)=\"dragMove($event)\"\n    (dragleave)=\"dragLeave($event)\"\n    (dragenter)=\"dragEnter($event)\"\n  >\n    @for (\n      widgetManifest of (windowManifest$ | async)?.widgets || [];\n      track trackWidgets(widgetIndex, widgetManifest);\n      let widgetIndex = $index\n    ) {\n      <div\n        class=\"o-dashboard-widget\"\n        [class.-edited]=\"modeEdition\"\n        [style.gridColumn]=\"gridColumn(widgetManifest.layout)\"\n        [style.gridRow]=\"gridRow(widgetManifest.layout)\"\n        (drop)=\"droppingInWidget($event, widgetIndex)\"\n      >\n        @if (modeEdition) {\n          <div class=\"resize nw-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-nw')\">\n            <pry-icon iconSvg=\"north_west\" [animation]=\"false\"></pry-icon>\n          </div>\n          <div class=\"resize sw-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-sw')\">\n            <pry-icon iconSvg=\"south_west\" [animation]=\"false\"></pry-icon>\n          </div>\n          <div class=\"resize ne-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-ne')\">\n            <pry-icon iconSvg=\"north_east\" [animation]=\"false\"></pry-icon>\n          </div>\n          <div class=\"resize se-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-se')\">\n            <pry-icon iconSvg=\"south_east\" [animation]=\"false\"></pry-icon>\n          </div>\n          <div class=\"resize delete\" (mousedown)=\"toggleRemoveConfirm($event, widgetIndex)\">\n            <pry-icon iconSvg=\"close\" [animation]=\"false\"></pry-icon>\n          </div>\n          <div class=\"move\" draggable=\"true\" (dragstart)=\"dragStart($event, widgetIndex)\">\n            <div class=\"move-inside move-{{ widgetManifest.type }}\">\n              <span>{{ widgetManifest.title ?? ('@pry.toolbox.' + widgetManifest.type | i18n) }}</span>\n            </div>\n          </div>\n        }\n        @if (!modeEdition) {\n          <pry-widget-instanciator\n            [staticManifest]=\"widgetManifest\"\n            [widgetIndex]=\"widgetIndex\"\n          ></pry-widget-instanciator>\n        }\n      </div>\n    }\n\n    @if (!noBackground) {\n      @if (\n        {\n          noWidgets: (nonFillerWidgets$ | async) === 0,\n          globalLoading: loading$ | async,\n          fetchLoading: (dataFetching$ | async)?.length ?? 1 > 0\n        };\n        as data\n      ) {\n        @if (data.noWidgets) {\n          @if (data.globalLoading) {\n            <div class=\"no-widget\" [style.grid-area]=\"backgroundArea$ | async\">\n              <pry-page-loader></pry-page-loader>\n              <span class=\"no-widget__text\">{{ '@pry.widget.target.loading' | i18n }}...</span>\n            </div>\n          } @else {\n            <div class=\"no-widget\" [style.grid-area]=\"backgroundArea$ | async\">\n              <img\n                class=\"no-widget__search\"\n                src=\"../../../assets/svgs/pry_recherche.svg\"\n                alt=\"{{\n                  (layout === DashboardGridLayout.MANUAL\n                    ? '@pry.widget.target.none_manual'\n                    : '@pry.widget.target.none_auto'\n                  ) | i18n\n                }}\"\n              />\n              <span class=\"no-widget__text\">{{\n                (layout === DashboardGridLayout.MANUAL\n                  ? '@pry.widget.target.none_manual'\n                  : '@pry.widget.target.none_auto'\n                ) | i18n\n              }}</span>\n            </div>\n          }\n        }\n        <div\n          class=\"a-page-loader backdrop\"\n          [style.display]=\"data.fetchLoading && !data.globalLoading ? 'flex' : 'none'\"\n          [style.width.px]=\"(dashboardSize$ | async)?.width\"\n          [style.height.px]=\"(dashboardSize$ | async)?.height\"\n        >\n          <pry-page-loader></pry-page-loader>\n          <p>{{ '@pry.widget.target.loading' | i18n }}...</p>\n        </div>\n      }\n    }\n  </div>\n</div>\n<pry-context-menu></pry-context-menu>\n\n<ng-template #templateModal>\n  <div class=\"o-modal\">\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">\n          {{ '@pry.widget.modalTitle' | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" (click)=\"cancelRemoveConfirm()\">\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <div class=\"m-btn-group\">\n      <button type=\"button\" (click)=\"cancelRemoveConfirm()\" class=\"a-btn a-btn--secondary\">\n        {{ '@pry.toolbox.manifest.close' | i18n }}\n      </button>\n      <button type=\"submit\" (click)=\"confirmRemove()\" class=\"a-btn a-btn--primary\">\n        {{ '@pry.toolbox.manifest.validate' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i8.PryPageLoaderComponent, selector: "pry-page-loader", inputs: ["image", "imageAltText"] }, { kind: "component", type: WidgetInstanciatorComponent, selector: "pry-widget-instanciator", inputs: ["widgetIndex", "staticManifest", "standalone", "open$"], outputs: ["manifestModified"] }, { kind: "component", type: ContextMenuComponent, selector: "pry-context-menu" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: DashboardComponent, decorators: [{
             type: Component,
@@ -9954,8 +10000,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
                 type: Output
             }], rows: [{
                 type: Output
-            }], linkedItems: [{
-                type: Input
             }] } });
 
 var TooltipMode;
@@ -11437,7 +11481,7 @@ class PryWidgetHeaderComponent extends SubscriptionnerDirective {
         this.openSub?.unsubscribe();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: PryWidgetHeaderComponent, deps: [{ token: i1.Store }, { token: i2$1.Overlay }, { token: i0.ViewContainerRef }, { token: ToolboxMenuService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: PryWidgetHeaderComponent, selector: "pry-widget-header", inputs: { manifest: "manifest", openData$: "openData$", additionalOptions: "additionalOptions", headerOptions: "headerOptions", displayCount: "displayCount", datasourceIds: "datasourceIds", widgetIndex: "widgetIndex" }, outputs: { manifestModified: "manifestModified" }, viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, read: TemplateRef }, { propertyName: "templateModal", first: true, predicate: ["templateModal"], descendants: true, read: TemplateRef }, { propertyName: "toggle", first: true, predicate: ["toggle"], descendants: true, read: TemplateRef }, { propertyName: "overlayMenu", first: true, predicate: ["overlayMenu"], descendants: true, read: TemplateRef }, { propertyName: "overlayCatalog", first: true, predicate: ["overlayCatalog"], descendants: true, read: TemplateRef }, { propertyName: "overlaySpot", first: true, predicate: ["overlaySpot"], descendants: true, read: TemplateRef }, { propertyName: "togglePanel", first: true, predicate: ["togglePanel"], descendants: true }, { propertyName: "cross", first: true, predicate: ["cross"], descendants: true }, { propertyName: "validate", first: true, predicate: ["validate"], descendants: true }, { propertyName: "validateCatalog", first: true, predicate: ["validateCatalog"], descendants: true }, { propertyName: "cancel", first: true, predicate: ["cancel"], descendants: true }, { propertyName: "crossCatalog", first: true, predicate: ["crossCatalog"], descendants: true }, { propertyName: "inputCatalog", first: true, predicate: ["inputCatalog"], descendants: true }, { propertyName: "menuList", first: true, predicate: ["menuList"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"o-widget__header\">\n  <div class=\"o-widget__header__content\">\n    @if ((manifest$ | async)?.title) {\n      <h2 class=\"o-widget__header__content__title\">\n        {{ (manifest$ | async)?.title }}\n      </h2>\n    } @else {\n      @for (ds of usedDatasources$ | async; track ds) {\n        <div class=\"o-widget__header__content__query\">\n          @if (ds.id | translateId: { type: 'datasource', output: 'icon', noDefault: true } | async; as url) {\n            <img [height]=\"20\" [src]=\"url\" [width]=\"20\" alt=\"\" class=\"o-widget__header__content__query__icon\" />\n          }\n          <h3 class=\"o-widget__header__content__query__name\">{{ ds.name }}</h3>\n          @if (displayCount && !isGeo(ds)) {\n            <h3 class=\"o-widget__header__content__query__name\">\n              ({{ [ds.id] | resultSetSize | async }})\n            </h3>\n          }\n        </div>\n      }\n      @if (((usedDatasources$ | async) ?? []).length === 0) {\n        <div class=\"o-widget__header__content__no-data\">\n          <h2 class=\"o-widget__header__content__title\">{{ '@pry.widget.noData' | i18n }}</h2>\n        </div>\n      }\n    }\n  </div>\n  @if (displayContextMenu$ | async; as options) {\n    <div class=\"m-btn-group\">\n      <button\n        type=\"button\"\n        id=\"dialog_Menu\"\n        aria-controls=\"menu\"\n        [attr.aria-expanded]=\"this.menu\"\n        #togglePanel\n        class=\"a-btn a-btn--more\"\n        (click)=\"menuOpen($event)\"\n        >\n        <pry-icon [height]=\"25\" [width]=\"25\" iconSvg=\"more_horiz\"></pry-icon>\n        <span class=\"u-visually-hidden\">{{ '@pry.action.openMenuWidget' | i18n }}</span>\n      </button>\n    </div>\n  }\n</div>\n\n<ng-template #overlayMenu>\n  @if (displayContextMenu$ | async; as options) {\n    <div class=\"m-context-menu\">\n      <ul\n        class=\"m-context-menu__list\"\n        #menuList\n        id=\"menu\"\n        role=\"menu\"\n        aria-modal=\"true\"\n        aria-labelledby=\"dialog_Menu\"\n        (keydown.arrowDown)=\"onArrowDown()\"\n        (keydown.arrowUp)=\"onArrowUp()\"\n        (keydown.escape)=\"menuOpen()\"\n        >\n        @if (options === true || options['datasourceSelection'] === true) {\n          <li\n            class=\"m-context-menu__list__item\"\n            role=\"none\"\n            >\n            <button\n              type=\"button\"\n              role=\"menuitem\"\n              tabindex=\"-1\"\n              id=\"toggleActions\"\n              (click)=\"toggleDatasourceSelection()\"\n              *pryAccess=\"{ module: 'dashboard', page: 'widget', action: 'select_named_query' }\"\n              class=\"a-btn\"\n              >\n              <pry-icon [height]=\"17\" [width]=\"17\" iconSvg=\"stack-fill\"></pry-icon>\n              <span>{{ '@pry.widget.tooltip.readSearch' | i18n }}</span>\n            </button>\n          </li>\n        }\n        @if (options === true || options!['parameters'] === true) {\n          <li class=\"m-context-menu__list__item\" role=\"none\">\n            <ng-content></ng-content>\n          </li>\n        }\n        @if (options === true || options!['window'] === true) {\n          @for (targetIndex of targetIndexes$ | async; track targetIndex) {\n            <li class=\"m-context-menu__list__item\" role=\"none\">\n              <button\n                type=\"button\"\n                (click)=\"moveInNewWindow(_widgetIndex, targetIndex)\"\n                class=\"a-btn\"\n                role=\"menuitem\"\n                tabindex=\"-1\"\n                >\n                <pry-icon [height]=\"17\" [width]=\"17\" iconSvg=\"launch\"></pry-icon>\n                {{\n                (targetIndex !== -1 ? '@pry.widget.target.existing' : '@pry.widget.target.new')\n                | i18n: { targetIndex: this.targetIndex + 1 }\n                }}\n              </button>\n            </li>\n          }\n        }\n        @if (hasGrid && (options === true || options!['changeSpot'] === true)) {\n          <li\n            class=\"m-context-menu__list__item\"\n            role=\"none\"\n            >\n            <button type=\"button\" role=\"menuitem\" (click)=\"toggleChangeSpot()\" class=\"a-btn\" tabindex=\"-1\">\n              <pry-icon [height]=\"17\" [width]=\"17\" iconSvg=\"move\"></pry-icon>\n              <span>{{ '@pry.widget.tooltip.changeSpot' | i18n }}</span>\n            </button>\n          </li>\n        }\n        @if (options === true || options!['maximize'] === true) {\n          <li class=\"m-context-menu__list__item\" role=\"none\">\n            <button\n              type=\"button\"\n              role=\"menuitem\"\n              tabindex=\"-1\"\n              (click)=\"maximize(_widgetIndex)\"\n              class=\"a-btn\"\n              (keydown.escape)=\"menuOpen()\"\n              >\n              <pry-icon [height]=\"17\" [width]=\"17\" iconSvg=\"fullscreen\"></pry-icon>\n              {{ '@pry.widget.target.maximize' | i18n }}\n            </button>\n          </li>\n        }\n        @if (options === true || options!['addToCatalog'] === true) {\n          <li class=\"m-context-menu__list__item\" role=\"none\">\n            <button type=\"button\" role=\"menuitem\" tabindex=\"-1\" (click)=\"toggleCatalog()\" class=\"a-btn\">\n              <pry-icon [height]=\"17\" [width]=\"17\" iconSvg=\"library_add\"></pry-icon>\n              <span>{{ '@pry.widget.tooltip.catalogWidget' | i18n }}</span>\n            </button>\n          </li>\n        }\n        @if (options === true || options!['delete'] === true) {\n          <li class=\"m-context-menu__list__item\" role=\"none\">\n            <button\n              type=\"button\"\n              role=\"menuitem\"\n              tabindex=\"-1\"\n              (click)=\"toggleRemoveConfirm($event)\"\n              class=\"a-btn\"\n              (keydown.tab)=\"menuOpen()\"\n              >\n              <pry-icon [height]=\"17\" [width]=\"17\" iconSvg=\"delete\"></pry-icon>\n              <span>{{ '@pry.widget.tooltip.deleteWidget' | i18n }}</span>\n            </button>\n          </li>\n        }\n        @for (option of additionalOptions; track option) {\n          <li class=\"m-context-menu__list__item\" role=\"none\">\n            <button\n              type=\"button\"\n              class=\"a-btn\"\n              role=\"menuitem\"\n              tabindex=\"-1\"\n              (click)=\"executeAction(option)\"\n              [disabled]=\"isActionDisabled(option)\"\n              >\n              <pry-icon [height]=\"17\" [width]=\"17\" [iconSvg]=\"option.icon\"></pry-icon>\n              {{ option.label | i18n }}\n            </button>\n          </li>\n        }\n      </ul>\n    </div>\n  }\n</ng-template>\n\n<ng-template #templateModal>\n  <div\n    class=\"o-modal\"\n    (keydown.escape)=\"cancelRemoveConfirm()\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-labelledby=\"dialog confirm delete presentation\"\n    >\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">\n          {{ '@pry.widget.modalTitle' | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" #cross (click)=\"cancelRemoveConfirm()\">\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <div class=\"m-btn-group\">\n      <button type=\"button\" (click)=\"cancelRemoveConfirm()\" class=\"a-btn a-btn--secondary\">\n        {{ '@pry.toolbox.manifest.close' | i18n }}\n      </button>\n      <button type=\"submit\" (click)=\"confirmRemove()\" class=\"a-btn a-btn--primary\" (keydown.tab)=\"focusCrossElement()\">\n        {{ '@pry.toolbox.manifest.validate' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #template>\n  <pry-datasource-selector\n    [manifest]=\"manifest$ | async\"\n    (cancel)=\"toggleDatasourceSelection()\"\n    (validated)=\"emitManifest()\"\n    (nextTab)=\"focusInputCatalog()\"\n    (previousTab)=\"focusValidation()\"\n    (itemsChanged)=\"datasourcesChanged($event)\"\n  ></pry-datasource-selector>\n</ng-template>\n\n<ng-template #overlayCatalog>\n  <div\n    class=\"o-modal\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-labelledby=\"dialog_Catalog\"\n    (keydown.escape)=\"toggleCatalog()\"\n    >\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\">\n          {{ '@pry.widget.defineCatalog' | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button\n          class=\"a-btn a-btn--icon-only\"\n          (keydown.shift.tab)=\"focusValidation()\"\n          #crossCatalog\n          (click)=\"toggleCatalog()\"\n          >\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <div class=\"m-form-label-field\">\n      <label class=\"a-label\" for=\"name\">{{ '@pry.toolbox.catalog.label' | i18n }}</label>\n      <input [(ngModel)]=\"catalogInfo.name\" id=\"name\" type=\"text\" class=\"a-form-field\" required />\n    </div>\n    <div class=\"m-form-label-field\">\n      <label class=\"a-label\" for=\"description\">{{ '@pry.toolbox.catalog.description' | i18n }}</label>\n      <input [(ngModel)]=\"catalogInfo.description\" id=\"description\" type=\"text\" class=\"a-form-field\" required />\n    </div>\n    <div class=\"m-form-label-field\">\n      <pry-select-image\n        [iconUrl]=\"catalogInfo.image\"\n        (changed)=\"catalogInfo.image = $event\"\n        [mode]=\"type\"\n      ></pry-select-image>\n    </div>\n    <div class=\"m-btn-group\">\n      <button\n        type=\"button\"\n        (click)=\"toggleCatalog()\"\n        #cancel\n        (keydown.tab)=\"disableValidation()\"\n        class=\"a-btn a-btn--secondary\"\n        >\n        {{ '@pry.toolbox.manifest.close' | i18n }}\n      </button>\n      <button\n        type=\"submit\"\n        #validateCatalog\n        (click)=\"confirmCatalog()\"\n        [disabled]=\"!toolboxMenuService.isValidForCatalog(catalogInfo.name)\"\n        class=\"a-btn a-btn--primary\"\n        (keydown.tab)=\"focusCrossElement()\"\n        >\n        {{ '@pry.toolbox.manifest.validate' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #overlaySpot>\n  <div class=\"o-modal -place\">\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\">\n          {{ '@pry.widget.tooltip.changeSpot' | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" (click)=\"toggleChangeSpot()\">\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <pry-dashboard\n      [staticDashboard]=\"targetManifest!\"\n      [breakpoint]=\"10\"\n      [noBackground]=\"true\"\n      [forceModeEdition]=\"false\"\n    ></pry-dashboard>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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: PrySelectImageComponent, selector: "pry-select-image", inputs: ["iconUrl", "size", "mode"], outputs: ["toggled", "changed"] }, { kind: "component", type: DashboardComponent, selector: "pry-dashboard", inputs: ["staticDashboard", "forceModeEdition", "CloseOnDragOut", "displayOptions", "noBackground", "breakpoint", "linkedItems"], outputs: ["rowHeight", "rows"] }, { kind: "component", type: DatasourceSelectorComponent, selector: "pry-datasource-selector", inputs: ["showButtons", "showTitle", "manifest"], outputs: ["previousTab", "nextTab", "cancel", "validated", "itemsChanged"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslateIdPipe, name: "translateId" }, { kind: "pipe", type: I18nPipe, name: "i18n" }, { kind: "pipe", type: ResultSetSizePipe, name: "resultSetSize" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: PryWidgetHeaderComponent, selector: "pry-widget-header", inputs: { manifest: "manifest", openData$: "openData$", additionalOptions: "additionalOptions", headerOptions: "headerOptions", displayCount: "displayCount", datasourceIds: "datasourceIds", widgetIndex: "widgetIndex" }, outputs: { manifestModified: "manifestModified" }, viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, read: TemplateRef }, { propertyName: "templateModal", first: true, predicate: ["templateModal"], descendants: true, read: TemplateRef }, { propertyName: "toggle", first: true, predicate: ["toggle"], descendants: true, read: TemplateRef }, { propertyName: "overlayMenu", first: true, predicate: ["overlayMenu"], descendants: true, read: TemplateRef }, { propertyName: "overlayCatalog", first: true, predicate: ["overlayCatalog"], descendants: true, read: TemplateRef }, { propertyName: "overlaySpot", first: true, predicate: ["overlaySpot"], descendants: true, read: TemplateRef }, { propertyName: "togglePanel", first: true, predicate: ["togglePanel"], descendants: true }, { propertyName: "cross", first: true, predicate: ["cross"], descendants: true }, { propertyName: "validate", first: true, predicate: ["validate"], descendants: true }, { propertyName: "validateCatalog", first: true, predicate: ["validateCatalog"], descendants: true }, { propertyName: "cancel", first: true, predicate: ["cancel"], descendants: true }, { propertyName: "crossCatalog", first: true, predicate: ["crossCatalog"], descendants: true }, { propertyName: "inputCatalog", first: true, predicate: ["inputCatalog"], descendants: true }, { propertyName: "menuList", first: true, predicate: ["menuList"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"o-widget__header\">\n  <div class=\"o-widget__header__content\">\n    @if ((manifest$ | async)?.title) {\n      <h2 class=\"o-widget__header__content__title\">\n        {{ (manifest$ | async)?.title }}\n      </h2>\n    } @else {\n      @for (ds of usedDatasources$ | async; track ds) {\n        <div class=\"o-widget__header__content__query\">\n          @if (ds.id | translateId: { type: 'datasource', output: 'icon', noDefault: true } | async; as url) {\n            <img [height]=\"20\" [src]=\"url\" [width]=\"20\" alt=\"\" class=\"o-widget__header__content__query__icon\" />\n          }\n          <h3 class=\"o-widget__header__content__query__name\">{{ ds.name }}</h3>\n          @if (displayCount && !isGeo(ds)) {\n            <h3 class=\"o-widget__header__content__query__name\">\n              ({{ [ds.id] | resultSetSize | async }})\n            </h3>\n          }\n        </div>\n      }\n      @if (((usedDatasources$ | async) ?? []).length === 0) {\n        <div class=\"o-widget__header__content__no-data\">\n          <h2 class=\"o-widget__header__content__title\">{{ '@pry.widget.noData' | i18n }}</h2>\n        </div>\n      }\n    }\n  </div>\n  @if (displayContextMenu$ | async; as options) {\n    <div class=\"m-btn-group\">\n      <button\n        type=\"button\"\n        id=\"dialog_Menu\"\n        aria-controls=\"menu\"\n        [attr.aria-expanded]=\"this.menu\"\n        #togglePanel\n        class=\"a-btn a-btn--more\"\n        (click)=\"menuOpen($event)\"\n        >\n        <pry-icon [height]=\"25\" [width]=\"25\" iconSvg=\"more_horiz\"></pry-icon>\n        <span class=\"u-visually-hidden\">{{ '@pry.action.openMenuWidget' | i18n }}</span>\n      </button>\n    </div>\n  }\n</div>\n\n<ng-template #overlayMenu>\n  @if (displayContextMenu$ | async; as options) {\n    <div class=\"m-context-menu\">\n      <ul\n        class=\"m-context-menu__list\"\n        #menuList\n        id=\"menu\"\n        role=\"menu\"\n        aria-modal=\"true\"\n        aria-labelledby=\"dialog_Menu\"\n        (keydown.arrowDown)=\"onArrowDown()\"\n        (keydown.arrowUp)=\"onArrowUp()\"\n        (keydown.escape)=\"menuOpen()\"\n        >\n        @if (options === true || options['datasourceSelection'] === true) {\n          <li\n            class=\"m-context-menu__list__item\"\n            role=\"none\"\n            >\n            <button\n              type=\"button\"\n              role=\"menuitem\"\n              tabindex=\"-1\"\n              id=\"toggleActions\"\n              (click)=\"toggleDatasourceSelection()\"\n              *pryAccess=\"{ module: 'dashboard', page: 'widget', action: 'select_named_query' }\"\n              class=\"a-btn\"\n              >\n              <pry-icon [height]=\"17\" [width]=\"17\" iconSvg=\"stack-fill\"></pry-icon>\n              <span>{{ '@pry.widget.tooltip.readSearch' | i18n }}</span>\n            </button>\n          </li>\n        }\n        @if (options === true || options!['parameters'] === true) {\n          <li class=\"m-context-menu__list__item\" role=\"none\">\n            <ng-content></ng-content>\n          </li>\n        }\n        @if (options === true || options!['window'] === true) {\n          @for (targetIndex of targetIndexes$ | async; track targetIndex) {\n            <li class=\"m-context-menu__list__item\" role=\"none\">\n              <button\n                type=\"button\"\n                (click)=\"moveInNewWindow(_widgetIndex, targetIndex)\"\n                class=\"a-btn\"\n                role=\"menuitem\"\n                tabindex=\"-1\"\n                >\n                <pry-icon [height]=\"17\" [width]=\"17\" iconSvg=\"launch\"></pry-icon>\n                {{\n                (targetIndex !== -1 ? '@pry.widget.target.existing' : '@pry.widget.target.new')\n                | i18n: { targetIndex: this.targetIndex + 1 }\n                }}\n              </button>\n            </li>\n          }\n        }\n        @if (hasGrid && (options === true || options!['changeSpot'] === true)) {\n          <li\n            class=\"m-context-menu__list__item\"\n            role=\"none\"\n            >\n            <button type=\"button\" role=\"menuitem\" (click)=\"toggleChangeSpot()\" class=\"a-btn\" tabindex=\"-1\">\n              <pry-icon [height]=\"17\" [width]=\"17\" iconSvg=\"move\"></pry-icon>\n              <span>{{ '@pry.widget.tooltip.changeSpot' | i18n }}</span>\n            </button>\n          </li>\n        }\n        @if (options === true || options!['maximize'] === true) {\n          <li class=\"m-context-menu__list__item\" role=\"none\">\n            <button\n              type=\"button\"\n              role=\"menuitem\"\n              tabindex=\"-1\"\n              (click)=\"maximize(_widgetIndex)\"\n              class=\"a-btn\"\n              (keydown.escape)=\"menuOpen()\"\n              >\n              <pry-icon [height]=\"17\" [width]=\"17\" iconSvg=\"fullscreen\"></pry-icon>\n              {{ '@pry.widget.target.maximize' | i18n }}\n            </button>\n          </li>\n        }\n        @if (options === true || options!['addToCatalog'] === true) {\n          <li class=\"m-context-menu__list__item\" role=\"none\">\n            <button type=\"button\" role=\"menuitem\" tabindex=\"-1\" (click)=\"toggleCatalog()\" class=\"a-btn\">\n              <pry-icon [height]=\"17\" [width]=\"17\" iconSvg=\"library_add\"></pry-icon>\n              <span>{{ '@pry.widget.tooltip.catalogWidget' | i18n }}</span>\n            </button>\n          </li>\n        }\n        @if (options === true || options!['delete'] === true) {\n          <li class=\"m-context-menu__list__item\" role=\"none\">\n            <button\n              type=\"button\"\n              role=\"menuitem\"\n              tabindex=\"-1\"\n              (click)=\"toggleRemoveConfirm($event)\"\n              class=\"a-btn\"\n              (keydown.tab)=\"menuOpen()\"\n              >\n              <pry-icon [height]=\"17\" [width]=\"17\" iconSvg=\"delete\"></pry-icon>\n              <span>{{ '@pry.widget.tooltip.deleteWidget' | i18n }}</span>\n            </button>\n          </li>\n        }\n        @for (option of additionalOptions; track option) {\n          <li class=\"m-context-menu__list__item\" role=\"none\">\n            <button\n              type=\"button\"\n              class=\"a-btn\"\n              role=\"menuitem\"\n              tabindex=\"-1\"\n              (click)=\"executeAction(option)\"\n              [disabled]=\"isActionDisabled(option)\"\n              >\n              <pry-icon [height]=\"17\" [width]=\"17\" [iconSvg]=\"option.icon\"></pry-icon>\n              {{ option.label | i18n }}\n            </button>\n          </li>\n        }\n      </ul>\n    </div>\n  }\n</ng-template>\n\n<ng-template #templateModal>\n  <div\n    class=\"o-modal\"\n    (keydown.escape)=\"cancelRemoveConfirm()\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-labelledby=\"dialog confirm delete presentation\"\n    >\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">\n          {{ '@pry.widget.modalTitle' | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" #cross (click)=\"cancelRemoveConfirm()\">\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <div class=\"m-btn-group\">\n      <button type=\"button\" (click)=\"cancelRemoveConfirm()\" class=\"a-btn a-btn--secondary\">\n        {{ '@pry.toolbox.manifest.close' | i18n }}\n      </button>\n      <button type=\"submit\" (click)=\"confirmRemove()\" class=\"a-btn a-btn--primary\" (keydown.tab)=\"focusCrossElement()\">\n        {{ '@pry.toolbox.manifest.validate' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #template>\n  <pry-datasource-selector\n    [manifest]=\"manifest$ | async\"\n    (cancel)=\"toggleDatasourceSelection()\"\n    (validated)=\"emitManifest()\"\n    (nextTab)=\"focusInputCatalog()\"\n    (previousTab)=\"focusValidation()\"\n    (itemsChanged)=\"datasourcesChanged($event)\"\n  ></pry-datasource-selector>\n</ng-template>\n\n<ng-template #overlayCatalog>\n  <div\n    class=\"o-modal\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-labelledby=\"dialog_Catalog\"\n    (keydown.escape)=\"toggleCatalog()\"\n    >\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\">\n          {{ '@pry.widget.defineCatalog' | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button\n          class=\"a-btn a-btn--icon-only\"\n          (keydown.shift.tab)=\"focusValidation()\"\n          #crossCatalog\n          (click)=\"toggleCatalog()\"\n          >\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <div class=\"m-form-label-field\">\n      <label class=\"a-label\" for=\"name\">{{ '@pry.toolbox.catalog.label' | i18n }}</label>\n      <input [(ngModel)]=\"catalogInfo.name\" id=\"name\" type=\"text\" class=\"a-form-field\" required />\n    </div>\n    <div class=\"m-form-label-field\">\n      <label class=\"a-label\" for=\"description\">{{ '@pry.toolbox.catalog.description' | i18n }}</label>\n      <input [(ngModel)]=\"catalogInfo.description\" id=\"description\" type=\"text\" class=\"a-form-field\" required />\n    </div>\n    <div class=\"m-form-label-field\">\n      <pry-select-image\n        [iconUrl]=\"catalogInfo.image\"\n        (changed)=\"catalogInfo.image = $event\"\n        [mode]=\"type\"\n      ></pry-select-image>\n    </div>\n    <div class=\"m-btn-group\">\n      <button\n        type=\"button\"\n        (click)=\"toggleCatalog()\"\n        #cancel\n        (keydown.tab)=\"disableValidation()\"\n        class=\"a-btn a-btn--secondary\"\n        >\n        {{ '@pry.toolbox.manifest.close' | i18n }}\n      </button>\n      <button\n        type=\"submit\"\n        #validateCatalog\n        (click)=\"confirmCatalog()\"\n        [disabled]=\"!toolboxMenuService.isValidForCatalog(catalogInfo.name)\"\n        class=\"a-btn a-btn--primary\"\n        (keydown.tab)=\"focusCrossElement()\"\n        >\n        {{ '@pry.toolbox.manifest.validate' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #overlaySpot>\n  <div class=\"o-modal -place\">\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\">\n          {{ '@pry.widget.tooltip.changeSpot' | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" (click)=\"toggleChangeSpot()\">\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <pry-dashboard\n      [staticDashboard]=\"targetManifest!\"\n      [breakpoint]=\"10\"\n      [noBackground]=\"true\"\n      [forceModeEdition]=\"false\"\n    ></pry-dashboard>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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: PrySelectImageComponent, selector: "pry-select-image", inputs: ["iconUrl", "size", "mode"], outputs: ["toggled", "changed"] }, { kind: "component", type: DashboardComponent, selector: "pry-dashboard", inputs: ["staticDashboard", "forceModeEdition", "CloseOnDragOut", "displayOptions", "noBackground", "breakpoint"], outputs: ["rowHeight", "rows"] }, { kind: "component", type: DatasourceSelectorComponent, selector: "pry-datasource-selector", inputs: ["showButtons", "showTitle", "manifest"], outputs: ["previousTab", "nextTab", "cancel", "validated", "itemsChanged"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslateIdPipe, name: "translateId" }, { kind: "pipe", type: I18nPipe, name: "i18n" }, { kind: "pipe", type: ResultSetSizePipe, name: "resultSetSize" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: PryWidgetHeaderComponent, decorators: [{
             type: Component,
@@ -11794,10 +11838,10 @@ class FilterGroupComponent {
     }
     filter() {
         this.apply$.next();
-        this.store.dispatch(DashboardActions.dispatchFilters({ linkedItems: this.linkedItems }));
+        this.store.dispatch(DashboardActions.dispatchFilters({}));
     }
     clearFilters() {
-        this.store.dispatch(DashboardActions.clearAllFilterValues({ linkedItems: this.linkedItems }));
+        this.store.dispatch(DashboardActions.clearAllFilterValues());
     }
     openSelect() {
         this.isSelectOpen =
@@ -11816,7 +11860,7 @@ class FilterGroupComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FilterGroupComponent, deps: [{ token: i1.Store }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: FilterGroupComponent, selector: "pry-filter-group", inputs: { enterTriggerFilter: "enterTriggerFilter", clearTriggerFilter: "clearTriggerFilter", linkedItems: "linkedItems" }, ngImport: i0, template: "<pry-filter-group-css></pry-filter-group-css>\n@if (globalManifest$ | async; as manifest) {\n  @if (manifest.filters && manifest.filters.length > 0) {\n    <div class=\"o-container__filters\">\n      <div class=\"o-container__filter-container\" (click)=\"openSelect()\">\n        @for (filterDescription of manifest.filters; track filterDescription.id) {\n          @if (filterDescription.type !== 'invisible') {\n            <pry-filter-instanciator\n              [filter]=\"filterDescription\"\n              [applyFilter$]=\"apply$\"\n              (pressedEnter)=\"enterPressed()\"\n              (cleared)=\"cleared()\"\n            ></pry-filter-instanciator>\n          }\n        }\n      </div>\n      <div class=\"o-container__filter-actions\">\n        <button type=\"button\" class=\"a-btn a-btn--icon-only\" (click)=\"clearFilters()\">\n          <pry-icon iconSvg=\"clear_filter\" [width]=\"30\" [height]=\"30\"></pry-icon>\n        </button>\n        <button type=\"button\" class=\"a-btn a-btn--primary\" (click)=\"filter()\">\n          {{ '@pry.toolbox.apply' | i18n }}\n          <pry-icon iconSvg=\"refresh_filter\" [width]=\"18\" [height]=\"18\"></pry-icon>\n        </button>\n      </div>\n    </div>\n  }\n}\n", dependencies: [{ kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: FilterInstanciatorComponent, selector: "pry-filter-instanciator", inputs: ["filter", "applyFilter$"], outputs: ["pressedEnter", "cleared"] }, { kind: "component", type: PryFilterGroupCssComponent, selector: "pry-filter-group-css" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: FilterGroupComponent, selector: "pry-filter-group", inputs: { enterTriggerFilter: "enterTriggerFilter", clearTriggerFilter: "clearTriggerFilter" }, ngImport: i0, template: "<pry-filter-group-css></pry-filter-group-css>\n@if (globalManifest$ | async; as manifest) {\n  @if (manifest.filters && manifest.filters.length > 0) {\n    <div class=\"o-container__filters\">\n      <div class=\"o-container__filter-container\" (click)=\"openSelect()\">\n        @for (filterDescription of manifest.filters; track filterDescription.id) {\n          @if (filterDescription.type !== 'invisible') {\n            <pry-filter-instanciator\n              [filter]=\"filterDescription\"\n              [applyFilter$]=\"apply$\"\n              (pressedEnter)=\"enterPressed()\"\n              (cleared)=\"cleared()\"\n            ></pry-filter-instanciator>\n          }\n        }\n      </div>\n      <div class=\"o-container__filter-actions\">\n        <button type=\"button\" class=\"a-btn a-btn--icon-only\" (click)=\"clearFilters()\">\n          <pry-icon iconSvg=\"clear_filter\" [width]=\"30\" [height]=\"30\"></pry-icon>\n        </button>\n        <button type=\"button\" class=\"a-btn a-btn--primary\" (click)=\"filter()\">\n          {{ '@pry.toolbox.apply' | i18n }}\n          <pry-icon iconSvg=\"refresh_filter\" [width]=\"18\" [height]=\"18\"></pry-icon>\n        </button>\n      </div>\n    </div>\n  }\n}\n", dependencies: [{ kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: FilterInstanciatorComponent, selector: "pry-filter-instanciator", inputs: ["filter", "applyFilter$"], outputs: ["pressedEnter", "cleared"] }, { kind: "component", type: PryFilterGroupCssComponent, selector: "pry-filter-group-css" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FilterGroupComponent, decorators: [{
             type: Component,
@@ -11828,8 +11872,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
                 type: Input
             }], clearTriggerFilter: [{
                 type: Input
-            }], linkedItems: [{
-                type: Input
             }] } });
 
 const BASE_CONFIG = new InjectionToken('base config');
@@ -11867,39 +11909,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
                     args: [BASE_CONFIG]
                 }] }] });
 
-class ManifestUtils {
-    static getDatasourcesUsedByManifest(manifest) {
-        const mapOfDatasources = manifest.windows
-            .map((window) => (window.widgets ?? []).map((widget) => ({ datasetId: widget.datasource, excludeGeo: widget?.type !== 'map' })))
-            .flat(3)
-            .filter((dataset) => !!dataset.datasetId)
-            .map((res) => Array.isArray(res.datasetId)
-            ? res.datasetId.map((r) => ({ datasetId: r, excludeGeo: res.excludeGeo }))
-            : [res])
-            .flat().reduce((p, c) => ({ ...p, [c.datasetId]: { ...p[c.datasetId], ...c } }), {});
-        return Object.values(mapOfDatasources);
-    }
-    static cleanupManifest(manifest) {
-        return {
-            ...manifest,
-            windows: manifest.windows.map((window) => ManifestUtils.cleanupDashboardManifest(window))
-        };
-    }
-    static cleanupDashboardManifest(window) {
-        return {
-            ...window,
-            grid: {
-                columns: DEFAULT_COLUMNS_NUMBER,
-                rows: DEFAULT_ROWS_NUMBER,
-                layout: DashboardGridLayout.MANUAL,
-                gap: DEFAULT_GAP_PX,
-                ...window.grid
-            },
-            widgets: window.widgets ?? []
-        };
-    }
-}
-
 class ManifestService {
     constructor(httpClient, store, snackBar, translateService) {
         this.httpClient = httpClient;
@@ -12240,29 +12249,19 @@ class DashboardEffects {
                     .map((widManifest) => this.widgetFactoryService.aggregatesToAutoLoad(widManifest))
                     .reduce((p, c) => [...p, ...c], []))
             ].map((ds) => DashboardActions.triggerAggregate({ id: ds }));
-            const toItemsActions = Object.values(manifestToCheck.windows
-                .map((winManifest) => (winManifest ?? {}).widgets ?? [])
-                .reduce((p, c) => [...p, ...c], [])
-                .map((widManifest) => this.widgetFactoryService.datasourcesToAutoLoad(widManifest))
-                .flat()
-                .reduce((p, c) => ({
-                ...p,
-                [c.datasetId]: {
-                    ...p[c.datasetId],
-                    ...c,
-                    excludeGeo: p[c.datasetId]?.excludeGeo === false ? p[c.datasetId].excludeGeo : c.excludeGeo
-                }
-            }), {}))
+            const toItemsActions = ManifestUtils.mergeDatasourceRequests(manifestToCheck.windows
+                .map((winManifest) => this.widgetFactoryService.datasourcesToAutoLoad(winManifest))
+                .flat())
                 .filter((resultSet) => !!resultSet.datasetId &&
                 resultSet.datasetId !== '' &&
                 (!resultSets[resultSet.datasetId] ||
                     resultSetsParams[resultSet.datasetId] !==
-                        this.searchService.getItemsSerializedParams(resultSet.datasetId, quickOrder, resultSet.excludeGeo, action.linkedItems)))
+                        this.searchService.getItemsSerializedParams(resultSet.datasetId, quickOrder, resultSet.excludeGeo, resultSet.linkedItems)))
                 .map((resultSet) => SearchActions.getDatasourceItems({
                 id: resultSet.datasetId,
                 excludeGeo: resultSet.excludeGeo,
                 from: 'DashboardEffects.assertResultSets$-1',
-                linkedItems: action.linkedItems
+                linkedItems: resultSet.linkedItems
             }));
             return [...toItemsActions, ...toAggregateActions];
         })));