@provoly/dashboard 1.1.6 → 1.1.7

package/fesm2022/provoly-dashboard-toolbox.mjs

@@ -1,41 +1,49 @@
-import * as i7 from '@angular/cdk/drag-drop';
+import * as i6 from '@angular/cdk/drag-drop';
 import { moveItemInArray, CdkDropList, CdkDrag, CdkDragHandle } from '@angular/cdk/drag-drop';
 import * as i2 from '@angular/cdk/overlay';
 import { OverlayConfig, OverlayModule } from '@angular/cdk/overlay';
-import * as i3 from '@angular/common';
+import * as i2$1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, Input, Output, ViewEncapsulation, TemplateRef, ViewContainerRef, ViewChild, Optional, Inject, NgModule } from '@angular/core';
+import { EventEmitter, Component, Optional, Inject, Input, Output, ViewEncapsulation, TemplateRef, ViewContainerRef, ViewChild, NgModule } from '@angular/core';
 import * as i4 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
-import * as i3$1 from '@provoly/dashboard';
-import { SubscriptionnerDirective, DashboardActions, ConfigActions, DashboardSelectors, DataSourceSelectors, ClassSelectors, FieldSelectors, FieldType, NamedQueryTypes, DataSourceActions, MIME_TYPE_RESULTSET, LibraryTypes, ViewMode, DashboardGridLayout, WidgetPlacementUtils, SearchActions, PryVisibilityType, canManifestBeMadePublic, getCommonDatasourceGroupsForManifest, PRY_ACCESS_TOKEN, PryOverlayModule, PryCoreModule, PryDashboardModule, PrySelectModule, PryIconModule, PryToggleModule, PryShareModule, PryI18nModule } from '@provoly/dashboard';
-import * as i6 from '@provoly/dashboard/components/checkbox';
+import * as i3 from '@provoly/dashboard';
+import { SubscriptionnerDirective, DashboardSelectors, PRY_ACCESS_TOKEN, DashboardActions, ConfigActions, DataSourceSelectors, ClassSelectors, FieldSelectors, FieldType, NamedQueryTypes, DataSourceActions, MIME_TYPE_RESULTSET, LibraryTypes, ViewMode, DashboardGridLayout, WidgetPlacementUtils, SearchActions, getCommonDatasourceGroupsForManifest, PryOverlayModule, PryCoreModule, PryDashboardModule, PrySelectModule, PryIconModule, PryToggleModule, PryShareModule, PryI18nModule } from '@provoly/dashboard';
+import * as i5 from '@provoly/dashboard/components/checkbox';
 import { PryCheckboxModule } from '@provoly/dashboard/components/checkbox';
 import * as i6$1 from '@provoly/dashboard/components/stepper';
 import { PryStepperModule } from '@provoly/dashboard/components/stepper';
+import { of, BehaviorSubject, combineLatest, map, take, switchMap } from 'rxjs';
 import * as i1 from '@ngrx/store';
-import * as i3$2 from '@angular/cdk/bidi';
+import * as i3$1 from '@angular/cdk/bidi';
 import { TemplatePortal } from '@angular/cdk/portal';
-import { BehaviorSubject, combineLatest, map, take, switchMap, of } from 'rxjs';
 import { withLatestFrom, map as map$1 } from 'rxjs/operators';
 import { v4 } from 'uuid';
-import * as i5 from '@angular/cdk/a11y';
+import * as i5$1 from '@angular/cdk/a11y';
 import { A11yModule } from '@angular/cdk/a11y';
-import * as i6$2 from '@provoly/dashboard/components/text-editor';
+import equal from 'fast-deep-equal/es6';
+import * as i5$2 from '@provoly/dashboard/components/text-editor';
 import { PryTextEditorModule } from '@provoly/dashboard/components/text-editor';
 
 class ToolboxActionComponent extends SubscriptionnerDirective {
-    constructor(store) {
+    constructor(store, access) {
         super();
         this.store = store;
+        this.access = access;
         this.displayLabels = true;
         this.closeOptions = new EventEmitter();
+        this.subscriptions.add(this.store.select(DashboardSelectors.presentation).subscribe((manifest) => {
+            this.currentManifest = manifest?.current;
+        }));
     }
     close() {
         this.closeOptions.emit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ToolboxActionComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
+    canModify$() {
+        return this.access && this.currentManifest ? this.access.canModifyPresentation(this.currentManifest) : of(false);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ToolboxActionComponent, deps: [{ token: i1.Store }, { token: PRY_ACCESS_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: ToolboxActionComponent, selector: "pry-toolbox-action", inputs: { displayLabels: "displayLabels" }, outputs: { closeOptions: "closeOptions" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ToolboxActionComponent, decorators: [{
@@ -44,31 +52,41 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
                     selector: 'pry-toolbox-action',
                     template: ''
                 }]
-        }], ctorParameters: () => [{ type: i1.Store }], propDecorators: { displayLabels: [{
+        }], ctorParameters: () => [{ type: i1.Store }, { type: i3.PryBaseAccess, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [PRY_ACCESS_TOKEN]
+                }] }], propDecorators: { displayLabels: [{
                 type: Input
             }], closeOptions: [{
                 type: Output
             }] } });
 
 class ClearViewComponent extends ToolboxActionComponent {
-    constructor(store) {
-        super(store);
+    constructor(store, access) {
+        super(store, access);
     }
     clear() {
         this.store.dispatch(DashboardActions.clearManifest());
         this.close();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ClearViewComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: ClearViewComponent, selector: "pry-clear-view", usesInheritance: true, ngImport: i0, template: "<button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"clear()\">\n  <ng-container *ngIf=\"displayLabels\">{{ '@pry.toolbox.clear' | i18n }}</ng-container>\n</button>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i3$1.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ClearViewComponent, deps: [{ token: i1.Store }, { token: PRY_ACCESS_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: ClearViewComponent, selector: "pry-clear-view", usesInheritance: true, ngImport: i0, template: "<button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"clear()\">\n  @if (displayLabels) {\n    {{ '@pry.toolbox.clear' | i18n }}\n  }\n</button>\n", dependencies: [{ kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ClearViewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-clear-view', template: "<button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"clear()\">\n  <ng-container *ngIf=\"displayLabels\">{{ '@pry.toolbox.clear' | i18n }}</ng-container>\n</button>\n" }]
-        }], ctorParameters: () => [{ type: i1.Store }] });
+            args: [{ selector: 'pry-clear-view', template: "<button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"clear()\">\n  @if (displayLabels) {\n    {{ '@pry.toolbox.clear' | i18n }}\n  }\n</button>\n" }]
+        }], ctorParameters: () => [{ type: i1.Store }, { type: i3.PryBaseAccess, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [PRY_ACCESS_TOKEN]
+                }] }] });
 
 class DragWidgetsComponent extends ToolboxActionComponent {
-    constructor(store, toolboxManifestService, toolboxMenuService) {
-        super(store);
+    constructor(store, access, toolboxManifestService, toolboxMenuService) {
+        super(store, access);
         this.toolboxManifestService = toolboxManifestService;
         this.toolboxMenuService = toolboxMenuService;
         this.mainOpened = false;
@@ -91,29 +109,39 @@ class DragWidgetsComponent extends ToolboxActionComponent {
         this.mainOpened = true;
         $event.stopPropagation();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DragWidgetsComponent, deps: [{ token: i1.Store }, { token: i3$1.ToolboxManifestService }, { token: i3$1.ToolboxMenuService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: DragWidgetsComponent, selector: "pry-drag-widgets", usesInheritance: true, ngImport: i0, template: "<div class=\"toolbox-draggable\">\n  <button\n    type=\"button\"\n    class=\"a-btn a-btn--secondary\"\n    (click)=\"openMenu($event)\"\n    cdkOverlayOrigin\n    #trigger=\"cdkOverlayOrigin\"\n    id=\"widget_insert\"\n    aria-haspopup\n    aria-controls=\"IDpanel\"\n    aria-expanded=\"false\"\n  >\n    <ng-container *ngIf=\"displayLabels\"\n      ><span class=\"u-visually-hidden\">{{ '@pry.toolbox.dragIndication' | i18n }}</span\n      >{{ '@pry.toolbox.drag' | i18n }}\n    </ng-container>\n  </button>\n</div>\n\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOrigin]=\"trigger\"\n  [cdkConnectedOverlayOpen]=\"mainOpened\"\n  [cdkConnectedOverlayHasBackdrop]=\"true\"\n  [cdkConnectedOverlayPositions]=\"[connectedPosition]\"\n  cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n  (backdropClick)=\"mainOpened = false\"\n>\n  <div class=\"o-draggable-menu\" aria-label=\"Ins\u00E9rer un widget (par glisser/d\u00E9poser)\" aria-labelledby=\"widget_insert\">\n    <ul class=\"o-draggable-menu__list\">\n      <ng-container *ngFor=\"let menu of menu$ | async\">\n        <li class=\"o-draggable-menu__list__item\">\n          <button class=\"a-btn\" aria-haspopup=\"true\" aria-expanded=\"false\">\n            <pry-icon [iconSvg]=\"menu.icon\"></pry-icon>\n            <ng-container *ngIf=\"displayLabels\">{{ menu.label | i18n }}</ng-container>\n          </button>\n\n          <ul class=\"o-draggable-menu__list__submenu\">\n            <ng-container *ngFor=\"let sub of menu.sub\">\n              <li class=\"o-draggable-menu__list__submenu__item\">\n                <button class=\"a-btn\" (dragstart)=\"dragStart($event, sub.type)\" draggable=\"true\">\n                  <img [alt]=\"sub.label\" [height]=\"24\" [width]=\"24\" [src]=\"sub.icon | getSecuredImage | async\" />\n                  <ng-container *ngIf=\"displayLabels\">{{ sub.label | i18n }}</ng-container>\n                </button>\n              </li>\n            </ng-container>\n          </ul>\n        </li>\n      </ng-container>\n    </ul>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: i3$1.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.GetSecuredImagePipe, name: "getSecuredImage" }, { kind: "pipe", type: i3$1.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DragWidgetsComponent, deps: [{ token: i1.Store }, { token: PRY_ACCESS_TOKEN, optional: true }, { token: i3.ToolboxManifestService }, { token: i3.ToolboxMenuService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: DragWidgetsComponent, selector: "pry-drag-widgets", usesInheritance: true, ngImport: i0, template: "<div class=\"toolbox-draggable\">\n  <button\n    type=\"button\"\n    class=\"a-btn a-btn--secondary\"\n    (click)=\"openMenu($event)\"\n    cdkOverlayOrigin\n    #trigger=\"cdkOverlayOrigin\"\n    id=\"widget_insert\"\n    aria-haspopup=\"true\"\n    aria-controls=\"IDpanel\"\n    aria-expanded=\"false\"\n  >\n    @if (displayLabels) {\n      <span class=\"u-visually-hidden\">{{ '@pry.toolbox.dragIndication' | i18n }}</span>\n      {{ '@pry.toolbox.drag' | i18n }}\n    }\n  </button>\n</div>\n\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOrigin]=\"trigger\"\n  [cdkConnectedOverlayOpen]=\"mainOpened\"\n  [cdkConnectedOverlayHasBackdrop]=\"true\"\n  [cdkConnectedOverlayPositions]=\"[connectedPosition]\"\n  cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n  (backdropClick)=\"mainOpened = false\"\n>\n  <div class=\"o-draggable-menu\" aria-label=\"Ins\u00E9rer un widget (par glisser/d\u00E9poser)\" aria-labelledby=\"widget_insert\">\n    <ul class=\"o-draggable-menu__list\">\n      @for (menu of menu$ | async; track menu.label) {\n        <li class=\"o-draggable-menu__list__item\">\n          <button class=\"a-btn\" aria-haspopup=\"true\" aria-expanded=\"false\">\n            <pry-icon [iconSvg]=\"menu.icon\"></pry-icon>\n            @if (displayLabels) {\n              {{ menu.label | i18n }}\n            }\n          </button>\n\n          <ul class=\"o-draggable-menu__list__submenu\">\n            @for (sub of menu.sub; track sub.label) {\n              <li class=\"o-draggable-menu__list__submenu__item\">\n                <button class=\"a-btn\" (dragstart)=\"dragStart($event, sub.type)\" draggable=\"true\">\n                  <img [alt]=\"sub.label\" [height]=\"24\" [width]=\"24\" [src]=\"sub.icon | getSecuredImage | async\" />\n                  @if (displayLabels) {\n                    {{ sub.label | i18n }}\n                  }\n                </button>\n              </li>\n            }\n          </ul>\n        </li>\n      }\n    </ul>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.GetSecuredImagePipe, name: "getSecuredImage" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DragWidgetsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-drag-widgets', template: "<div class=\"toolbox-draggable\">\n  <button\n    type=\"button\"\n    class=\"a-btn a-btn--secondary\"\n    (click)=\"openMenu($event)\"\n    cdkOverlayOrigin\n    #trigger=\"cdkOverlayOrigin\"\n    id=\"widget_insert\"\n    aria-haspopup\n    aria-controls=\"IDpanel\"\n    aria-expanded=\"false\"\n  >\n    <ng-container *ngIf=\"displayLabels\"\n      ><span class=\"u-visually-hidden\">{{ '@pry.toolbox.dragIndication' | i18n }}</span\n      >{{ '@pry.toolbox.drag' | i18n }}\n    </ng-container>\n  </button>\n</div>\n\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOrigin]=\"trigger\"\n  [cdkConnectedOverlayOpen]=\"mainOpened\"\n  [cdkConnectedOverlayHasBackdrop]=\"true\"\n  [cdkConnectedOverlayPositions]=\"[connectedPosition]\"\n  cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n  (backdropClick)=\"mainOpened = false\"\n>\n  <div class=\"o-draggable-menu\" aria-label=\"Ins\u00E9rer un widget (par glisser/d\u00E9poser)\" aria-labelledby=\"widget_insert\">\n    <ul class=\"o-draggable-menu__list\">\n      <ng-container *ngFor=\"let menu of menu$ | async\">\n        <li class=\"o-draggable-menu__list__item\">\n          <button class=\"a-btn\" aria-haspopup=\"true\" aria-expanded=\"false\">\n            <pry-icon [iconSvg]=\"menu.icon\"></pry-icon>\n            <ng-container *ngIf=\"displayLabels\">{{ menu.label | i18n }}</ng-container>\n          </button>\n\n          <ul class=\"o-draggable-menu__list__submenu\">\n            <ng-container *ngFor=\"let sub of menu.sub\">\n              <li class=\"o-draggable-menu__list__submenu__item\">\n                <button class=\"a-btn\" (dragstart)=\"dragStart($event, sub.type)\" draggable=\"true\">\n                  <img [alt]=\"sub.label\" [height]=\"24\" [width]=\"24\" [src]=\"sub.icon | getSecuredImage | async\" />\n                  <ng-container *ngIf=\"displayLabels\">{{ sub.label | i18n }}</ng-container>\n                </button>\n              </li>\n            </ng-container>\n          </ul>\n        </li>\n      </ng-container>\n    </ul>\n  </div>\n</ng-template>\n" }]
-        }], ctorParameters: () => [{ type: i1.Store }, { type: i3$1.ToolboxManifestService }, { type: i3$1.ToolboxMenuService }] });
+            args: [{ selector: 'pry-drag-widgets', template: "<div class=\"toolbox-draggable\">\n  <button\n    type=\"button\"\n    class=\"a-btn a-btn--secondary\"\n    (click)=\"openMenu($event)\"\n    cdkOverlayOrigin\n    #trigger=\"cdkOverlayOrigin\"\n    id=\"widget_insert\"\n    aria-haspopup=\"true\"\n    aria-controls=\"IDpanel\"\n    aria-expanded=\"false\"\n  >\n    @if (displayLabels) {\n      <span class=\"u-visually-hidden\">{{ '@pry.toolbox.dragIndication' | i18n }}</span>\n      {{ '@pry.toolbox.drag' | i18n }}\n    }\n  </button>\n</div>\n\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOrigin]=\"trigger\"\n  [cdkConnectedOverlayOpen]=\"mainOpened\"\n  [cdkConnectedOverlayHasBackdrop]=\"true\"\n  [cdkConnectedOverlayPositions]=\"[connectedPosition]\"\n  cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n  (backdropClick)=\"mainOpened = false\"\n>\n  <div class=\"o-draggable-menu\" aria-label=\"Ins\u00E9rer un widget (par glisser/d\u00E9poser)\" aria-labelledby=\"widget_insert\">\n    <ul class=\"o-draggable-menu__list\">\n      @for (menu of menu$ | async; track menu.label) {\n        <li class=\"o-draggable-menu__list__item\">\n          <button class=\"a-btn\" aria-haspopup=\"true\" aria-expanded=\"false\">\n            <pry-icon [iconSvg]=\"menu.icon\"></pry-icon>\n            @if (displayLabels) {\n              {{ menu.label | i18n }}\n            }\n          </button>\n\n          <ul class=\"o-draggable-menu__list__submenu\">\n            @for (sub of menu.sub; track sub.label) {\n              <li class=\"o-draggable-menu__list__submenu__item\">\n                <button class=\"a-btn\" (dragstart)=\"dragStart($event, sub.type)\" draggable=\"true\">\n                  <img [alt]=\"sub.label\" [height]=\"24\" [width]=\"24\" [src]=\"sub.icon | getSecuredImage | async\" />\n                  @if (displayLabels) {\n                    {{ sub.label | i18n }}\n                  }\n                </button>\n              </li>\n            }\n          </ul>\n        </li>\n      }\n    </ul>\n  </div>\n</ng-template>\n" }]
+        }], ctorParameters: () => [{ type: i1.Store }, { type: i3.PryBaseAccess, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [PRY_ACCESS_TOKEN]
+                }] }, { type: i3.ToolboxManifestService }, { type: i3.ToolboxMenuService }] });
 
 class EditModeToggleComponent extends ToolboxActionComponent {
-    constructor(store) {
-        super(store);
+    constructor(store, access) {
+        super(store, access);
         this.modeEdition$ = this.store.select(DashboardSelectors.dashboardEditionMode);
     }
     toggleEditionMode() {
         this.store.dispatch(DashboardActions.toggleEditionMode({}));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EditModeToggleComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: EditModeToggleComponent, selector: "pry-edit-mode-toggle", usesInheritance: true, ngImport: i0, template: "<pry-toggle\n  [ngModel]=\"modeEdition$ | async\"\n  (ngModelChange)=\"toggleEditionMode()\"\n  [alwaysActive]=\"true\"\n  mode=\"action\"\n  dir=\"ltr\"\n>\n  {{ ((modeEdition$ | async) ? '@pry.toolbox.editOff' : '@pry.toolbox.edit') | i18n }}\n</pry-toggle>\n", dependencies: [{ kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3$2.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { kind: "component", type: i3$1.PryToggleComponent, selector: "pry-toggle", inputs: ["alwaysActive", "disabled", "mode", "size", "dir", "leftword", "rightword"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EditModeToggleComponent, deps: [{ token: i1.Store }, { token: PRY_ACCESS_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: EditModeToggleComponent, selector: "pry-edit-mode-toggle", usesInheritance: true, ngImport: i0, template: "<pry-toggle\n  [ngModel]=\"modeEdition$ | async\"\n  (ngModelChange)=\"toggleEditionMode()\"\n  [alwaysActive]=\"true\"\n  mode=\"action\"\n  dir=\"ltr\"\n>\n  {{ ((modeEdition$ | async) ? '@pry.toolbox.editOff' : '@pry.toolbox.edit') | i18n }}\n</pry-toggle>\n", dependencies: [{ kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3$1.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { kind: "component", type: i3.PryToggleComponent, selector: "pry-toggle", inputs: ["alwaysActive", "disabled", "mode", "size", "dir", "leftword", "rightword"] }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EditModeToggleComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-edit-mode-toggle', template: "<pry-toggle\n  [ngModel]=\"modeEdition$ | async\"\n  (ngModelChange)=\"toggleEditionMode()\"\n  [alwaysActive]=\"true\"\n  mode=\"action\"\n  dir=\"ltr\"\n>\n  {{ ((modeEdition$ | async) ? '@pry.toolbox.editOff' : '@pry.toolbox.edit') | i18n }}\n</pry-toggle>\n" }]
-        }], ctorParameters: () => [{ type: i1.Store }] });
+        }], ctorParameters: () => [{ type: i1.Store }, { type: i3.PryBaseAccess, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [PRY_ACCESS_TOKEN]
+                }] }] });
 
 class PrySelectGridLayoutCssComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PrySelectGridLayoutCssComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
@@ -131,8 +159,8 @@ var FilterSteps;
     FilterSteps["EDITION"] = "edition";
 })(FilterSteps || (FilterSteps = {}));
 class PryFilterSettingsComponent extends ToolboxActionComponent {
-    constructor(store, overlay, viewContainerRef, filterFactoryService, injector, i18nService) {
-        super(store);
+    constructor(store, access, overlay, viewContainerRef, filterFactoryService, injector, i18nService) {
+        super(store, access);
         this.overlay = overlay;
         this.viewContainerRef = viewContainerRef;
         this.filterFactoryService = filterFactoryService;
@@ -359,13 +387,18 @@ class PryFilterSettingsComponent extends ToolboxActionComponent {
     getCustomAttributeId(attributeId, datasetId) {
         return `${attributeId}@${datasetId}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryFilterSettingsComponent, deps: [{ token: i1.Store }, { token: i2.Overlay }, { token: i0.ViewContainerRef }, { token: i3$1.FilterFactoryService }, { token: i0.Injector }, { token: i3$1.PryI18nService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: PryFilterSettingsComponent, selector: "pry-filter-settings", inputs: { label: "label" }, viewQueries: [{ propertyName: "templateSettings", first: true, predicate: ["settings"], descendants: true, read: TemplateRef }, { propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef }], usesInheritance: true, ngImport: i0, template: "<pry-toolbox-css></pry-toolbox-css>\n<div class=\"save-manifest-container\">\n  <div style=\"display: none\">\n    <ng-template #container></ng-template>\n  </div>\n  <button\n    type=\"button\"\n    class=\"a-btn a-btn--secondary\"\n    [disabled]=\"(attributes$ | async)?.length === 0\"\n    (click)=\"toggleSettings()\"\n    aria-haspopup=\"dialog\"\n  >\n    <ng-container *ngIf=\"label\">{{ '@pry.filters.label' | i18n }}</ng-container>\n  </button>\n</div>\n\n<ng-template #settings>\n  <div class=\"o-filters\">\n    <div class=\"o-filters__header\">\n      <ng-container *ngIf=\"currentStep === FilterSteps.LIST\">\n        <h2>{{ '@pry.filters.label' | i18n }}</h2>\n      </ng-container>\n      <ng-container *ngIf=\"currentStep === FilterSteps.CREATION || currentStep === FilterSteps.EDITION\">\n        <div class=\"u-display-flex -row -align-center\">\n          <button (click)=\"goBack()\" type=\"button\" class=\"back-button\">\n            <pry-icon iconSvg=\"chevron_right\"></pry-icon>\n          </button>\n          <h2>\n            {{\n              (currentStep === FilterSteps.CREATION ? '@pry.filters.creation.create' : '@pry.filters.creation.update')\n                | i18n\n            }}\n          </h2>\n        </div>\n      </ng-container>\n      <button (click)=\"toggleSettings()\" type=\"button\">\n        <pry-icon iconSvg=\"close\"></pry-icon>\n      </button>\n    </div>\n    <ng-container *ngIf=\"currentStep === FilterSteps.LIST\">\n      <div class=\"o-filters__content\">\n        <div *ngIf=\"(attributes$ | async)?.length === 0; else attributesExists\" class=\"a-table-wrapper\"></div>\n        <ng-template #attributesExists>\n          <table *ngIf=\"filters.length > 0; else noFilters\" class=\"a-table\">\n            <tbody cdkDropList [cdkDropListData]=\"filters\" (cdkDropListDropped)=\"drop($event)\">\n              <tr *ngFor=\"let filter of filters\" class=\"o-filters__filter\" cdkDrag>\n                <td>\n                  <span>{{ filter.name }}</span>\n                </td>\n                <td>\n                  <span>{{ getFilterAttributes(filter, 3) }}</span>\n                </td>\n                <td>\n                  <button type=\"button\" class=\"a-btn a-btn--primary\" (click)=\"deleteFilter(filter.id)\">\n                    {{ '@pry.action.delete' | i18n }}\n                  </button>\n                </td>\n                <td>\n                  <button type=\"button\" class=\"a-btn a-btn--primary\" (click)=\"goToEdition(filter)\">\n                    {{ '@pry.filters.list.modify' | i18n }}\n                  </button>\n                </td>\n                <td cdkDragHandle>\n                  <pry-icon iconSvg=\"drag_indicator\"></pry-icon>\n                </td>\n              </tr>\n            </tbody>\n          </table>\n          <ng-template #noFilters>\n            <span class=\"o-filters__no-filters\">{{ '@pry.filters.noFilters' | i18n }}</span>\n          </ng-template>\n          <button (click)=\"goToCreation()\" class=\"a-btn a-btn--primary\">{{ '@pry.filters.list.add' | i18n }}</button>\n        </ng-template>\n      </div>\n    </ng-container>\n    <ng-container *ngIf=\"currentStep === FilterSteps.CREATION || currentStep === FilterSteps.EDITION\">\n      <div class=\"o-filters__content\">\n        <div class=\"m-form-label-field\">\n          <label for=\"filterName\" class=\"a-label\">{{ '@pry.filters.creation.name' | i18n }}</label>\n          <input id=\"filterName\" class=\"a-form-field\" type=\"text\" [(ngModel)]=\"filter.name\" />\n        </div>\n        <div class=\"m-form-label-field\">\n          <label for=\"filterType\" class=\"a-label\">{{ '@pry.filters.creation.type' | i18n }}</label>\n          <pry-select\n            id=\"filterType\"\n            [placeholder]=\"'@pry.filters.creation.type' | i18n\"\n            [items]=\"types$ | async\"\n            bindLabel=\"label\"\n            bindValue=\"value\"\n            [(ngModel)]=\"filter.type\"\n            (ngModelChange)=\"updateFilterType($event)\"\n          >\n          </pry-select>\n        </div>\n        <div *ngIf=\"(currentFilterComponentType$ | async) === 'date'\" class=\"m-form-label-field u-display-flex -row\">\n          <label for=\"date-range\" class=\"a-label\">{{ '@pry.filters.creation.dateRange' | i18n }}</label>\n          <pry-checkbox\n            id=\"date-range\"\n            [(ngModel)]=\"filter.hasDateRange\"\n            (ngModelChange)=\"this.currentOperators$.next(getOperators())\"\n          />\n        </div>\n        <div *ngIf=\"(currentFilterComponentType$ | async) === 'list'\" class=\"m-form-label-field\">\n          <label for=\"possibleValues\" class=\"a-label\">{{ '@pry.filters.creation.values' | i18n }}</label>\n          <input\n            id=\"possibleValues\"\n            class=\"a-form-field\"\n            type=\"text\"\n            [(ngModel)]=\"filter.possibleValues\"\n            placeholder=\"valeur1, valeur2, valeur3\"\n          />\n        </div>\n        <div *ngIf=\"(currentFilterComponentType$ | async) === 'autocomplete'\" class=\"m-form-label-field\">\n          <label for=\"limit\" class=\"a-label\">{{ '@pry.filters.creation.limit' | i18n }}</label>\n          <input id=\"limit\" class=\"a-form-field\" type=\"number\" min=\"0\" max=\"50\" [(ngModel)]=\"filter.limit\" />\n        </div>\n        <div class=\"m-form-label-field\">\n          <label for=\"attributes\" class=\"a-label\">{{ '@pry.filters.creation.attributes' | i18n }}</label>\n          <pry-select\n            id=\"attributes\"\n            [multiple]=\"true\"\n            [clearable]=\"true\"\n            [closeOnSelect]=\"false\"\n            [items]=\"attributes$ | async\"\n            [ngModel]=\"filter.attributes\"\n            (ngModelChange)=\"selectAttribute($event)\"\n            [placeholder]=\"'@pry.filters.creation.attributes' | i18n\"\n            bindLabel=\"label\"\n            bindValue=\"customId\"\n            bindClasses=\"classes\"\n          >\n          </pry-select>\n        </div>\n        <div class=\"m-form-label-field\">\n          <label for=\"operations\" class=\"a-label\">{{ '@pry.filters.attributes.operator' | i18n }}</label>\n          <pry-select\n            id=\"operations\"\n            [items]=\"currentOperators$ | async\"\n            [(ngModel)]=\"filter.operator\"\n            [placeholder]=\"'@pry.filters.attributes.operator' | i18n\"\n            bindLabel=\"label\"\n            bindValue=\"value\"\n            [disabled]=\"\n              (currentFilterComponentType$ | async) === 'list' ||\n              (currentFilterComponentType$ | async) === 'autocomplete'\n            \"\n          >\n          </pry-select>\n        </div>\n        <button\n          class=\"a-btn a-btn--primary\"\n          (click)=\"submitFilter()\"\n          [disabled]=\"!(filter.name && filter.type && filter.attributes.length !== 0 && filter.operator)\"\n          type=\"submit\"\n        >\n          {{ '@pry.toolbox.manifest.validate' | i18n }}\n        </button>\n      </div>\n    </ng-container>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.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: i4.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i4.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3$1.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "isForm", "required", "name", "readonly", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked"] }, { kind: "component", type: i3$1.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i6.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle"] }, { kind: "directive", type: i7.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i7.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i7.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: PrySelectGridLayoutCssComponent, selector: "pry-toolbox-css" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryFilterSettingsComponent, deps: [{ token: i1.Store }, { token: PRY_ACCESS_TOKEN, optional: true }, { token: i2.Overlay }, { token: i0.ViewContainerRef }, { token: i3.FilterFactoryService }, { token: i0.Injector }, { token: i3.PryI18nService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: PryFilterSettingsComponent, selector: "pry-filter-settings", inputs: { label: "label" }, viewQueries: [{ propertyName: "templateSettings", first: true, predicate: ["settings"], descendants: true, read: TemplateRef }, { propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef }], usesInheritance: true, ngImport: i0, template: "<pry-toolbox-css></pry-toolbox-css>\n<div class=\"save-manifest-container\">\n  <div style=\"display: none\">\n    <ng-template #container></ng-template>\n  </div>\n  <button\n    type=\"button\"\n    class=\"a-btn a-btn--secondary\"\n    [disabled]=\"(attributes$ | async)?.length === 0\"\n    (click)=\"toggleSettings()\"\n    aria-haspopup=\"dialog\"\n  >\n    @if (label) {\n      {{ '@pry.filters.label' | i18n }}\n    }\n  </button>\n</div>\n\n<ng-template #settings>\n  <div class=\"o-filters\">\n    <div class=\"o-filters__header\">\n      @if (currentStep === FilterSteps.LIST) {\n        <h2>{{ '@pry.filters.label' | i18n }}</h2>\n      }\n      @if (currentStep === FilterSteps.CREATION || currentStep === FilterSteps.EDITION) {\n        <div class=\"u-display-flex -row -align-center\">\n          <button (click)=\"goBack()\" type=\"button\" class=\"back-button\">\n            <pry-icon iconSvg=\"chevron_right\"></pry-icon>\n          </button>\n          <h2>\n            {{\n              (currentStep === FilterSteps.CREATION ? '@pry.filters.creation.create' : '@pry.filters.creation.update')\n                | i18n\n            }}\n          </h2>\n        </div>\n      }\n      <button (click)=\"toggleSettings()\" type=\"button\">\n        <pry-icon iconSvg=\"close\"></pry-icon>\n      </button>\n    </div>\n    @if (currentStep === FilterSteps.LIST) {\n      <div class=\"o-filters__content\">\n        @if ((attributes$ | async)?.length === 0) {\n          <div class=\"a-table-wrapper\"></div>\n        } @else {\n          @if (filters.length > 0) {\n            <table class=\"a-table\">\n              <tbody cdkDropList [cdkDropListData]=\"filters\" (cdkDropListDropped)=\"drop($event)\">\n                @for (filter of filters; track filter.id) {\n                  <tr class=\"o-filters__filter\" cdkDrag>\n                    <td>\n                      <span>{{ filter.name }}</span>\n                    </td>\n                    <td>\n                      <span>{{ getFilterAttributes(filter, 3) }}</span>\n                    </td>\n                    <td>\n                      <button type=\"button\" class=\"a-btn a-btn--primary\" (click)=\"deleteFilter(filter.id)\">\n                        {{ '@pry.action.delete' | i18n }}\n                      </button>\n                    </td>\n                    <td>\n                      <button type=\"button\" class=\"a-btn a-btn--primary\" (click)=\"goToEdition(filter)\">\n                        {{ '@pry.filters.list.modify' | i18n }}\n                      </button>\n                    </td>\n                    <td cdkDragHandle>\n                      <pry-icon iconSvg=\"drag_indicator\"></pry-icon>\n                    </td>\n                  </tr>\n                }\n              </tbody>\n            </table>\n          } @else {\n            <span class=\"o-filters__no-filters\">{{ '@pry.filters.noFilters' | i18n }}</span>\n          }\n          <button (click)=\"goToCreation()\" class=\"a-btn a-btn--primary\">{{ '@pry.filters.list.add' | i18n }}</button>\n        }\n      </div>\n    }\n    @if (currentStep === FilterSteps.CREATION || currentStep === FilterSteps.EDITION) {\n      <div class=\"o-filters__content\">\n        <div class=\"m-form-label-field\">\n          <label for=\"filterName\" class=\"a-label\">{{ '@pry.filters.creation.name' | i18n }}</label>\n          <input id=\"filterName\" class=\"a-form-field\" type=\"text\" [(ngModel)]=\"filter.name\" />\n        </div>\n        <div class=\"m-form-label-field\">\n          <label for=\"filterType\" class=\"a-label\">{{ '@pry.filters.creation.type' | i18n }}</label>\n          <pry-select\n            id=\"filterType\"\n            [placeholder]=\"'@pry.filters.creation.type' | i18n\"\n            [items]=\"types$ | async\"\n            bindLabel=\"label\"\n            bindValue=\"value\"\n            [(ngModel)]=\"filter.type\"\n            (ngModelChange)=\"updateFilterType($event)\"\n          >\n          </pry-select>\n        </div>\n        @if ((currentFilterComponentType$ | async) === 'date') {\n          <div class=\"m-form-label-field u-display-flex -row\">\n            <label for=\"date-range\" class=\"a-label\">{{ '@pry.filters.creation.dateRange' | i18n }}</label>\n            <pry-checkbox\n              id=\"date-range\"\n              [(ngModel)]=\"filter.hasDateRange\"\n              (ngModelChange)=\"this.currentOperators$.next(getOperators())\"\n            />\n          </div>\n        }\n        @if ((currentFilterComponentType$ | async) === 'list') {\n          <div class=\"m-form-label-field\">\n            <label for=\"possibleValues\" class=\"a-label\">{{ '@pry.filters.creation.values' | i18n }}</label>\n            <input\n              id=\"possibleValues\"\n              class=\"a-form-field\"\n              type=\"text\"\n              [(ngModel)]=\"filter.possibleValues\"\n              placeholder=\"valeur1, valeur2, valeur3\"\n            />\n          </div>\n        }\n        @if ((currentFilterComponentType$ | async) === 'autocomplete') {\n          <div class=\"m-form-label-field\">\n            <label for=\"limit\" class=\"a-label\">{{ '@pry.filters.creation.limit' | i18n }}</label>\n            <input id=\"limit\" class=\"a-form-field\" type=\"number\" min=\"0\" max=\"50\" [(ngModel)]=\"filter.limit\" />\n          </div>\n        }\n        <div class=\"m-form-label-field\">\n          <label for=\"attributes\" class=\"a-label\">{{ '@pry.filters.creation.attributes' | i18n }}</label>\n          <pry-select\n            id=\"attributes\"\n            [multiple]=\"true\"\n            [clearable]=\"true\"\n            [closeOnSelect]=\"false\"\n            [items]=\"attributes$ | async\"\n            [ngModel]=\"filter.attributes\"\n            (ngModelChange)=\"selectAttribute($event)\"\n            [placeholder]=\"'@pry.filters.creation.attributes' | i18n\"\n            bindLabel=\"label\"\n            bindValue=\"customId\"\n            bindClasses=\"classes\"\n          >\n          </pry-select>\n        </div>\n        <div class=\"m-form-label-field\">\n          <label for=\"operations\" class=\"a-label\">{{ '@pry.filters.attributes.operator' | i18n }}</label>\n          <pry-select\n            id=\"operations\"\n            [items]=\"currentOperators$ | async\"\n            [(ngModel)]=\"filter.operator\"\n            [placeholder]=\"'@pry.filters.attributes.operator' | i18n\"\n            bindLabel=\"label\"\n            bindValue=\"value\"\n            [disabled]=\"\n              (currentFilterComponentType$ | async) === 'list' ||\n              (currentFilterComponentType$ | async) === 'autocomplete'\n            \"\n          >\n          </pry-select>\n        </div>\n        <button\n          class=\"a-btn a-btn--primary\"\n          (click)=\"submitFilter()\"\n          [disabled]=\"!(filter.name && filter.type && filter.attributes.length !== 0 && filter.operator)\"\n          type=\"submit\"\n        >\n          {{ '@pry.toolbox.manifest.validate' | i18n }}\n        </button>\n      </div>\n    }\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i4.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: i4.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i4.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "isForm", "required", "name", "readonly", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked"] }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i5.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle"] }, { kind: "directive", type: i6.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i6.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i6.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: PrySelectGridLayoutCssComponent, selector: "pry-toolbox-css" }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryFilterSettingsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-filter-settings', template: "<pry-toolbox-css></pry-toolbox-css>\n<div class=\"save-manifest-container\">\n  <div style=\"display: none\">\n    <ng-template #container></ng-template>\n  </div>\n  <button\n    type=\"button\"\n    class=\"a-btn a-btn--secondary\"\n    [disabled]=\"(attributes$ | async)?.length === 0\"\n    (click)=\"toggleSettings()\"\n    aria-haspopup=\"dialog\"\n  >\n    <ng-container *ngIf=\"label\">{{ '@pry.filters.label' | i18n }}</ng-container>\n  </button>\n</div>\n\n<ng-template #settings>\n  <div class=\"o-filters\">\n    <div class=\"o-filters__header\">\n      <ng-container *ngIf=\"currentStep === FilterSteps.LIST\">\n        <h2>{{ '@pry.filters.label' | i18n }}</h2>\n      </ng-container>\n      <ng-container *ngIf=\"currentStep === FilterSteps.CREATION || currentStep === FilterSteps.EDITION\">\n        <div class=\"u-display-flex -row -align-center\">\n          <button (click)=\"goBack()\" type=\"button\" class=\"back-button\">\n            <pry-icon iconSvg=\"chevron_right\"></pry-icon>\n          </button>\n          <h2>\n            {{\n              (currentStep === FilterSteps.CREATION ? '@pry.filters.creation.create' : '@pry.filters.creation.update')\n                | i18n\n            }}\n          </h2>\n        </div>\n      </ng-container>\n      <button (click)=\"toggleSettings()\" type=\"button\">\n        <pry-icon iconSvg=\"close\"></pry-icon>\n      </button>\n    </div>\n    <ng-container *ngIf=\"currentStep === FilterSteps.LIST\">\n      <div class=\"o-filters__content\">\n        <div *ngIf=\"(attributes$ | async)?.length === 0; else attributesExists\" class=\"a-table-wrapper\"></div>\n        <ng-template #attributesExists>\n          <table *ngIf=\"filters.length > 0; else noFilters\" class=\"a-table\">\n            <tbody cdkDropList [cdkDropListData]=\"filters\" (cdkDropListDropped)=\"drop($event)\">\n              <tr *ngFor=\"let filter of filters\" class=\"o-filters__filter\" cdkDrag>\n                <td>\n                  <span>{{ filter.name }}</span>\n                </td>\n                <td>\n                  <span>{{ getFilterAttributes(filter, 3) }}</span>\n                </td>\n                <td>\n                  <button type=\"button\" class=\"a-btn a-btn--primary\" (click)=\"deleteFilter(filter.id)\">\n                    {{ '@pry.action.delete' | i18n }}\n                  </button>\n                </td>\n                <td>\n                  <button type=\"button\" class=\"a-btn a-btn--primary\" (click)=\"goToEdition(filter)\">\n                    {{ '@pry.filters.list.modify' | i18n }}\n                  </button>\n                </td>\n                <td cdkDragHandle>\n                  <pry-icon iconSvg=\"drag_indicator\"></pry-icon>\n                </td>\n              </tr>\n            </tbody>\n          </table>\n          <ng-template #noFilters>\n            <span class=\"o-filters__no-filters\">{{ '@pry.filters.noFilters' | i18n }}</span>\n          </ng-template>\n          <button (click)=\"goToCreation()\" class=\"a-btn a-btn--primary\">{{ '@pry.filters.list.add' | i18n }}</button>\n        </ng-template>\n      </div>\n    </ng-container>\n    <ng-container *ngIf=\"currentStep === FilterSteps.CREATION || currentStep === FilterSteps.EDITION\">\n      <div class=\"o-filters__content\">\n        <div class=\"m-form-label-field\">\n          <label for=\"filterName\" class=\"a-label\">{{ '@pry.filters.creation.name' | i18n }}</label>\n          <input id=\"filterName\" class=\"a-form-field\" type=\"text\" [(ngModel)]=\"filter.name\" />\n        </div>\n        <div class=\"m-form-label-field\">\n          <label for=\"filterType\" class=\"a-label\">{{ '@pry.filters.creation.type' | i18n }}</label>\n          <pry-select\n            id=\"filterType\"\n            [placeholder]=\"'@pry.filters.creation.type' | i18n\"\n            [items]=\"types$ | async\"\n            bindLabel=\"label\"\n            bindValue=\"value\"\n            [(ngModel)]=\"filter.type\"\n            (ngModelChange)=\"updateFilterType($event)\"\n          >\n          </pry-select>\n        </div>\n        <div *ngIf=\"(currentFilterComponentType$ | async) === 'date'\" class=\"m-form-label-field u-display-flex -row\">\n          <label for=\"date-range\" class=\"a-label\">{{ '@pry.filters.creation.dateRange' | i18n }}</label>\n          <pry-checkbox\n            id=\"date-range\"\n            [(ngModel)]=\"filter.hasDateRange\"\n            (ngModelChange)=\"this.currentOperators$.next(getOperators())\"\n          />\n        </div>\n        <div *ngIf=\"(currentFilterComponentType$ | async) === 'list'\" class=\"m-form-label-field\">\n          <label for=\"possibleValues\" class=\"a-label\">{{ '@pry.filters.creation.values' | i18n }}</label>\n          <input\n            id=\"possibleValues\"\n            class=\"a-form-field\"\n            type=\"text\"\n            [(ngModel)]=\"filter.possibleValues\"\n            placeholder=\"valeur1, valeur2, valeur3\"\n          />\n        </div>\n        <div *ngIf=\"(currentFilterComponentType$ | async) === 'autocomplete'\" class=\"m-form-label-field\">\n          <label for=\"limit\" class=\"a-label\">{{ '@pry.filters.creation.limit' | i18n }}</label>\n          <input id=\"limit\" class=\"a-form-field\" type=\"number\" min=\"0\" max=\"50\" [(ngModel)]=\"filter.limit\" />\n        </div>\n        <div class=\"m-form-label-field\">\n          <label for=\"attributes\" class=\"a-label\">{{ '@pry.filters.creation.attributes' | i18n }}</label>\n          <pry-select\n            id=\"attributes\"\n            [multiple]=\"true\"\n            [clearable]=\"true\"\n            [closeOnSelect]=\"false\"\n            [items]=\"attributes$ | async\"\n            [ngModel]=\"filter.attributes\"\n            (ngModelChange)=\"selectAttribute($event)\"\n            [placeholder]=\"'@pry.filters.creation.attributes' | i18n\"\n            bindLabel=\"label\"\n            bindValue=\"customId\"\n            bindClasses=\"classes\"\n          >\n          </pry-select>\n        </div>\n        <div class=\"m-form-label-field\">\n          <label for=\"operations\" class=\"a-label\">{{ '@pry.filters.attributes.operator' | i18n }}</label>\n          <pry-select\n            id=\"operations\"\n            [items]=\"currentOperators$ | async\"\n            [(ngModel)]=\"filter.operator\"\n            [placeholder]=\"'@pry.filters.attributes.operator' | i18n\"\n            bindLabel=\"label\"\n            bindValue=\"value\"\n            [disabled]=\"\n              (currentFilterComponentType$ | async) === 'list' ||\n              (currentFilterComponentType$ | async) === 'autocomplete'\n            \"\n          >\n          </pry-select>\n        </div>\n        <button\n          class=\"a-btn a-btn--primary\"\n          (click)=\"submitFilter()\"\n          [disabled]=\"!(filter.name && filter.type && filter.attributes.length !== 0 && filter.operator)\"\n          type=\"submit\"\n        >\n          {{ '@pry.toolbox.manifest.validate' | i18n }}\n        </button>\n      </div>\n    </ng-container>\n  </div>\n</ng-template>\n" }]
-        }], ctorParameters: () => [{ type: i1.Store }, { type: i2.Overlay }, { type: i0.ViewContainerRef }, { type: i3$1.FilterFactoryService }, { type: i0.Injector }, { type: i3$1.PryI18nService }], propDecorators: { label: [{
+            args: [{ selector: 'pry-filter-settings', template: "<pry-toolbox-css></pry-toolbox-css>\n<div class=\"save-manifest-container\">\n  <div style=\"display: none\">\n    <ng-template #container></ng-template>\n  </div>\n  <button\n    type=\"button\"\n    class=\"a-btn a-btn--secondary\"\n    [disabled]=\"(attributes$ | async)?.length === 0\"\n    (click)=\"toggleSettings()\"\n    aria-haspopup=\"dialog\"\n  >\n    @if (label) {\n      {{ '@pry.filters.label' | i18n }}\n    }\n  </button>\n</div>\n\n<ng-template #settings>\n  <div class=\"o-filters\">\n    <div class=\"o-filters__header\">\n      @if (currentStep === FilterSteps.LIST) {\n        <h2>{{ '@pry.filters.label' | i18n }}</h2>\n      }\n      @if (currentStep === FilterSteps.CREATION || currentStep === FilterSteps.EDITION) {\n        <div class=\"u-display-flex -row -align-center\">\n          <button (click)=\"goBack()\" type=\"button\" class=\"back-button\">\n            <pry-icon iconSvg=\"chevron_right\"></pry-icon>\n          </button>\n          <h2>\n            {{\n              (currentStep === FilterSteps.CREATION ? '@pry.filters.creation.create' : '@pry.filters.creation.update')\n                | i18n\n            }}\n          </h2>\n        </div>\n      }\n      <button (click)=\"toggleSettings()\" type=\"button\">\n        <pry-icon iconSvg=\"close\"></pry-icon>\n      </button>\n    </div>\n    @if (currentStep === FilterSteps.LIST) {\n      <div class=\"o-filters__content\">\n        @if ((attributes$ | async)?.length === 0) {\n          <div class=\"a-table-wrapper\"></div>\n        } @else {\n          @if (filters.length > 0) {\n            <table class=\"a-table\">\n              <tbody cdkDropList [cdkDropListData]=\"filters\" (cdkDropListDropped)=\"drop($event)\">\n                @for (filter of filters; track filter.id) {\n                  <tr class=\"o-filters__filter\" cdkDrag>\n                    <td>\n                      <span>{{ filter.name }}</span>\n                    </td>\n                    <td>\n                      <span>{{ getFilterAttributes(filter, 3) }}</span>\n                    </td>\n                    <td>\n                      <button type=\"button\" class=\"a-btn a-btn--primary\" (click)=\"deleteFilter(filter.id)\">\n                        {{ '@pry.action.delete' | i18n }}\n                      </button>\n                    </td>\n                    <td>\n                      <button type=\"button\" class=\"a-btn a-btn--primary\" (click)=\"goToEdition(filter)\">\n                        {{ '@pry.filters.list.modify' | i18n }}\n                      </button>\n                    </td>\n                    <td cdkDragHandle>\n                      <pry-icon iconSvg=\"drag_indicator\"></pry-icon>\n                    </td>\n                  </tr>\n                }\n              </tbody>\n            </table>\n          } @else {\n            <span class=\"o-filters__no-filters\">{{ '@pry.filters.noFilters' | i18n }}</span>\n          }\n          <button (click)=\"goToCreation()\" class=\"a-btn a-btn--primary\">{{ '@pry.filters.list.add' | i18n }}</button>\n        }\n      </div>\n    }\n    @if (currentStep === FilterSteps.CREATION || currentStep === FilterSteps.EDITION) {\n      <div class=\"o-filters__content\">\n        <div class=\"m-form-label-field\">\n          <label for=\"filterName\" class=\"a-label\">{{ '@pry.filters.creation.name' | i18n }}</label>\n          <input id=\"filterName\" class=\"a-form-field\" type=\"text\" [(ngModel)]=\"filter.name\" />\n        </div>\n        <div class=\"m-form-label-field\">\n          <label for=\"filterType\" class=\"a-label\">{{ '@pry.filters.creation.type' | i18n }}</label>\n          <pry-select\n            id=\"filterType\"\n            [placeholder]=\"'@pry.filters.creation.type' | i18n\"\n            [items]=\"types$ | async\"\n            bindLabel=\"label\"\n            bindValue=\"value\"\n            [(ngModel)]=\"filter.type\"\n            (ngModelChange)=\"updateFilterType($event)\"\n          >\n          </pry-select>\n        </div>\n        @if ((currentFilterComponentType$ | async) === 'date') {\n          <div class=\"m-form-label-field u-display-flex -row\">\n            <label for=\"date-range\" class=\"a-label\">{{ '@pry.filters.creation.dateRange' | i18n }}</label>\n            <pry-checkbox\n              id=\"date-range\"\n              [(ngModel)]=\"filter.hasDateRange\"\n              (ngModelChange)=\"this.currentOperators$.next(getOperators())\"\n            />\n          </div>\n        }\n        @if ((currentFilterComponentType$ | async) === 'list') {\n          <div class=\"m-form-label-field\">\n            <label for=\"possibleValues\" class=\"a-label\">{{ '@pry.filters.creation.values' | i18n }}</label>\n            <input\n              id=\"possibleValues\"\n              class=\"a-form-field\"\n              type=\"text\"\n              [(ngModel)]=\"filter.possibleValues\"\n              placeholder=\"valeur1, valeur2, valeur3\"\n            />\n          </div>\n        }\n        @if ((currentFilterComponentType$ | async) === 'autocomplete') {\n          <div class=\"m-form-label-field\">\n            <label for=\"limit\" class=\"a-label\">{{ '@pry.filters.creation.limit' | i18n }}</label>\n            <input id=\"limit\" class=\"a-form-field\" type=\"number\" min=\"0\" max=\"50\" [(ngModel)]=\"filter.limit\" />\n          </div>\n        }\n        <div class=\"m-form-label-field\">\n          <label for=\"attributes\" class=\"a-label\">{{ '@pry.filters.creation.attributes' | i18n }}</label>\n          <pry-select\n            id=\"attributes\"\n            [multiple]=\"true\"\n            [clearable]=\"true\"\n            [closeOnSelect]=\"false\"\n            [items]=\"attributes$ | async\"\n            [ngModel]=\"filter.attributes\"\n            (ngModelChange)=\"selectAttribute($event)\"\n            [placeholder]=\"'@pry.filters.creation.attributes' | i18n\"\n            bindLabel=\"label\"\n            bindValue=\"customId\"\n            bindClasses=\"classes\"\n          >\n          </pry-select>\n        </div>\n        <div class=\"m-form-label-field\">\n          <label for=\"operations\" class=\"a-label\">{{ '@pry.filters.attributes.operator' | i18n }}</label>\n          <pry-select\n            id=\"operations\"\n            [items]=\"currentOperators$ | async\"\n            [(ngModel)]=\"filter.operator\"\n            [placeholder]=\"'@pry.filters.attributes.operator' | i18n\"\n            bindLabel=\"label\"\n            bindValue=\"value\"\n            [disabled]=\"\n              (currentFilterComponentType$ | async) === 'list' ||\n              (currentFilterComponentType$ | async) === 'autocomplete'\n            \"\n          >\n          </pry-select>\n        </div>\n        <button\n          class=\"a-btn a-btn--primary\"\n          (click)=\"submitFilter()\"\n          [disabled]=\"!(filter.name && filter.type && filter.attributes.length !== 0 && filter.operator)\"\n          type=\"submit\"\n        >\n          {{ '@pry.toolbox.manifest.validate' | i18n }}\n        </button>\n      </div>\n    }\n  </div>\n</ng-template>\n" }]
+        }], ctorParameters: () => [{ type: i1.Store }, { type: i3.PryBaseAccess, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [PRY_ACCESS_TOKEN]
+                }] }, { type: i2.Overlay }, { type: i0.ViewContainerRef }, { type: i3.FilterFactoryService }, { type: i0.Injector }, { type: i3.PryI18nService }], propDecorators: { label: [{
                 type: Input
             }], templateSettings: [{
                 type: ViewChild,
@@ -376,20 +409,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
             }] } });
 
 class LaunchTabComponent extends ToolboxActionComponent {
-    constructor(store) {
-        super(store);
+    constructor(store, access) {
+        super(store, access);
     }
     launchNewWindow() {
         this.store.dispatch(DashboardActions.createTab());
         this.close();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: LaunchTabComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: LaunchTabComponent, selector: "pry-launch-tab", usesInheritance: true, ngImport: i0, template: "<button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"launchNewWindow()\">\n  <ng-container *ngIf=\"displayLabels\"\n    ><span class=\"u-visually-hidden\">{{ '@pry.toolbox.launchIndication' | i18n }}</span\n    >{{ '@pry.toolbox.launch' | i18n }}\n  </ng-container>\n  <pry-icon iconSvg=\"launch\" [width]=\"20\" [height]=\"20\"></pry-icon>\n</button>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$1.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i3$1.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: LaunchTabComponent, deps: [{ token: i1.Store }, { token: PRY_ACCESS_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: LaunchTabComponent, selector: "pry-launch-tab", usesInheritance: true, ngImport: i0, template: "<button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"launchNewWindow()\">\n  @if (displayLabels) {\n    <span class=\"u-visually-hidden\">{{ '@pry.toolbox.launchIndication' | i18n }}</span>\n    {{ '@pry.toolbox.launch' | i18n }}\n  }\n  <pry-icon iconSvg=\"launch\" [width]=\"20\" [height]=\"20\"></pry-icon>\n</button>\n", dependencies: [{ kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: LaunchTabComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-launch-tab', template: "<button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"launchNewWindow()\">\n  <ng-container *ngIf=\"displayLabels\"\n    ><span class=\"u-visually-hidden\">{{ '@pry.toolbox.launchIndication' | i18n }}</span\n    >{{ '@pry.toolbox.launch' | i18n }}\n  </ng-container>\n  <pry-icon iconSvg=\"launch\" [width]=\"20\" [height]=\"20\"></pry-icon>\n</button>\n" }]
-        }], ctorParameters: () => [{ type: i1.Store }] });
+            args: [{ selector: 'pry-launch-tab', template: "<button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"launchNewWindow()\">\n  @if (displayLabels) {\n    <span class=\"u-visually-hidden\">{{ '@pry.toolbox.launchIndication' | i18n }}</span>\n    {{ '@pry.toolbox.launch' | i18n }}\n  }\n  <pry-icon iconSvg=\"launch\" [width]=\"20\" [height]=\"20\"></pry-icon>\n</button>\n" }]
+        }], ctorParameters: () => [{ type: i1.Store }, { type: i3.PryBaseAccess, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [PRY_ACCESS_TOKEN]
+                }] }] });
 
 class NamedQueryComponent {
     constructor(store) {
@@ -411,18 +449,18 @@ class NamedQueryComponent {
         this.toggle();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: NamedQueryComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: NamedQueryComponent, selector: "pry-named-query", inputs: { label: "label" }, ngImport: i0, template: "<div class=\"o-named-query\">\n  <div class=\"combobox-container\" (dragleave)=\"dragLeave($event)\">\n    <button type=\"button\" class=\"a-btn a-btn--action\" (click)=\"toggle()\">\n      <pry-icon iconSvg=\"data_usage\"></pry-icon>\n      <ng-container *ngIf=\"label\">{{ '@pry.toolbox.resultSet' | i18n }}</ng-container>\n    </button>\n\n    <div class=\"combobox\" *ngIf=\"displayCombo\" (mouseleave)=\"toggle()\">\n      <ng-container *ngFor=\"let rs of namedQueries$ | async\">\n        <div draggable=\"true\" (dragstart)=\"dragStart($event, rs)\">\n          {{ rs | translateId : { type: 'datasource', output: 'name' } | async }}\n        </div>\n      </ng-container>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$1.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.TranslateIdPipe, name: "translateId" }, { kind: "pipe", type: i3$1.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: NamedQueryComponent, selector: "pry-named-query", inputs: { label: "label" }, ngImport: i0, template: "<div class=\"o-named-query\">\n  <div class=\"combobox-container\" (dragleave)=\"dragLeave($event)\">\n    <button type=\"button\" class=\"a-btn a-btn--action\" (click)=\"toggle()\">\n      <pry-icon iconSvg=\"data_usage\"></pry-icon>\n      @if (label) {\n        {{ '@pry.toolbox.resultSet' | i18n }}\n      }\n    </button>\n\n    <div class=\"combobox\" *ngIf=\"displayCombo\" (mouseleave)=\"toggle()\">\n      @for (rs of namedQueries$ | async; track rs) {\n        <div draggable=\"true\" (dragstart)=\"dragStart($event, rs)\">\n          {{ rs | translateId: { type: 'datasource', output: 'name' } | async }}\n        </div>\n      }\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslateIdPipe, name: "translateId" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: NamedQueryComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-named-query', template: "<div class=\"o-named-query\">\n  <div class=\"combobox-container\" (dragleave)=\"dragLeave($event)\">\n    <button type=\"button\" class=\"a-btn a-btn--action\" (click)=\"toggle()\">\n      <pry-icon iconSvg=\"data_usage\"></pry-icon>\n      <ng-container *ngIf=\"label\">{{ '@pry.toolbox.resultSet' | i18n }}</ng-container>\n    </button>\n\n    <div class=\"combobox\" *ngIf=\"displayCombo\" (mouseleave)=\"toggle()\">\n      <ng-container *ngFor=\"let rs of namedQueries$ | async\">\n        <div draggable=\"true\" (dragstart)=\"dragStart($event, rs)\">\n          {{ rs | translateId : { type: 'datasource', output: 'name' } | async }}\n        </div>\n      </ng-container>\n    </div>\n  </div>\n</div>\n" }]
+            args: [{ selector: 'pry-named-query', template: "<div class=\"o-named-query\">\n  <div class=\"combobox-container\" (dragleave)=\"dragLeave($event)\">\n    <button type=\"button\" class=\"a-btn a-btn--action\" (click)=\"toggle()\">\n      <pry-icon iconSvg=\"data_usage\"></pry-icon>\n      @if (label) {\n        {{ '@pry.toolbox.resultSet' | i18n }}\n      }\n    </button>\n\n    <div class=\"combobox\" *ngIf=\"displayCombo\" (mouseleave)=\"toggle()\">\n      @for (rs of namedQueries$ | async; track rs) {\n        <div draggable=\"true\" (dragstart)=\"dragStart($event, rs)\">\n          {{ rs | translateId: { type: 'datasource', output: 'name' } | async }}\n        </div>\n      }\n    </div>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.Store }], propDecorators: { label: [{
                 type: Input
             }] } });
 
 class SaveViewComponent extends ToolboxActionComponent {
-    constructor(store, overlay, viewContainerRef) {
-        super(store);
+    constructor(store, access, overlay, viewContainerRef) {
+        super(store, access);
         this.overlay = overlay;
         this.viewContainerRef = viewContainerRef;
         this.mode = 'saveAs';
@@ -442,7 +480,6 @@ class SaveViewComponent extends ToolboxActionComponent {
             this.hasInitial = !!presentation.initial;
         }));
         this.isCurrentPresentationModified$ = this.store.select(DashboardSelectors.isCurrentPresentationModified);
-        this.isCurrentPresentationOwner$ = this.store.select(DashboardSelectors.isCurrentPresentationOwner);
         this.subscriptions.add(this.store
             .select(DashboardSelectors.globalManifest)
             .subscribe((manifest) => (this.nbPages = manifest.windows.length)));
@@ -579,13 +616,18 @@ class SaveViewComponent extends ToolboxActionComponent {
             this.focusCrossElement();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: SaveViewComponent, deps: [{ token: i1.Store }, { token: i2.Overlay }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: SaveViewComponent, selector: "pry-save-view", inputs: { mode: "mode" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }, { propertyName: "saveAs", first: true, predicate: ["saveAs"], descendants: true }, { propertyName: "directiveSave", first: true, predicate: ["directiveSave"], descendants: true }, { propertyName: "firstFocusdirective", first: true, predicate: ["firstFocusdirective"], descendants: true }, { propertyName: "cross", first: true, predicate: ["cross"], descendants: true }, { propertyName: "confirm", first: true, predicate: ["confirm"], descendants: true }, { propertyName: "cancel", first: true, predicate: ["cancel"], descendants: true }, { propertyName: "templateSaveAs", first: true, predicate: ["templateSaveAs"], descendants: true, read: TemplateRef }, { propertyName: "templateDirectSaveType", first: true, predicate: ["templateDirectSaveType"], descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<ng-container *pryAccess=\"{ module: 'dashboard', page: 'toolbox', action: 'save' }\">\n  <ng-container *ngIf=\"mode === 'directSave'\">\n    <div [attr.aria-expanded]=\"saveTypeOpened\" aria-controls=\"directiveSave\" aria-describedby=\"infoTooltip_directSave\">\n      <button\n        type=\"button\"\n        #directiveSave\n        class=\"a-btn a-btn--primary\"\n        (click)=\"directSave()\"\n        [disabled]=\"!(isCurrentPresentationModified$ | async)\"\n        [hidden]=\"!(isCurrentPresentationOwner$ | async)\"\n      >\n        <ng-container *ngIf=\"displayLabels\">{{ '@pry.toolbox.save' | i18n }} ({{ nbPages }})</ng-container>\n      </button>\n    </div>\n  </ng-container>\n  <ng-container *ngIf=\"mode === 'saveAs'\">\n    <div\n      class=\"save-manifest-container\"\n      [attr.aria-expanded]=\"saveAsOpened\"\n      aria-controls=\"saveModal\"\n      aria-describedby=\"infoTooltip_saveAs\"\n    >\n      <button type=\"button\" #saveAs class=\"a-btn a-btn--secondary\" (click)=\"toggleSaveAs()\" aria-haspopup=\"dialog\">\n        <ng-container *ngIf=\"displayLabels\">{{ '@pry.toolbox.rename' | i18n }} ({{ nbPages }})</ng-container>\n      </button>\n    </div>\n  </ng-container>\n</ng-container>\n<ng-template #templateSaveAs>\n  <div\n    class=\"o-modal\"\n    (click)=\"$event.stopPropagation()\"\n    id=\"saveModal\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-labelledby=\"dialog_saveModal\"\n    (keydown.escape)=\"closeModals()\"\n  >\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">{{ '@pry.toolbox.rename' | i18n }}</h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" #cross (keydown.shift.tab)=\"focusValidation()\" (click)=\"toggleSaveAs()\">\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-stepper #stepper>\n      <pry-step>\n        <h4 class=\"m-stepper-item__title\" *stepTitle>{{ '@pry.presentation.add.info' | i18n }}</h4>\n        <form>\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\" id=\"label-name\" for=\"input-name\">{{ '@pry.toolbox.manifest.name' | i18n }}</label>\n            <input\n              type=\"text\"\n              id=\"input-name\"\n              name=\"input-name\"\n              class=\"a-form-field\"\n              placeholder=\"{{ '@pry.toolbox.manifest.name' | i18n }}\"\n              [ngModel]=\"currentManifest!.name\"\n              (ngModelChange)=\"changeValue($event)\"\n              aria-labelledby=\"label-name\"\n              maxlength=\"50\"\n              #input\n            />\n          </div>\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\" id=\"label-descr\" for=\"input-descr\">{{\n              '@pry.toolbox.manifest.description' | i18n\n            }}</label>\n            <input\n              type=\"text\"\n              id=\"input-descr\"\n              name=\"input-descr\"\n              class=\"a-form-field\"\n              placeholder=\"{{ '@pry.toolbox.manifest.description' | i18n }}\"\n              [ngModel]=\"currentManifest!.description\"\n              (ngModelChange)=\"changeDescr($event)\"\n              aria-labelledby=\"label-name\"\n              maxlength=\"200\"\n            />\n          </div>\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\" for=\"presentation_image\">{{ '@pry.presentation.form.image' | i18n }}</label>\n            <div class=\"o-file-input\">\n              <pry-select-image\n                id=\"presentation_image\"\n                (changed)=\"currentManifest!.image = $event\"\n                [iconUrl]=\"currentManifest!.image\"\n                [mode]=\"type\"\n              ></pry-select-image>\n            </div>\n          </div>\n\n          <div class=\"m-btn-group\">\n            <button\n              type=\"button\"\n              class=\"a-btn a-btn--secondary\"\n              #cancel\n              (click)=\"toggleSaveAs()\"\n              (keydown.tab)=\"disableNextStep()\"\n            >\n              {{ '@pry.toolbox.manifest.close' | i18n }}\n            </button>\n            <button\n              type=\"submit\"\n              class=\"a-btn a-btn--primary\"\n              (click)=\"stepper.next()\"\n              [disabled]=\"!isValid()\"\n              (keydown.tab)=\"focusCrossElement()\"\n            >\n              {{ '@pry.action.next' | i18n }}\n            </button>\n          </div>\n        </form>\n      </pry-step>\n      <pry-step>\n        <h4 class=\"m-stepper-item__title\" *stepTitle>{{ '@pry.restitution.share' | i18n }}</h4>\n        <pry-access-rights-share\n          [(ngModel)]=\"accessRightsByGroup\"\n          (ngModelChange)=\"changeAccessRights($event)\"\n          [manifestDescription]=\"currentManifest\"\n        ></pry-access-rights-share>\n        <div class=\"m-btn-group\">\n          <button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"stepper.prev()\">\n            {{ '@pry.action.back' | i18n }}\n          </button>\n          <button\n            type=\"submit\"\n            class=\"a-btn a-btn--primary\"\n            #confirm\n            (click)=\"save()\"\n            (keydown.tab)=\"focusCrossElement()\"\n          >\n            {{ '@pry.restitution.share' | i18n }}\n          </button>\n        </div>\n      </pry-step>\n    </pry-stepper>\n  </div>\n</ng-template>\n\n<ng-template #templateDirectSaveType>\n  <div\n    class=\"o-modal\"\n    (click)=\"$event.stopPropagation()\"\n    id=\"directiveSave\"\n    role=\"dialog\"\n    aria-labelledby=\"dialog_title\"\n    (keydown.escape)=\"closeModals()\"\n  >\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title_\">{{ '@pry.toolbox.save' | i18n }}</h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" #firstFocusdirective (click)=\"toggleDirectSaveType()\">\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>\n      <h3>{{ '@pry.snack.pagesChanged' | i18n }}</h3>\n    </div>\n    <div class=\"m-btn-group\">\n      <button class=\"a-btn a-btn--primary\" (click)=\"save()\">\n        {{ '@pry.toolbox.save' | i18n }}\n      </button>\n      <button class=\"a-btn a-btn--primary\" (click)=\"rename()\">\n        {{ '@pry.toolbox.rename' | i18n }}\n      </button>\n      <button class=\"a-btn a-btn--primary\" (click)=\"restore()\" (keydown.tab)=\"closeModals()\">\n        {{ '@pry.toolbox.restore' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.PryAccessDirective, selector: "[pryAccess]", inputs: ["pryAccess"] }, { kind: "component", type: i3$1.PrySelectImageComponent, selector: "pry-select-image", inputs: ["iconUrl", "size", "mode"], outputs: ["toggled", "changed"] }, { kind: "component", type: i3$1.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i6$1.PryStepperComponent, selector: "pry-stepper", inputs: ["isConsultMode"], outputs: ["lastStepCompleted"] }, { kind: "component", type: i6$1.PryStepComponent, selector: "pry-step", inputs: ["setActiveState"] }, { kind: "directive", type: i6$1.PryStepTitleDirective, selector: "[stepTitle]" }, { kind: "component", type: i3$1.PryAccessRightsShareComponent, selector: "pry-access-rights-share", inputs: ["manifestDescription", "allowedGroups"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: SaveViewComponent, deps: [{ token: i1.Store }, { token: PRY_ACCESS_TOKEN, optional: true }, { token: i2.Overlay }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: SaveViewComponent, selector: "pry-save-view", inputs: { mode: "mode" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }, { propertyName: "saveAs", first: true, predicate: ["saveAs"], descendants: true }, { propertyName: "directiveSave", first: true, predicate: ["directiveSave"], descendants: true }, { propertyName: "firstFocusdirective", first: true, predicate: ["firstFocusdirective"], descendants: true }, { propertyName: "cross", first: true, predicate: ["cross"], descendants: true }, { propertyName: "confirm", first: true, predicate: ["confirm"], descendants: true }, { propertyName: "cancel", first: true, predicate: ["cancel"], descendants: true }, { propertyName: "templateSaveAs", first: true, predicate: ["templateSaveAs"], descendants: true, read: TemplateRef }, { propertyName: "templateDirectSaveType", first: true, predicate: ["templateDirectSaveType"], descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<ng-container *pryAccess=\"{ module: 'dashboard', page: 'toolbox', action: 'save' }\">\n  <ng-container *ngIf=\"mode === 'directSave'\">\n    <div [attr.aria-expanded]=\"saveTypeOpened\" aria-controls=\"directiveSave\" aria-describedby=\"infoTooltip_directSave\">\n      @if (canModify$() | async) {\n        <button\n          type=\"button\"\n          #directiveSave\n          class=\"a-btn a-btn--primary\"\n          (click)=\"directSave()\"\n          [disabled]=\"!(isCurrentPresentationModified$ | async)\"\n        >\n          <ng-container *ngIf=\"displayLabels\">{{ '@pry.toolbox.save' | i18n }} ({{ nbPages }})</ng-container>\n        </button>\n      }\n    </div>\n  </ng-container>\n  <ng-container *ngIf=\"mode === 'saveAs'\">\n    <div\n      class=\"save-manifest-container\"\n      [attr.aria-expanded]=\"saveAsOpened\"\n      aria-controls=\"saveModal\"\n      aria-describedby=\"infoTooltip_saveAs\"\n    >\n      <button type=\"button\" #saveAs class=\"a-btn a-btn--secondary\" (click)=\"toggleSaveAs()\" aria-haspopup=\"dialog\">\n        <ng-container *ngIf=\"displayLabels\">{{ '@pry.toolbox.rename' | i18n }} ({{ nbPages }})</ng-container>\n      </button>\n    </div>\n  </ng-container>\n</ng-container>\n<ng-template #templateSaveAs>\n  <div\n    class=\"o-modal\"\n    (click)=\"$event.stopPropagation()\"\n    id=\"saveModal\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-labelledby=\"dialog_saveModal\"\n    (keydown.escape)=\"closeModals()\"\n  >\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">{{ '@pry.toolbox.rename' | i18n }}</h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" #cross (keydown.shift.tab)=\"focusValidation()\" (click)=\"toggleSaveAs()\">\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-stepper #stepper>\n      <pry-step>\n        <h4 class=\"m-stepper-item__title\" *stepTitle>{{ '@pry.presentation.add.info' | i18n }}</h4>\n        <form>\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\" id=\"label-name\" for=\"input-name\">{{ '@pry.toolbox.manifest.name' | i18n }}</label>\n            <input\n              type=\"text\"\n              id=\"input-name\"\n              name=\"input-name\"\n              class=\"a-form-field\"\n              placeholder=\"{{ '@pry.toolbox.manifest.name' | i18n }}\"\n              [ngModel]=\"currentManifest!.name\"\n              (ngModelChange)=\"changeValue($event)\"\n              aria-labelledby=\"label-name\"\n              maxlength=\"50\"\n              #input\n            />\n          </div>\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\" id=\"label-descr\" for=\"input-descr\">{{\n              '@pry.toolbox.manifest.description' | i18n\n            }}</label>\n            <input\n              type=\"text\"\n              id=\"input-descr\"\n              name=\"input-descr\"\n              class=\"a-form-field\"\n              placeholder=\"{{ '@pry.toolbox.manifest.description' | i18n }}\"\n              [ngModel]=\"currentManifest!.description\"\n              (ngModelChange)=\"changeDescr($event)\"\n              aria-labelledby=\"label-name\"\n              maxlength=\"200\"\n            />\n          </div>\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\" for=\"presentation_image\">{{ '@pry.presentation.form.image' | i18n }}</label>\n            <div class=\"o-file-input\">\n              <pry-select-image\n                id=\"presentation_image\"\n                (changed)=\"currentManifest!.image = $event\"\n                [iconUrl]=\"currentManifest!.image\"\n                [mode]=\"type\"\n              ></pry-select-image>\n            </div>\n          </div>\n\n          <div class=\"m-btn-group\">\n            <button\n              type=\"button\"\n              class=\"a-btn a-btn--secondary\"\n              #cancel\n              (click)=\"toggleSaveAs()\"\n              (keydown.tab)=\"disableNextStep()\"\n            >\n              {{ '@pry.toolbox.manifest.close' | i18n }}\n            </button>\n            <button\n              type=\"submit\"\n              class=\"a-btn a-btn--primary\"\n              (click)=\"stepper.next()\"\n              [disabled]=\"!isValid()\"\n              (keydown.tab)=\"focusCrossElement()\"\n            >\n              {{ '@pry.action.next' | i18n }}\n            </button>\n          </div>\n        </form>\n      </pry-step>\n      <pry-step>\n        <h4 class=\"m-stepper-item__title\" *stepTitle>{{ '@pry.restitution.share' | i18n }}</h4>\n        <pry-access-rights-share\n          [(ngModel)]=\"accessRightsByGroup\"\n          (ngModelChange)=\"changeAccessRights($event)\"\n          [manifestDescription]=\"currentManifest\"\n        ></pry-access-rights-share>\n        <div class=\"m-btn-group\">\n          <button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"stepper.prev()\">\n            {{ '@pry.action.back' | i18n }}\n          </button>\n          <button\n            type=\"submit\"\n            class=\"a-btn a-btn--primary\"\n            #confirm\n            (click)=\"save()\"\n            (keydown.tab)=\"focusCrossElement()\"\n          >\n            {{ '@pry.restitution.share' | i18n }}\n          </button>\n        </div>\n      </pry-step>\n    </pry-stepper>\n  </div>\n</ng-template>\n\n<ng-template #templateDirectSaveType>\n  <div\n    class=\"o-modal\"\n    (click)=\"$event.stopPropagation()\"\n    id=\"directiveSave\"\n    role=\"dialog\"\n    aria-labelledby=\"dialog_title\"\n    (keydown.escape)=\"closeModals()\"\n  >\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title_\">{{ '@pry.toolbox.save' | i18n }}</h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" #firstFocusdirective (click)=\"toggleDirectSaveType()\">\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>\n      <h3>{{ '@pry.snack.pagesChanged' | i18n }}</h3>\n    </div>\n    <div class=\"m-btn-group\">\n      <button class=\"a-btn a-btn--primary\" (click)=\"save()\">\n        {{ '@pry.toolbox.save' | i18n }}\n      </button>\n      <button class=\"a-btn a-btn--primary\" (click)=\"rename()\">\n        {{ '@pry.toolbox.rename' | i18n }}\n      </button>\n      <button class=\"a-btn a-btn--primary\" (click)=\"restore()\" (keydown.tab)=\"closeModals()\">\n        {{ '@pry.toolbox.restore' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.PryAccessDirective, selector: "[pryAccess]", inputs: ["pryAccess"] }, { kind: "component", type: i3.PrySelectImageComponent, selector: "pry-select-image", inputs: ["iconUrl", "size", "mode"], outputs: ["toggled", "changed"] }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i6$1.PryStepperComponent, selector: "pry-stepper", inputs: ["isConsultMode"], outputs: ["lastStepCompleted"] }, { kind: "component", type: i6$1.PryStepComponent, selector: "pry-step", inputs: ["setActiveState"] }, { kind: "directive", type: i6$1.PryStepTitleDirective, selector: "[stepTitle]" }, { kind: "component", type: i3.PryAccessRightsShareComponent, selector: "pry-access-rights-share", inputs: ["manifestDescription", "allowedGroups"] }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: SaveViewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-save-view', template: "<ng-container *pryAccess=\"{ module: 'dashboard', page: 'toolbox', action: 'save' }\">\n  <ng-container *ngIf=\"mode === 'directSave'\">\n    <div [attr.aria-expanded]=\"saveTypeOpened\" aria-controls=\"directiveSave\" aria-describedby=\"infoTooltip_directSave\">\n      <button\n        type=\"button\"\n        #directiveSave\n        class=\"a-btn a-btn--primary\"\n        (click)=\"directSave()\"\n        [disabled]=\"!(isCurrentPresentationModified$ | async)\"\n        [hidden]=\"!(isCurrentPresentationOwner$ | async)\"\n      >\n        <ng-container *ngIf=\"displayLabels\">{{ '@pry.toolbox.save' | i18n }} ({{ nbPages }})</ng-container>\n      </button>\n    </div>\n  </ng-container>\n  <ng-container *ngIf=\"mode === 'saveAs'\">\n    <div\n      class=\"save-manifest-container\"\n      [attr.aria-expanded]=\"saveAsOpened\"\n      aria-controls=\"saveModal\"\n      aria-describedby=\"infoTooltip_saveAs\"\n    >\n      <button type=\"button\" #saveAs class=\"a-btn a-btn--secondary\" (click)=\"toggleSaveAs()\" aria-haspopup=\"dialog\">\n        <ng-container *ngIf=\"displayLabels\">{{ '@pry.toolbox.rename' | i18n }} ({{ nbPages }})</ng-container>\n      </button>\n    </div>\n  </ng-container>\n</ng-container>\n<ng-template #templateSaveAs>\n  <div\n    class=\"o-modal\"\n    (click)=\"$event.stopPropagation()\"\n    id=\"saveModal\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-labelledby=\"dialog_saveModal\"\n    (keydown.escape)=\"closeModals()\"\n  >\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">{{ '@pry.toolbox.rename' | i18n }}</h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" #cross (keydown.shift.tab)=\"focusValidation()\" (click)=\"toggleSaveAs()\">\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-stepper #stepper>\n      <pry-step>\n        <h4 class=\"m-stepper-item__title\" *stepTitle>{{ '@pry.presentation.add.info' | i18n }}</h4>\n        <form>\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\" id=\"label-name\" for=\"input-name\">{{ '@pry.toolbox.manifest.name' | i18n }}</label>\n            <input\n              type=\"text\"\n              id=\"input-name\"\n              name=\"input-name\"\n              class=\"a-form-field\"\n              placeholder=\"{{ '@pry.toolbox.manifest.name' | i18n }}\"\n              [ngModel]=\"currentManifest!.name\"\n              (ngModelChange)=\"changeValue($event)\"\n              aria-labelledby=\"label-name\"\n              maxlength=\"50\"\n              #input\n            />\n          </div>\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\" id=\"label-descr\" for=\"input-descr\">{{\n              '@pry.toolbox.manifest.description' | i18n\n            }}</label>\n            <input\n              type=\"text\"\n              id=\"input-descr\"\n              name=\"input-descr\"\n              class=\"a-form-field\"\n              placeholder=\"{{ '@pry.toolbox.manifest.description' | i18n }}\"\n              [ngModel]=\"currentManifest!.description\"\n              (ngModelChange)=\"changeDescr($event)\"\n              aria-labelledby=\"label-name\"\n              maxlength=\"200\"\n            />\n          </div>\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\" for=\"presentation_image\">{{ '@pry.presentation.form.image' | i18n }}</label>\n            <div class=\"o-file-input\">\n              <pry-select-image\n                id=\"presentation_image\"\n                (changed)=\"currentManifest!.image = $event\"\n                [iconUrl]=\"currentManifest!.image\"\n                [mode]=\"type\"\n              ></pry-select-image>\n            </div>\n          </div>\n\n          <div class=\"m-btn-group\">\n            <button\n              type=\"button\"\n              class=\"a-btn a-btn--secondary\"\n              #cancel\n              (click)=\"toggleSaveAs()\"\n              (keydown.tab)=\"disableNextStep()\"\n            >\n              {{ '@pry.toolbox.manifest.close' | i18n }}\n            </button>\n            <button\n              type=\"submit\"\n              class=\"a-btn a-btn--primary\"\n              (click)=\"stepper.next()\"\n              [disabled]=\"!isValid()\"\n              (keydown.tab)=\"focusCrossElement()\"\n            >\n              {{ '@pry.action.next' | i18n }}\n            </button>\n          </div>\n        </form>\n      </pry-step>\n      <pry-step>\n        <h4 class=\"m-stepper-item__title\" *stepTitle>{{ '@pry.restitution.share' | i18n }}</h4>\n        <pry-access-rights-share\n          [(ngModel)]=\"accessRightsByGroup\"\n          (ngModelChange)=\"changeAccessRights($event)\"\n          [manifestDescription]=\"currentManifest\"\n        ></pry-access-rights-share>\n        <div class=\"m-btn-group\">\n          <button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"stepper.prev()\">\n            {{ '@pry.action.back' | i18n }}\n          </button>\n          <button\n            type=\"submit\"\n            class=\"a-btn a-btn--primary\"\n            #confirm\n            (click)=\"save()\"\n            (keydown.tab)=\"focusCrossElement()\"\n          >\n            {{ '@pry.restitution.share' | i18n }}\n          </button>\n        </div>\n      </pry-step>\n    </pry-stepper>\n  </div>\n</ng-template>\n\n<ng-template #templateDirectSaveType>\n  <div\n    class=\"o-modal\"\n    (click)=\"$event.stopPropagation()\"\n    id=\"directiveSave\"\n    role=\"dialog\"\n    aria-labelledby=\"dialog_title\"\n    (keydown.escape)=\"closeModals()\"\n  >\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title_\">{{ '@pry.toolbox.save' | i18n }}</h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" #firstFocusdirective (click)=\"toggleDirectSaveType()\">\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>\n      <h3>{{ '@pry.snack.pagesChanged' | i18n }}</h3>\n    </div>\n    <div class=\"m-btn-group\">\n      <button class=\"a-btn a-btn--primary\" (click)=\"save()\">\n        {{ '@pry.toolbox.save' | i18n }}\n      </button>\n      <button class=\"a-btn a-btn--primary\" (click)=\"rename()\">\n        {{ '@pry.toolbox.rename' | i18n }}\n      </button>\n      <button class=\"a-btn a-btn--primary\" (click)=\"restore()\" (keydown.tab)=\"closeModals()\">\n        {{ '@pry.toolbox.restore' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n" }]
-        }], ctorParameters: () => [{ type: i1.Store }, { type: i2.Overlay }, { type: i0.ViewContainerRef }], propDecorators: { mode: [{
+            args: [{ selector: 'pry-save-view', template: "<ng-container *pryAccess=\"{ module: 'dashboard', page: 'toolbox', action: 'save' }\">\n  <ng-container *ngIf=\"mode === 'directSave'\">\n    <div [attr.aria-expanded]=\"saveTypeOpened\" aria-controls=\"directiveSave\" aria-describedby=\"infoTooltip_directSave\">\n      @if (canModify$() | async) {\n        <button\n          type=\"button\"\n          #directiveSave\n          class=\"a-btn a-btn--primary\"\n          (click)=\"directSave()\"\n          [disabled]=\"!(isCurrentPresentationModified$ | async)\"\n        >\n          <ng-container *ngIf=\"displayLabels\">{{ '@pry.toolbox.save' | i18n }} ({{ nbPages }})</ng-container>\n        </button>\n      }\n    </div>\n  </ng-container>\n  <ng-container *ngIf=\"mode === 'saveAs'\">\n    <div\n      class=\"save-manifest-container\"\n      [attr.aria-expanded]=\"saveAsOpened\"\n      aria-controls=\"saveModal\"\n      aria-describedby=\"infoTooltip_saveAs\"\n    >\n      <button type=\"button\" #saveAs class=\"a-btn a-btn--secondary\" (click)=\"toggleSaveAs()\" aria-haspopup=\"dialog\">\n        <ng-container *ngIf=\"displayLabels\">{{ '@pry.toolbox.rename' | i18n }} ({{ nbPages }})</ng-container>\n      </button>\n    </div>\n  </ng-container>\n</ng-container>\n<ng-template #templateSaveAs>\n  <div\n    class=\"o-modal\"\n    (click)=\"$event.stopPropagation()\"\n    id=\"saveModal\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-labelledby=\"dialog_saveModal\"\n    (keydown.escape)=\"closeModals()\"\n  >\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">{{ '@pry.toolbox.rename' | i18n }}</h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" #cross (keydown.shift.tab)=\"focusValidation()\" (click)=\"toggleSaveAs()\">\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-stepper #stepper>\n      <pry-step>\n        <h4 class=\"m-stepper-item__title\" *stepTitle>{{ '@pry.presentation.add.info' | i18n }}</h4>\n        <form>\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\" id=\"label-name\" for=\"input-name\">{{ '@pry.toolbox.manifest.name' | i18n }}</label>\n            <input\n              type=\"text\"\n              id=\"input-name\"\n              name=\"input-name\"\n              class=\"a-form-field\"\n              placeholder=\"{{ '@pry.toolbox.manifest.name' | i18n }}\"\n              [ngModel]=\"currentManifest!.name\"\n              (ngModelChange)=\"changeValue($event)\"\n              aria-labelledby=\"label-name\"\n              maxlength=\"50\"\n              #input\n            />\n          </div>\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\" id=\"label-descr\" for=\"input-descr\">{{\n              '@pry.toolbox.manifest.description' | i18n\n            }}</label>\n            <input\n              type=\"text\"\n              id=\"input-descr\"\n              name=\"input-descr\"\n              class=\"a-form-field\"\n              placeholder=\"{{ '@pry.toolbox.manifest.description' | i18n }}\"\n              [ngModel]=\"currentManifest!.description\"\n              (ngModelChange)=\"changeDescr($event)\"\n              aria-labelledby=\"label-name\"\n              maxlength=\"200\"\n            />\n          </div>\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\" for=\"presentation_image\">{{ '@pry.presentation.form.image' | i18n }}</label>\n            <div class=\"o-file-input\">\n              <pry-select-image\n                id=\"presentation_image\"\n                (changed)=\"currentManifest!.image = $event\"\n                [iconUrl]=\"currentManifest!.image\"\n                [mode]=\"type\"\n              ></pry-select-image>\n            </div>\n          </div>\n\n          <div class=\"m-btn-group\">\n            <button\n              type=\"button\"\n              class=\"a-btn a-btn--secondary\"\n              #cancel\n              (click)=\"toggleSaveAs()\"\n              (keydown.tab)=\"disableNextStep()\"\n            >\n              {{ '@pry.toolbox.manifest.close' | i18n }}\n            </button>\n            <button\n              type=\"submit\"\n              class=\"a-btn a-btn--primary\"\n              (click)=\"stepper.next()\"\n              [disabled]=\"!isValid()\"\n              (keydown.tab)=\"focusCrossElement()\"\n            >\n              {{ '@pry.action.next' | i18n }}\n            </button>\n          </div>\n        </form>\n      </pry-step>\n      <pry-step>\n        <h4 class=\"m-stepper-item__title\" *stepTitle>{{ '@pry.restitution.share' | i18n }}</h4>\n        <pry-access-rights-share\n          [(ngModel)]=\"accessRightsByGroup\"\n          (ngModelChange)=\"changeAccessRights($event)\"\n          [manifestDescription]=\"currentManifest\"\n        ></pry-access-rights-share>\n        <div class=\"m-btn-group\">\n          <button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"stepper.prev()\">\n            {{ '@pry.action.back' | i18n }}\n          </button>\n          <button\n            type=\"submit\"\n            class=\"a-btn a-btn--primary\"\n            #confirm\n            (click)=\"save()\"\n            (keydown.tab)=\"focusCrossElement()\"\n          >\n            {{ '@pry.restitution.share' | i18n }}\n          </button>\n        </div>\n      </pry-step>\n    </pry-stepper>\n  </div>\n</ng-template>\n\n<ng-template #templateDirectSaveType>\n  <div\n    class=\"o-modal\"\n    (click)=\"$event.stopPropagation()\"\n    id=\"directiveSave\"\n    role=\"dialog\"\n    aria-labelledby=\"dialog_title\"\n    (keydown.escape)=\"closeModals()\"\n  >\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title_\">{{ '@pry.toolbox.save' | i18n }}</h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" #firstFocusdirective (click)=\"toggleDirectSaveType()\">\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>\n      <h3>{{ '@pry.snack.pagesChanged' | i18n }}</h3>\n    </div>\n    <div class=\"m-btn-group\">\n      <button class=\"a-btn a-btn--primary\" (click)=\"save()\">\n        {{ '@pry.toolbox.save' | i18n }}\n      </button>\n      <button class=\"a-btn a-btn--primary\" (click)=\"rename()\">\n        {{ '@pry.toolbox.rename' | i18n }}\n      </button>\n      <button class=\"a-btn a-btn--primary\" (click)=\"restore()\" (keydown.tab)=\"closeModals()\">\n        {{ '@pry.toolbox.restore' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n" }]
+        }], ctorParameters: () => [{ type: i1.Store }, { type: i3.PryBaseAccess, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [PRY_ACCESS_TOKEN]
+                }] }, { type: i2.Overlay }, { type: i0.ViewContainerRef }], propDecorators: { mode: [{
                 type: Input
             }], input: [{
                 type: ViewChild,
@@ -617,8 +659,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
             }] } });
 
 class SelectGridLayoutComponent extends ToolboxActionComponent {
-    constructor(store, overlay, viewContainerRef) {
-        super(store);
+    constructor(store, access, overlay, viewContainerRef) {
+        super(store, access);
         this.overlay = overlay;
         this.viewContainerRef = viewContainerRef;
         this.chosenLayout = DashboardGridLayout.MANUAL;
@@ -676,13 +718,18 @@ class SelectGridLayoutComponent extends ToolboxActionComponent {
         }
         this.toggleGridChoiceModal();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: SelectGridLayoutComponent, deps: [{ token: i1.Store }, { token: i2.Overlay }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: SelectGridLayoutComponent, selector: "pry-select-grid-layout", viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, read: TemplateRef }, { propertyName: "firstButton", first: true, predicate: ["firstButton"], descendants: true }, { propertyName: "openModal", first: true, predicate: ["openModal"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<pry-toolbox-css></pry-toolbox-css>\n<div [attr.aria-expanded]=\"modalOpened\" aria-controls=\"grid-layout\">\n  <button type=\"button\" #openModal class=\"a-btn a-btn--secondary\" (click)=\"toggleGridChoiceModal()\">\n    <ng-container *ngIf=\"displayLabels\">\n      {{ '@pry.toolbox.chooseGrid' | i18n }}\n    </ng-container>\n  </button>\n</div>\n<ng-template #template>\n  <div\n    class=\"o-modal\"\n    (click)=\"$event.stopPropagation()\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-labelledby=\"dialog_title\"\n    id=\"grid-layout\"\n    (keydown.escape)=\"toggleGridChoiceModal()\"\n    cdkTrapFocus\n    [cdkTrapFocusAutoCapture]=\"true\"\n  >\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">{{ '@pry.toolbox.chooseGrid' | i18n }}</h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" (click)=\"toggleGridChoiceModal()\">\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=\"o-select-grid-layout-wrapper\">\n      <ul class=\"o-select-grid-layout\">\n        <li *ngFor=\"let layout of availableLayouts$ | async\" class=\"o-select-grid-layout__item\">\n          <button\n            type=\"button\"\n            #firstButton\n            class=\"a-btn\"\n            [attr.aria-pressed]=\"chosenLayout === layout.type\"\n            [class.selected]=\"chosenLayout === layout.type\"\n            (click)=\"changeLayout(layout.type)\"\n          >\n            <div class=\"o-select-grid-layout__item__preview\">\n              <pry-dashboard\n                [staticDashboard]=\"{\n                  widgets: [],\n                  grid: { layout: layout.type, rows: layout.rows, columns: layout.columns, gap: 3 }\n                }\"\n                [breakpoint]=\"10\"\n                [noBackground]=\"true\"\n                [forceModeEdition]=\"false\"\n              ></pry-dashboard>\n            </div>\n            <p class=\"a-p\">\n              <strong>{{ layout.label ?? '' | i18n }}</strong>\n            </p>\n            <p class=\"a-p\">\n              {{ layout.description ?? '' | i18n }}\n            </p>\n          </button>\n        </li>\n      </ul>\n    </div>\n    <div class=\"m-btn-group -space-evenly\">\n      <button (click)=\"toggleGridChoiceModal()\" class=\"a-btn a-btn--secondary\">\n        {{ '@pry.toolbox.manifest.close' | i18n }}\n      </button>\n      <button (click)=\"validate()\" class=\"a-btn a-btn--primary\">\n        {{ '@pry.toolbox.manifest.validated' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$1.DashboardComponent, selector: "pry-dashboard", inputs: ["staticDashboard", "forceModeEdition", "CloseOnDragOut", "displayOptions", "noBackground", "breakpoint"], outputs: ["rowHeight", "rows"] }, { kind: "component", type: i3$1.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i5.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: PrySelectGridLayoutCssComponent, selector: "pry-toolbox-css" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: SelectGridLayoutComponent, deps: [{ token: i1.Store }, { token: PRY_ACCESS_TOKEN, optional: true }, { token: i2.Overlay }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: SelectGridLayoutComponent, selector: "pry-select-grid-layout", viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, read: TemplateRef }, { propertyName: "firstButton", first: true, predicate: ["firstButton"], descendants: true }, { propertyName: "openModal", first: true, predicate: ["openModal"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<pry-toolbox-css></pry-toolbox-css>\n<div [attr.aria-expanded]=\"modalOpened\" aria-controls=\"grid-layout\">\n  <button type=\"button\" #openModal class=\"a-btn a-btn--secondary\" (click)=\"toggleGridChoiceModal()\">\n    @if (displayLabels) {\n      {{ '@pry.toolbox.chooseGrid' | i18n }}\n    }\n  </button>\n</div>\n<ng-template #template>\n  <div\n    class=\"o-modal\"\n    (click)=\"$event.stopPropagation()\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-labelledby=\"dialog_title\"\n    id=\"grid-layout\"\n    (keydown.escape)=\"toggleGridChoiceModal()\"\n    cdkTrapFocus\n    [cdkTrapFocusAutoCapture]=\"true\"\n  >\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">{{ '@pry.toolbox.chooseGrid' | i18n }}</h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" (click)=\"toggleGridChoiceModal()\">\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=\"o-select-grid-layout-wrapper\">\n      <ul class=\"o-select-grid-layout\">\n        <li *ngFor=\"let layout of availableLayouts$ | async\" class=\"o-select-grid-layout__item\">\n          <button\n            type=\"button\"\n            #firstButton\n            class=\"a-btn\"\n            [attr.aria-pressed]=\"chosenLayout === layout.type\"\n            [class.selected]=\"chosenLayout === layout.type\"\n            (click)=\"changeLayout(layout.type)\"\n          >\n            <div class=\"o-select-grid-layout__item__preview\">\n              <pry-dashboard\n                [staticDashboard]=\"{\n                  widgets: [],\n                  grid: { layout: layout.type, rows: layout.rows, columns: layout.columns, gap: 3 }\n                }\"\n                [breakpoint]=\"10\"\n                [noBackground]=\"true\"\n                [forceModeEdition]=\"false\"\n              ></pry-dashboard>\n            </div>\n            <p class=\"a-p\">\n              <strong>{{ layout.label ?? '' | i18n }}</strong>\n            </p>\n            <p class=\"a-p\">\n              {{ layout.description ?? '' | i18n }}\n            </p>\n          </button>\n        </li>\n      </ul>\n    </div>\n    <div class=\"m-btn-group -space-evenly\">\n      <button (click)=\"toggleGridChoiceModal()\" class=\"a-btn a-btn--secondary\">\n        {{ '@pry.toolbox.manifest.close' | i18n }}\n      </button>\n      <button (click)=\"validate()\" class=\"a-btn a-btn--primary\">\n        {{ '@pry.toolbox.manifest.validated' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3.DashboardComponent, selector: "pry-dashboard", inputs: ["staticDashboard", "forceModeEdition", "CloseOnDragOut", "displayOptions", "noBackground", "breakpoint"], outputs: ["rowHeight", "rows"] }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i5$1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: PrySelectGridLayoutCssComponent, selector: "pry-toolbox-css" }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: SelectGridLayoutComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-select-grid-layout', template: "<pry-toolbox-css></pry-toolbox-css>\n<div [attr.aria-expanded]=\"modalOpened\" aria-controls=\"grid-layout\">\n  <button type=\"button\" #openModal class=\"a-btn a-btn--secondary\" (click)=\"toggleGridChoiceModal()\">\n    <ng-container *ngIf=\"displayLabels\">\n      {{ '@pry.toolbox.chooseGrid' | i18n }}\n    </ng-container>\n  </button>\n</div>\n<ng-template #template>\n  <div\n    class=\"o-modal\"\n    (click)=\"$event.stopPropagation()\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-labelledby=\"dialog_title\"\n    id=\"grid-layout\"\n    (keydown.escape)=\"toggleGridChoiceModal()\"\n    cdkTrapFocus\n    [cdkTrapFocusAutoCapture]=\"true\"\n  >\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">{{ '@pry.toolbox.chooseGrid' | i18n }}</h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" (click)=\"toggleGridChoiceModal()\">\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=\"o-select-grid-layout-wrapper\">\n      <ul class=\"o-select-grid-layout\">\n        <li *ngFor=\"let layout of availableLayouts$ | async\" class=\"o-select-grid-layout__item\">\n          <button\n            type=\"button\"\n            #firstButton\n            class=\"a-btn\"\n            [attr.aria-pressed]=\"chosenLayout === layout.type\"\n            [class.selected]=\"chosenLayout === layout.type\"\n            (click)=\"changeLayout(layout.type)\"\n          >\n            <div class=\"o-select-grid-layout__item__preview\">\n              <pry-dashboard\n                [staticDashboard]=\"{\n                  widgets: [],\n                  grid: { layout: layout.type, rows: layout.rows, columns: layout.columns, gap: 3 }\n                }\"\n                [breakpoint]=\"10\"\n                [noBackground]=\"true\"\n                [forceModeEdition]=\"false\"\n              ></pry-dashboard>\n            </div>\n            <p class=\"a-p\">\n              <strong>{{ layout.label ?? '' | i18n }}</strong>\n            </p>\n            <p class=\"a-p\">\n              {{ layout.description ?? '' | i18n }}\n            </p>\n          </button>\n        </li>\n      </ul>\n    </div>\n    <div class=\"m-btn-group -space-evenly\">\n      <button (click)=\"toggleGridChoiceModal()\" class=\"a-btn a-btn--secondary\">\n        {{ '@pry.toolbox.manifest.close' | i18n }}\n      </button>\n      <button (click)=\"validate()\" class=\"a-btn a-btn--primary\">\n        {{ '@pry.toolbox.manifest.validated' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n" }]
-        }], ctorParameters: () => [{ type: i1.Store }, { type: i2.Overlay }, { type: i0.ViewContainerRef }], propDecorators: { template: [{
+            args: [{ selector: 'pry-select-grid-layout', template: "<pry-toolbox-css></pry-toolbox-css>\n<div [attr.aria-expanded]=\"modalOpened\" aria-controls=\"grid-layout\">\n  <button type=\"button\" #openModal class=\"a-btn a-btn--secondary\" (click)=\"toggleGridChoiceModal()\">\n    @if (displayLabels) {\n      {{ '@pry.toolbox.chooseGrid' | i18n }}\n    }\n  </button>\n</div>\n<ng-template #template>\n  <div\n    class=\"o-modal\"\n    (click)=\"$event.stopPropagation()\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-labelledby=\"dialog_title\"\n    id=\"grid-layout\"\n    (keydown.escape)=\"toggleGridChoiceModal()\"\n    cdkTrapFocus\n    [cdkTrapFocusAutoCapture]=\"true\"\n  >\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">{{ '@pry.toolbox.chooseGrid' | i18n }}</h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" (click)=\"toggleGridChoiceModal()\">\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=\"o-select-grid-layout-wrapper\">\n      <ul class=\"o-select-grid-layout\">\n        <li *ngFor=\"let layout of availableLayouts$ | async\" class=\"o-select-grid-layout__item\">\n          <button\n            type=\"button\"\n            #firstButton\n            class=\"a-btn\"\n            [attr.aria-pressed]=\"chosenLayout === layout.type\"\n            [class.selected]=\"chosenLayout === layout.type\"\n            (click)=\"changeLayout(layout.type)\"\n          >\n            <div class=\"o-select-grid-layout__item__preview\">\n              <pry-dashboard\n                [staticDashboard]=\"{\n                  widgets: [],\n                  grid: { layout: layout.type, rows: layout.rows, columns: layout.columns, gap: 3 }\n                }\"\n                [breakpoint]=\"10\"\n                [noBackground]=\"true\"\n                [forceModeEdition]=\"false\"\n              ></pry-dashboard>\n            </div>\n            <p class=\"a-p\">\n              <strong>{{ layout.label ?? '' | i18n }}</strong>\n            </p>\n            <p class=\"a-p\">\n              {{ layout.description ?? '' | i18n }}\n            </p>\n          </button>\n        </li>\n      </ul>\n    </div>\n    <div class=\"m-btn-group -space-evenly\">\n      <button (click)=\"toggleGridChoiceModal()\" class=\"a-btn a-btn--secondary\">\n        {{ '@pry.toolbox.manifest.close' | i18n }}\n      </button>\n      <button (click)=\"validate()\" class=\"a-btn a-btn--primary\">\n        {{ '@pry.toolbox.manifest.validated' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n" }]
+        }], ctorParameters: () => [{ type: i1.Store }, { type: i3.PryBaseAccess, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [PRY_ACCESS_TOKEN]
+                }] }, { type: i2.Overlay }, { type: i0.ViewContainerRef }], propDecorators: { template: [{
                 type: ViewChild,
                 args: ['template', { read: TemplateRef }]
             }], firstButton: [{
@@ -694,8 +741,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
             }] } });
 
 class AutomateRefreshComponent extends ToolboxActionComponent {
-    constructor(store, overlay, viewContainerRef, widgetFactoryService) {
-        super(store);
+    constructor(store, overlay, viewContainerRef, widgetFactoryService, access) {
+        super(store, access);
         this.overlay = overlay;
         this.viewContainerRef = viewContainerRef;
         this.widgetFactoryService = widgetFactoryService;
@@ -775,13 +822,16 @@ class AutomateRefreshComponent extends ToolboxActionComponent {
             this.close();
         }, 100);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AutomateRefreshComponent, deps: [{ token: i1.Store }, { token: i2.Overlay }, { token: i0.ViewContainerRef }, { token: i3$1.WidgetFactoryService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: AutomateRefreshComponent, selector: "pry-automate-refresh", viewQueries: [{ propertyName: "datasourceList", first: true, predicate: ["datasourceList"], descendants: true, read: TemplateRef }, { propertyName: "refreshRateList", first: true, predicate: ["refreshRateList"], descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<pry-toolbox-css></pry-toolbox-css>\n<button\n  type=\"button\"\n  class=\"a-btn a-btn--secondary automate-btn\"\n  cdkOverlayOrigin\n  #trigger=\"cdkOverlayOrigin\"\n  (click)=\"toggleDatasourceList()\"\n  [disabled]=\"((datasources$ | async)?.length ?? 0) < 1\"\n>\n  <ng-container *ngIf=\"displayLabels\">\n    {{ '@pry.toolbox.automateRefresh' | i18n }}\n  </ng-container>\n</button>\n\n<ng-template #datasourceList>\n  <div *ngIf=\"datasources$ | async as dataSources\">\n    <button\n      *ngIf=\"dataSources.length > 0\"\n      class=\"refresh-line a-btn a-btn--icon-text -size-sm ds-0\"\n      (click)=\"toggleRefreshRateList('all', 0)\"\n      [class.-selected]=\"selectedDatasourceId === 'all'\"\n    >\n      Tous\n    </button>\n    <button\n      *ngFor=\"let datasourceId of dataSources; let i = index\"\n      class=\"refresh-line a-btn a-btn--icon-text -size-sm ds-{{ i + 1 }}\"\n      (click)=\"toggleRefreshRateList(datasourceId, i + 1)\"\n      [class.-selected]=\"selectedDatasourceId === datasourceId\"\n    >\n      {{ datasourceId | translateId : { type: 'datasource', output: 'name' } | async }}\n    </button>\n  </div>\n</ng-template>\n\n<ng-template #refreshRateList>\n  <div>\n    <button\n      *ngFor=\"let rate of refreshRates\"\n      class=\"refresh-line a-btn a-btn--icon-text -size-sm\"\n      (click)=\"toggleRefreshRate(rate)\"\n    >\n      <pry-icon\n        [width]=\"20\"\n        [height]=\"20\"\n        iconSvg=\"check\"\n        *ngIf=\"\n          (selectedDatasourceId === 'all'\n            ? (allRefreshRate$ | async)\n            : ((refreshRates$ | async) ?? {})[selectedDatasourceId] ?? 0) === rate\n        \"\n      ></pry-icon>\n      {{ '@pry.search.namedQuery.refresh.' + rate | i18n }}\n    </button>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: i3$1.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: PrySelectGridLayoutCssComponent, selector: "pry-toolbox-css" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.TranslateIdPipe, name: "translateId" }, { kind: "pipe", type: i3$1.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AutomateRefreshComponent, deps: [{ token: i1.Store }, { token: i2.Overlay }, { token: i0.ViewContainerRef }, { token: i3.WidgetFactoryService }, { token: PRY_ACCESS_TOKEN }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: AutomateRefreshComponent, selector: "pry-automate-refresh", viewQueries: [{ propertyName: "datasourceList", first: true, predicate: ["datasourceList"], descendants: true, read: TemplateRef }, { propertyName: "refreshRateList", first: true, predicate: ["refreshRateList"], descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<pry-toolbox-css></pry-toolbox-css>\n<button\n  type=\"button\"\n  class=\"a-btn a-btn--secondary automate-btn\"\n  cdkOverlayOrigin\n  #trigger=\"cdkOverlayOrigin\"\n  (click)=\"toggleDatasourceList()\"\n  [disabled]=\"((datasources$ | async)?.length ?? 0) < 1\"\n>\n  @if (displayLabels) {\n    {{ '@pry.toolbox.automateRefresh' | i18n }}\n  }\n</button>\n\n<ng-template #datasourceList>\n  @if (datasources$ | async; as datasources) {\n    <div>\n      @if (datasources.length > 0) {\n        <button\n          class=\"refresh-line a-btn a-btn--icon-text -size-sm ds-0\"\n          (click)=\"toggleRefreshRateList('all', 0)\"\n          [class.-selected]=\"selectedDatasourceId === 'all'\"\n        >\n          {{ '@pry.toolbox.all' | i18n }}\n        </button>\n      }\n      @for (datasourceId of datasources; track datasourceId; let i = $index) {\n        <button\n          class=\"refresh-line a-btn a-btn--icon-text -size-sm ds-{{ i + 1 }}\"\n          (click)=\"toggleRefreshRateList(datasourceId, i + 1)\"\n          [class.-selected]=\"selectedDatasourceId === datasourceId\"\n        >\n          {{ datasourceId | translateId: { type: 'datasource', output: 'name' } | async }}\n        </button>\n      }\n    </div>\n  }\n</ng-template>\n\n<ng-template #refreshRateList>\n  <div>\n    @for (rate of refreshRates; track rate) {\n      <button class=\"refresh-line a-btn a-btn--icon-text -size-sm\" (click)=\"toggleRefreshRate(rate)\">\n        @if (\n          (selectedDatasourceId === 'all'\n            ? (allRefreshRate$ | async)\n            : ((refreshRates$ | async) ?? {})[selectedDatasourceId]) === rate\n        ) {\n          <pry-icon [width]=\"20\" [height]=\"20\" iconSvg=\"check\"></pry-icon>\n        }\n        {{ '@pry.search.namedQuery.refresh.' + rate | i18n }}\n      </button>\n    }\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: PrySelectGridLayoutCssComponent, selector: "pry-toolbox-css" }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslateIdPipe, name: "translateId" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AutomateRefreshComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-automate-refresh', template: "<pry-toolbox-css></pry-toolbox-css>\n<button\n  type=\"button\"\n  class=\"a-btn a-btn--secondary automate-btn\"\n  cdkOverlayOrigin\n  #trigger=\"cdkOverlayOrigin\"\n  (click)=\"toggleDatasourceList()\"\n  [disabled]=\"((datasources$ | async)?.length ?? 0) < 1\"\n>\n  <ng-container *ngIf=\"displayLabels\">\n    {{ '@pry.toolbox.automateRefresh' | i18n }}\n  </ng-container>\n</button>\n\n<ng-template #datasourceList>\n  <div *ngIf=\"datasources$ | async as dataSources\">\n    <button\n      *ngIf=\"dataSources.length > 0\"\n      class=\"refresh-line a-btn a-btn--icon-text -size-sm ds-0\"\n      (click)=\"toggleRefreshRateList('all', 0)\"\n      [class.-selected]=\"selectedDatasourceId === 'all'\"\n    >\n      Tous\n    </button>\n    <button\n      *ngFor=\"let datasourceId of dataSources; let i = index\"\n      class=\"refresh-line a-btn a-btn--icon-text -size-sm ds-{{ i + 1 }}\"\n      (click)=\"toggleRefreshRateList(datasourceId, i + 1)\"\n      [class.-selected]=\"selectedDatasourceId === datasourceId\"\n    >\n      {{ datasourceId | translateId : { type: 'datasource', output: 'name' } | async }}\n    </button>\n  </div>\n</ng-template>\n\n<ng-template #refreshRateList>\n  <div>\n    <button\n      *ngFor=\"let rate of refreshRates\"\n      class=\"refresh-line a-btn a-btn--icon-text -size-sm\"\n      (click)=\"toggleRefreshRate(rate)\"\n    >\n      <pry-icon\n        [width]=\"20\"\n        [height]=\"20\"\n        iconSvg=\"check\"\n        *ngIf=\"\n          (selectedDatasourceId === 'all'\n            ? (allRefreshRate$ | async)\n            : ((refreshRates$ | async) ?? {})[selectedDatasourceId] ?? 0) === rate\n        \"\n      ></pry-icon>\n      {{ '@pry.search.namedQuery.refresh.' + rate | i18n }}\n    </button>\n  </div>\n</ng-template>\n" }]
-        }], ctorParameters: () => [{ type: i1.Store }, { type: i2.Overlay }, { type: i0.ViewContainerRef }, { type: i3$1.WidgetFactoryService }], propDecorators: { datasourceList: [{
+            args: [{ selector: 'pry-automate-refresh', template: "<pry-toolbox-css></pry-toolbox-css>\n<button\n  type=\"button\"\n  class=\"a-btn a-btn--secondary automate-btn\"\n  cdkOverlayOrigin\n  #trigger=\"cdkOverlayOrigin\"\n  (click)=\"toggleDatasourceList()\"\n  [disabled]=\"((datasources$ | async)?.length ?? 0) < 1\"\n>\n  @if (displayLabels) {\n    {{ '@pry.toolbox.automateRefresh' | i18n }}\n  }\n</button>\n\n<ng-template #datasourceList>\n  @if (datasources$ | async; as datasources) {\n    <div>\n      @if (datasources.length > 0) {\n        <button\n          class=\"refresh-line a-btn a-btn--icon-text -size-sm ds-0\"\n          (click)=\"toggleRefreshRateList('all', 0)\"\n          [class.-selected]=\"selectedDatasourceId === 'all'\"\n        >\n          {{ '@pry.toolbox.all' | i18n }}\n        </button>\n      }\n      @for (datasourceId of datasources; track datasourceId; let i = $index) {\n        <button\n          class=\"refresh-line a-btn a-btn--icon-text -size-sm ds-{{ i + 1 }}\"\n          (click)=\"toggleRefreshRateList(datasourceId, i + 1)\"\n          [class.-selected]=\"selectedDatasourceId === datasourceId\"\n        >\n          {{ datasourceId | translateId: { type: 'datasource', output: 'name' } | async }}\n        </button>\n      }\n    </div>\n  }\n</ng-template>\n\n<ng-template #refreshRateList>\n  <div>\n    @for (rate of refreshRates; track rate) {\n      <button class=\"refresh-line a-btn a-btn--icon-text -size-sm\" (click)=\"toggleRefreshRate(rate)\">\n        @if (\n          (selectedDatasourceId === 'all'\n            ? (allRefreshRate$ | async)\n            : ((refreshRates$ | async) ?? {})[selectedDatasourceId]) === rate\n        ) {\n          <pry-icon [width]=\"20\" [height]=\"20\" iconSvg=\"check\"></pry-icon>\n        }\n        {{ '@pry.search.namedQuery.refresh.' + rate | i18n }}\n      </button>\n    }\n  </div>\n</ng-template>\n" }]
+        }], ctorParameters: () => [{ type: i1.Store }, { type: i2.Overlay }, { type: i0.ViewContainerRef }, { type: i3.WidgetFactoryService }, { type: i3.PryBaseAccess, decorators: [{
+                    type: Inject,
+                    args: [PRY_ACCESS_TOKEN]
+                }] }], propDecorators: { datasourceList: [{
                 type: ViewChild,
                 args: ['datasourceList', { read: TemplateRef }]
             }], refreshRateList: [{
@@ -790,8 +840,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
             }] } });
 
 class RefreshDatasetsComponent extends ToolboxActionComponent {
-    constructor(store, widgetFactoryService) {
-        super(store);
+    constructor(store, access, widgetFactoryService) {
+        super(store, access);
         this.widgetFactoryService = widgetFactoryService;
         this.datasetCount = 0;
         this.manifest$ = this.store.select(DashboardSelectors.globalManifest);
@@ -819,59 +869,55 @@ class RefreshDatasetsComponent extends ToolboxActionComponent {
         }
         this.close();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: RefreshDatasetsComponent, deps: [{ token: i1.Store }, { token: i3$1.WidgetFactoryService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: RefreshDatasetsComponent, selector: "pry-refresh-datasets", usesInheritance: true, ngImport: i0, template: "<button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"refresh()\" [disabled]=\"datasetCount < 1\">\n  <ng-container *ngIf=\"displayLabels\">\n    {{ '@pry.toolbox.refresh' | i18n }}\n  </ng-container>\n  <pry-icon iconSvg=\"refresh_data\"></pry-icon>\n</button>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$1.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i3$1.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: RefreshDatasetsComponent, deps: [{ token: i1.Store }, { token: PRY_ACCESS_TOKEN, optional: true }, { token: i3.WidgetFactoryService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: RefreshDatasetsComponent, selector: "pry-refresh-datasets", usesInheritance: true, ngImport: i0, template: "<button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"refresh()\" [disabled]=\"datasetCount < 1\">\n  @if (displayLabels) {\n    {{ '@pry.toolbox.refresh' | i18n }}\n  }\n  <pry-icon iconSvg=\"refresh_data\"></pry-icon>\n</button>\n", dependencies: [{ kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: RefreshDatasetsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-refresh-datasets', template: "<button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"refresh()\" [disabled]=\"datasetCount < 1\">\n  <ng-container *ngIf=\"displayLabels\">\n    {{ '@pry.toolbox.refresh' | i18n }}\n  </ng-container>\n  <pry-icon iconSvg=\"refresh_data\"></pry-icon>\n</button>\n" }]
-        }], ctorParameters: () => [{ type: i1.Store }, { type: i3$1.WidgetFactoryService }] });
+            args: [{ selector: 'pry-refresh-datasets', template: "<button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"refresh()\" [disabled]=\"datasetCount < 1\">\n  @if (displayLabels) {\n    {{ '@pry.toolbox.refresh' | i18n }}\n  }\n  <pry-icon iconSvg=\"refresh_data\"></pry-icon>\n</button>\n" }]
+        }], ctorParameters: () => [{ type: i1.Store }, { type: i3.PryBaseAccess, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [PRY_ACCESS_TOKEN]
+                }] }, { type: i3.WidgetFactoryService }] });
 
 class SwitchToEditContentComponent extends ToolboxActionComponent {
-    constructor(store) {
-        super(store);
-        this.subscriptions.add(this.store.select(DashboardSelectors.presentation).subscribe((prez) => {
-            this.presentation = prez;
-        }));
+    constructor(store, access) {
+        super(store, access);
     }
     trigger() {
         this.store.dispatch(DashboardActions.updateDisplayOptions({ mode: ViewMode.EDITION }));
         this.close();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: SwitchToEditContentComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: SwitchToEditContentComponent, selector: "pry-switch-to-edit", usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"this.presentation?.current?.owner\">\n  <button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"trigger()\">\n    <ng-container *ngIf=\"displayLabels\">{{ '@pry.toolbox.switchEditContent' | i18n }}</ng-container>\n  </button>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i3$1.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: SwitchToEditContentComponent, deps: [{ token: i1.Store }, { token: PRY_ACCESS_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: SwitchToEditContentComponent, selector: "pry-switch-to-edit", usesInheritance: true, ngImport: i0, template: "@if (canModify$() | async) {\n  <button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"trigger()\">\n    @if (displayLabels) {\n      {{ '@pry.toolbox.switchEditContent' | i18n }}\n    }\n  </button>\n}\n", dependencies: [{ kind: "pipe", type: i2$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: SwitchToEditContentComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-switch-to-edit', template: "<ng-container *ngIf=\"this.presentation?.current?.owner\">\n  <button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"trigger()\">\n    <ng-container *ngIf=\"displayLabels\">{{ '@pry.toolbox.switchEditContent' | i18n }}</ng-container>\n  </button>\n</ng-container>\n" }]
-        }], ctorParameters: () => [{ type: i1.Store }] });
+            args: [{ selector: 'pry-switch-to-edit', template: "@if (canModify$() | async) {\n  <button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"trigger()\">\n    @if (displayLabels) {\n      {{ '@pry.toolbox.switchEditContent' | i18n }}\n    }\n  </button>\n}\n" }]
+        }], ctorParameters: () => [{ type: i1.Store }, { type: i3.PryBaseAccess, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [PRY_ACCESS_TOKEN]
+                }] }] });
 
 class ShareComponent extends ToolboxActionComponent {
-    constructor(store, overlay, viewContainerRef) {
-        super(store);
+    constructor(store, access, overlay, viewContainerRef) {
+        super(store, access);
         this.overlay = overlay;
         this.viewContainerRef = viewContainerRef;
         this.modalOpened = false;
         this.accessRightsByGroup = {};
         this.disableShareButton$ = new BehaviorSubject(false);
-        this.subscriptions.add(this.store.select(DashboardSelectors.presentation).subscribe((prez) => {
-            this.presentation = prez.current;
-            this.accessRightsByGroup = prez?.current?.accessRightsByGroup ?? {};
-        }));
-        this.disableShareRadios$ = this.store.select(DataSourceSelectors.datasets).pipe(map((datasets) => {
-            return {
-                [PryVisibilityType.PRIVATE]: false,
-                [PryVisibilityType.PUBLIC]: this.presentation ? !canManifestBeMadePublic(this.presentation, datasets) : true,
-                [PryVisibilityType.RESTRICTED]: this.presentation
-                    ? !(canManifestBeMadePublic(this.presentation, datasets) ||
-                        getCommonDatasourceGroupsForManifest(this.presentation, datasets).length > 0)
-                    : true
-            };
+        this.subscriptions.add(this.store.select(DashboardSelectors.presentation).subscribe((manifest) => {
+            this.accessRightsByGroup = manifest?.current?.accessRightsByGroup ?? {};
         }));
         this.allowedShareGroups$ = this.store.select(DataSourceSelectors.datasets).pipe(map((datasets) => {
-            return this.presentation && datasets.length > 0
-                ? getCommonDatasourceGroupsForManifest(this.presentation, datasets)
-                : [];
+            return this.currentManifest && this.currentManifest.datasource.length > 0
+                ? getCommonDatasourceGroupsForManifest(this.currentManifest, datasets)
+                : null;
         }));
     }
     trigger() {
@@ -879,7 +925,7 @@ class ShareComponent extends ToolboxActionComponent {
     }
     toggleModal() {
         this.modalOpened = !this.modalOpened;
-        if (this.modalOpened && this.presentation) {
+        if (this.modalOpened && this.currentManifest) {
             this.overlayRef = this.overlay.create(new OverlayConfig({
                 hasBackdrop: true,
                 panelClass: ['o-modal-wrapper'],
@@ -896,19 +942,20 @@ class ShareComponent extends ToolboxActionComponent {
     }
     validate() {
         this.store.dispatch(DashboardActions.saveManifest({
-            id: this.presentation.id ?? '',
-            name: this.presentation.name ?? '',
-            description: this.presentation.description ?? '',
-            image: this.presentation.image ?? '',
+            id: this.currentManifest.id ?? '',
+            name: this.currentManifest.name ?? '',
+            description: this.currentManifest.description ?? '',
+            image: this.currentManifest.image ?? '',
             accessRightsByGroup: this.accessRightsByGroup
         }));
         this.toggleModal();
     }
     updateAccessRights($event) {
         this.accessRightsByGroup = $event;
+        this.updateDisableButtonValue();
     }
     updateDisableButtonValue() {
-        if (Object.keys(this.accessRightsByGroup).length === 0) {
+        if (equal(this.accessRightsByGroup, this.currentManifest?.accessRightsByGroup)) {
             this.disableShareButton$.next(true);
         }
         else {
@@ -917,41 +964,46 @@ class ShareComponent extends ToolboxActionComponent {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ShareComponent, deps: [{ token: i1.Store }, { token: i2.Overlay }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: ShareComponent, selector: "pry-share-pres", viewQueries: [{ propertyName: "template", first: true, predicate: ["modal"], descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"presentation?.owner\">\n  <button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"trigger()\">\n    <ng-container *ngIf=\"displayLabels\">{{ '@pry.toolbox.share' | i18n }}</ng-container>\n  </button>\n</ng-container>\n<ng-template #modal>\n  <div\n    class=\"o-modal\"\n    #visibilityModal\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-labelledby=\"dialog change visibility\"\n    *ngIf=\"presentation\"\n  >\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">{{ '@pry.toolbox.share' | i18n }}</h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" #crossVisibility (click)=\"toggleModal()\">\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-access-rights-share\n      [(ngModel)]=\"presentation.accessRightsByGroup\"\n      (ngModelChange)=\"updateAccessRights($event)\"\n      [manifestDescription]=\"presentation\"\n    ></pry-access-rights-share>\n    <div class=\"m-btn-group\">\n      <button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"toggleModal()\">\n        {{ '@pry.toolbox.manifest.close' | i18n }}\n      </button>\n      <button type=\"submit\" class=\"a-btn a-btn--primary\" #submit (click)=\"validate()\">\n        {{ '@pry.toolbox.manifest.check' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3$1.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i3$1.PryAccessRightsShareComponent, selector: "pry-access-rights-share", inputs: ["manifestDescription", "allowedGroups"] }, { kind: "pipe", type: i3$1.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ShareComponent, deps: [{ token: i1.Store }, { token: PRY_ACCESS_TOKEN, optional: true }, { token: i2.Overlay }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: ShareComponent, selector: "pry-share-pres", viewQueries: [{ propertyName: "template", first: true, predicate: ["modal"], descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "@if (currentManifest?.owner) {\n  <button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"trigger()\">\n    @if (displayLabels) {\n      {{ '@pry.toolbox.share' | i18n }}\n    }\n  </button>\n}\n\n<ng-template #modal>\n  @if (currentManifest) {\n    <div class=\"o-modal\" #shareModal role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"dialog share access rights\">\n      <div class=\"o-modal__top\">\n        <div class=\"o-modal__top__title\">\n          <h2 class=\"a-h2\" id=\"dialog_title\">{{ '@pry.toolbox.share' | i18n }}</h2>\n        </div>\n        <div class=\"o-modal__top__close\">\n          <button class=\"a-btn a-btn--icon-only\" (click)=\"toggleModal()\">\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-access-rights-share\n        [(ngModel)]=\"currentManifest.accessRightsByGroup\"\n        (ngModelChange)=\"updateAccessRights($event)\"\n        [manifestDescription]=\"currentManifest\"\n      ></pry-access-rights-share>\n      <div class=\"m-btn-group\">\n        <button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"toggleModal()\">\n          {{ '@pry.toolbox.manifest.close' | i18n }}\n        </button>\n        <button type=\"submit\" class=\"a-btn a-btn--primary\" #submit (click)=\"validate()\" [disabled]=\"this.disableShareButton$ | async\">\n          {{ '@pry.toolbox.manifest.check' | i18n }}\n        </button>\n      </div>\n    </div>\n  }\n</ng-template>\n", dependencies: [{ kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i3.PryAccessRightsShareComponent, selector: "pry-access-rights-share", inputs: ["manifestDescription", "allowedGroups"] }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ShareComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-share-pres', template: "<ng-container *ngIf=\"presentation?.owner\">\n  <button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"trigger()\">\n    <ng-container *ngIf=\"displayLabels\">{{ '@pry.toolbox.share' | i18n }}</ng-container>\n  </button>\n</ng-container>\n<ng-template #modal>\n  <div\n    class=\"o-modal\"\n    #visibilityModal\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-labelledby=\"dialog change visibility\"\n    *ngIf=\"presentation\"\n  >\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">{{ '@pry.toolbox.share' | i18n }}</h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" #crossVisibility (click)=\"toggleModal()\">\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-access-rights-share\n      [(ngModel)]=\"presentation.accessRightsByGroup\"\n      (ngModelChange)=\"updateAccessRights($event)\"\n      [manifestDescription]=\"presentation\"\n    ></pry-access-rights-share>\n    <div class=\"m-btn-group\">\n      <button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"toggleModal()\">\n        {{ '@pry.toolbox.manifest.close' | i18n }}\n      </button>\n      <button type=\"submit\" class=\"a-btn a-btn--primary\" #submit (click)=\"validate()\">\n        {{ '@pry.toolbox.manifest.check' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n" }]
-        }], ctorParameters: () => [{ type: i1.Store }, { type: i2.Overlay }, { type: i0.ViewContainerRef }], propDecorators: { template: [{
+            args: [{ selector: 'pry-share-pres', template: "@if (currentManifest?.owner) {\n  <button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"trigger()\">\n    @if (displayLabels) {\n      {{ '@pry.toolbox.share' | i18n }}\n    }\n  </button>\n}\n\n<ng-template #modal>\n  @if (currentManifest) {\n    <div class=\"o-modal\" #shareModal role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"dialog share access rights\">\n      <div class=\"o-modal__top\">\n        <div class=\"o-modal__top__title\">\n          <h2 class=\"a-h2\" id=\"dialog_title\">{{ '@pry.toolbox.share' | i18n }}</h2>\n        </div>\n        <div class=\"o-modal__top__close\">\n          <button class=\"a-btn a-btn--icon-only\" (click)=\"toggleModal()\">\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-access-rights-share\n        [(ngModel)]=\"currentManifest.accessRightsByGroup\"\n        (ngModelChange)=\"updateAccessRights($event)\"\n        [manifestDescription]=\"currentManifest\"\n      ></pry-access-rights-share>\n      <div class=\"m-btn-group\">\n        <button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"toggleModal()\">\n          {{ '@pry.toolbox.manifest.close' | i18n }}\n        </button>\n        <button type=\"submit\" class=\"a-btn a-btn--primary\" #submit (click)=\"validate()\" [disabled]=\"this.disableShareButton$ | async\">\n          {{ '@pry.toolbox.manifest.check' | i18n }}\n        </button>\n      </div>\n    </div>\n  }\n</ng-template>\n" }]
+        }], ctorParameters: () => [{ type: i1.Store }, { type: i3.PryBaseAccess, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [PRY_ACCESS_TOKEN]
+                }] }, { type: i2.Overlay }, { type: i0.ViewContainerRef }], propDecorators: { template: [{
                 type: ViewChild,
                 args: ['modal', { read: TemplateRef }]
             }] } });
 
 class DeleteComponent extends ToolboxActionComponent {
-    constructor(store, overlay, viewContainerRef) {
-        super(store);
-        this.overlay = overlay;
-        this.viewContainerRef = viewContainerRef;
-        this.subscriptions.add(this.store.select(DashboardSelectors.presentation).subscribe((prez) => {
-            this.presentation = prez;
-        }));
+    constructor(store, access) {
+        super(store, access);
     }
     trigger() {
-        this.store.dispatch(DashboardActions.confirmManifestDeletion({ id: this.presentation?.current.id }));
+        this.store.dispatch(DashboardActions.confirmManifestDeletion({ id: this.currentManifest?.id }));
         this.close();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DeleteComponent, deps: [{ token: i1.Store }, { token: i2.Overlay }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: DeleteComponent, selector: "pry-delete-pres", usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"this.presentation?.current?.owner\">\n  <button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"trigger()\">\n    <ng-container *ngIf=\"displayLabels\">{{ '@pry.toolbox.delete' | i18n }}</ng-container>\n  </button>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i3$1.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DeleteComponent, deps: [{ token: i1.Store }, { token: PRY_ACCESS_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: DeleteComponent, selector: "pry-delete-pres", usesInheritance: true, ngImport: i0, template: "@if (canModify$() | async) {\n  <button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"trigger()\">\n    @if (displayLabels) {\n      {{ '@pry.toolbox.delete' | i18n }}\n    }\n  </button>\n}\n", dependencies: [{ kind: "pipe", type: i2$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DeleteComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-delete-pres', template: "<ng-container *ngIf=\"this.presentation?.current?.owner\">\n  <button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"trigger()\">\n    <ng-container *ngIf=\"displayLabels\">{{ '@pry.toolbox.delete' | i18n }}</ng-container>\n  </button>\n</ng-container>\n" }]
-        }], ctorParameters: () => [{ type: i1.Store }, { type: i2.Overlay }, { type: i0.ViewContainerRef }] });
+            args: [{ selector: 'pry-delete-pres', template: "@if (canModify$() | async) {\n  <button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"trigger()\">\n    @if (displayLabels) {\n      {{ '@pry.toolbox.delete' | i18n }}\n    }\n  </button>\n}\n" }]
+        }], ctorParameters: () => [{ type: i1.Store }, { type: i3.PryBaseAccess, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [PRY_ACCESS_TOKEN]
+                }] }] });
 
 class DashboardDetailsComponent extends ToolboxActionComponent {
-    constructor(store) {
-        super(store);
+    constructor(store, access) {
+        super(store, access);
         this.isPanelOpen = false;
         this.panelPosition = [
             {
@@ -969,7 +1021,6 @@ class DashboardDetailsComponent extends ToolboxActionComponent {
                 offsetY: 5
             }
         ];
-        this.presentation$ = this.store.select(DashboardSelectors.presentation).pipe(map((pres) => pres?.current));
     }
     openPanel($event) {
         this.isPanelOpen = true;
@@ -980,32 +1031,39 @@ class DashboardDetailsComponent extends ToolboxActionComponent {
         if ($event)
             $event.stopPropagation();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DashboardDetailsComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: DashboardDetailsComponent, selector: "pry-dashboard-details", usesInheritance: true, ngImport: i0, template: "<pry-toolbox-css></pry-toolbox-css>\n@if (presentation$ | async; as presentation) {\n  @if (presentation.additionalInformation) {\n    <button\n      class=\"a-btn o-dashboard-details\"\n      cdkOverlayOrigin\n      #trigger=\"cdkOverlayOrigin\"\n      id=\"dashboard-details\"\n      aria-controls=\"dashboard-details-panel\"\n      aria-expanded=\"false\"\n      (click)=\"openPanel($event)\"\n    >\n      <pry-icon iconSvg=\"dashboard-about\"></pry-icon>\n      {{ '@pry.toolbox.about' | i18n }}\n    </button>\n\n    <ng-template\n      cdkConnectedOverlay\n      [cdkConnectedOverlayOrigin]=\"trigger\"\n      [cdkConnectedOverlayOpen]=\"isPanelOpen\"\n      [cdkConnectedOverlayHasBackdrop]=\"true\"\n      cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n      [cdkConnectedOverlayPositions]=\"panelPosition\"\n      (backdropClick)=\"isPanelOpen = false\"\n    >\n      <div class=\"o-modal\" id=\"dashboard-details-panel\">\n        <div class=\"o-modal__top\">\n          <div class=\"o-modal__top__title\">\n            <h2 class=\"a-h2\" id=\"dialog_title\">\n              {{ '@pry.toolbox.about' | i18n }}\n            </h2>\n          </div>\n          <div class=\"o-modal__top__close\">\n            <button class=\"a-btn a-btn--icon-only\" (click)=\"closePanel($event)\">\n              <pry-icon iconSvg=\"close\" [height]=\"20\" [width]=\"20\"></pry-icon>\n              <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n            </button>\n          </div>\n        </div>\n        <div class=\"o-modal__content\" [innerHTML]=\"presentation.additionalInformation | mdToHtml\"></div>\n      </div>\n    </ng-template>\n  }\n}\n", dependencies: [{ kind: "directive", type: i2.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: i3$1.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: PrySelectGridLayoutCssComponent, selector: "pry-toolbox-css" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.I18nPipe, name: "i18n" }, { kind: "pipe", type: i6$2.MdToHtmlPipe, name: "mdToHtml" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DashboardDetailsComponent, deps: [{ token: i1.Store }, { token: PRY_ACCESS_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: DashboardDetailsComponent, selector: "pry-dashboard-details", usesInheritance: true, ngImport: i0, template: "<pry-toolbox-css></pry-toolbox-css>\n@if (currentManifest) {\n  @if (currentManifest.additionalInformation) {\n    <button\n      class=\"a-btn o-dashboard-details\"\n      cdkOverlayOrigin\n      #trigger=\"cdkOverlayOrigin\"\n      id=\"dashboard-details\"\n      aria-controls=\"dashboard-details-panel\"\n      aria-expanded=\"false\"\n      (click)=\"openPanel($event)\"\n    >\n      <pry-icon iconSvg=\"dashboard-about\"></pry-icon>\n      {{ '@pry.toolbox.about' | i18n }}\n    </button>\n\n    <ng-template\n      cdkConnectedOverlay\n      [cdkConnectedOverlayOrigin]=\"trigger\"\n      [cdkConnectedOverlayOpen]=\"isPanelOpen\"\n      [cdkConnectedOverlayHasBackdrop]=\"true\"\n      cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n      [cdkConnectedOverlayPositions]=\"panelPosition\"\n      (backdropClick)=\"isPanelOpen = false\"\n    >\n      <div class=\"o-modal\" id=\"dashboard-details-panel\">\n        <div class=\"o-modal__top\">\n          <div class=\"o-modal__top__title\">\n            <h2 class=\"a-h2\" id=\"dialog_title\">\n              {{ '@pry.toolbox.about' | i18n }}\n            </h2>\n          </div>\n          <div class=\"o-modal__top__close\">\n            <button class=\"a-btn a-btn--icon-only\" (click)=\"closePanel($event)\">\n              <pry-icon iconSvg=\"close\" [height]=\"20\" [width]=\"20\"></pry-icon>\n              <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n            </button>\n          </div>\n        </div>\n        <div class=\"o-modal__content\" [innerHTML]=\"currentManifest.additionalInformation | mdToHtml\"></div>\n      </div>\n    </ng-template>\n  }\n}\n", dependencies: [{ kind: "directive", type: i2.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: PrySelectGridLayoutCssComponent, selector: "pry-toolbox-css" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }, { kind: "pipe", type: i5$2.MdToHtmlPipe, name: "mdToHtml" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DashboardDetailsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-dashboard-details', template: "<pry-toolbox-css></pry-toolbox-css>\n@if (presentation$ | async; as presentation) {\n  @if (presentation.additionalInformation) {\n    <button\n      class=\"a-btn o-dashboard-details\"\n      cdkOverlayOrigin\n      #trigger=\"cdkOverlayOrigin\"\n      id=\"dashboard-details\"\n      aria-controls=\"dashboard-details-panel\"\n      aria-expanded=\"false\"\n      (click)=\"openPanel($event)\"\n    >\n      <pry-icon iconSvg=\"dashboard-about\"></pry-icon>\n      {{ '@pry.toolbox.about' | i18n }}\n    </button>\n\n    <ng-template\n      cdkConnectedOverlay\n      [cdkConnectedOverlayOrigin]=\"trigger\"\n      [cdkConnectedOverlayOpen]=\"isPanelOpen\"\n      [cdkConnectedOverlayHasBackdrop]=\"true\"\n      cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n      [cdkConnectedOverlayPositions]=\"panelPosition\"\n      (backdropClick)=\"isPanelOpen = false\"\n    >\n      <div class=\"o-modal\" id=\"dashboard-details-panel\">\n        <div class=\"o-modal__top\">\n          <div class=\"o-modal__top__title\">\n            <h2 class=\"a-h2\" id=\"dialog_title\">\n              {{ '@pry.toolbox.about' | i18n }}\n            </h2>\n          </div>\n          <div class=\"o-modal__top__close\">\n            <button class=\"a-btn a-btn--icon-only\" (click)=\"closePanel($event)\">\n              <pry-icon iconSvg=\"close\" [height]=\"20\" [width]=\"20\"></pry-icon>\n              <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n            </button>\n          </div>\n        </div>\n        <div class=\"o-modal__content\" [innerHTML]=\"presentation.additionalInformation | mdToHtml\"></div>\n      </div>\n    </ng-template>\n  }\n}\n" }]
-        }], ctorParameters: () => [{ type: i1.Store }] });
+            args: [{ selector: 'pry-dashboard-details', template: "<pry-toolbox-css></pry-toolbox-css>\n@if (currentManifest) {\n  @if (currentManifest.additionalInformation) {\n    <button\n      class=\"a-btn o-dashboard-details\"\n      cdkOverlayOrigin\n      #trigger=\"cdkOverlayOrigin\"\n      id=\"dashboard-details\"\n      aria-controls=\"dashboard-details-panel\"\n      aria-expanded=\"false\"\n      (click)=\"openPanel($event)\"\n    >\n      <pry-icon iconSvg=\"dashboard-about\"></pry-icon>\n      {{ '@pry.toolbox.about' | i18n }}\n    </button>\n\n    <ng-template\n      cdkConnectedOverlay\n      [cdkConnectedOverlayOrigin]=\"trigger\"\n      [cdkConnectedOverlayOpen]=\"isPanelOpen\"\n      [cdkConnectedOverlayHasBackdrop]=\"true\"\n      cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n      [cdkConnectedOverlayPositions]=\"panelPosition\"\n      (backdropClick)=\"isPanelOpen = false\"\n    >\n      <div class=\"o-modal\" id=\"dashboard-details-panel\">\n        <div class=\"o-modal__top\">\n          <div class=\"o-modal__top__title\">\n            <h2 class=\"a-h2\" id=\"dialog_title\">\n              {{ '@pry.toolbox.about' | i18n }}\n            </h2>\n          </div>\n          <div class=\"o-modal__top__close\">\n            <button class=\"a-btn a-btn--icon-only\" (click)=\"closePanel($event)\">\n              <pry-icon iconSvg=\"close\" [height]=\"20\" [width]=\"20\"></pry-icon>\n              <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n            </button>\n          </div>\n        </div>\n        <div class=\"o-modal__content\" [innerHTML]=\"currentManifest.additionalInformation | mdToHtml\"></div>\n      </div>\n    </ng-template>\n  }\n}\n" }]
+        }], ctorParameters: () => [{ type: i1.Store }, { type: i3.PryBaseAccess, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [PRY_ACCESS_TOKEN]
+                }] }] });
 
 class EditModeActionComponent extends ToolboxActionComponent {
-    constructor(store) {
-        super(store);
+    constructor(store, access) {
+        super(store, access);
         this.modeEdition$ = this.store.select(DashboardSelectors.dashboardEditionMode);
-        this.subscriptions.add(this.store.select(DashboardSelectors.presentation).subscribe((prez) => {
-            this.presentation = prez;
-        }));
     }
     toggleEditionMode() {
         this.store.dispatch(DashboardActions.toggleEditionMode({}));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EditModeActionComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: EditModeActionComponent, selector: "pry-edit-mode-action", usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"this.presentation?.current?.owner\">\n  <button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"toggleEditionMode()\">\n    <ng-container *ngIf=\"displayLabels\"\n      >{{ ((modeEdition$ | async) ? '@pry.toolbox.editOff' : '@pry.toolbox.edit') | i18n }}\n    </ng-container>\n  </button>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EditModeActionComponent, deps: [{ token: i1.Store }, { token: PRY_ACCESS_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: EditModeActionComponent, selector: "pry-edit-mode-action", usesInheritance: true, ngImport: i0, template: "@if (this.canModify$() | async) {\n  <button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"toggleEditionMode()\">\n    @if (displayLabels) {\n      {{ ((modeEdition$ | async) ? '@pry.toolbox.editOff' : '@pry.toolbox.edit') | i18n }}\n    }\n  </button>\n}\n", dependencies: [{ kind: "pipe", type: i2$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EditModeActionComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-edit-mode-action', template: "<ng-container *ngIf=\"this.presentation?.current?.owner\">\n  <button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"toggleEditionMode()\">\n    <ng-container *ngIf=\"displayLabels\"\n      >{{ ((modeEdition$ | async) ? '@pry.toolbox.editOff' : '@pry.toolbox.edit') | i18n }}\n    </ng-container>\n  </button>\n</ng-container>\n" }]
-        }], ctorParameters: () => [{ type: i1.Store }] });
+            args: [{ selector: 'pry-edit-mode-action', template: "@if (this.canModify$() | async) {\n  <button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"toggleEditionMode()\">\n    @if (displayLabels) {\n      {{ ((modeEdition$ | async) ? '@pry.toolbox.editOff' : '@pry.toolbox.edit') | i18n }}\n    }\n  </button>\n}\n" }]
+        }], ctorParameters: () => [{ type: i1.Store }, { type: i3.PryBaseAccess, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [PRY_ACCESS_TOKEN]
+                }] }] });
 
 const ACTIONS = [
     {
@@ -1027,7 +1085,7 @@ const ACTIONS = [
         component: SaveViewComponent,
         visible: true,
         access: { module: 'dashboard', page: 'toolbox', action: 'save' },
-        needsOwner: true
+        needsOwner: false
     },
     {
         name: 'save_view_as',
@@ -1076,7 +1134,7 @@ const ACTIONS = [
         component: SwitchToEditContentComponent,
         visible: true,
         access: { module: 'dashboard', page: 'toolbox', action: 'edit_presentation_content' },
-        needsOwner: true
+        needsOwner: false
     },
     {
         name: 'share',
@@ -1090,7 +1148,7 @@ const ACTIONS = [
         component: DeleteComponent,
         visible: true,
         access: { module: 'dashboard', page: 'toolbox', action: 'delete' },
-        needsOwner: true
+        needsOwner: false
     },
     {
         name: 'dashboard_details',
@@ -1222,12 +1280,12 @@ class ToolboxComponent {
         return this._dropdownActions$.getValue().find((action) => actionName === action.name)?.order;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ToolboxComponent, deps: [{ token: i1.Store }, { token: PRY_ACCESS_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: ToolboxComponent, selector: "pry-toolbox", inputs: { displayLabels: "displayLabels", dropdownPosition: "dropdownPosition", actions: "actions", dropdownActions: "dropdownActions" }, ngImport: i0, template: "<ul class=\"m-actions-list\" #input>\n  @for (action of mainActions$ | async; track action.name) {\n    @if (action.visible) {\n      <li class=\"m-actions-list__item -{{action.name}}\" *pryAccess=\"action.access\">\n        <pry-toolbox-action-instanciator\n          [action]=\"action\"\n          [displayLabels]=\"displayLabels\"\n        ></pry-toolbox-action-instanciator>\n      </li>\n    }\n  }\n  @if (showDropdownButton$ | async) {\n    <li class=\"m-actions-list__item\">\n      <button\n        type=\"button\"\n        class=\"a-btn a-btn--primary\"\n        cdkOverlayOrigin\n        #trigger=\"cdkOverlayOrigin\"\n        id=\"options\"\n        aria-controls=\"IDpanel\"\n        aria-expanded=\"false\"\n        (click)=\"openDropdown($event)\"\n      >\n        @if (displayLabels) {\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.options' | i18n }}</span>\n          <span>{{ '@pry.toolbox.options' | i18n }}</span>\n          <pry-icon [width]=\"10\" [height]=\"13\" iconSvg=\"chevron_bottom\"></pry-icon>\n        }\n      </button>\n    </li>\n    <ng-template\n      cdkConnectedOverlay\n      [cdkConnectedOverlayOrigin]=\"trigger\"\n      [cdkConnectedOverlayOpen]=\"isDropdownOpen\"\n      [cdkConnectedOverlayHasBackdrop]=\"true\"\n      cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n      [cdkConnectedOverlayPositions]=\"dropdownPosition\"\n      [cdkConnectedOverlayOffsetY]=\"5\"\n      (backdropClick)=\"isDropdownOpen = false\"\n    >\n      <div class=\"o-draggable-menu -dropdown\" aria-labelledby=\"\">\n        <ul class=\"o-draggable-menu__list\">\n          @for (action of dropdownActions$ | async; track action.name) {\n            @if (action.visible) {\n              <li class=\"o-draggable-menu__list__item\" [style.order]=\"getOrder(action.name)\">\n                <pry-toolbox-action-instanciator\n                  [action]=\"action\"\n                  [displayLabels]=\"displayLabels\"\n                  (closeOptions)=\"closeDropdown($event)\"\n                ></pry-toolbox-action-instanciator>\n              </li>\n            }\n          }\n        </ul>\n      </div>\n    </ng-template>\n  }\n\n  @if (showEditToggle$ | async) {\n    @if (isManualMode$ | async) {\n      <li class=\"m-actions-list__item\">\n        <pry-edit-mode-toggle\n          *pryAccess=\"{ module: 'dashboard', page: 'toolbox', action: 'edit_dashboard' }\"\n          [displayLabels]=\"displayLabels\"\n        ></pry-edit-mode-toggle>\n      </li>\n    }\n  }\n</ul>\n", dependencies: [{ kind: "directive", type: i2.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "directive", type: i3$1.PryAccessDirective, selector: "[pryAccess]", inputs: ["pryAccess"] }, { kind: "component", type: i3$1.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: ToolboxActionInstanciatorComponent, selector: "pry-toolbox-action-instanciator", inputs: ["displayLabels", "action"], outputs: ["closeOptions"] }, { kind: "component", type: EditModeToggleComponent, selector: "pry-edit-mode-toggle" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: ToolboxComponent, selector: "pry-toolbox", inputs: { displayLabels: "displayLabels", dropdownPosition: "dropdownPosition", actions: "actions", dropdownActions: "dropdownActions" }, ngImport: i0, template: "<ul class=\"m-actions-list\" #input>\n  @for (action of mainActions$ | async; track action.name) {\n    @if (action.visible) {\n      <li class=\"m-actions-list__item -{{action.name}}\" *pryAccess=\"action.access\">\n        <pry-toolbox-action-instanciator\n          [action]=\"action\"\n          [displayLabels]=\"displayLabels\"\n        ></pry-toolbox-action-instanciator>\n      </li>\n    }\n  }\n  @if (showDropdownButton$ | async) {\n    <li class=\"m-actions-list__item\">\n      <button\n        type=\"button\"\n        class=\"a-btn a-btn--primary\"\n        cdkOverlayOrigin\n        #trigger=\"cdkOverlayOrigin\"\n        id=\"options\"\n        aria-controls=\"IDpanel\"\n        aria-expanded=\"false\"\n        (click)=\"openDropdown($event)\"\n      >\n        @if (displayLabels) {\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.options' | i18n }}</span>\n          <span>{{ '@pry.toolbox.options' | i18n }}</span>\n          <pry-icon [width]=\"10\" [height]=\"13\" iconSvg=\"chevron_bottom\"></pry-icon>\n        }\n      </button>\n    </li>\n    <ng-template\n      cdkConnectedOverlay\n      [cdkConnectedOverlayOrigin]=\"trigger\"\n      [cdkConnectedOverlayOpen]=\"isDropdownOpen\"\n      [cdkConnectedOverlayHasBackdrop]=\"true\"\n      cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n      [cdkConnectedOverlayPositions]=\"dropdownPosition\"\n      [cdkConnectedOverlayOffsetY]=\"5\"\n      (backdropClick)=\"isDropdownOpen = false\"\n    >\n      <div class=\"o-draggable-menu -dropdown\" aria-labelledby=\"\">\n        <ul class=\"o-draggable-menu__list\">\n          @for (action of dropdownActions$ | async; track action.name) {\n            @if (action.visible) {\n              <li class=\"o-draggable-menu__list__item\" [style.order]=\"getOrder(action.name)\">\n                <pry-toolbox-action-instanciator\n                  [action]=\"action\"\n                  [displayLabels]=\"displayLabels\"\n                  (closeOptions)=\"closeDropdown($event)\"\n                ></pry-toolbox-action-instanciator>\n              </li>\n            }\n          }\n        </ul>\n      </div>\n    </ng-template>\n  }\n\n  @if (showEditToggle$ | async) {\n    @if (isManualMode$ | async) {\n      <li class=\"m-actions-list__item\">\n        <pry-edit-mode-toggle\n          *pryAccess=\"{ module: 'dashboard', page: 'toolbox', action: 'edit_dashboard' }\"\n          [displayLabels]=\"displayLabels\"\n        ></pry-edit-mode-toggle>\n      </li>\n    }\n  }\n</ul>\n", dependencies: [{ kind: "directive", type: i2.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "directive", type: i3.PryAccessDirective, selector: "[pryAccess]", inputs: ["pryAccess"] }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: ToolboxActionInstanciatorComponent, selector: "pry-toolbox-action-instanciator", inputs: ["displayLabels", "action"], outputs: ["closeOptions"] }, { kind: "component", type: EditModeToggleComponent, selector: "pry-edit-mode-toggle" }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ToolboxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-toolbox', template: "<ul class=\"m-actions-list\" #input>\n  @for (action of mainActions$ | async; track action.name) {\n    @if (action.visible) {\n      <li class=\"m-actions-list__item -{{action.name}}\" *pryAccess=\"action.access\">\n        <pry-toolbox-action-instanciator\n          [action]=\"action\"\n          [displayLabels]=\"displayLabels\"\n        ></pry-toolbox-action-instanciator>\n      </li>\n    }\n  }\n  @if (showDropdownButton$ | async) {\n    <li class=\"m-actions-list__item\">\n      <button\n        type=\"button\"\n        class=\"a-btn a-btn--primary\"\n        cdkOverlayOrigin\n        #trigger=\"cdkOverlayOrigin\"\n        id=\"options\"\n        aria-controls=\"IDpanel\"\n        aria-expanded=\"false\"\n        (click)=\"openDropdown($event)\"\n      >\n        @if (displayLabels) {\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.options' | i18n }}</span>\n          <span>{{ '@pry.toolbox.options' | i18n }}</span>\n          <pry-icon [width]=\"10\" [height]=\"13\" iconSvg=\"chevron_bottom\"></pry-icon>\n        }\n      </button>\n    </li>\n    <ng-template\n      cdkConnectedOverlay\n      [cdkConnectedOverlayOrigin]=\"trigger\"\n      [cdkConnectedOverlayOpen]=\"isDropdownOpen\"\n      [cdkConnectedOverlayHasBackdrop]=\"true\"\n      cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n      [cdkConnectedOverlayPositions]=\"dropdownPosition\"\n      [cdkConnectedOverlayOffsetY]=\"5\"\n      (backdropClick)=\"isDropdownOpen = false\"\n    >\n      <div class=\"o-draggable-menu -dropdown\" aria-labelledby=\"\">\n        <ul class=\"o-draggable-menu__list\">\n          @for (action of dropdownActions$ | async; track action.name) {\n            @if (action.visible) {\n              <li class=\"o-draggable-menu__list__item\" [style.order]=\"getOrder(action.name)\">\n                <pry-toolbox-action-instanciator\n                  [action]=\"action\"\n                  [displayLabels]=\"displayLabels\"\n                  (closeOptions)=\"closeDropdown($event)\"\n                ></pry-toolbox-action-instanciator>\n              </li>\n            }\n          }\n        </ul>\n      </div>\n    </ng-template>\n  }\n\n  @if (showEditToggle$ | async) {\n    @if (isManualMode$ | async) {\n      <li class=\"m-actions-list__item\">\n        <pry-edit-mode-toggle\n          *pryAccess=\"{ module: 'dashboard', page: 'toolbox', action: 'edit_dashboard' }\"\n          [displayLabels]=\"displayLabels\"\n        ></pry-edit-mode-toggle>\n      </li>\n    }\n  }\n</ul>\n" }]
-        }], ctorParameters: () => [{ type: i1.Store }, { type: i3$1.PryBaseAccess, decorators: [{
+        }], ctorParameters: () => [{ type: i1.Store }, { type: i3.PryBaseAccess, decorators: [{
                     type: Optional
                 }, {
                     type: Inject,