@provoly/dashboard 1.1.7 → 1.1.9

package/fesm2022/provoly-dashboard-presentation.mjs

@@ -5,7 +5,7 @@ import { EventEmitter, Component, Optional, Input, Output, ViewEncapsulation, Te
 import * as i4$1 from '@angular/forms';
 import { FormGroup, FormControl, Validators, ReactiveFormsModule, FormsModule } from '@angular/forms';
 import * as i4 from '@provoly/dashboard';
-import { SubscriptionnerDirective, DEFAULT_DASHBOARD_ICON_URL, LibraryTypes, DashboardGridLayout, DashboardSelectors, DashboardActions, ViewMode, WidgetPlacementUtils, DataSourceSelectors, getCommonDatasourceGroupsForManifest, PRY_ACCESS_TOKEN, PryIconModule, PryCoreModule, PryDashboardModule, PrySelectModule, PryShareModule, PryOverlayModule, PryI18nModule } from '@provoly/dashboard';
+import { SubscriptionnerDirective, DEFAULT_DASHBOARD_ICON_URL, LibraryTypes, DashboardGridLayout, DashboardSelectors, DashboardActions, ViewMode, WidgetPlacementUtils, PryAccessRightsShareModalComponent, PRY_ACCESS_TOKEN, PryIconModule, PryCoreModule, PryDashboardModule, PrySelectModule, PryShareModule, PryOverlayModule, PryI18nModule } from '@provoly/dashboard';
 import { PryCheckboxModule } from '@provoly/dashboard/components/checkbox';
 import * as i9 from '@provoly/dashboard/components/sinceDate';
 import { PrySinceDateModule } from '@provoly/dashboard/components/sinceDate';
@@ -22,7 +22,6 @@ import { PryTextEditorModule } from '@provoly/dashboard/components/text-editor';
 import * as i2 from '@angular/cdk/overlay';
 import { OverlayConfig } from '@angular/cdk/overlay';
 import { TemplatePortal } from '@angular/cdk/portal';
-import equal from 'fast-deep-equal/es6';
 import { A11yModule } from '@angular/cdk/a11y';
 
 class PryAddEditPresentationComponent extends SubscriptionnerDirective {
@@ -235,7 +234,7 @@ class PryPresentationComponent extends SubscriptionnerDirective {
     set search(query) {
         this.inputSearch$.next(query);
     }
-    constructor(store, overlay, viewContainerRef, router, titleService, activatedRoute, ngZone, access) {
+    constructor(store, overlay, viewContainerRef, router, titleService, activatedRoute, ngZone, access, dialog) {
         super();
         this.store = store;
         this.overlay = overlay;
@@ -245,6 +244,7 @@ class PryPresentationComponent extends SubscriptionnerDirective {
         this.activatedRoute = activatedRoute;
         this.ngZone = ngZone;
         this.access = access;
+        this.dialog = dialog;
         this.selectedPresentation$ = new BehaviorSubject(null);
         this.selectedMode = ViewMode.CATALOG;
         this.modalOpened = false;
@@ -254,7 +254,6 @@ class PryPresentationComponent extends SubscriptionnerDirective {
         this.ViewMode = ViewMode;
         this.search$ = new BehaviorSubject('');
         this.listOfManifests$ = new BehaviorSubject(null);
-        this.disableShareButton$ = new BehaviorSubject(true);
         this.mode = 'meta';
         this.hideToolbox = false;
         this.inputSearch$ = new BehaviorSubject('');
@@ -285,14 +284,6 @@ class PryPresentationComponent extends SubscriptionnerDirective {
                     (!!inputSearchQuery && (name.includes(inputSearchQuery) || description?.includes(inputSearchQuery)))
                 : true;
         })));
-        this.allowedShareGroups$ = combineLatest([
-            this.selectedPresentation$,
-            this.store.select(DataSourceSelectors.datasets)
-        ]).pipe(map(([presentation, datasets]) => {
-            return presentation && presentation.datasource.length > 0
-                ? getCommonDatasourceGroupsForManifest(presentation, datasets)
-                : null;
-        }));
         this.subscriptions.add(this.store.select(DashboardSelectors.presentation).subscribe((presentation) => {
             this.selectedMode = presentation?.viewMode ?? this.ViewMode.CATALOG;
             this.selectedPresentation$.next(presentation.current ?? null);
@@ -367,54 +358,17 @@ class PryPresentationComponent extends SubscriptionnerDirective {
         }
     }
     toggleModal(presentation) {
-        this.modalOpened = !this.modalOpened;
-        if (this.modalOpened && presentation) {
-            this.toggleModalActions();
+        if (presentation) {
             this.selectedPresentation$.next(presentation);
             this.store.dispatch(DashboardActions.selectPresentation({ presentation, viewMode: ViewMode.CATALOG }));
-            /* we need to load manifest in order to be able to save it later */
-            this.store.dispatch(DashboardActions.loadManifest({ id: presentation.id }));
-            this.overlayRef = this.overlay.create(new OverlayConfig({
+            this.toggleModalActions();
+            this.dialog.open(PryAccessRightsShareModalComponent, {
                 hasBackdrop: true,
                 panelClass: ['o-modal-wrapper'],
-                backdropClass: 'backdrop'
-            }));
-            this.overlayRef.backdropClick().subscribe(() => this.toggleModal(presentation));
-            this.overlayRef.attach(new TemplatePortal(this.template, this.viewContainerRef));
-            setTimeout(() => {
-                const focus = this.visibilityModal.nativeElement.children[0].children[1].firstElementChild;
-                focus.focus();
-            }, 10);
-        }
-        else {
-            this.overlayRef?.dispose();
-            this.selectedPresentation$.next(null);
-            this.overlayRef = undefined;
-        }
-    }
-    changeVisibility(presentation) {
-        if (presentation) {
-            this.store.dispatch(DashboardActions.saveManifest({
-                id: presentation.id ?? '',
-                name: presentation.name ?? '',
-                description: presentation.description,
-                image: presentation.image ?? '',
-                accessRightsByGroup: this.accessRightsByGroup
-            }));
-        }
-        this.toggleModal(presentation);
-    }
-    focusCrossElement() {
-        if (this.crossVisibility) {
-            this.crossVisibility?.nativeElement.focus();
-        }
-        this.cross?.nativeElement.focus();
-    }
-    focusValidation() {
-        if (this.confirm) {
-            this.confirm.nativeElement.focus();
+                backdropClass: 'backdrop',
+                data: { manifest: presentation }
+            });
         }
-        this.submit.nativeElement.focus();
     }
     editContent(selectedPresentation) {
         this.store.dispatch(DashboardActions.loadPresentation({ presentation: selectedPresentation, viewMode: ViewMode.EDITION }));
@@ -422,61 +376,29 @@ class PryPresentationComponent extends SubscriptionnerDirective {
             this.router?.navigateByUrl(this.consultStartUrl);
         });
     }
-    updateAccessRights($event, presentation) {
-        this.accessRightsByGroup = $event;
-        this.updateDisableButtonValue(presentation);
-    }
-    updateDisableButtonValue(presentation) {
-        if (equal(this.accessRightsByGroup, presentation?.accessRightsByGroup)) {
-            this.disableShareButton$.next(true);
-        }
-        else {
-            if (this.disableShareButton$.getValue()) {
-                this.disableShareButton$.next(false);
-            }
-        }
-    }
     isPrivate(presentation) {
         return Object.keys(presentation.accessRightsByGroup).length === 0;
     }
     canModify$(presentation) {
         return !this.access ? of(false) : this.access.canModifyPresentation(presentation);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryPresentationComponent, deps: [{ token: i1.Store }, { token: i2.Overlay }, { token: i0.ViewContainerRef }, { token: i3.Router }, { token: i4.PryTitleService }, { token: i3.ActivatedRoute }, { token: i0.NgZone }, { token: PRY_ACCESS_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: PryPresentationComponent, selector: "pry-presentation", inputs: { editionStartUrl: "editionStartUrl", consultStartUrl: "consultStartUrl", meAsOwner: "meAsOwner", mode: "mode", listOfManifests: "listOfManifests", hideToolbox: "hideToolbox", search: "search" }, viewQueries: [{ propertyName: "templateModalActions", first: true, predicate: ["modalActions"], descendants: true, read: TemplateRef }, { propertyName: "template", first: true, predicate: ["modal"], descendants: true, read: TemplateRef }, { propertyName: "openModal", first: true, predicate: ["openModal"], descendants: true }, { propertyName: "confirm", first: true, predicate: ["confirm"], descendants: true }, { propertyName: "submit", first: true, predicate: ["submit"], descendants: true }, { propertyName: "cross", first: true, predicate: ["cross"], descendants: true }, { propertyName: "crossVisibility", first: true, predicate: ["crossVisibility"], descendants: true }, { propertyName: "visibilityModal", first: true, predicate: ["visibilityModal"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<pry-presentation-css></pry-presentation-css>\n<div class=\"o-manifest-layout\" [ngSwitch]=\"selectedMode\">\n  <ng-container *ngSwitchDefault>\n    <div class=\"o-manifest-layout__toolbox\" [class.-u-hidden]=\"hideToolbox\">\n      <button\n        class=\"a-btn a-btn--primary\"\n        type=\"button\"\n        (click)=\"creation()\"\n        *pryAccess=\"{ module: 'dashboard', page: 'manifest', action: 'create' }\"\n      >\n        <pry-icon iconSvg=\"add\"></pry-icon>\n        {{ '@pry.presentation.create' | i18n }}\n      </button>\n      <div>\n        <div class=\"o-manifest-layout__toolbox__search\">\n          <label id=\"catalog-search-label\" for=\"catalog-search\" class=\"u-visually-hidden\">\n            <span>{{ '@pry.toolbox.catalog.filter.name' | i18n }}</span>\n          </label>\n          <input\n            id=\"catalog-search\"\n            type=\"text\"\n            class=\"a-form-field\"\n            [placeholder]=\"'@pry.presentation.search' | i18n\"\n            [ngModel]=\"search$ | async\"\n            (ngModelChange)=\"this.search$.next($event)\"\n          />\n          <pry-icon class=\"search-icon\" iconSvg=\"search\" [width]=\"17\" [height]=\"17\"></pry-icon>\n        </div>\n      </div>\n    </div>\n    <div class=\"o-manifest-layout__content\">\n      <h1 class=\"a-h1\">{{ '@pry.presentation.title' | i18n }}</h1>\n      <div class=\"o-presentation-wrapper\">\n        <ul class=\"o-presentation\">\n          <li\n            class=\"o-presentation__item\"\n            *ngFor=\"let presentation of filteredPresentations$ | async; let index = index\"\n          >\n            <div class=\"o-presentation__item__header\">\n              <ng-container *ngIf=\"isPrivate(presentation)\">\n                <pry-icon\n                  iconSvg=\"private\"\n                  class=\"is-private a-tooltip -tooltip-no-wrap\"\n                  [attr.data-tooltip]=\"'@pry.presentation.private' | i18n\"\n                  [height]=\"17\"\n                  [width]=\"17\"\n                ></pry-icon>\n              </ng-container>\n              <div\n                class=\"a-tooltip -tooltip-no-wrap\"\n                (click)=\"fetch(presentation)\"\n                [attr.data-tooltip]=\"'@pry.presentation.view' | i18n\"\n              >\n                <div class=\"o-presentation__item__image\">\n                  <img alt=\"\" class=\"is-full-width\" [src]=\"presentation.image | getSecuredImage | async\" />\n                </div>\n              </div>\n              <ng-container *ngIf=\"this.canModify$(presentation) | async\">\n                <div class=\"more-button\" *pryAccess=\"{ module: 'dashboard', page: 'manifest', action: 'share' }\">\n                  <button\n                    type=\"button\"\n                    class=\"a-btn a-btn--more a-tooltip -tooltip-no-wrap\"\n                    [id]=\"'more-button-' + index\"\n                    [attr.data-tooltip]=\"'@pry.restitution.more' | i18n\"\n                    (click)=\"$event.stopPropagation(); toggleModalActions(presentation, button)\"\n                    #button\n                  >\n                    <pry-icon [height]=\"25\" [width]=\"25\" iconSvg=\"more_horiz\"></pry-icon>\n                  </button>\n                </div>\n              </ng-container>\n            </div>\n            <div class=\"o-presentation__item__txt\" (click)=\"fetch(presentation)\">\n              <div class=\"o-presentation__item__title-container\" ellipsis textElementSelector=\".a-h3\">\n                <h3 class=\"a-h3\">{{ presentation.name }}</h3>\n              </div>\n              <div class=\"o-presentation__item__description-container\" ellipsis textElementSelector=\".a-p\">\n                <div class=\"o-presentation__item__description a-p\">\n                  {{ presentation.description }}\n                </div>\n              </div>\n              <p class=\"a-p -date\">{{ presentation.modificationDate | sinceDate }}</p>\n            </div>\n            <div\n              class=\"o-presentation__item__footer a-tooltip -tooltip-no-wrap\"\n              (click)=\"fetch(presentation)\"\n              [attr.data-tooltip]=\"'@pry.presentation.view' | i18n\"\n            >\n              <button class=\"a-btn\">\n                {{ '@pry.presentation.consult' | i18n }}\n                <pry-icon [width]=\"20\" [height]=\"20\" iconSvg=\"arrow_right\"></pry-icon>\n              </button>\n            </div>\n          </li>\n        </ul>\n      </div>\n    </div>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"ViewMode.CREATION\">\n    <pry-add-edit-presentation\n      [selectedPresentation]=\"selectedPresentation$ | async\"\n      (goBack)=\"closeRestitution()\"\n      [editionStartUrl]=\"editionStartUrl\"\n      [edition]=\"false\"\n      [mode]=\"mode\"\n    ></pry-add-edit-presentation>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"ViewMode.EDITION\">\n    <pry-add-edit-presentation\n      [selectedPresentation]=\"selectedPresentation$ | async\"\n      (goBack)=\"closeRestitution()\"\n      [editionStartUrl]=\"editionStartUrl\"\n      [edition]=\"true\"\n      [mode]=\"mode\"\n    ></pry-add-edit-presentation>\n  </ng-container>\n</div>\n\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=\"selectedPresentation$ | async as selectedPresentation\"\n  >\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">{{ '@pry.toolbox.shareAccessRights' | i18n }}</h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button\n          class=\"a-btn a-btn--icon-only\"\n          #crossVisibility\n          (keydown.shift.tab)=\"focusValidation()\"\n          (click)=\"toggleModal()\"\n        >\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <pry-access-rights-share\n      [ngModel]=\"selectedPresentation.accessRightsByGroup\"\n      (ngModelChange)=\"updateAccessRights($event, selectedPresentation)\"\n      [manifestDescription]=\"selectedPresentation\"\n      [allowedGroups]=\"allowedShareGroups$ | async\"\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\n        type=\"submit\"\n        class=\"a-btn a-btn--primary\"\n        #submit\n        (keydown.tab)=\"focusCrossElement()\"\n        (click)=\"changeVisibility(selectedPresentation)\"\n        [disabled]=\"disableShareButton$ | async\"\n      >\n        {{ '@pry.toolbox.manifest.check' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n<ng-template #modalActions>\n  <div class=\"m-context-menu\">\n    <ul\n      class=\"m-context-menu__list\"\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-labelledby=\"dialog presentation options\"\n      *ngIf=\"selectedPresentation$ | async as selectedPresentation\"\n    >\n      <li class=\"m-context-menu__list__item\">\n        <button\n          class=\"a-btn -link-like\"\n          (click)=\"edit(selectedPresentation)\"\n          [disabled]=\"!(this.canModify$(selectedPresentation) | async)\"\n          *pryAccess=\"{ module: 'dashboard', page: 'manifest', action: 'edit' }\"\n        >\n          {{ '@pry.presentation.edition' | i18n }}\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\">\n        <button\n          class=\"a-btn -link-like\"\n          (click)=\"editContent(selectedPresentation)\"\n          [disabled]=\"!(this.canModify$(selectedPresentation) | async)\"\n          *pryAccess=\"{ module: 'dashboard', page: 'manifest', action: 'edit' }\"\n        >\n          {{ '@pry.presentation.editionContent' | i18n }}\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\">\n        <button\n          (click)=\"toggleModal(selectedPresentation)\"\n          class=\"a-btn -link-like\"\n          aria-haspopup=\"dialog\"\n          [disabled]=\"!(this.canModify$(selectedPresentation) | async)\"\n          *pryAccess=\"{ module: 'dashboard', page: 'manifest', action: 'share' }\"\n        >\n          {{ '@pry.presentation.share' | i18n }}\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\">\n        <button\n          class=\"a-btn -link-like\"\n          #openModal\n          (click)=\"delete(selectedPresentation.id)\"\n          [disabled]=\"!(this.canModify$(selectedPresentation) | async)\"\n          *pryAccess=\"{ module: 'dashboard', page: 'manifest', action: 'delete' }\"\n        >\n          {{ '@pry.presentation.delete' | i18n }}\n        </button>\n      </li>\n    </ul>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "component", type: i4.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i4.PryAccessDirective, selector: "[pryAccess]", inputs: ["pryAccess"] }, { kind: "directive", type: i4.EllipsisDirective, selector: "[ellipsis]", inputs: ["textElementSelector"] }, { kind: "directive", type: i4$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i4.PryAccessRightsShareComponent, selector: "pry-access-rights-share", inputs: ["manifestDescription", "allowedGroups"] }, { kind: "directive", type: i4$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i6.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i6.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: PryAddEditPresentationComponent, selector: "pry-add-edit-presentation", inputs: ["edition", "editionStartUrl", "selectedPresentation", "mode"], outputs: ["goBack"] }, { kind: "component", type: PryPresentationCssComponent, selector: "pry-presentation-css" }, { kind: "pipe", type: i4.GetSecuredImagePipe, name: "getSecuredImage" }, { kind: "pipe", type: i9.PrySinceDatePipe, name: "sinceDate" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryPresentationComponent, deps: [{ token: i1.Store }, { token: i2.Overlay }, { token: i0.ViewContainerRef }, { token: i3.Router }, { token: i4.PryTitleService }, { token: i3.ActivatedRoute }, { token: i0.NgZone }, { token: PRY_ACCESS_TOKEN, optional: true }, { token: i4.PryDialogService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: PryPresentationComponent, selector: "pry-presentation", inputs: { editionStartUrl: "editionStartUrl", consultStartUrl: "consultStartUrl", meAsOwner: "meAsOwner", mode: "mode", listOfManifests: "listOfManifests", hideToolbox: "hideToolbox", search: "search" }, viewQueries: [{ propertyName: "templateModalActions", first: true, predicate: ["modalActions"], descendants: true, read: TemplateRef }, { propertyName: "openModal", first: true, predicate: ["openModal"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<pry-presentation-css></pry-presentation-css>\n<div class=\"o-manifest-layout\" [ngSwitch]=\"selectedMode\">\n  <ng-container *ngSwitchDefault>\n    <div class=\"o-manifest-layout__toolbox\" [class.-u-hidden]=\"hideToolbox\">\n      <button\n        class=\"a-btn a-btn--primary\"\n        type=\"button\"\n        (click)=\"creation()\"\n        *pryAccess=\"{ module: 'dashboard', page: 'manifest', action: 'create' }\"\n      >\n        <pry-icon iconSvg=\"add\"></pry-icon>\n        {{ '@pry.presentation.create' | i18n }}\n      </button>\n      <div>\n        <div class=\"o-manifest-layout__toolbox__search\">\n          <label id=\"catalog-search-label\" for=\"catalog-search\" class=\"u-visually-hidden\">\n            <span>{{ '@pry.toolbox.catalog.filter.name' | i18n }}</span>\n          </label>\n          <input\n            id=\"catalog-search\"\n            type=\"text\"\n            class=\"a-form-field\"\n            [placeholder]=\"'@pry.presentation.search' | i18n\"\n            [ngModel]=\"search$ | async\"\n            (ngModelChange)=\"this.search$.next($event)\"\n          />\n          <pry-icon class=\"search-icon\" iconSvg=\"search\" [width]=\"17\" [height]=\"17\"></pry-icon>\n        </div>\n      </div>\n    </div>\n    <div class=\"o-manifest-layout__content\">\n      <h1 class=\"a-h1\">{{ '@pry.presentation.title' | i18n }}</h1>\n      <div class=\"o-presentation-wrapper\">\n        <ul class=\"o-presentation\">\n          <li\n            class=\"o-presentation__item\"\n            *ngFor=\"let presentation of filteredPresentations$ | async; let index = index\"\n          >\n            <div class=\"o-presentation__item__header\">\n              <ng-container *ngIf=\"isPrivate(presentation)\">\n                <pry-icon\n                  iconSvg=\"private\"\n                  class=\"is-private a-tooltip -tooltip-no-wrap\"\n                  [attr.data-tooltip]=\"'@pry.presentation.private' | i18n\"\n                  [height]=\"17\"\n                  [width]=\"17\"\n                ></pry-icon>\n              </ng-container>\n              <div\n                class=\"a-tooltip -tooltip-no-wrap\"\n                (click)=\"fetch(presentation)\"\n                [attr.data-tooltip]=\"'@pry.presentation.view' | i18n\"\n              >\n                <div class=\"o-presentation__item__image\">\n                  <img alt=\"\" class=\"is-full-width\" [src]=\"presentation.image | getSecuredImage | async\" />\n                </div>\n              </div>\n              <ng-container *ngIf=\"this.canModify$(presentation) | async\">\n                <div class=\"more-button\" *pryAccess=\"{ module: 'dashboard', page: 'manifest', action: 'share' }\">\n                  <button\n                    type=\"button\"\n                    class=\"a-btn a-btn--more a-tooltip -tooltip-no-wrap\"\n                    [id]=\"'more-button-' + index\"\n                    [attr.data-tooltip]=\"'@pry.restitution.more' | i18n\"\n                    (click)=\"$event.stopPropagation(); toggleModalActions(presentation, button)\"\n                    #button\n                  >\n                    <pry-icon [height]=\"25\" [width]=\"25\" iconSvg=\"more_horiz\"></pry-icon>\n                  </button>\n                </div>\n              </ng-container>\n            </div>\n            <div class=\"o-presentation__item__txt\" (click)=\"fetch(presentation)\">\n              <div class=\"o-presentation__item__title-container\" ellipsis textElementSelector=\".a-h3\">\n                <h3 class=\"a-h3\">{{ presentation.name }}</h3>\n              </div>\n              <div class=\"o-presentation__item__description-container\" ellipsis textElementSelector=\".a-p\">\n                <div class=\"o-presentation__item__description a-p\">\n                  {{ presentation.description }}\n                </div>\n              </div>\n              <p class=\"a-p -date\">{{ presentation.modificationDate | sinceDate }}</p>\n            </div>\n            <div\n              class=\"o-presentation__item__footer a-tooltip -tooltip-no-wrap\"\n              (click)=\"fetch(presentation)\"\n              [attr.data-tooltip]=\"'@pry.presentation.view' | i18n\"\n            >\n              <button class=\"a-btn\">\n                {{ '@pry.presentation.consult' | i18n }}\n                <pry-icon [width]=\"20\" [height]=\"20\" iconSvg=\"arrow_right\"></pry-icon>\n              </button>\n            </div>\n          </li>\n        </ul>\n      </div>\n    </div>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"ViewMode.CREATION\">\n    <pry-add-edit-presentation\n      [selectedPresentation]=\"selectedPresentation$ | async\"\n      (goBack)=\"closeRestitution()\"\n      [editionStartUrl]=\"editionStartUrl\"\n      [edition]=\"false\"\n      [mode]=\"mode\"\n    ></pry-add-edit-presentation>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"ViewMode.EDITION\">\n    <pry-add-edit-presentation\n      [selectedPresentation]=\"selectedPresentation$ | async\"\n      (goBack)=\"closeRestitution()\"\n      [editionStartUrl]=\"editionStartUrl\"\n      [edition]=\"true\"\n      [mode]=\"mode\"\n    ></pry-add-edit-presentation>\n  </ng-container>\n</div>\n<ng-template #modalActions>\n  <div class=\"m-context-menu\">\n    <ul\n      class=\"m-context-menu__list\"\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-labelledby=\"dialog presentation options\"\n      *ngIf=\"selectedPresentation$ | async as selectedPresentation\"\n    >\n      <li class=\"m-context-menu__list__item\">\n        <button\n          class=\"a-btn -link-like\"\n          (click)=\"edit(selectedPresentation)\"\n          [disabled]=\"!(this.canModify$(selectedPresentation) | async)\"\n          *pryAccess=\"{ module: 'dashboard', page: 'manifest', action: 'edit' }\"\n        >\n          {{ '@pry.presentation.edition' | i18n }}\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\">\n        <button\n          class=\"a-btn -link-like\"\n          (click)=\"editContent(selectedPresentation)\"\n          [disabled]=\"!(this.canModify$(selectedPresentation) | async)\"\n          *pryAccess=\"{ module: 'dashboard', page: 'manifest', action: 'edit' }\"\n        >\n          {{ '@pry.presentation.editionContent' | i18n }}\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\">\n        <button\n          (click)=\"toggleModal(selectedPresentation)\"\n          class=\"a-btn -link-like\"\n          aria-haspopup=\"dialog\"\n          [disabled]=\"!(this.canModify$(selectedPresentation) | async)\"\n          *pryAccess=\"{ module: 'dashboard', page: 'manifest', action: 'share' }\"\n        >\n          {{ '@pry.presentation.share' | i18n }}\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\">\n        <button\n          class=\"a-btn -link-like\"\n          #openModal\n          (click)=\"delete(selectedPresentation.id)\"\n          [disabled]=\"!(this.canModify$(selectedPresentation) | async)\"\n          *pryAccess=\"{ module: 'dashboard', page: 'manifest', action: 'delete' }\"\n        >\n          {{ '@pry.presentation.delete' | i18n }}\n        </button>\n      </li>\n    </ul>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "component", type: i4.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i4.PryAccessDirective, selector: "[pryAccess]", inputs: ["pryAccess"] }, { kind: "directive", type: i4.EllipsisDirective, selector: "[ellipsis]", inputs: ["textElementSelector"] }, { kind: "directive", type: i4$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i6.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i6.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: PryAddEditPresentationComponent, selector: "pry-add-edit-presentation", inputs: ["edition", "editionStartUrl", "selectedPresentation", "mode"], outputs: ["goBack"] }, { kind: "component", type: PryPresentationCssComponent, selector: "pry-presentation-css" }, { kind: "pipe", type: i4.GetSecuredImagePipe, name: "getSecuredImage" }, { kind: "pipe", type: i9.PrySinceDatePipe, name: "sinceDate" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryPresentationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-presentation', template: "<pry-presentation-css></pry-presentation-css>\n<div class=\"o-manifest-layout\" [ngSwitch]=\"selectedMode\">\n  <ng-container *ngSwitchDefault>\n    <div class=\"o-manifest-layout__toolbox\" [class.-u-hidden]=\"hideToolbox\">\n      <button\n        class=\"a-btn a-btn--primary\"\n        type=\"button\"\n        (click)=\"creation()\"\n        *pryAccess=\"{ module: 'dashboard', page: 'manifest', action: 'create' }\"\n      >\n        <pry-icon iconSvg=\"add\"></pry-icon>\n        {{ '@pry.presentation.create' | i18n }}\n      </button>\n      <div>\n        <div class=\"o-manifest-layout__toolbox__search\">\n          <label id=\"catalog-search-label\" for=\"catalog-search\" class=\"u-visually-hidden\">\n            <span>{{ '@pry.toolbox.catalog.filter.name' | i18n }}</span>\n          </label>\n          <input\n            id=\"catalog-search\"\n            type=\"text\"\n            class=\"a-form-field\"\n            [placeholder]=\"'@pry.presentation.search' | i18n\"\n            [ngModel]=\"search$ | async\"\n            (ngModelChange)=\"this.search$.next($event)\"\n          />\n          <pry-icon class=\"search-icon\" iconSvg=\"search\" [width]=\"17\" [height]=\"17\"></pry-icon>\n        </div>\n      </div>\n    </div>\n    <div class=\"o-manifest-layout__content\">\n      <h1 class=\"a-h1\">{{ '@pry.presentation.title' | i18n }}</h1>\n      <div class=\"o-presentation-wrapper\">\n        <ul class=\"o-presentation\">\n          <li\n            class=\"o-presentation__item\"\n            *ngFor=\"let presentation of filteredPresentations$ | async; let index = index\"\n          >\n            <div class=\"o-presentation__item__header\">\n              <ng-container *ngIf=\"isPrivate(presentation)\">\n                <pry-icon\n                  iconSvg=\"private\"\n                  class=\"is-private a-tooltip -tooltip-no-wrap\"\n                  [attr.data-tooltip]=\"'@pry.presentation.private' | i18n\"\n                  [height]=\"17\"\n                  [width]=\"17\"\n                ></pry-icon>\n              </ng-container>\n              <div\n                class=\"a-tooltip -tooltip-no-wrap\"\n                (click)=\"fetch(presentation)\"\n                [attr.data-tooltip]=\"'@pry.presentation.view' | i18n\"\n              >\n                <div class=\"o-presentation__item__image\">\n                  <img alt=\"\" class=\"is-full-width\" [src]=\"presentation.image | getSecuredImage | async\" />\n                </div>\n              </div>\n              <ng-container *ngIf=\"this.canModify$(presentation) | async\">\n                <div class=\"more-button\" *pryAccess=\"{ module: 'dashboard', page: 'manifest', action: 'share' }\">\n                  <button\n                    type=\"button\"\n                    class=\"a-btn a-btn--more a-tooltip -tooltip-no-wrap\"\n                    [id]=\"'more-button-' + index\"\n                    [attr.data-tooltip]=\"'@pry.restitution.more' | i18n\"\n                    (click)=\"$event.stopPropagation(); toggleModalActions(presentation, button)\"\n                    #button\n                  >\n                    <pry-icon [height]=\"25\" [width]=\"25\" iconSvg=\"more_horiz\"></pry-icon>\n                  </button>\n                </div>\n              </ng-container>\n            </div>\n            <div class=\"o-presentation__item__txt\" (click)=\"fetch(presentation)\">\n              <div class=\"o-presentation__item__title-container\" ellipsis textElementSelector=\".a-h3\">\n                <h3 class=\"a-h3\">{{ presentation.name }}</h3>\n              </div>\n              <div class=\"o-presentation__item__description-container\" ellipsis textElementSelector=\".a-p\">\n                <div class=\"o-presentation__item__description a-p\">\n                  {{ presentation.description }}\n                </div>\n              </div>\n              <p class=\"a-p -date\">{{ presentation.modificationDate | sinceDate }}</p>\n            </div>\n            <div\n              class=\"o-presentation__item__footer a-tooltip -tooltip-no-wrap\"\n              (click)=\"fetch(presentation)\"\n              [attr.data-tooltip]=\"'@pry.presentation.view' | i18n\"\n            >\n              <button class=\"a-btn\">\n                {{ '@pry.presentation.consult' | i18n }}\n                <pry-icon [width]=\"20\" [height]=\"20\" iconSvg=\"arrow_right\"></pry-icon>\n              </button>\n            </div>\n          </li>\n        </ul>\n      </div>\n    </div>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"ViewMode.CREATION\">\n    <pry-add-edit-presentation\n      [selectedPresentation]=\"selectedPresentation$ | async\"\n      (goBack)=\"closeRestitution()\"\n      [editionStartUrl]=\"editionStartUrl\"\n      [edition]=\"false\"\n      [mode]=\"mode\"\n    ></pry-add-edit-presentation>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"ViewMode.EDITION\">\n    <pry-add-edit-presentation\n      [selectedPresentation]=\"selectedPresentation$ | async\"\n      (goBack)=\"closeRestitution()\"\n      [editionStartUrl]=\"editionStartUrl\"\n      [edition]=\"true\"\n      [mode]=\"mode\"\n    ></pry-add-edit-presentation>\n  </ng-container>\n</div>\n\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=\"selectedPresentation$ | async as selectedPresentation\"\n  >\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">{{ '@pry.toolbox.shareAccessRights' | i18n }}</h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button\n          class=\"a-btn a-btn--icon-only\"\n          #crossVisibility\n          (keydown.shift.tab)=\"focusValidation()\"\n          (click)=\"toggleModal()\"\n        >\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <pry-access-rights-share\n      [ngModel]=\"selectedPresentation.accessRightsByGroup\"\n      (ngModelChange)=\"updateAccessRights($event, selectedPresentation)\"\n      [manifestDescription]=\"selectedPresentation\"\n      [allowedGroups]=\"allowedShareGroups$ | async\"\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\n        type=\"submit\"\n        class=\"a-btn a-btn--primary\"\n        #submit\n        (keydown.tab)=\"focusCrossElement()\"\n        (click)=\"changeVisibility(selectedPresentation)\"\n        [disabled]=\"disableShareButton$ | async\"\n      >\n        {{ '@pry.toolbox.manifest.check' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n<ng-template #modalActions>\n  <div class=\"m-context-menu\">\n    <ul\n      class=\"m-context-menu__list\"\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-labelledby=\"dialog presentation options\"\n      *ngIf=\"selectedPresentation$ | async as selectedPresentation\"\n    >\n      <li class=\"m-context-menu__list__item\">\n        <button\n          class=\"a-btn -link-like\"\n          (click)=\"edit(selectedPresentation)\"\n          [disabled]=\"!(this.canModify$(selectedPresentation) | async)\"\n          *pryAccess=\"{ module: 'dashboard', page: 'manifest', action: 'edit' }\"\n        >\n          {{ '@pry.presentation.edition' | i18n }}\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\">\n        <button\n          class=\"a-btn -link-like\"\n          (click)=\"editContent(selectedPresentation)\"\n          [disabled]=\"!(this.canModify$(selectedPresentation) | async)\"\n          *pryAccess=\"{ module: 'dashboard', page: 'manifest', action: 'edit' }\"\n        >\n          {{ '@pry.presentation.editionContent' | i18n }}\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\">\n        <button\n          (click)=\"toggleModal(selectedPresentation)\"\n          class=\"a-btn -link-like\"\n          aria-haspopup=\"dialog\"\n          [disabled]=\"!(this.canModify$(selectedPresentation) | async)\"\n          *pryAccess=\"{ module: 'dashboard', page: 'manifest', action: 'share' }\"\n        >\n          {{ '@pry.presentation.share' | i18n }}\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\">\n        <button\n          class=\"a-btn -link-like\"\n          #openModal\n          (click)=\"delete(selectedPresentation.id)\"\n          [disabled]=\"!(this.canModify$(selectedPresentation) | async)\"\n          *pryAccess=\"{ module: 'dashboard', page: 'manifest', action: 'delete' }\"\n        >\n          {{ '@pry.presentation.delete' | i18n }}\n        </button>\n      </li>\n    </ul>\n  </div>\n</ng-template>\n" }]
+            args: [{ selector: 'pry-presentation', template: "<pry-presentation-css></pry-presentation-css>\n<div class=\"o-manifest-layout\" [ngSwitch]=\"selectedMode\">\n  <ng-container *ngSwitchDefault>\n    <div class=\"o-manifest-layout__toolbox\" [class.-u-hidden]=\"hideToolbox\">\n      <button\n        class=\"a-btn a-btn--primary\"\n        type=\"button\"\n        (click)=\"creation()\"\n        *pryAccess=\"{ module: 'dashboard', page: 'manifest', action: 'create' }\"\n      >\n        <pry-icon iconSvg=\"add\"></pry-icon>\n        {{ '@pry.presentation.create' | i18n }}\n      </button>\n      <div>\n        <div class=\"o-manifest-layout__toolbox__search\">\n          <label id=\"catalog-search-label\" for=\"catalog-search\" class=\"u-visually-hidden\">\n            <span>{{ '@pry.toolbox.catalog.filter.name' | i18n }}</span>\n          </label>\n          <input\n            id=\"catalog-search\"\n            type=\"text\"\n            class=\"a-form-field\"\n            [placeholder]=\"'@pry.presentation.search' | i18n\"\n            [ngModel]=\"search$ | async\"\n            (ngModelChange)=\"this.search$.next($event)\"\n          />\n          <pry-icon class=\"search-icon\" iconSvg=\"search\" [width]=\"17\" [height]=\"17\"></pry-icon>\n        </div>\n      </div>\n    </div>\n    <div class=\"o-manifest-layout__content\">\n      <h1 class=\"a-h1\">{{ '@pry.presentation.title' | i18n }}</h1>\n      <div class=\"o-presentation-wrapper\">\n        <ul class=\"o-presentation\">\n          <li\n            class=\"o-presentation__item\"\n            *ngFor=\"let presentation of filteredPresentations$ | async; let index = index\"\n          >\n            <div class=\"o-presentation__item__header\">\n              <ng-container *ngIf=\"isPrivate(presentation)\">\n                <pry-icon\n                  iconSvg=\"private\"\n                  class=\"is-private a-tooltip -tooltip-no-wrap\"\n                  [attr.data-tooltip]=\"'@pry.presentation.private' | i18n\"\n                  [height]=\"17\"\n                  [width]=\"17\"\n                ></pry-icon>\n              </ng-container>\n              <div\n                class=\"a-tooltip -tooltip-no-wrap\"\n                (click)=\"fetch(presentation)\"\n                [attr.data-tooltip]=\"'@pry.presentation.view' | i18n\"\n              >\n                <div class=\"o-presentation__item__image\">\n                  <img alt=\"\" class=\"is-full-width\" [src]=\"presentation.image | getSecuredImage | async\" />\n                </div>\n              </div>\n              <ng-container *ngIf=\"this.canModify$(presentation) | async\">\n                <div class=\"more-button\" *pryAccess=\"{ module: 'dashboard', page: 'manifest', action: 'share' }\">\n                  <button\n                    type=\"button\"\n                    class=\"a-btn a-btn--more a-tooltip -tooltip-no-wrap\"\n                    [id]=\"'more-button-' + index\"\n                    [attr.data-tooltip]=\"'@pry.restitution.more' | i18n\"\n                    (click)=\"$event.stopPropagation(); toggleModalActions(presentation, button)\"\n                    #button\n                  >\n                    <pry-icon [height]=\"25\" [width]=\"25\" iconSvg=\"more_horiz\"></pry-icon>\n                  </button>\n                </div>\n              </ng-container>\n            </div>\n            <div class=\"o-presentation__item__txt\" (click)=\"fetch(presentation)\">\n              <div class=\"o-presentation__item__title-container\" ellipsis textElementSelector=\".a-h3\">\n                <h3 class=\"a-h3\">{{ presentation.name }}</h3>\n              </div>\n              <div class=\"o-presentation__item__description-container\" ellipsis textElementSelector=\".a-p\">\n                <div class=\"o-presentation__item__description a-p\">\n                  {{ presentation.description }}\n                </div>\n              </div>\n              <p class=\"a-p -date\">{{ presentation.modificationDate | sinceDate }}</p>\n            </div>\n            <div\n              class=\"o-presentation__item__footer a-tooltip -tooltip-no-wrap\"\n              (click)=\"fetch(presentation)\"\n              [attr.data-tooltip]=\"'@pry.presentation.view' | i18n\"\n            >\n              <button class=\"a-btn\">\n                {{ '@pry.presentation.consult' | i18n }}\n                <pry-icon [width]=\"20\" [height]=\"20\" iconSvg=\"arrow_right\"></pry-icon>\n              </button>\n            </div>\n          </li>\n        </ul>\n      </div>\n    </div>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"ViewMode.CREATION\">\n    <pry-add-edit-presentation\n      [selectedPresentation]=\"selectedPresentation$ | async\"\n      (goBack)=\"closeRestitution()\"\n      [editionStartUrl]=\"editionStartUrl\"\n      [edition]=\"false\"\n      [mode]=\"mode\"\n    ></pry-add-edit-presentation>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"ViewMode.EDITION\">\n    <pry-add-edit-presentation\n      [selectedPresentation]=\"selectedPresentation$ | async\"\n      (goBack)=\"closeRestitution()\"\n      [editionStartUrl]=\"editionStartUrl\"\n      [edition]=\"true\"\n      [mode]=\"mode\"\n    ></pry-add-edit-presentation>\n  </ng-container>\n</div>\n<ng-template #modalActions>\n  <div class=\"m-context-menu\">\n    <ul\n      class=\"m-context-menu__list\"\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-labelledby=\"dialog presentation options\"\n      *ngIf=\"selectedPresentation$ | async as selectedPresentation\"\n    >\n      <li class=\"m-context-menu__list__item\">\n        <button\n          class=\"a-btn -link-like\"\n          (click)=\"edit(selectedPresentation)\"\n          [disabled]=\"!(this.canModify$(selectedPresentation) | async)\"\n          *pryAccess=\"{ module: 'dashboard', page: 'manifest', action: 'edit' }\"\n        >\n          {{ '@pry.presentation.edition' | i18n }}\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\">\n        <button\n          class=\"a-btn -link-like\"\n          (click)=\"editContent(selectedPresentation)\"\n          [disabled]=\"!(this.canModify$(selectedPresentation) | async)\"\n          *pryAccess=\"{ module: 'dashboard', page: 'manifest', action: 'edit' }\"\n        >\n          {{ '@pry.presentation.editionContent' | i18n }}\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\">\n        <button\n          (click)=\"toggleModal(selectedPresentation)\"\n          class=\"a-btn -link-like\"\n          aria-haspopup=\"dialog\"\n          [disabled]=\"!(this.canModify$(selectedPresentation) | async)\"\n          *pryAccess=\"{ module: 'dashboard', page: 'manifest', action: 'share' }\"\n        >\n          {{ '@pry.presentation.share' | i18n }}\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\">\n        <button\n          class=\"a-btn -link-like\"\n          #openModal\n          (click)=\"delete(selectedPresentation.id)\"\n          [disabled]=\"!(this.canModify$(selectedPresentation) | async)\"\n          *pryAccess=\"{ module: 'dashboard', page: 'manifest', action: 'delete' }\"\n        >\n          {{ '@pry.presentation.delete' | i18n }}\n        </button>\n      </li>\n    </ul>\n  </div>\n</ng-template>\n" }]
         }], ctorParameters: () => [{ type: i1.Store }, { type: i2.Overlay }, { type: i0.ViewContainerRef }, { type: i3.Router }, { type: i4.PryTitleService }, { type: i3.ActivatedRoute }, { type: i0.NgZone }, { type: i4.PryBaseAccess, decorators: [{
                     type: Optional
                 }, {
                     type: Inject,
                     args: [PRY_ACCESS_TOKEN]
-                }] }], propDecorators: { templateModalActions: [{
+                }] }, { type: i4.PryDialogService }], propDecorators: { templateModalActions: [{
                 type: ViewChild,
                 args: ['modalActions', { read: TemplateRef }]
-            }], template: [{
-                type: ViewChild,
-                args: ['modal', { read: TemplateRef }]
             }], openModal: [{
                 type: ViewChild,
                 args: ['openModal']
-            }], confirm: [{
-                type: ViewChild,
-                args: ['confirm']
-            }], submit: [{
-                type: ViewChild,
-                args: ['submit']
-            }], cross: [{
-                type: ViewChild,
-                args: ['cross']
-            }], crossVisibility: [{
-                type: ViewChild,
-                args: ['crossVisibility']
-            }], visibilityModal: [{
-                type: ViewChild,
-                args: ['visibilityModal']
             }], editionStartUrl: [{
                 type: Input
             }], consultStartUrl: [{