@provoly/dashboard 0.13.11 → 0.13.13

package/fesm2022/provoly-dashboard-toolbox.mjs

@@ -5,11 +5,11 @@ import { OverlayConfig, OverlayModule } from '@angular/cdk/overlay';
 import * as i3 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, Input, Output, ViewEncapsulation, TemplateRef, ViewContainerRef, ViewChild, NgModule } from '@angular/core';
+import { EventEmitter, Component, Input, Output, ViewEncapsulation, TemplateRef, ViewContainerRef, ViewChild, Optional, Inject, 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, PryVisibilityType, LibraryTypes, ViewMode, DashboardGridLayout, WidgetPlacementUtils, ManifestUtils, SearchActions, PryOverlayModule, PryCoreModule, PryDashboardModule, PrySelectModule, PryIconModule, PryToggleModule, PryShareModule, PryI18nModule } from '@provoly/dashboard';
+import { SubscriptionnerDirective, DashboardActions, ConfigActions, DashboardSelectors, DataSourceSelectors, ClassSelectors, FieldSelectors, FieldType, NamedQueryTypes, DataSourceActions, MIME_TYPE_RESULTSET, PryVisibilityType, LibraryTypes, ViewMode, DashboardGridLayout, WidgetPlacementUtils, ManifestUtils, SearchActions, PRY_ACCESS_TOKEN, PryOverlayModule, PryCoreModule, PryDashboardModule, PrySelectModule, PryIconModule, PryToggleModule, PryShareModule, PryI18nModule } from '@provoly/dashboard';
 import * as i6 from '@provoly/dashboard/components/checkbox';
 import { PryCheckboxModule } from '@provoly/dashboard/components/checkbox';
 import * as i7$1 from '@provoly/dashboard/components/stepper';
@@ -17,7 +17,7 @@ import { PryStepperModule } from '@provoly/dashboard/components/stepper';
 import * as i1 from '@ngrx/store';
 import * as i3$2 from '@angular/cdk/bidi';
 import { TemplatePortal } from '@angular/cdk/portal';
-import { BehaviorSubject, combineLatest, map, take } from 'rxjs';
+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';
@@ -662,38 +662,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
                 args: ['openModal']
             }] } });
 
-class RefreshDatasetsComponent extends ToolboxActionComponent {
-    constructor(store) {
-        super(store);
-        this.datasetCount = 0;
-        this.manifest$ = this.store.select(DashboardSelectors.globalManifest);
-        this.subscriptions.add(this.manifest$.subscribe((manifest) => (this.manifest = manifest)));
-        this.subscriptions.add(this.manifest$.subscribe((manifest) => (this.datasetCount =
-            [
-                ...new Set(manifest?.windows
-                    .map((window) => window.widgets.map((widget) => widget.datasource))
-                    .flat(3)
-                    .filter((dataset) => !!dataset))
-            ].length ?? 0)));
-    }
-    refresh() {
-        if (this.manifest) {
-            ManifestUtils.getDatasourcesUsedByManifest(this.manifest).forEach((datasetId) => {
-                if (datasetId) {
-                    this.store.dispatch(SearchActions.getDatasourceItems({ id: datasetId }));
-                }
-            });
-        }
-        this.close();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: RefreshDatasetsComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: RefreshDatasetsComponent, selector: "pry-refresh-datasets", usesInheritance: true, ngImport: i0, template: "<div [pryTooltip]=\"infoTooltip\" pryTooltipPosition=\"bottom\" aria-describedby=\"infoTooltip_launchTab\">\n  <button type=\"button\" class=\"a-btn a-btn--secondary -size-md\" (click)=\"refresh()\" [disabled]=\"datasetCount < 1\">\n    <ng-container *ngIf=\"displayLabels\">\n      {{ '@pry.toolbox.refresh' | i18n }}\n    </ng-container>\n    <pry-icon iconSvg=\"synchro\"></pry-icon>\n  </button>\n</div>\n\n<ng-template #infoTooltip>\n  <div class=\"m-tooltip\" role=\"tooltip\" id=\"infoTooltip_launchTab\">\n    <span class=\"m-tooltip__text\">{{ '@pry.toolbox.refresh' | i18n }}</span>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.PryTooltipDirective, selector: "[pryTooltip]", inputs: ["pryTooltip", "styleReversed", "pryTooltipContext", "pryTooltipPosition", "pryTooltipShowDelay"] }, { 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" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: RefreshDatasetsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'pry-refresh-datasets', template: "<div [pryTooltip]=\"infoTooltip\" pryTooltipPosition=\"bottom\" aria-describedby=\"infoTooltip_launchTab\">\n  <button type=\"button\" class=\"a-btn a-btn--secondary -size-md\" (click)=\"refresh()\" [disabled]=\"datasetCount < 1\">\n    <ng-container *ngIf=\"displayLabels\">\n      {{ '@pry.toolbox.refresh' | i18n }}\n    </ng-container>\n    <pry-icon iconSvg=\"synchro\"></pry-icon>\n  </button>\n</div>\n\n<ng-template #infoTooltip>\n  <div class=\"m-tooltip\" role=\"tooltip\" id=\"infoTooltip_launchTab\">\n    <span class=\"m-tooltip__text\">{{ '@pry.toolbox.refresh' | i18n }}</span>\n  </div>\n</ng-template>\n" }]
-        }], ctorParameters: function () { return [{ type: i1.Store }]; } });
-
 class AutomateRefreshComponent extends ToolboxActionComponent {
     constructor(store, overlay, viewContainerRef) {
         super(store);
@@ -785,6 +753,38 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
                 args: ['refreshRateList', { read: TemplateRef }]
             }] } });
 
+class RefreshDatasetsComponent extends ToolboxActionComponent {
+    constructor(store) {
+        super(store);
+        this.datasetCount = 0;
+        this.manifest$ = this.store.select(DashboardSelectors.globalManifest);
+        this.subscriptions.add(this.manifest$.subscribe((manifest) => (this.manifest = manifest)));
+        this.subscriptions.add(this.manifest$.subscribe((manifest) => (this.datasetCount =
+            [
+                ...new Set(manifest?.windows
+                    .map((window) => window.widgets.map((widget) => widget.datasource))
+                    .flat(3)
+                    .filter((dataset) => !!dataset))
+            ].length ?? 0)));
+    }
+    refresh() {
+        if (this.manifest) {
+            ManifestUtils.getDatasourcesUsedByManifest(this.manifest).forEach((datasetId) => {
+                if (datasetId) {
+                    this.store.dispatch(SearchActions.getDatasourceItems({ id: datasetId }));
+                }
+            });
+        }
+        this.close();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: RefreshDatasetsComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: RefreshDatasetsComponent, selector: "pry-refresh-datasets", usesInheritance: true, ngImport: i0, template: "<div [pryTooltip]=\"infoTooltip\" pryTooltipPosition=\"bottom\" aria-describedby=\"infoTooltip_launchTab\">\n  <button type=\"button\" class=\"a-btn a-btn--secondary -size-md\" (click)=\"refresh()\" [disabled]=\"datasetCount < 1\">\n    <ng-container *ngIf=\"displayLabels\">\n      {{ '@pry.toolbox.refresh' | i18n }}\n    </ng-container>\n    <pry-icon iconSvg=\"synchro\"></pry-icon>\n  </button>\n</div>\n\n<ng-template #infoTooltip>\n  <div class=\"m-tooltip\" role=\"tooltip\" id=\"infoTooltip_launchTab\">\n    <span class=\"m-tooltip__text\">{{ '@pry.toolbox.refresh' | i18n }}</span>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.PryTooltipDirective, selector: "[pryTooltip]", inputs: ["pryTooltip", "styleReversed", "pryTooltipContext", "pryTooltipPosition", "pryTooltipShowDelay"] }, { 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" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: RefreshDatasetsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pry-refresh-datasets', template: "<div [pryTooltip]=\"infoTooltip\" pryTooltipPosition=\"bottom\" aria-describedby=\"infoTooltip_launchTab\">\n  <button type=\"button\" class=\"a-btn a-btn--secondary -size-md\" (click)=\"refresh()\" [disabled]=\"datasetCount < 1\">\n    <ng-container *ngIf=\"displayLabels\">\n      {{ '@pry.toolbox.refresh' | i18n }}\n    </ng-container>\n    <pry-icon iconSvg=\"synchro\"></pry-icon>\n  </button>\n</div>\n\n<ng-template #infoTooltip>\n  <div class=\"m-tooltip\" role=\"tooltip\" id=\"infoTooltip_launchTab\">\n    <span class=\"m-tooltip__text\">{{ '@pry.toolbox.refresh' | i18n }}</span>\n  </div>\n</ng-template>\n" }]
+        }], ctorParameters: function () { return [{ type: i1.Store }]; } });
+
 const ACTIONS = [
     {
         name: 'filter_settings',
@@ -796,13 +796,13 @@ const ACTIONS = [
         name: 'save_view',
         component: SaveViewComponent,
         visible: true,
-        access: { module: 'dashboard', page: 'toolbox', action: 'save_view' }
+        access: { module: 'dashboard', page: 'toolbox', action: 'save' }
     },
     {
         name: 'save_view_as',
         component: SaveViewComponent,
         visible: true,
-        access: { module: 'dashboard', page: 'toolbox', action: 'save_view_as' }
+        access: { module: 'dashboard', page: 'toolbox', action: 'save' }
     },
     {
         name: 'new_tab',
@@ -898,7 +898,8 @@ class ToolboxComponent {
     set dropdownActions(dropdownActions) {
         this._dropdownActions$.next(dropdownActions);
     }
-    constructor(store) {
+    constructor(store, role) {
+        this.role = role;
         this.actions$ = new BehaviorSubject(ACTIONS);
         this._dropdownActions$ = new BehaviorSubject([]);
         this.displayLabels = true;
@@ -909,17 +910,20 @@ class ToolboxComponent {
             .pipe(map((pres) => (pres.grid?.layout ?? DashboardGridLayout.MANUAL) === DashboardGridLayout.MANUAL));
     }
     ngOnInit() {
-        this.allActions$ = combineLatest([this.actions$, this.hasInitialPresentation$]).pipe(map(([actions, hasInitialPresentation]) => {
-            return actions.map((action) => {
-                if (action.name === 'save_view') {
-                    action = { ...action, visible: action.visible && hasInitialPresentation };
-                }
-                return action;
-            });
-        }));
+        this.allActions$ = combineLatest([this.actions$, this.hasInitialPresentation$]).pipe(switchMap(([actions, hasInitialPresentation]) => combineLatest(actions.map((action) => this.role
+            ? this.role.hasRole(null, action.access.module, action.access.page, action.access.action).pipe(map((hasRole) => ({
+                ...action,
+                visible: action.visible &&
+                    (action.name !== 'save_view' || hasInitialPresentation) &&
+                    (!this.role || hasRole)
+            })))
+            : of({
+                ...action,
+                visible: action.visible && (action.name !== 'save_view' || hasInitialPresentation)
+            })))));
         this.mainActions$ = combineLatest([this._dropdownActions$, this.allActions$]).pipe(map(([dropdownActions, actions]) => actions.filter((action) => !dropdownActions.find((dropdownAction) => action.name === dropdownAction.name))));
         this.dropdownActions$ = combineLatest([this._dropdownActions$, this.allActions$]).pipe(map(([dropdownActions, actions]) => actions.filter((action) => !!dropdownActions.find((dropdownAction) => action.name === dropdownAction.name))));
-        this.showDropdownButton$ = this.dropdownActions$.pipe(map((actions) => actions.length > 0 && actions.filter((action) => action.visible).length > 0));
+        this.showDropdownButton$ = this.dropdownActions$.pipe(map((actions) => actions.filter((action) => action.visible).length > 0));
     }
     openDropdown($event) {
         this.isDropdownOpen = true;
@@ -933,13 +937,18 @@ class ToolboxComponent {
     getOrder(actionName) {
         return this._dropdownActions$.getValue().find((action) => actionName === action.name)?.order;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ToolboxComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: ToolboxComponent, selector: "pry-toolbox", inputs: { displayLabels: "displayLabels", actions: "actions", dropdownActions: "dropdownActions" }, ngImport: i0, template: "<ul class=\"m-actions-list\" #input>\n  <ng-container *ngFor=\"let action of mainActions$ | async\">\n    <ng-container *ngIf=\"action.visible\">\n      <li class=\"m-actions-list__item\" *pryAccess=\"action.access\">\n        <pry-toolbox-action-instanciator\n          [action]=\"action\"\n          [displayLabels]=\"displayLabels\"\n        ></pry-toolbox-action-instanciator>\n      </li>\n    </ng-container>\n  </ng-container>\n  <ng-container *ngIf=\"showDropdownButton$ | async\">\n    <li class=\"m-actions-list__item\">\n      <button\n        type=\"button\"\n        class=\"a-btn a-btn--primary -size-md\"\n        cdkOverlayOrigin\n        #trigger=\"cdkOverlayOrigin\"\n        id=\"options\"\n        aria-controls=\"IDpanel\"\n        aria-expanded=\"false\"\n        (click)=\"openDropdown($event)\"\n      >\n        <ng-container *ngIf=\"displayLabels\"\n          ><span class=\"u-visually-hidden\">{{ '@pry.toolbox.options' | i18n }}</span>\n          <span>{{ '@pry.toolbox.options' | i18n }}</span>\n          <pry-icon [width]=\"14\" [height]=\"14\" iconSvg=\"chevron_bottom\"></pry-icon>\n        </ng-container>\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      (backdropClick)=\"isDropdownOpen = false\"\n    >\n      <div class=\"o-draggable-menu\" aria-labelledby=\"\">\n        <ul class=\"o-draggable-menu__list\">\n          <li\n            *ngFor=\"let action of dropdownActions$ | async\"\n            class=\"o-draggable-menu__list__item\"\n            [style.order]=\"getOrder(action.name)\"\n          >\n            <ng-container *ngIf=\"action.visible\">\n              <pry-toolbox-action-instanciator\n                [action]=\"action\"\n                [displayLabels]=\"displayLabels\"\n                (closeOptions)=\"closeDropdown($event)\"\n              ></pry-toolbox-action-instanciator>\n            </ng-container>\n          </li>\n        </ul>\n      </div>\n    </ng-template>\n  </ng-container>\n  <li class=\"m-actions-list__item\" *ngIf=\"isManualMode$ | async\">\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</ul>\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"], 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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ToolboxComponent, deps: [{ token: i1.Store }, { token: PRY_ACCESS_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: ToolboxComponent, selector: "pry-toolbox", inputs: { displayLabels: "displayLabels", actions: "actions", dropdownActions: "dropdownActions" }, ngImport: i0, template: "<ul class=\"m-actions-list\" #input>\n  <ng-container *ngFor=\"let action of mainActions$ | async\">\n    <ng-container *ngIf=\"action.visible\">\n      <li class=\"m-actions-list__item\" *pryAccess=\"action.access\">\n        <pry-toolbox-action-instanciator\n          [action]=\"action\"\n          [displayLabels]=\"displayLabels\"\n        ></pry-toolbox-action-instanciator>\n      </li>\n    </ng-container>\n  </ng-container>\n  <ng-container *ngIf=\"showDropdownButton$ | async\">\n    <li class=\"m-actions-list__item\">\n      <button\n        type=\"button\"\n        class=\"a-btn a-btn--primary -size-md\"\n        cdkOverlayOrigin\n        #trigger=\"cdkOverlayOrigin\"\n        id=\"options\"\n        aria-controls=\"IDpanel\"\n        aria-expanded=\"false\"\n        (click)=\"openDropdown($event)\"\n      >\n        <ng-container *ngIf=\"displayLabels\"\n          ><span class=\"u-visually-hidden\">{{ '@pry.toolbox.options' | i18n }}</span>\n          <span>{{ '@pry.toolbox.options' | i18n }}</span>\n          <pry-icon [width]=\"14\" [height]=\"14\" iconSvg=\"chevron_bottom\"></pry-icon>\n        </ng-container>\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      (backdropClick)=\"isDropdownOpen = false\"\n    >\n      <div class=\"o-draggable-menu\" aria-labelledby=\"\">\n        <ul class=\"o-draggable-menu__list\">\n          <ng-container *ngFor=\"let action of dropdownActions$ | async\">\n            <ng-container *ngIf=\"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            </ng-container>\n          </ng-container>\n        </ul>\n      </div>\n    </ng-template>\n  </ng-container>\n  <li class=\"m-actions-list__item\" *ngIf=\"isManualMode$ | async\">\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</ul>\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"], 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" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ToolboxComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-toolbox', template: "<ul class=\"m-actions-list\" #input>\n  <ng-container *ngFor=\"let action of mainActions$ | async\">\n    <ng-container *ngIf=\"action.visible\">\n      <li class=\"m-actions-list__item\" *pryAccess=\"action.access\">\n        <pry-toolbox-action-instanciator\n          [action]=\"action\"\n          [displayLabels]=\"displayLabels\"\n        ></pry-toolbox-action-instanciator>\n      </li>\n    </ng-container>\n  </ng-container>\n  <ng-container *ngIf=\"showDropdownButton$ | async\">\n    <li class=\"m-actions-list__item\">\n      <button\n        type=\"button\"\n        class=\"a-btn a-btn--primary -size-md\"\n        cdkOverlayOrigin\n        #trigger=\"cdkOverlayOrigin\"\n        id=\"options\"\n        aria-controls=\"IDpanel\"\n        aria-expanded=\"false\"\n        (click)=\"openDropdown($event)\"\n      >\n        <ng-container *ngIf=\"displayLabels\"\n          ><span class=\"u-visually-hidden\">{{ '@pry.toolbox.options' | i18n }}</span>\n          <span>{{ '@pry.toolbox.options' | i18n }}</span>\n          <pry-icon [width]=\"14\" [height]=\"14\" iconSvg=\"chevron_bottom\"></pry-icon>\n        </ng-container>\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      (backdropClick)=\"isDropdownOpen = false\"\n    >\n      <div class=\"o-draggable-menu\" aria-labelledby=\"\">\n        <ul class=\"o-draggable-menu__list\">\n          <li\n            *ngFor=\"let action of dropdownActions$ | async\"\n            class=\"o-draggable-menu__list__item\"\n            [style.order]=\"getOrder(action.name)\"\n          >\n            <ng-container *ngIf=\"action.visible\">\n              <pry-toolbox-action-instanciator\n                [action]=\"action\"\n                [displayLabels]=\"displayLabels\"\n                (closeOptions)=\"closeDropdown($event)\"\n              ></pry-toolbox-action-instanciator>\n            </ng-container>\n          </li>\n        </ul>\n      </div>\n    </ng-template>\n  </ng-container>\n  <li class=\"m-actions-list__item\" *ngIf=\"isManualMode$ | async\">\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</ul>\n" }]
-        }], ctorParameters: function () { return [{ type: i1.Store }]; }, propDecorators: { displayLabels: [{
+            args: [{ selector: 'pry-toolbox', template: "<ul class=\"m-actions-list\" #input>\n  <ng-container *ngFor=\"let action of mainActions$ | async\">\n    <ng-container *ngIf=\"action.visible\">\n      <li class=\"m-actions-list__item\" *pryAccess=\"action.access\">\n        <pry-toolbox-action-instanciator\n          [action]=\"action\"\n          [displayLabels]=\"displayLabels\"\n        ></pry-toolbox-action-instanciator>\n      </li>\n    </ng-container>\n  </ng-container>\n  <ng-container *ngIf=\"showDropdownButton$ | async\">\n    <li class=\"m-actions-list__item\">\n      <button\n        type=\"button\"\n        class=\"a-btn a-btn--primary -size-md\"\n        cdkOverlayOrigin\n        #trigger=\"cdkOverlayOrigin\"\n        id=\"options\"\n        aria-controls=\"IDpanel\"\n        aria-expanded=\"false\"\n        (click)=\"openDropdown($event)\"\n      >\n        <ng-container *ngIf=\"displayLabels\"\n          ><span class=\"u-visually-hidden\">{{ '@pry.toolbox.options' | i18n }}</span>\n          <span>{{ '@pry.toolbox.options' | i18n }}</span>\n          <pry-icon [width]=\"14\" [height]=\"14\" iconSvg=\"chevron_bottom\"></pry-icon>\n        </ng-container>\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      (backdropClick)=\"isDropdownOpen = false\"\n    >\n      <div class=\"o-draggable-menu\" aria-labelledby=\"\">\n        <ul class=\"o-draggable-menu__list\">\n          <ng-container *ngFor=\"let action of dropdownActions$ | async\">\n            <ng-container *ngIf=\"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            </ng-container>\n          </ng-container>\n        </ul>\n      </div>\n    </ng-template>\n  </ng-container>\n  <li class=\"m-actions-list__item\" *ngIf=\"isManualMode$ | async\">\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</ul>\n" }]
+        }], ctorParameters: function () { return [{ type: i1.Store }, { type: i3$1.PryBaseAccess, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [PRY_ACCESS_TOKEN]
+                }] }]; }, propDecorators: { displayLabels: [{
                 type: Input
             }], actions: [{
                 type: Input