@provoly/dashboard 1.2.5 → 1.2.7

package/fesm2022/provoly-dashboard-presentation.mjs

@@ -2,27 +2,26 @@ import * as i6 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
 import { EventEmitter, Component, Optional, Input, Output, ViewEncapsulation, TemplateRef, Inject, ViewChild, NgModule } from '@angular/core';
-import * as i4$1 from '@angular/forms';
-import { FormGroup, FormControl, Validators, ReactiveFormsModule, FormsModule } from '@angular/forms';
+import * as i5$1 from '@angular/forms';
+import { ReactiveFormsModule, FormsModule } from '@angular/forms';
 import * as i4 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 { SubscriptionnerDirective, 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';
-import * as i5 from '@provoly/dashboard/toolbox';
-import { PryToolboxModule } from '@provoly/dashboard/toolbox';
 import { BehaviorSubject, combineLatest, take, map, startWith, of } from 'rxjs';
-import * as i7 from '@provoly/dashboard/components/metadata-editor';
-import { MetadataActions, MetadataSelectors, PryExpandPanelModule } from '@provoly/dashboard/components/metadata-editor';
+import * as i5 from '@provoly/dashboard/components/metadata-editor';
+import { MetadataSelectors, PryExpandPanelModule } from '@provoly/dashboard/components/metadata-editor';
 import { v4 } from 'uuid';
 import * as i1 from '@ngrx/store';
 import * as i3 from '@angular/router';
-import * as i8 from '@provoly/dashboard/components/text-editor';
-import { PryTextEditorModule } from '@provoly/dashboard/components/text-editor';
+import * as i3$1 from '@provoly/dashboard/toolbox';
+import { PryToolboxModule } from '@provoly/dashboard/toolbox';
 import * as i2 from '@angular/cdk/overlay';
 import { OverlayConfig } from '@angular/cdk/overlay';
 import { TemplatePortal } from '@angular/cdk/portal';
 import { A11yModule } from '@angular/cdk/a11y';
+import { PryTextEditorModule } from '@provoly/dashboard/components/text-editor';
 
 class PryAddEditPresentationComponent extends SubscriptionnerDirective {
     set selectedPresentation(presentation) {
@@ -32,18 +31,15 @@ class PryAddEditPresentationComponent extends SubscriptionnerDirective {
         super();
         this.store = store;
         this.router = router;
-        this.selectedPresentation$ = new BehaviorSubject(null);
+        this.selectedPresentation$ = new BehaviorSubject(undefined);
+        this.chosenLayout = DashboardGridLayout.FULL;
+        this.metadataThemeId = '';
+        this.isFormValid = false;
         this.edition = false;
         this.themePrefix = null;
         this.editionStartUrl = '/';
-        this.image = DEFAULT_DASHBOARD_ICON_URL;
-        this.goBack = new EventEmitter();
-        this.type = LibraryTypes.ILLUSTRATION;
-        this.chosenLayout = DashboardGridLayout.FULL;
-        this.possibleThemes = [];
-        this.metadataThemeId = '';
         this.mode = 'meta';
-        this.store.dispatch(MetadataActions.loadMetadata());
+        this.goBack = new EventEmitter();
         this.staticManifest$ = this.store.select(DashboardSelectors.staticManifest);
         combineLatest([this.staticManifest$, this.store.select(DashboardSelectors.gridLayout)]).subscribe(([staticManifest, gridLayout]) => {
             this.chosenLayout =
@@ -56,30 +52,9 @@ class PryAddEditPresentationComponent extends SubscriptionnerDirective {
             const metadataTheme = metadata?.find((meta) => meta.name === '_theme');
             if (metadataTheme) {
                 this.metadataThemeId = metadataTheme?.id ?? '';
-                this.possibleThemes = metadataTheme?.allowedValues ?? [];
             }
         }));
     }
-    ngOnInit() {
-        this.form = new FormGroup({
-            name: new FormControl(null, [Validators.required, Validators.maxLength(50)]),
-            description: new FormControl(undefined, [Validators.maxLength(200)]),
-            theme: new FormControl(''),
-            additionalInformation: new FormControl('')
-        });
-        this.image = this.selectedPresentation$.value?.image ?? DEFAULT_DASHBOARD_ICON_URL;
-        this.subscriptions.add(this.selectedPresentation$.subscribe((presentation) => {
-            const theme = presentation?.metadata?.find((metadata) => metadata.metadataDef.name === '_theme')?.value;
-            if (!!theme)
-                this.form.patchValue({ theme });
-        }));
-    }
-    ngAfterViewInit() {
-        setTimeout(() => {
-            if (this.selectedPresentation$.value)
-                this.form.patchValue(this.selectedPresentation$.value);
-        });
-    }
     save() {
         if (!this.edition) {
             this.store.dispatch(DashboardActions.updateStaticManifest({ staticManifest: { windows: [] } }));
@@ -94,11 +69,8 @@ class PryAddEditPresentationComponent extends SubscriptionnerDirective {
         const presentation = {
             ...this.selectedPresentation$.value,
             id: this.selectedPresentation$.value?.id || v4(),
-            name: this.form.value.name ?? '',
-            description: this.form.value.description ?? undefined,
-            image: this.image ?? DEFAULT_DASHBOARD_ICON_URL,
-            metadata: this.metadata(),
-            additionalInformation: this.form.value.additionalInformation ?? undefined
+            ...this.formValue,
+            metadata: this.metadata()
         };
         this.subscriptions.add(this.staticManifest$.pipe(take(1)).subscribe((staticManifest) => {
             this.store.dispatch(DashboardActions.saveManifest({
@@ -113,14 +85,12 @@ class PryAddEditPresentationComponent extends SubscriptionnerDirective {
         return presentation;
     }
     configureDashboard(selectedPresentation) {
-        if (this.form.valid) {
+        if (this.isFormValid) {
             this.dispatchSave();
         }
         const presentation = {
             ...this.selectedPresentation$.value,
-            name: this.form.value.name ?? '',
-            description: this.form.value.description,
-            image: this.image ?? DEFAULT_DASHBOARD_ICON_URL,
+            ...this.formValue,
             metadata: this.metadata()
         };
         if (!this.edition) {
@@ -174,60 +144,58 @@ class PryAddEditPresentationComponent extends SubscriptionnerDirective {
     }
     metadata() {
         return this.mode === 'theme'
-            ? !this.form.value.theme || this.form.value.theme === ''
+            ? !this.formValue?.theme || this.formValue?.theme === ''
                 ? []
                 : [
                     {
                         metadataDef: this.metadataDefs.find((metadata) => metadata.id === this.metadataThemeId),
-                        value: this.form.value.theme ?? ''
+                        value: this.formValue.theme ?? ''
                     }
                 ]
             : this.selectedPresentation$.value?.metadata ?? [];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryAddEditPresentationComponent, deps: [{ token: i1.Store }, { token: i3.Router, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: PryAddEditPresentationComponent, selector: "pry-add-edit-presentation", inputs: { edition: "edition", themePrefix: "themePrefix", editionStartUrl: "editionStartUrl", selectedPresentation: "selectedPresentation", mode: "mode" }, outputs: { goBack: "goBack" }, usesInheritance: true, ngImport: i0, template: "<div class=\"o-manifest-layout\">\n  <div class=\"o-manifest-layout__toolbox\">\n    <button class=\"a-btn a-btn--secondary\" type=\"button\" (click)=\"close()\">\n      {{ '@pry.toolbox.manifest.close' | i18n }}\n    </button>\n    <button class=\"a-btn a-btn--primary\" type=\"button\" (click)=\"save()\" [disabled]=\"form.invalid\">\n      {{ '@pry.toolbox.manifest.check' | i18n }}\n    </button>\n  </div>\n  <div class=\"o-manifest-layout__content--presentation\">\n    <h1 class=\"a-h1\">{{ '@pry.presentation.add' + '.pageTitle' | i18n }}</h1>\n    <div class=\"o-presentation-form-wrapper\">\n      <form [formGroup]=\"form\" class=\"o-presentation-form\">\n        <div class=\"m-form-label-field -width-full\">\n          <label class=\"a-label\" for=\"presentation_name\">{{ '@pry.presentation.form.name' | i18n }}</label>\n          <input\n            type=\"text\"\n            id=\"presentation_name\"\n            formControlName=\"name\"\n            placeholder=\"{{ '@pry.presentation.form.name' | i18n }}\"\n            class=\"a-form-field\"\n            maxlength=\"50\"\n            required\n          />\n          <label\n            for=\"presentation_name\"\n            *ngIf=\"form.get('name')?.touched && form.get('name')?.hasError('required')\"\n            class=\"a-label a-label--help -error\"\n          >\n            {{ '@pry.presentation.required' | i18n }}\n          </label>\n          <label\n            for=\"presentation_name\"\n            *ngIf=\"form.get('name')?.hasError('maxlength')\"\n            class=\"a-label a-label--help -error\"\n          >\n            {{ '@pry.presentation.maxLength' | i18n: { len: '50' } }}\n          </label>\n        </div>\n        <div class=\"m-form-label-field -width-full\">\n          <label class=\"a-label\" for=\"presentation_description\">{{\n            '@pry.presentation.form.description' | i18n\n          }}</label>\n          <textarea\n            formControlName=\"description\"\n            id=\"presentation_description\"\n            name=\"description\"\n            cols=\"30\"\n            rows=\"5\"\n            maxlength=\"200\"\n            placeholder=\"{{ '@pry.presentation.form.description' | i18n }}\"\n            class=\"a-form-field\"\n          ></textarea>\n          <label\n            for=\"presentation_description\"\n            *ngIf=\"form.get('description')?.hasError('maxlength')\"\n            class=\"a-label a-label--help -error\"\n          >\n            {{ '@pry.presentation.maxLength' | i18n: { len: '200' } }}\n          </label>\n        </div>\n        <div class=\"m-form-label-field -width-full\" *ngIf=\"mode === 'theme'\">\n          <label class=\"a-label\" for=\"presentation_theme\">{{ '@pry.presentation.form.theme' | i18n }}</label>\n          <pry-select\n            id=\"presentation_theme\"\n            [items]=\"possibleThemes\"\n            formControlName=\"theme\"\n            [clearable]=\"true\"\n            [i18nPrefix]=\"themePrefix\"\n          ></pry-select>\n        </div>\n        <div class=\"m-form-label-field -width-full\">\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)=\"image = $event\"\n              [iconUrl]=\"image\"\n              [mode]=\"type\"\n            ></pry-select-image>\n          </div>\n        </div>\n        <div class=\"m-form-label-field -width-full\">\n          <pry-text-editor formControlName=\"additionalInformation\"></pry-text-editor>\n        </div>\n        <div class=\"m-form-label-field -width-full m-form-label-field--inline\">\n          <label class=\"a-label\">{{ '@pry.presentation.form.grid' | i18n }}</label>\n          <span class=\"a-label\">{{ '@pry.toolbox.layout.' + this.chosenLayout | i18n }}</span>\n          <pry-select-grid-layout *ngIf=\"!edition\"></pry-select-grid-layout>\n        </div>\n      </form>\n      <ng-container *ngIf=\"mode === 'meta'\">\n        <div class=\"o-presentation__metadata-editor\" *ngIf=\"selectedPresentation$ | async as selectedPresentation\">\n          <pry-metadata-editor\n            [targetId]=\"selectedPresentation.id\"\n            [isModification]=\"true\"\n            [metadata]=\"selectedPresentation.metadata ?? []\"\n            (removeMeta)=\"removeMetadata($event)\"\n            (addMeta)=\"addMetadata($event)\"\n            [type]=\"'meta'\"\n          ></pry-metadata-editor>\n        </div>\n      </ng-container>\n    </div>\n    <button\n      class=\"a-btn a-btn--primary\"\n      (click)=\"configureDashboard(selectedPresentation$.value!)\"\n      [disabled]=\"form.invalid\"\n    >\n      {{ '@pry.presentation.configuration' | i18n }}\n    </button>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: i4.PrySelectImageComponent, selector: "pry-select-image", inputs: ["iconUrl", "size", "mode"], outputs: ["toggled", "changed"] }, { kind: "directive", type: i4$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i4$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i4.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: i5.SelectGridLayoutComponent, selector: "pry-select-grid-layout" }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.PryMetadataEditorComponent, selector: "pry-metadata-editor", inputs: ["isModification", "targetId", "type", "metadata"], outputs: ["addMeta", "removeMeta"] }, { kind: "component", type: i8.PryTextEditorComponent, selector: "pry-text-editor", inputs: ["tabView"] }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: PryAddEditPresentationComponent, selector: "pry-add-edit-presentation", inputs: { selectedPresentation: "selectedPresentation", edition: "edition", themePrefix: "themePrefix", editionStartUrl: "editionStartUrl", mode: "mode" }, outputs: { goBack: "goBack" }, usesInheritance: true, ngImport: i0, template: "<div class=\"o-manifest-layout\">\n  <div class=\"o-manifest-layout__toolbox -justify-space-between -align-center\">\n    <button class=\"a-btn a-btn--secondary\" type=\"button\" (click)=\"close()\">\n      {{ '@pry.toolbox.manifest.close' | i18n }}\n    </button>\n    <button class=\"a-btn a-btn--primary\" type=\"button\" (click)=\"save()\" [disabled]=\"!isFormValid\">\n      {{ '@pry.toolbox.manifest.check' | i18n }}\n    </button>\n  </div>\n  <div class=\"o-manifest-layout__content--presentation\">\n    <h2 class=\"a-h2\">{{ '@pry.presentation.add' + '.pageTitle' | i18n }}</h2>\n    <div class=\"o-presentation-form-wrapper\">\n      <div class=\"u-display-flex -column\">\n        <pry-presentation-form\n          [selectedPresentation]=\"(selectedPresentation$ | async) ?? undefined\"\n          (formValue)=\"formValue = $event\"\n          (isFormValid)=\"isFormValid = $event\"\n          [themePrefix]=\"themePrefix\"\n        ></pry-presentation-form>\n        <div class=\"m-form-label-field -width-full m-form-label-field--inline\">\n          <label class=\"a-label\">{{ '@pry.presentation.form.grid' | i18n }}</label>\n          <span class=\"a-label\">{{ '@pry.toolbox.layout.' + this.chosenLayout | i18n }}</span>\n          <pry-select-grid-layout *ngIf=\"!edition\"></pry-select-grid-layout>\n        </div>\n      </div>\n      <ng-container *ngIf=\"mode === 'meta'\">\n        <div class=\"o-presentation__metadata-editor\" *ngIf=\"selectedPresentation$ | async as selectedPresentation\">\n          <pry-metadata-editor\n            [targetId]=\"selectedPresentation.id\"\n            [isModification]=\"true\"\n            [metadata]=\"selectedPresentation.metadata ?? []\"\n            (removeMeta)=\"removeMetadata($event)\"\n            (addMeta)=\"addMetadata($event)\"\n            [type]=\"'meta'\"\n          ></pry-metadata-editor>\n        </div>\n      </ng-container>\n    </div>\n    <button\n      class=\"a-btn a-btn--primary\"\n      (click)=\"configureDashboard(selectedPresentation$.value!)\"\n      [disabled]=\"!isFormValid\"\n    >\n      {{ '@pry.presentation.configuration' | i18n }}\n    </button>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: i3$1.SelectGridLayoutComponent, selector: "pry-select-grid-layout" }, { kind: "component", type: i3$1.PresentationFormComponent, selector: "pry-presentation-form", inputs: ["mode", "themePrefix", "selectedPresentation"], outputs: ["formValue", "isFormValid"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.PryMetadataEditorComponent, selector: "pry-metadata-editor", inputs: ["isModification", "targetId", "type", "metadata"], outputs: ["addMeta", "removeMeta"] }, { 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: PryAddEditPresentationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-add-edit-presentation', template: "<div class=\"o-manifest-layout\">\n  <div class=\"o-manifest-layout__toolbox\">\n    <button class=\"a-btn a-btn--secondary\" type=\"button\" (click)=\"close()\">\n      {{ '@pry.toolbox.manifest.close' | i18n }}\n    </button>\n    <button class=\"a-btn a-btn--primary\" type=\"button\" (click)=\"save()\" [disabled]=\"form.invalid\">\n      {{ '@pry.toolbox.manifest.check' | i18n }}\n    </button>\n  </div>\n  <div class=\"o-manifest-layout__content--presentation\">\n    <h1 class=\"a-h1\">{{ '@pry.presentation.add' + '.pageTitle' | i18n }}</h1>\n    <div class=\"o-presentation-form-wrapper\">\n      <form [formGroup]=\"form\" class=\"o-presentation-form\">\n        <div class=\"m-form-label-field -width-full\">\n          <label class=\"a-label\" for=\"presentation_name\">{{ '@pry.presentation.form.name' | i18n }}</label>\n          <input\n            type=\"text\"\n            id=\"presentation_name\"\n            formControlName=\"name\"\n            placeholder=\"{{ '@pry.presentation.form.name' | i18n }}\"\n            class=\"a-form-field\"\n            maxlength=\"50\"\n            required\n          />\n          <label\n            for=\"presentation_name\"\n            *ngIf=\"form.get('name')?.touched && form.get('name')?.hasError('required')\"\n            class=\"a-label a-label--help -error\"\n          >\n            {{ '@pry.presentation.required' | i18n }}\n          </label>\n          <label\n            for=\"presentation_name\"\n            *ngIf=\"form.get('name')?.hasError('maxlength')\"\n            class=\"a-label a-label--help -error\"\n          >\n            {{ '@pry.presentation.maxLength' | i18n: { len: '50' } }}\n          </label>\n        </div>\n        <div class=\"m-form-label-field -width-full\">\n          <label class=\"a-label\" for=\"presentation_description\">{{\n            '@pry.presentation.form.description' | i18n\n          }}</label>\n          <textarea\n            formControlName=\"description\"\n            id=\"presentation_description\"\n            name=\"description\"\n            cols=\"30\"\n            rows=\"5\"\n            maxlength=\"200\"\n            placeholder=\"{{ '@pry.presentation.form.description' | i18n }}\"\n            class=\"a-form-field\"\n          ></textarea>\n          <label\n            for=\"presentation_description\"\n            *ngIf=\"form.get('description')?.hasError('maxlength')\"\n            class=\"a-label a-label--help -error\"\n          >\n            {{ '@pry.presentation.maxLength' | i18n: { len: '200' } }}\n          </label>\n        </div>\n        <div class=\"m-form-label-field -width-full\" *ngIf=\"mode === 'theme'\">\n          <label class=\"a-label\" for=\"presentation_theme\">{{ '@pry.presentation.form.theme' | i18n }}</label>\n          <pry-select\n            id=\"presentation_theme\"\n            [items]=\"possibleThemes\"\n            formControlName=\"theme\"\n            [clearable]=\"true\"\n            [i18nPrefix]=\"themePrefix\"\n          ></pry-select>\n        </div>\n        <div class=\"m-form-label-field -width-full\">\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)=\"image = $event\"\n              [iconUrl]=\"image\"\n              [mode]=\"type\"\n            ></pry-select-image>\n          </div>\n        </div>\n        <div class=\"m-form-label-field -width-full\">\n          <pry-text-editor formControlName=\"additionalInformation\"></pry-text-editor>\n        </div>\n        <div class=\"m-form-label-field -width-full m-form-label-field--inline\">\n          <label class=\"a-label\">{{ '@pry.presentation.form.grid' | i18n }}</label>\n          <span class=\"a-label\">{{ '@pry.toolbox.layout.' + this.chosenLayout | i18n }}</span>\n          <pry-select-grid-layout *ngIf=\"!edition\"></pry-select-grid-layout>\n        </div>\n      </form>\n      <ng-container *ngIf=\"mode === 'meta'\">\n        <div class=\"o-presentation__metadata-editor\" *ngIf=\"selectedPresentation$ | async as selectedPresentation\">\n          <pry-metadata-editor\n            [targetId]=\"selectedPresentation.id\"\n            [isModification]=\"true\"\n            [metadata]=\"selectedPresentation.metadata ?? []\"\n            (removeMeta)=\"removeMetadata($event)\"\n            (addMeta)=\"addMetadata($event)\"\n            [type]=\"'meta'\"\n          ></pry-metadata-editor>\n        </div>\n      </ng-container>\n    </div>\n    <button\n      class=\"a-btn a-btn--primary\"\n      (click)=\"configureDashboard(selectedPresentation$.value!)\"\n      [disabled]=\"form.invalid\"\n    >\n      {{ '@pry.presentation.configuration' | i18n }}\n    </button>\n  </div>\n</div>\n" }]
+            args: [{ selector: 'pry-add-edit-presentation', template: "<div class=\"o-manifest-layout\">\n  <div class=\"o-manifest-layout__toolbox -justify-space-between -align-center\">\n    <button class=\"a-btn a-btn--secondary\" type=\"button\" (click)=\"close()\">\n      {{ '@pry.toolbox.manifest.close' | i18n }}\n    </button>\n    <button class=\"a-btn a-btn--primary\" type=\"button\" (click)=\"save()\" [disabled]=\"!isFormValid\">\n      {{ '@pry.toolbox.manifest.check' | i18n }}\n    </button>\n  </div>\n  <div class=\"o-manifest-layout__content--presentation\">\n    <h2 class=\"a-h2\">{{ '@pry.presentation.add' + '.pageTitle' | i18n }}</h2>\n    <div class=\"o-presentation-form-wrapper\">\n      <div class=\"u-display-flex -column\">\n        <pry-presentation-form\n          [selectedPresentation]=\"(selectedPresentation$ | async) ?? undefined\"\n          (formValue)=\"formValue = $event\"\n          (isFormValid)=\"isFormValid = $event\"\n          [themePrefix]=\"themePrefix\"\n        ></pry-presentation-form>\n        <div class=\"m-form-label-field -width-full m-form-label-field--inline\">\n          <label class=\"a-label\">{{ '@pry.presentation.form.grid' | i18n }}</label>\n          <span class=\"a-label\">{{ '@pry.toolbox.layout.' + this.chosenLayout | i18n }}</span>\n          <pry-select-grid-layout *ngIf=\"!edition\"></pry-select-grid-layout>\n        </div>\n      </div>\n      <ng-container *ngIf=\"mode === 'meta'\">\n        <div class=\"o-presentation__metadata-editor\" *ngIf=\"selectedPresentation$ | async as selectedPresentation\">\n          <pry-metadata-editor\n            [targetId]=\"selectedPresentation.id\"\n            [isModification]=\"true\"\n            [metadata]=\"selectedPresentation.metadata ?? []\"\n            (removeMeta)=\"removeMetadata($event)\"\n            (addMeta)=\"addMetadata($event)\"\n            [type]=\"'meta'\"\n          ></pry-metadata-editor>\n        </div>\n      </ng-container>\n    </div>\n    <button\n      class=\"a-btn a-btn--primary\"\n      (click)=\"configureDashboard(selectedPresentation$.value!)\"\n      [disabled]=\"!isFormValid\"\n    >\n      {{ '@pry.presentation.configuration' | i18n }}\n    </button>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.Store }, { type: i3.Router, decorators: [{
                     type: Optional
-                }] }], propDecorators: { edition: [{
+                }] }], propDecorators: { selectedPresentation: [{
+                type: Input
+            }], edition: [{
                 type: Input
             }], themePrefix: [{
                 type: Input
             }], editionStartUrl: [{
                 type: Input
-            }], goBack: [{
-                type: Output
-            }], selectedPresentation: [{
-                type: Input
             }], mode: [{
                 type: Input
+            }], goBack: [{
+                type: Output
             }] } });
 
 class PryTitlePresentationComponent {
     constructor(store) {
         this.store = store;
-        this.currentPresentation$ = this.store
-            .select(DashboardSelectors.presentation)
-            .pipe(map((presentation) => presentation.current));
+        this.currentPresentation$ = this.store.select(DashboardSelectors.currentManifest);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryTitlePresentationComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: PryTitlePresentationComponent, selector: "pry-title-presentation", ngImport: i0, template: "<div class=\"m-presentation-title\" *ngIf=\"currentPresentation$ | async as currentPresentation\">\n  <h1 class=\"a-h1 m-presentation-title__text\">\n    {{ currentPresentation.name || ('@pry.header.noCurrentPresentation' | i18n) }}\n  </h1>\n  <div\n    *ngIf=\"!!currentPresentation.description\"\n    class=\"m-presentation-title__description m-info-icon a-tooltip -tooltip-width-lg align-center\"\n    [attr.data-tooltip]=\"currentPresentation.description\"\n    data-tooltip-position=\"right\"\n  >\n    <span>i</span>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: PryTitlePresentationComponent, selector: "pry-title-presentation", ngImport: i0, template: "<div class=\"m-presentation-title u-display-flex -gap-10\" *ngIf=\"currentPresentation$ | async as currentPresentation\">\n  <h2 class=\"a-h2 m-presentation-title__text\">\n    {{ currentPresentation.name || ('@pry.header.noCurrentPresentation' | i18n) }}\n  </h2>\n  <div\n    *ngIf=\"!!currentPresentation.description\"\n    class=\"m-presentation-title__description m-info-icon a-tooltip -tooltip-width-lg align-center\"\n    [attr.data-tooltip]=\"currentPresentation.description\"\n    data-tooltip-position=\"right\"\n  >\n    <span>i</span>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: PryTitlePresentationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-title-presentation', template: "<div class=\"m-presentation-title\" *ngIf=\"currentPresentation$ | async as currentPresentation\">\n  <h1 class=\"a-h1 m-presentation-title__text\">\n    {{ currentPresentation.name || ('@pry.header.noCurrentPresentation' | i18n) }}\n  </h1>\n  <div\n    *ngIf=\"!!currentPresentation.description\"\n    class=\"m-presentation-title__description m-info-icon a-tooltip -tooltip-width-lg align-center\"\n    [attr.data-tooltip]=\"currentPresentation.description\"\n    data-tooltip-position=\"right\"\n  >\n    <span>i</span>\n  </div>\n</div>\n" }]
+            args: [{ selector: 'pry-title-presentation', template: "<div class=\"m-presentation-title u-display-flex -gap-10\" *ngIf=\"currentPresentation$ | async as currentPresentation\">\n  <h2 class=\"a-h2 m-presentation-title__text\">\n    {{ currentPresentation.name || ('@pry.header.noCurrentPresentation' | i18n) }}\n  </h2>\n  <div\n    *ngIf=\"!!currentPresentation.description\"\n    class=\"m-presentation-title__description m-info-icon a-tooltip -tooltip-width-lg align-center\"\n    [attr.data-tooltip]=\"currentPresentation.description\"\n    data-tooltip-position=\"right\"\n  >\n    <span>i</span>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.Store }] });
 
 class PryPresentationCssComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryPresentationCssComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: PryPresentationCssComponent, selector: "pry-presentation-css", ngImport: i0, template: '', isInline: true, styles: ["pry-add-edit-presentation{height:100%}.o-manifest-layout__content--presentation{width:100%;display:flex;flex-direction:column;padding:20px;text-align:left}.o-manifest-layout__content--presentation .a-h1{line-height:38px;font-size:28px;text-align:left}.o-manifest-layout__content--presentation .a-btn{margin:0 auto}.o-manifest-layout__toolbox{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:.9375rem}.o-presentation-form-wrapper{display:flex;padding-bottom:.3125rem;gap:3rem}.o-presentation__metadata-editor{flex:1 50%}.o-presentation-form{display:flex;flex-direction:column;align-items:center;flex:1 50%}.o-presentation-form .a-presentation-form-input{padding:.25rem .75rem;margin-bottom:.75rem}.o-presentation-form .o-file-input{border:1px dashed black;display:flex;flex-direction:column;align-items:center;width:100%;padding:.625rem 0;gap:15px}.o-presentation-form pry-select{width:100%}.o-presentation-form .a-btn[type=submit]{margin-top:20px}.o-presentation-form .o-text-editor__content{min-height:6.25rem}.o-presentation-form .o-text-editor__content textarea{height:6.25rem}.a-presentation-title{padding:10px}\n", ".o-presentation{margin:0;padding:0}.o-presentation li{list-style:none}.o-manifest-layout__toolbox div:first-child{margin-left:auto}.o-manifest-layout__toolbox.-u-hidden{display:none}.o-manifest-layout__content{height:100%;overflow:auto}.o-manifest-layout__content .pointer{cursor:pointer}.pry-viewingpresentation{display:flex;overflow-y:scroll}.pry-viewingpresentation .o-manifest-layout__content,.pry-viewingpresentation .o-dashboard-widget{grid-area:middle;flex:100% 1 1}.o-presentation{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1.875rem;padding:.25rem .25rem 1.25rem;overflow-y:visible}.o-presentation .a-h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.o-presentation__item{display:flex;flex-direction:column;align-items:stretch}.o-presentation__item:hover{cursor:pointer}.o-presentation__item:hover .o-presentation__item__footer pry-icon{visibility:visible;opacity:1}.o-presentation__item__image{cursor:pointer;overflow:hidden;height:6.875rem;display:flex;align-items:center;justify-content:center}.o-presentation__item__image img{width:100px}.o-presentation__item__image .is-full-width{width:100%;height:100%;object-fit:cover}.o-presentation__item__header{position:relative;display:flex;align-items:flex-start;justify-content:center;height:6.875rem}.o-presentation__item__header pry-icon.is-private{position:absolute;top:.625rem;left:.625rem;z-index:1}.o-presentation__item__header .a-tooltip{width:100%}.o-presentation__item__txt{flex-grow:1;padding:.625rem .9375rem;display:flex;flex-direction:column;justify-content:space-between}.o-presentation__item__txt .a-h3{padding-bottom:.3125rem}.o-presentation__item__txt .a-p.-date{padding-top:.625rem;margin-bottom:0}.o-presentation__item__title-container.a-tooltip[data-tooltip]:after{top:calc(100% - 15px)}.o-presentation__item__description-container{position:relative;width:100%;display:flex;align-content:center;min-height:1.25rem}.o-presentation__item__description-container.a-tooltip[data-tooltip]:after{width:100%}.o-presentation__item__description{width:100%;max-height:2.5rem}.o-presentation__item__footer{display:flex;align-content:center;justify-content:center;font-size:.875rem;line-height:1.125rem;padding:.1875rem 0;max-height:2.3125rem}.o-presentation__item__footer .a-btn{margin-left:1.25rem}.o-presentation__item__footer pry-icon{visibility:hidden;opacity:0;transition:visibility .1s linear,opacity .1s linear;margin-left:.1875rem}.o-presentation-consult{width:100%;padding:.9375rem}.more-button{position:absolute;top:.375rem;right:.625rem}.more-button .a-btn{padding:.125rem 0;border-radius:50%}.m-context-menu{position:absolute}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: PryPresentationCssComponent, selector: "pry-presentation-css", ngImport: i0, template: '', isInline: true, styles: ["pry-add-edit-presentation{height:100%}.o-manifest-layout__content--presentation{width:100%;display:flex;flex-direction:column;padding:20px;text-align:left}.o-manifest-layout__content--presentation .a-h1{line-height:38px;font-size:28px;text-align:left}.o-manifest-layout__content--presentation .a-btn{margin:0 auto}.o-manifest-layout__toolbox{gap:.9375rem}.o-presentation-form-wrapper{display:flex;padding-bottom:.3125rem;gap:3rem}.o-presentation-form-wrapper>:first-child{flex:2 auto}.o-presentation-form-wrapper>:only-child{max-width:43.75rem}.o-presentation__metadata-editor{flex-basis:50%}.o-presentation-form{display:flex;flex-direction:column;align-items:center}.o-presentation-form .a-presentation-form-input{padding:.25rem .75rem;margin-bottom:.75rem}.o-presentation-form .o-file-input{border:1px dashed black;display:flex;flex-direction:column;align-items:center;width:100%;padding:.625rem 0;gap:15px}.o-presentation-form pry-select{width:100%}.o-presentation-form .a-btn[type=submit]{margin-top:20px}.o-presentation-form .o-text-editor__content{min-height:6.25rem}.o-presentation-form .o-text-editor__content textarea{height:6.25rem}\n", ".o-presentation{margin:0;padding:0}.o-presentation li{list-style:none}.o-manifest-layout__toolbox{justify-content:space-between}.o-manifest-layout__toolbox.-u-hidden{display:none}.o-manifest-layout__content{height:100%;overflow:auto}.o-manifest-layout__content .pointer{cursor:pointer}.pry-viewingpresentation{display:flex;overflow-y:scroll}.pry-viewingpresentation .o-manifest-layout__content,.pry-viewingpresentation .o-dashboard-widget{grid-area:middle;flex:100% 1 1}.o-presentation{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1.875rem;padding:.25rem .25rem 1.25rem;overflow-y:visible}.o-presentation .a-h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.o-presentation__item{display:flex;flex-direction:column;align-items:stretch}.o-presentation__item:hover{cursor:pointer}.o-presentation__item:hover .o-presentation__item__footer pry-icon{visibility:visible;opacity:1}.o-presentation__item__image{cursor:pointer;overflow:hidden;height:6.875rem;display:flex;align-items:center;justify-content:center}.o-presentation__item__image img{width:100px}.o-presentation__item__image .is-full-width{width:100%;height:100%;object-fit:cover}.o-presentation__item__header{position:relative;display:flex;align-items:flex-start;justify-content:center;height:6.875rem}.o-presentation__item__header pry-icon.is-private{position:absolute;top:.625rem;left:.625rem;z-index:1}.o-presentation__item__header .a-tooltip{width:100%}.o-presentation__item__txt{flex-grow:1;padding:.625rem .9375rem;display:flex;flex-direction:column;justify-content:space-between}.o-presentation__item__txt .a-h3{padding-bottom:.3125rem}.o-presentation__item__txt .a-p.-date{padding-top:.625rem;margin-bottom:0}.o-presentation__item__title-container.a-tooltip[data-tooltip]:after{top:calc(100% - 15px)}.o-presentation__item__description-container{position:relative;width:100%;display:flex;align-content:center;min-height:1.25rem}.o-presentation__item__description-container.a-tooltip[data-tooltip]:after{width:100%}.o-presentation__item__description{width:100%;max-height:2.5rem}.o-presentation__item__footer{display:flex;align-content:center;justify-content:center;font-size:.875rem;line-height:1.125rem;padding:.1875rem 0;max-height:2.3125rem}.o-presentation__item__footer .a-btn{margin-left:1.25rem}.o-presentation__item__footer pry-icon{visibility:hidden;opacity:0;transition:visibility .1s linear,opacity .1s linear;margin-left:.1875rem}.o-presentation-consult{width:100%;padding:.9375rem}.more-button{position:absolute;top:.375rem;right:.625rem}.more-button .a-btn{padding:.125rem 0;border-radius:50%}.m-context-menu{position:absolute}\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryPresentationCssComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-presentation-css', template: '', encapsulation: ViewEncapsulation.None, styles: ["pry-add-edit-presentation{height:100%}.o-manifest-layout__content--presentation{width:100%;display:flex;flex-direction:column;padding:20px;text-align:left}.o-manifest-layout__content--presentation .a-h1{line-height:38px;font-size:28px;text-align:left}.o-manifest-layout__content--presentation .a-btn{margin:0 auto}.o-manifest-layout__toolbox{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:.9375rem}.o-presentation-form-wrapper{display:flex;padding-bottom:.3125rem;gap:3rem}.o-presentation__metadata-editor{flex:1 50%}.o-presentation-form{display:flex;flex-direction:column;align-items:center;flex:1 50%}.o-presentation-form .a-presentation-form-input{padding:.25rem .75rem;margin-bottom:.75rem}.o-presentation-form .o-file-input{border:1px dashed black;display:flex;flex-direction:column;align-items:center;width:100%;padding:.625rem 0;gap:15px}.o-presentation-form pry-select{width:100%}.o-presentation-form .a-btn[type=submit]{margin-top:20px}.o-presentation-form .o-text-editor__content{min-height:6.25rem}.o-presentation-form .o-text-editor__content textarea{height:6.25rem}.a-presentation-title{padding:10px}\n", ".o-presentation{margin:0;padding:0}.o-presentation li{list-style:none}.o-manifest-layout__toolbox div:first-child{margin-left:auto}.o-manifest-layout__toolbox.-u-hidden{display:none}.o-manifest-layout__content{height:100%;overflow:auto}.o-manifest-layout__content .pointer{cursor:pointer}.pry-viewingpresentation{display:flex;overflow-y:scroll}.pry-viewingpresentation .o-manifest-layout__content,.pry-viewingpresentation .o-dashboard-widget{grid-area:middle;flex:100% 1 1}.o-presentation{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1.875rem;padding:.25rem .25rem 1.25rem;overflow-y:visible}.o-presentation .a-h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.o-presentation__item{display:flex;flex-direction:column;align-items:stretch}.o-presentation__item:hover{cursor:pointer}.o-presentation__item:hover .o-presentation__item__footer pry-icon{visibility:visible;opacity:1}.o-presentation__item__image{cursor:pointer;overflow:hidden;height:6.875rem;display:flex;align-items:center;justify-content:center}.o-presentation__item__image img{width:100px}.o-presentation__item__image .is-full-width{width:100%;height:100%;object-fit:cover}.o-presentation__item__header{position:relative;display:flex;align-items:flex-start;justify-content:center;height:6.875rem}.o-presentation__item__header pry-icon.is-private{position:absolute;top:.625rem;left:.625rem;z-index:1}.o-presentation__item__header .a-tooltip{width:100%}.o-presentation__item__txt{flex-grow:1;padding:.625rem .9375rem;display:flex;flex-direction:column;justify-content:space-between}.o-presentation__item__txt .a-h3{padding-bottom:.3125rem}.o-presentation__item__txt .a-p.-date{padding-top:.625rem;margin-bottom:0}.o-presentation__item__title-container.a-tooltip[data-tooltip]:after{top:calc(100% - 15px)}.o-presentation__item__description-container{position:relative;width:100%;display:flex;align-content:center;min-height:1.25rem}.o-presentation__item__description-container.a-tooltip[data-tooltip]:after{width:100%}.o-presentation__item__description{width:100%;max-height:2.5rem}.o-presentation__item__footer{display:flex;align-content:center;justify-content:center;font-size:.875rem;line-height:1.125rem;padding:.1875rem 0;max-height:2.3125rem}.o-presentation__item__footer .a-btn{margin-left:1.25rem}.o-presentation__item__footer pry-icon{visibility:hidden;opacity:0;transition:visibility .1s linear,opacity .1s linear;margin-left:.1875rem}.o-presentation-consult{width:100%;padding:.9375rem}.more-button{position:absolute;top:.375rem;right:.625rem}.more-button .a-btn{padding:.125rem 0;border-radius:50%}.m-context-menu{position:absolute}\n"] }]
+            args: [{ selector: 'pry-presentation-css', template: '', encapsulation: ViewEncapsulation.None, styles: ["pry-add-edit-presentation{height:100%}.o-manifest-layout__content--presentation{width:100%;display:flex;flex-direction:column;padding:20px;text-align:left}.o-manifest-layout__content--presentation .a-h1{line-height:38px;font-size:28px;text-align:left}.o-manifest-layout__content--presentation .a-btn{margin:0 auto}.o-manifest-layout__toolbox{gap:.9375rem}.o-presentation-form-wrapper{display:flex;padding-bottom:.3125rem;gap:3rem}.o-presentation-form-wrapper>:first-child{flex:2 auto}.o-presentation-form-wrapper>:only-child{max-width:43.75rem}.o-presentation__metadata-editor{flex-basis:50%}.o-presentation-form{display:flex;flex-direction:column;align-items:center}.o-presentation-form .a-presentation-form-input{padding:.25rem .75rem;margin-bottom:.75rem}.o-presentation-form .o-file-input{border:1px dashed black;display:flex;flex-direction:column;align-items:center;width:100%;padding:.625rem 0;gap:15px}.o-presentation-form pry-select{width:100%}.o-presentation-form .a-btn[type=submit]{margin-top:20px}.o-presentation-form .o-text-editor__content{min-height:6.25rem}.o-presentation-form .o-text-editor__content textarea{height:6.25rem}\n", ".o-presentation{margin:0;padding:0}.o-presentation li{list-style:none}.o-manifest-layout__toolbox{justify-content:space-between}.o-manifest-layout__toolbox.-u-hidden{display:none}.o-manifest-layout__content{height:100%;overflow:auto}.o-manifest-layout__content .pointer{cursor:pointer}.pry-viewingpresentation{display:flex;overflow-y:scroll}.pry-viewingpresentation .o-manifest-layout__content,.pry-viewingpresentation .o-dashboard-widget{grid-area:middle;flex:100% 1 1}.o-presentation{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1.875rem;padding:.25rem .25rem 1.25rem;overflow-y:visible}.o-presentation .a-h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.o-presentation__item{display:flex;flex-direction:column;align-items:stretch}.o-presentation__item:hover{cursor:pointer}.o-presentation__item:hover .o-presentation__item__footer pry-icon{visibility:visible;opacity:1}.o-presentation__item__image{cursor:pointer;overflow:hidden;height:6.875rem;display:flex;align-items:center;justify-content:center}.o-presentation__item__image img{width:100px}.o-presentation__item__image .is-full-width{width:100%;height:100%;object-fit:cover}.o-presentation__item__header{position:relative;display:flex;align-items:flex-start;justify-content:center;height:6.875rem}.o-presentation__item__header pry-icon.is-private{position:absolute;top:.625rem;left:.625rem;z-index:1}.o-presentation__item__header .a-tooltip{width:100%}.o-presentation__item__txt{flex-grow:1;padding:.625rem .9375rem;display:flex;flex-direction:column;justify-content:space-between}.o-presentation__item__txt .a-h3{padding-bottom:.3125rem}.o-presentation__item__txt .a-p.-date{padding-top:.625rem;margin-bottom:0}.o-presentation__item__title-container.a-tooltip[data-tooltip]:after{top:calc(100% - 15px)}.o-presentation__item__description-container{position:relative;width:100%;display:flex;align-content:center;min-height:1.25rem}.o-presentation__item__description-container.a-tooltip[data-tooltip]:after{width:100%}.o-presentation__item__description{width:100%;max-height:2.5rem}.o-presentation__item__footer{display:flex;align-content:center;justify-content:center;font-size:.875rem;line-height:1.125rem;padding:.1875rem 0;max-height:2.3125rem}.o-presentation__item__footer .a-btn{margin-left:1.25rem}.o-presentation__item__footer pry-icon{visibility:hidden;opacity:0;transition:visibility .1s linear,opacity .1s linear;margin-left:.1875rem}.o-presentation-consult{width:100%;padding:.9375rem}.more-button{position:absolute;top:.375rem;right:.625rem}.more-button .a-btn{padding:.125rem 0;border-radius:50%}.m-context-menu{position:absolute}\n"] }]
         }] });
 
 class PryPresentationComponent extends SubscriptionnerDirective {
@@ -248,18 +216,17 @@ class PryPresentationComponent extends SubscriptionnerDirective {
         this.ngZone = ngZone;
         this.access = access;
         this.dialog = dialog;
-        this.selectedPresentation$ = new BehaviorSubject(null);
+        this.selectedPresentation$ = new BehaviorSubject(undefined);
         this.selectedMode = ViewMode.CATALOG;
-        this.modalOpened = false;
         this.accessRightsByGroup = {};
+        this.ViewMode = ViewMode;
+        this.search$ = new BehaviorSubject('');
         this.editionStartUrl = '/';
         this.consultStartUrl = '/';
         this.themePrefix = null;
-        this.ViewMode = ViewMode;
-        this.search$ = new BehaviorSubject('');
-        this.listOfManifests$ = new BehaviorSubject(null);
         this.mode = 'meta';
         this.hideToolbox = false;
+        this.listOfManifests$ = new BehaviorSubject(null);
         this.inputSearch$ = new BehaviorSubject('');
         this.subscriptions.add(this.activatedRoute.queryParams.subscribe((params) => {
             if (params['create']) {
@@ -290,12 +257,12 @@ class PryPresentationComponent extends SubscriptionnerDirective {
         })));
         this.subscriptions.add(this.store.select(DashboardSelectors.presentation).subscribe((presentation) => {
             this.selectedMode = presentation?.viewMode ?? this.ViewMode.CATALOG;
-            this.selectedPresentation$.next(presentation.current ?? null);
+            this.selectedPresentation$.next(presentation.current);
         }));
         this.titleService.changeTitle('@pry.presentation.title');
     }
     closeRestitution() {
-        this.selectedPresentation$.next(null);
+        this.selectedPresentation$.next(undefined);
         this.selectedMode = ViewMode.CATALOG;
         this.store.dispatch(DashboardActions.selectPresentation({ presentation: undefined, viewMode: ViewMode.CATALOG }));
     }
@@ -358,7 +325,7 @@ class PryPresentationComponent extends SubscriptionnerDirective {
         else {
             this.overlayRef?.dispose();
             this.overlayRef = undefined;
-            this.selectedPresentation$.next(null);
+            this.selectedPresentation$.next(undefined);
         }
     }
     toggleModal(presentation) {
@@ -387,11 +354,11 @@ class PryPresentationComponent extends SubscriptionnerDirective {
         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 }, { 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", themePrefix: "themePrefix", 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      [themePrefix]=\"themePrefix\"\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      [themePrefix]=\"themePrefix\"\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", "themePrefix", "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.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: PryPresentationComponent, selector: "pry-presentation", inputs: { editionStartUrl: "editionStartUrl", consultStartUrl: "consultStartUrl", meAsOwner: "meAsOwner", themePrefix: "themePrefix", mode: "mode", hideToolbox: "hideToolbox", listOfManifests: "listOfManifests", 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) ?? undefined\"\n      (goBack)=\"closeRestitution()\"\n      [editionStartUrl]=\"editionStartUrl\"\n      [edition]=\"false\"\n      [mode]=\"mode\"\n      [themePrefix]=\"themePrefix\"\n    ></pry-add-edit-presentation>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"ViewMode.EDITION\">\n    <pry-add-edit-presentation\n      [selectedPresentation]=\"(selectedPresentation$ | async) ?? undefined\"\n      (goBack)=\"closeRestitution()\"\n      [editionStartUrl]=\"editionStartUrl\"\n      [edition]=\"true\"\n      [mode]=\"mode\"\n      [themePrefix]=\"themePrefix\"\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: i5$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: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$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: ["selectedPresentation", "edition", "themePrefix", "editionStartUrl", "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      [themePrefix]=\"themePrefix\"\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      [themePrefix]=\"themePrefix\"\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" }]
+            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) ?? undefined\"\n      (goBack)=\"closeRestitution()\"\n      [editionStartUrl]=\"editionStartUrl\"\n      [edition]=\"false\"\n      [mode]=\"mode\"\n      [themePrefix]=\"themePrefix\"\n    ></pry-add-edit-presentation>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"ViewMode.EDITION\">\n    <pry-add-edit-presentation\n      [selectedPresentation]=\"(selectedPresentation$ | async) ?? undefined\"\n      (goBack)=\"closeRestitution()\"\n      [editionStartUrl]=\"editionStartUrl\"\n      [edition]=\"true\"\n      [mode]=\"mode\"\n      [themePrefix]=\"themePrefix\"\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
                 }, {
@@ -413,10 +380,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
                 type: Input
             }], mode: [{
                 type: Input
-            }], listOfManifests: [{
-                type: Input
             }], hideToolbox: [{
                 type: Input
+            }], listOfManifests: [{
+                type: Input
             }], search: [{
                 type: Input
             }] } });
@@ -511,6 +478,12 @@ const frTranslations = {
     }
 };
 
+const COMPONENTS = [
+    PryPresentationComponent,
+    PryAddEditPresentationComponent,
+    PryTitlePresentationComponent,
+    PryPresentationCssComponent
+];
 class PryPresentationModule {
     constructor(pryTranslateService) {
         this.pryTranslateService = pryTranslateService;
@@ -561,12 +534,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
             type: NgModule,
             args: [{
                     providers: [],
-                    declarations: [
-                        PryPresentationComponent,
-                        PryAddEditPresentationComponent,
-                        PryTitlePresentationComponent,
-                        PryPresentationCssComponent
-                    ],
+                    declarations: [...COMPONENTS],
                     imports: [
                         PryIconModule,
                         PryCoreModule,
@@ -585,12 +553,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
                         PryExpandPanelModule,
                         PryTextEditorModule
                     ],
-                    exports: [
-                        PryPresentationComponent,
-                        PryAddEditPresentationComponent,
-                        PryTitlePresentationComponent,
-                        PryPresentationCssComponent
-                    ]
+                    exports: [...COMPONENTS]
                 }]
         }], ctorParameters: () => [{ type: i4.PryI18nService }] });