@provoly/dashboard 1.4.60 → 1.4.63

package/fesm2022/provoly-dashboard.mjs

@@ -701,6 +701,8 @@ const frTranslations$1 = {
                 resultsNonAccurate: '{{displayed}} sur environ {{total}}'
             },
             modalTitle: 'Voulez-vous confirmer ?',
+            deleteDashBoard: 'Supprimer le tableau de bord',
+            deleteDashBoardAsk: 'Êtes-vous sûr de vouloir le supprimer ?',
             itemId: 'Id',
             class: 'Classe',
             colorScheme: 'Schéma de couleur',
@@ -11299,13 +11301,14 @@ class PryWidgetHeaderComponent extends SubscriptionnerDirective {
         this._widgetIndex$.next(widgetIndex);
         this._widgetIndex = widgetIndex;
     }
-    constructor(store, overlay, viewContainerRef, toolboxMenuService, manifestService) {
+    constructor(store, overlay, viewContainerRef, toolboxMenuService, manifestService, route) {
         super();
         this.store = store;
         this.overlay = overlay;
         this.viewContainerRef = viewContainerRef;
         this.toolboxMenuService = toolboxMenuService;
         this.manifestService = manifestService;
+        this.route = route;
         this.manifest$ = new BehaviorSubject(null);
         this.places = [];
         this.zoomLevel = 0;
@@ -11338,6 +11341,7 @@ class PryWidgetHeaderComponent extends SubscriptionnerDirective {
         this.menu = false;
         this.type = LibraryTypes.ILLUSTRATION;
         this.widgetsZoomed = [];
+        this.isWall$ = this.route.queryParams.pipe(map((qP) => !!qP['wall']));
         this.store.select(DashboardSelectors.dashboardCellParams).subscribe((params) => {
             this.maxWidth = params.columns;
             this.maxHeight = params.rows;
@@ -11471,49 +11475,56 @@ class PryWidgetHeaderComponent extends SubscriptionnerDirective {
         this.store.dispatch(DashboardActions.toggleEditionMode({ force: false }));
         this.menuOpen();
     }
+    isWidgetZoomed(index) {
+        return this.manifestService.widgetZoomed()[index]?.zoom;
+    }
     maximize(widgetIndex) {
-        this.clickMax.set(true);
-        if (this.zoomWidth !== this.maxWidth) {
-            this.zoomLevel++;
-            this.zoomWidth = this.zoomWidth < this.maxWidth ? this.zoomWidth + 1 : this.maxWidth;
-            this.zoomHeight = this.zoomWidth < this.maxWidth ? this.zoomHeight + 1 : this.zoomHeight;
-            this.widgetsZoomed.forEach((widget, index) => {
-                widget.zoom = index === widgetIndex;
-            });
-            this.manifestService.widgetZoomed.set(this.widgetsZoomed);
-            this.manifestService.widgetZoomIn.next({
-                index: widgetIndex,
-                zoom: true,
-                layout: {
-                    x: this.widgetX,
-                    y: this.widgetY,
-                    width: this.zoomWidth,
-                    height: this.zoomHeight
-                }
-            });
+        if (this.isWidgetZoomed(widgetIndex)) {
+            this.clickMax.set(true);
+            if (this.zoomWidth !== this.maxWidth) {
+                this.zoomLevel++;
+                this.zoomWidth = this.zoomWidth < this.maxWidth ? this.zoomWidth + 1 : this.maxWidth;
+                this.zoomHeight = this.zoomWidth < this.maxWidth ? this.zoomHeight + 1 : this.zoomHeight;
+                this.widgetsZoomed.forEach((widget, index) => {
+                    widget.zoom = index === widgetIndex;
+                });
+                this.manifestService.widgetZoomed.set(this.widgetsZoomed);
+                this.manifestService.widgetZoomIn.next({
+                    index: widgetIndex,
+                    zoom: true,
+                    layout: {
+                        x: this.widgetX,
+                        y: this.widgetY,
+                        width: this.zoomWidth,
+                        height: this.zoomHeight
+                    }
+                });
+            }
         }
     }
     minimize(widgetIndex) {
-        this.clickMax.set(false);
-        if (this.zoomLevel > 0) {
-            this.zoomLevel--;
-            this.zoomWidth = this.zoomWidth > this.widgetWidth ? this.zoomWidth - 1 : this.widgetWidth;
-            this.zoomHeight = this.zoomHeight > this.widgetHeight ? this.zoomHeight - 1 : this.widgetHeight;
-            this.manifestService.widgetZoomIn.next({
-                index: widgetIndex,
-                zoom: true,
-                layout: {
-                    x: this.widgetX,
-                    y: this.widgetY,
-                    width: this.zoomWidth,
-                    height: this.zoomHeight
-                }
-            });
-            if (this.zoomLevel === 0) {
-                this.widgetsZoomed.forEach((widget) => {
-                    widget.zoom = true;
+        if (this.isWidgetZoomed(widgetIndex)) {
+            this.clickMax.set(false);
+            if (this.zoomLevel > 0) {
+                this.zoomLevel--;
+                this.zoomWidth = this.zoomWidth > this.widgetWidth ? this.zoomWidth - 1 : this.widgetWidth;
+                this.zoomHeight = this.zoomHeight > this.widgetHeight ? this.zoomHeight - 1 : this.widgetHeight;
+                this.manifestService.widgetZoomIn.next({
+                    index: widgetIndex,
+                    zoom: true,
+                    layout: {
+                        x: this.widgetX,
+                        y: this.widgetY,
+                        width: this.zoomWidth,
+                        height: this.zoomHeight
+                    }
                 });
-                this.manifestService.widgetZoomed.set(this.widgetsZoomed);
+                if (this.zoomLevel === 0) {
+                    this.widgetsZoomed.forEach((widget) => {
+                        widget.zoom = true;
+                    });
+                    this.manifestService.widgetZoomed.set(this.widgetsZoomed);
+                }
             }
         }
     }
@@ -11704,13 +11715,13 @@ class PryWidgetHeaderComponent extends SubscriptionnerDirective {
         this.subscription?.unsubscribe();
         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 }, { token: ManifestService }], 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 ((manifest$ | async)?.type === 'vega' && manifestService.widgetZoomed()[_widgetIndex]?.zoom) {\n    <div class=\"vega-zoom-container\">\n      <div (click)=\"minimize(_widgetIndex)\" [class.zoom-clicked]=\"!clickMax() && zoomLevel !== 0\">\n        <pry-icon [height]=\"25\" [width]=\"25\" iconSvg=\"remove\"></pry-icon>\n      </div>\n      <div (click)=\"maximize(_widgetIndex)\" [class.zoom-clicked]=\"clickMax() && zoomLevel !== 0\">\n        <pry-icon [height]=\"25\" [width]=\"25\" iconSvg=\"add\"></pry-icon>\n      </div>\n    </div>\n  }\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.ɵ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 }, { token: ManifestService }, { token: i2.ActivatedRoute }], 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\">({{ [ds.id] | resultSetSize | async }})</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 ((manifest$ | async)?.type === 'vega' && !(isWall$ | async)) {\n    <div class=\"vega-zoom-container\">\n      <div\n        (click)=\"minimize(_widgetIndex)\"\n        [class.zoom-clicked]=\"!clickMax() && zoomLevel !== 0\"\n        [class.zoom-disabled]=\"zoomLevel === 0 || !isWidgetZoomed(_widgetIndex)\"\n      >\n        <pry-icon [height]=\"25\" [width]=\"25\" iconSvg=\"remove\"></pry-icon>\n      </div>\n      <div\n        (click)=\"maximize(_widgetIndex)\"\n        [class.zoom-clicked]=\"clickMax() && zoomLevel !== 0 && this.zoomWidth !== this.maxWidth\"\n        [class.zoom-disabled]=\"this.zoomWidth === this.maxWidth || !isWidgetZoomed(_widgetIndex)\"\n      >\n        <pry-icon [height]=\"25\" [width]=\"25\" iconSvg=\"add\"></pry-icon>\n      </div>\n    </div>\n  }\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 class=\"m-context-menu__list__item\" role=\"none\">\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 class=\"m-context-menu__list__item\" role=\"none\">\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,
-            args: [{ selector: 'pry-widget-header', 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 ((manifest$ | async)?.type === 'vega' && manifestService.widgetZoomed()[_widgetIndex]?.zoom) {\n    <div class=\"vega-zoom-container\">\n      <div (click)=\"minimize(_widgetIndex)\" [class.zoom-clicked]=\"!clickMax() && zoomLevel !== 0\">\n        <pry-icon [height]=\"25\" [width]=\"25\" iconSvg=\"remove\"></pry-icon>\n      </div>\n      <div (click)=\"maximize(_widgetIndex)\" [class.zoom-clicked]=\"clickMax() && zoomLevel !== 0\">\n        <pry-icon [height]=\"25\" [width]=\"25\" iconSvg=\"add\"></pry-icon>\n      </div>\n    </div>\n  }\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" }]
-        }], ctorParameters: () => [{ type: i1.Store }, { type: i2$1.Overlay }, { type: i0.ViewContainerRef }, { type: ToolboxMenuService }, { type: ManifestService }], propDecorators: { template: [{
+            args: [{ selector: 'pry-widget-header', 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\">({{ [ds.id] | resultSetSize | async }})</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 ((manifest$ | async)?.type === 'vega' && !(isWall$ | async)) {\n    <div class=\"vega-zoom-container\">\n      <div\n        (click)=\"minimize(_widgetIndex)\"\n        [class.zoom-clicked]=\"!clickMax() && zoomLevel !== 0\"\n        [class.zoom-disabled]=\"zoomLevel === 0 || !isWidgetZoomed(_widgetIndex)\"\n      >\n        <pry-icon [height]=\"25\" [width]=\"25\" iconSvg=\"remove\"></pry-icon>\n      </div>\n      <div\n        (click)=\"maximize(_widgetIndex)\"\n        [class.zoom-clicked]=\"clickMax() && zoomLevel !== 0 && this.zoomWidth !== this.maxWidth\"\n        [class.zoom-disabled]=\"this.zoomWidth === this.maxWidth || !isWidgetZoomed(_widgetIndex)\"\n      >\n        <pry-icon [height]=\"25\" [width]=\"25\" iconSvg=\"add\"></pry-icon>\n      </div>\n    </div>\n  }\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 class=\"m-context-menu__list__item\" role=\"none\">\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 class=\"m-context-menu__list__item\" role=\"none\">\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" }]
+        }], ctorParameters: () => [{ type: i1.Store }, { type: i2$1.Overlay }, { type: i0.ViewContainerRef }, { type: ToolboxMenuService }, { type: ManifestService }, { type: i2.ActivatedRoute }], propDecorators: { template: [{
                 type: ViewChild,
                 args: ['template', { read: TemplateRef }]
             }], templateModal: [{
@@ -12463,7 +12474,8 @@ class DashboardEffects {
         this.listManifests$ = createEffect(() => this.actions$.pipe(ofType(DashboardActions.fetchManifestsList), withLatestFrom(this.store.select(DashboardSelectors.rank)), filter(([action, rank]) => rank === 0 || rank === -1), debounceTime(100), mergeMap(([action, rank]) => this.manifestService.list().pipe(map((manifests) => DashboardActions.updateManifestsList({ manifests }))))));
         this.confirmManifestDeletion$ = createEffect(() => this.actions$.pipe(ofType(DashboardActions.confirmManifestDeletion), tap((action) => {
             const data = {
-                title: '@pry.widget.modalTitle',
+                title: '@pry.widget.deleteDashBoard',
+                message: '@pry.widget.deleteDashBoardAsk',
                 actions: [
                     {
                         id: 0,