@provoly/dashboard 1.4.21 → 1.4.23

package/fesm2022/provoly-dashboard.mjs

@@ -5,7 +5,7 @@ import { CommonModule, AsyncPipe, DOCUMENT } from '@angular/common';
 import * as i1$1 from '@angular/common/http';
 import { HttpHeaders, HttpParams, HttpUrlEncodingCodec, HttpClientModule } from '@angular/common/http';
 import * as i0 from '@angular/core';
-import { InjectionToken, Injectable, Directive, Optional, Inject, Input, Component, Pipe, ChangeDetectionStrategy, HostBinding, NgModule, Injector, EventEmitter, Output, TemplateRef, ViewChild, SecurityContext, ContentChildren, forwardRef, HostListener, ViewContainerRef, signal, ViewChildren, ViewEncapsulation, createNgModule } from '@angular/core';
+import { InjectionToken, Injectable, Directive, Optional, Inject, Input, Component, Pipe, ChangeDetectionStrategy, HostBinding, NgModule, Injector, EventEmitter, Output, TemplateRef, ViewChild, SecurityContext, ContentChildren, forwardRef, HostListener, ViewContainerRef, ViewChildren, ViewEncapsulation, createNgModule } from '@angular/core';
 import * as i2 from '@angular/router';
 import { NavigationEnd, RouterModule } from '@angular/router';
 import * as i1$2 from '@ngrx/effects';
@@ -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'),
+    clearAllFilterValues: createAction('[Dashboard] (bus) clear all filter values', props()),
     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()),
@@ -5021,17 +5021,26 @@ class SearchService {
         }
         return this.store.select(ConfigSelectors.dataUrl).pipe(mergeMap((url) => {
             const ds = this.datasources.find((d) => d.id === id);
+            const otherParams = {};
+            if (linkedItems.length > 0) {
+                if (linkedItems.includes('destination')) {
+                    otherParams['withDestinationItems'] = 'true';
+                }
+                if (linkedItems.includes('source')) {
+                    otherParams['withSourceItems'] = 'true';
+                }
+            }
             return this.httpClient.post(encodeURI(`${url}/data-sources/id/${id}/items`), {
                 type: ds?.sourceType === 'namedQuery' ? ds.request.type : NamedQueryTypes.MONO_CLASS,
                 excludeGeo: excludeGeo ?? false,
                 searchAfter: searchAfter ?? undefined,
-                linkedItems,
-                limit: this.limits[id] || this.limits['default']
+                limit: this.limits[id] || this.limits['default'],
+                ...otherParams
             }, { params });
         }), map((rs) => this.applyTransformations(id, rs)));
     }
-    getItemsSerializedParams(id, quickOrder = {}) {
-        return '|' + this.getItemsFilter(id, this.getOrder(quickOrder[id])).toString() + '|';
+    getItemsSerializedParams(id, quickOrder = {}, excludeGeo, linkedItems) {
+        return `|${this.getItemsFilter(id, this.getOrder(quickOrder[id])).toString()}|${excludeGeo ? 'excludeGeo' : ''}|${linkedItems?.join(',')}|`;
     }
     getItemsFilter(id, cumulative) {
         let params = cumulative ?? new HttpParams({ encoder: new FilterParamEncoder() });
@@ -5371,7 +5380,7 @@ class SearchEffects {
             .pipe(map((resultSet) => SearchActions.searchSuccess({
             resultSet,
             id: props.id,
-            params: this.searchService.getItemsSerializedParams(props.id, quickOrder),
+            params: this.searchService.getItemsSerializedParams(props.id, quickOrder, props.excludeGeo, props.linkedItems),
             next: props.next
         })), 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]) => {
@@ -6025,17 +6034,10 @@ class ResultsetUtils {
         if (!rs2)
             return rs1;
         const rs1Copy = structuredClone(rs1);
-        Object.keys(rs2.items ?? {}).forEach((key) => {
-            if (!rs1Copy.items[key]) {
-                rs1Copy.items[key] = [];
-            }
-            rs1Copy.items[key].push(...rs2.items[key]);
-        });
+        this.mergeItems(rs1Copy, rs2, (rs) => rs.items);
+        this.mergeItems(rs1Copy, rs2, (rs) => rs.sourceItems ?? {});
+        this.mergeItems(rs1Copy, rs2, (rs) => rs.destinationItems ?? {});
         /* Make items and relations unique in resulted dataset */
-        Object.keys(rs1Copy.items).forEach((key) => {
-            const uniqueList = [...new Set(rs1Copy.items[key].map((it) => it.id))];
-            rs1Copy.items[key] = uniqueList.map((id) => rs1Copy.items[key].find((it) => it.id === id));
-        });
         rs1Copy.relations = [
             ...new Set([
                 ...([...(rs1Copy.relations ?? []), ...(rs2.relations ?? [])] ?? []).map((rel) => `${rel.relationType}|${rel.source}|${rel.destination}`),
@@ -6060,6 +6062,20 @@ class ResultsetUtils {
         rs1Copy.searchAfter = rs2.searchAfter ?? rs1Copy.searchAfter;
         return rs1Copy;
     }
+    static mergeItems(rs1, rs2, getItemsToMerge) {
+        const rs1Items = getItemsToMerge(rs1);
+        const rs2Items = getItemsToMerge(rs2);
+        Object.keys(rs2Items).forEach((key) => {
+            if (!rs1Items[key]) {
+                rs1Items[key] = [];
+            }
+            rs1Items[key].push(...rs2Items[key]);
+        });
+        Object.keys(rs1Items).forEach((key) => {
+            const uniqueList = [...new Set(rs1Items[key].map((it) => it.id))];
+            rs1Items[key] = uniqueList.map((id) => (rs1Items ? rs1Items[key].find((it) => it.id === id) : []));
+        });
+    }
 }
 
 class AggregationUtils {
@@ -9352,6 +9368,9 @@ 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;
@@ -9365,8 +9384,7 @@ class DashboardComponent extends SubscriptionnerDirective {
         this.indexForRemoval = -1;
         this.params = {};
         this.forceModeEdition$ = new BehaviorSubject(undefined);
-        this.width = signal(10);
-        this.height = signal(10);
+        this._dashboardSize$ = new BehaviorSubject({ width: 300, height: 300 });
         this.CloseOnDragOut = true;
         this.noBackground = false;
         this.canCalculateView = false;
@@ -9395,6 +9413,7 @@ 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([
@@ -9433,16 +9452,21 @@ 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$.subscribe((manifest) => {
+        this.subscriptions.add(this.staticDashboard$.pipe(withLatestFrom(this.linkedItems$)).subscribe(([manifest, linkedItems]) => {
             if (!!manifest) {
                 this.store.dispatch(DashboardActions.assertResultSets({
-                    staticManifest: manifest
+                    staticManifest: manifest,
+                    linkedItems
                 }));
             }
         }));
-        this.subscriptions.add(combineLatest([this.windowManifest$, this.store.select(DataSourceSelectors.getDataSources)]).subscribe(([manifest, datasets]) => {
+        this.subscriptions.add(combineLatest([
+            this.windowManifest$,
+            this.store.select(DataSourceSelectors.getDataSources),
+            this.linkedItems$
+        ]).subscribe(([manifest, datasets, linkedItems]) => {
             if (datasets.length > 0) {
-                this.store.dispatch(DashboardActions.assertResultSets({}));
+                this.store.dispatch(DashboardActions.assertResultSets({ linkedItems }));
             }
         }));
         this.store.dispatch(FieldActions.load({}));
@@ -9487,19 +9511,24 @@ class DashboardComponent extends SubscriptionnerDirective {
         this.separators$ = this.store
             .select(DashboardSelectors.gridLayout)
             .pipe(map((layout) => layout === DashboardGridLayout.MANUAL ? [] : WidgetPlacementUtils.getLayout(layout)?.places ?? []));
+        this.dashboardSize$ = this._dashboardSize$.pipe(startWith({
+            width: 300,
+            height: 300
+        }), distinctUntilChanged((p, c) => p.width === c.width && p.height === c.height), debounceTime(100), distinctUntilChanged((p, c) => p.width === c.width && p.height === c.height));
+    }
+    ngAfterViewChecked() {
+        this.updateSelfSize();
     }
     ngOnInit() {
         if (this.displayOptions)
             this.store.dispatch(DashboardActions.updateDisplayOptions({ mode: ViewMode.CUSTOM, customDisplay: this.displayOptions }));
-        this.updateSelfSize();
     }
     ngAfterViewInit() {
         this.canCalculateView = true;
-        this.updateSelfSize();
     }
     updateSelfSize() {
-        this.width.set(this.el.nativeElement.clientWidth);
-        this.height.set(this.el.nativeElement.clientHeight);
+        const boundingRect = this.el.nativeElement.getBoundingClientRect();
+        this._dashboardSize$.next({ width: boundingRect.width, height: boundingRect.height });
     }
     /***
      * Manage display
@@ -9793,7 +9822,9 @@ class DashboardComponent extends SubscriptionnerDirective {
                     layout: this.currentlyModifiedManifest?.layout ?? {}
                 };
                 this.movingMouse($event, false);
-                this.store.dispatch(DashboardActions.assertResultSets({}));
+                this.store.dispatch(DashboardActions.assertResultSets({
+                    linkedItems: this.linkedItems
+                }));
             }
             this.clearActions();
         }
@@ -9830,7 +9861,9 @@ class DashboardComponent extends SubscriptionnerDirective {
                         widgets: listWidgetManifests
                     }
                 }));
-                this.store.dispatch(DashboardActions.assertResultSets({}));
+                this.store.dispatch(DashboardActions.assertResultSets({
+                    linkedItems: this.linkedItems
+                }));
                 $event.preventDefault();
                 $event.stopPropagation();
             }
@@ -9891,11 +9924,11 @@ 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" }, 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]=\"width()\"\n          [style.height.px]=\"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", 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" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: DashboardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-dashboard', 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]=\"width()\"\n          [style.height.px]=\"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" }]
+            args: [{ selector: 'pry-dashboard', 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" }]
         }], ctorParameters: () => [{ type: i1.Store }, { type: i2$1.Overlay }, { type: i0.ViewContainerRef }, { type: i0.ElementRef }], propDecorators: { templateModal: [{
                 type: ViewChild,
                 args: ['templateModal', { read: TemplateRef }]
@@ -9921,6 +9954,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
                 type: Output
             }], rows: [{
                 type: Output
+            }], linkedItems: [{
+                type: Input
             }] } });
 
 var TooltipMode;
@@ -10780,7 +10815,9 @@ class DataWidgetComponent extends BaseWidgetComponent {
             return resultSetArray.reduce((rs1, rs2) => ResultsetUtils.mergeResultSets(rs1, rs2), {
                 items: {},
                 relations: [],
-                merged: resultSetArray.length
+                merged: resultSetArray.length,
+                sourceItems: {},
+                destinationItems: {}
             });
         }), distinctUntilChanged((p, v) => equal(p, v)));
     }
@@ -11400,7 +11437,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"], 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", "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" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: PryWidgetHeaderComponent, decorators: [{
             type: Component,
@@ -11757,10 +11794,10 @@ class FilterGroupComponent {
     }
     filter() {
         this.apply$.next();
-        this.store.dispatch(DashboardActions.dispatchFilters({}));
+        this.store.dispatch(DashboardActions.dispatchFilters({ linkedItems: this.linkedItems }));
     }
     clearFilters() {
-        this.store.dispatch(DashboardActions.clearAllFilterValues());
+        this.store.dispatch(DashboardActions.clearAllFilterValues({ linkedItems: this.linkedItems }));
     }
     openSelect() {
         this.isSelectOpen =
@@ -11779,7 +11816,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" }, 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", 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" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FilterGroupComponent, decorators: [{
             type: Component,
@@ -11791,6 +11828,8 @@ 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');
@@ -12218,11 +12257,12 @@ class DashboardEffects {
                 resultSet.datasetId !== '' &&
                 (!resultSets[resultSet.datasetId] ||
                     resultSetsParams[resultSet.datasetId] !==
-                        this.searchService.getItemsSerializedParams(resultSet.datasetId, quickOrder)))
+                        this.searchService.getItemsSerializedParams(resultSet.datasetId, quickOrder, resultSet.excludeGeo, action.linkedItems)))
                 .map((resultSet) => SearchActions.getDatasourceItems({
                 id: resultSet.datasetId,
                 excludeGeo: resultSet.excludeGeo,
-                from: 'DashboardEffects.assertResultSets$-1'
+                from: 'DashboardEffects.assertResultSets$-1',
+                linkedItems: action.linkedItems
             }));
             return [...toItemsActions, ...toAggregateActions];
         })));
@@ -12495,7 +12535,8 @@ class DashboardEffects {
         this.relaunchAfterOrder$ = createEffect(() => this.actions$.pipe(ofType(DashboardActions.quickOrder), map((action) => SearchActions.getDatasourceItems({
             id: action.datasourceId,
             excludeGeo: true,
-            from: 'DashboardEffects.relaunchAfterOrder$'
+            from: 'DashboardEffects.relaunchAfterOrder$',
+            linkedItems: action.linkedItems
         }))));
         this.propagateGridLayout$ = createEffect(() => this.actions$.pipe(ofType(DashboardActions.setGridLayout), withLatestFrom(this.store.select(DashboardSelectors.rank), this.store.select(DashboardSelectors.windowManifest)), map(([action, rank, windowManifest]) => DashboardActions.propagateGridLayout({ manifest: windowManifest, rank }))));
         this.toggleEditionModeIfNotManual$ = createEffect(() => this.actions$.pipe(ofType(DashboardActions.setGridLayout), filter((action) => action.layout !== DashboardGridLayout.MANUAL), map(() => DashboardActions.toggleEditionMode({ force: false }))));
@@ -13164,7 +13205,10 @@ const internalReducer = createReducer(dashboardInitialState, on(DashboardActions
             ...state.manifests,
             manifest: {
                 ...state.manifests.manifest,
-                filters: state.manifests.manifest.filters?.map((filter) => ({ ...filter, value: undefined }))
+                filters: state.manifests.manifest.filters?.map((filter) => ({
+                    ...filter,
+                    value: filter.type === 'invisible' ? filter.value : undefined
+                }))
             }
         }
     };