npm - @provoly/dashboard - Versions diffs - 0.11.8 → 0.12.0 - Mend

@provoly/dashboard 0.11.8 → 0.12.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (48) hide show

package/fesm2022/provoly-dashboard-dataset.mjs CHANGED Viewed

@@ -125,6 +125,7 @@ class PryDatasetComponent extends SubscriptionnerDirective {
         this.selectedMode = ViewMode.CATALOG;
         this.ViewMode = ViewMode;
         this.search$ = new BehaviorSubject('');
+        this.store.dispatch(DataSourceActions.load());
         this.datasets$ = this.store.select(DataSourceSelectors.datasets);
         this.store.dispatch(DashboardActions.fetchManifestsList());
         this.filteredDatasets$ = combineLatest([this.datasets$, this.search$]).pipe(map(([datasets, search]) => datasets.filter((dataset) => search.length === 0 || dataset.name.toLowerCase().includes(search.toLowerCase()))));

package/fesm2022/provoly-dashboard-dataset.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"provoly-dashboard-dataset.mjs","sources":["../../../../projects/provoly/dashboard/dataset/style/css.component.ts","../../../../projects/provoly/dashboard/dataset/components/dataset-card/dataset-card.component.ts","../../../../projects/provoly/dashboard/dataset/components/dataset-card/dataset-card.component.html","../../../../projects/provoly/dashboard/dataset/components/dataset-detail/dataset-detail.component.ts","../../../../projects/provoly/dashboard/dataset/components/dataset-detail/dataset-detail.component.html","../../../../projects/provoly/dashboard/dataset/components/dataset.component.ts","../../../../projects/provoly/dashboard/dataset/components/dataset.component.html","../../../../projects/provoly/dashboard/dataset/i18n/en.translations.ts","../../../../projects/provoly/dashboard/dataset/i18n/fr.translations.ts","../../../../projects/provoly/dashboard/dataset/dataset.module.ts","../../../../projects/provoly/dashboard/dataset/provoly-dashboard-dataset.ts"],"sourcesContent":["import { Component, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'pry-dataset-css',\n template: '',\n styleUrls: ['./_o-pry-dataset.scss', './_o-pry-dataset-card.scss', './_o-pry-dataset-detail.scss'],\n encapsulation: ViewEncapsulation.None\n})\nexport class PryDatasetCssComponent {}\n","import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { Dataset } from '@provoly/dashboard';\n\n@Component({\n selector: 'pry-dataset-card',\n templateUrl: './dataset-card.component.html'\n})\nexport class PryDatasetCardComponent {\n @Input() dataset!: Dataset;\n @Output() consult = new EventEmitter<Dataset>();\n\n goToDetailView() {\n this.consult.emit(this.dataset);\n }\n}\n","<pry-dataset-css></pry-dataset-css>\n<div class=\"o-pry-dataset-card\">\n <div class=\"o-pry-dataset-card__header\">\n <img\n alt=\"\"\n [height]=\"25\"\n [width]=\"25\"\n [src]=\"dataset.id \| translateId: { type: 'datasource', output: 'icon' } \| async\"\n />\n <h4 class=\"a-h4\">{{ dataset.name }}</h4>\n </div>\n <div class=\"o-pry-dataset-card__content\"></div>\n <div class=\"o-pry-dataset-card__footer\">\n <button class=\"a-btn\" (click)=\"goToDetailView()\">\n <pry-icon iconSvg=\"table\"></pry-icon>\n {{ '@pry.dataset.table' \| i18n }}\n </button>\n <button class=\"a-btn\" (click)=\"goToDetailView()\">\n <pry-icon iconSvg=\"download\"></pry-icon>\n {{ '@pry.dataset.export' \| i18n }}\n </button>\n <button class=\"a-btn\" (click)=\"goToDetailView()\">\n {{ '@pry.dataset.api' \| i18n }}\n </button>\n </div>\n <div class=\"o-pry-dataset-card__button\">\n <button class=\"a-btn\" (click)=\"goToDetailView()\">Consulter</button>\n </div>\n</div>\n","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { Store } from '@ngrx/store';\nimport {\n DashboardSelectors,\n Dataset,\n DatasetVersion,\n DataSourceActions,\n DataSourceSelectors,\n ResultSets,\n SearchActions,\n ViewMode,\n WidgetManifest\n} from '@provoly/dashboard';\nimport { map, Observable } from 'rxjs';\n\nlet nextCompId = 0;\n\n@Component({\n selector: 'pry-dataset-detail',\n templateUrl: './dataset-detail.component.html'\n})\nexport class PryDatasetDetailComponent implements OnInit {\n @Input() dataset!: Dataset;\n @Output() goToCatalog = new EventEmitter();\n widgetManifest: WidgetManifest = {\n type: 'table',\n layout: { x: 1, y: 1, height: 10, width: 12 },\n options: {},\n datasource: ['']\n };\n protected readonly ViewMode = ViewMode;\n compId: number = 0;\n tab: number = 0;\n\n datasetItems$: Observable<ResultSets \| null> \| undefined;\n public datasetVersions$!: Observable<DatasetVersion[]>;\n showModalStatus: boolean = false;\n selectedDatasetVersion?: DatasetVersion;\n selectedMode: ViewMode = ViewMode.CONSULT;\n\n constructor(private store: Store) {\n this.compId = nextCompId++;\n }\n\n ngOnInit() {\n this.store.dispatch(SearchActions.getDatasourceItems({ id: this.dataset.id }));\n this.store.dispatch(DataSourceActions.dataset.listVersions());\n this.datasetItems$ = this.store.select(DashboardSelectors.resultSets);\n this.datasetVersions$ = this.store\n .select(DataSourceSelectors.matchingDatasetVersions(this.dataset.id))\n .pipe(map((res) => [...res].sort((a, b) => b.version - a.version)));\n this.widgetManifest.datasource = [this.dataset.id];\n }\n\n goBack() {\n this.goToCatalog.emit();\n }\n\n goToConsult(version: DatasetVersion \| undefined): void {\n this.selectedDatasetVersion = version;\n this.showModalStatus = false;\n this.selectedMode = ViewMode.CONSULT;\n }\n\n switch(number: number) {\n this.tab = number;\n }\n\n handleButtonAction(version: DatasetVersion) {\n this.selectedDatasetVersion = version;\n switch (version.state) {\n case 'ERROR':\n this.showModalStatus = true;\n break;\n case 'ACTIVE':\n this.deactivateVersion(version);\n break;\n case 'INACTIVE':\n this.activateVersion(version);\n break;\n default:\n break;\n }\n }\n\n private deactivateVersion(version: DatasetVersion) {\n this.store.dispatch(\n DataSourceActions.dataset.deactivateDatasetVersion({\n datasetId: this.dataset.id,\n versionId: version.id\n })\n );\n }\n\n private activateVersion(version: DatasetVersion) {\n this.store.dispatch(\n DataSourceActions.dataset.activateDatasetVersion({\n datasetId: this.dataset.id,\n versionId: version.id\n })\n );\n }\n}\n","<div class=\"o-manifest-layout__content\">\n <button class=\"a-btn a-btn--primary\" (click)=\"goBack()\">{{ '@pry.dataset.returnToList' \| i18n }}</button>\n</div>\n\n<div class=\"o-pry-dataset-detail\">\n <div class=\"o-manifest-layout__content\">\n <h1 class=\"a-h1\">{{ dataset.name }}</h1>\n </div>\n <div class=\"dataset-detail\">\n <div class=\"o-tabs\">\n <div class=\"o-tabs__list\" role=\"tablist\" [attr.aria-labelledby]=\"'tab-custo'\">\n <button\n type=\"button\"\n class=\"o-tabs__list__btn\"\n role=\"tab\"\n [id]=\"'tab-' + compId + '-0'\"\n [attr.aria-selected]=\"tab === 0\"\n [attr.tabindex]=\"tab === 0 ? 0 : -1\"\n [attr.aria-controls]=\"'tabpanel-' + compId + '-0'\"\n (click)=\"switch(0)\"\n >\n {{ '@pry.dataset.data' \| i18n }}\n </button>\n <button\n type=\"button\"\n class=\"o-tabs__list__btn\"\n role=\"tab\"\n [id]=\"'tab-' + compId + '-1'\"\n [attr.aria-selected]=\"tab === 1\"\n [attr.tabindex]=\"tab === 1 ? 1 : -1\"\n [attr.aria-controls]=\"'tabpanel-' + compId + '-1'\"\n (click)=\"switch(1)\"\n >\n {{ '@pry.dataset.status' \| i18n }}\n </button>\n </div>\n </div>\n <div ngIf=\"tab === 0\" class=\"table-container\">\n <pry-widget-instanciator [standalone]=\"true\" [staticManifest]=\"widgetManifest\"></pry-widget-instanciator>\n </div>\n <div class=\"o-base-layout__content\">\n <div ngIf=\"tab === 1\">\n <div class=\"table-container\">\n <table class=\"a-table\">\n <caption>\n {{\n '@pry.admin.dataset.title' \| i18n\n }},\n {{\n '@pry.action.sortableColumnHeader' \| i18n\n }}\n </caption>\n <thead>\n <tr>\n <th>{{ '@pry.dataset.version.title' \| i18n }}</th>\n <th>{{ '@pry.dataset.date' \| i18n }}</th>\n <th>{{ '@pry.dataset.status' \| i18n }}</th>\n <th></th>\n </tr>\n </thead>\n <tbody>\n <tr ngFor=\"let version of datasetVersions$ \| async; let first = first\">\n <td>\n {{ version.version }}\n <pry-icon ngIf=\"version.state === 'ACTIVE' && first\" iconSvg=\"check\" class=\"check\"></pry-icon>\n </td>\n <td>{{ version.lastModified \| sinceDate }}</td>\n <td ngIf=\"version.state === 'ACTIVE' && first; else notActive\">\n {{ '@pry.dataset.version.currentlyActive' \| i18n }}\n <div class=\"info-icon\">\n <span class=\"info-text\">i</span>\n </div>\n </td>\n <ng-template #notActive>\n <td>\n {{ '@pry.dataset.version.' + version.state \| i18n }}\n <div class=\"info-icon\">\n <span class=\"info-text\">i</span>\n </div>\n </td>\n </ng-template>\n <td>\n <div ngIf=\"version.state !== 'LOADING' && version.state !== 'INDEXING'\">\n <button\n type=\"button\"\n class=\"a-btn a-btn--primary a-btn--icon-text ng-star-inserted\"\n (click)=\"handleButtonAction(version)\"\n >\n {{ '@pry.dataset.buttonAction.' + version.state \| i18n }}\n </button>\n </div>\n </td>\n </tr>\n </tbody>\n </table>\n </div>\n </div>\n </div>\n </div>\n</div>\n\n<ng-container ngIf=\"showModalStatus\">\n <pry-modalStatus [version]=\"selectedDatasetVersion\" (gotoConsult)=\"goToConsult($event)\"></pry-modalStatus>\n</ng-container>\n","import { Component } from '@angular/core';\nimport { Store } from '@ngrx/store';\nimport { DashboardActions, Dataset, DataSourceSelectors, SubscriptionnerDirective, ViewMode } from '@provoly/dashboard';\nimport { BehaviorSubject, combineLatest, map, Observable } from 'rxjs';\n\n@Component({\n selector: 'pry-dataset',\n templateUrl: './dataset.component.html'\n})\nexport class PryDatasetComponent extends SubscriptionnerDirective {\n datasets$: Observable<Dataset[]>;\n selectedDataset: Dataset \| null = null;\n selectedMode: ViewMode = ViewMode.CATALOG;\n ViewMode = ViewMode;\n search$ = new BehaviorSubject('');\n filteredDatasets$: Observable<Dataset[]>;\n\n constructor(protected store: Store<any>) {\n super();\n this.datasets$ = this.store.select(DataSourceSelectors.datasets);\n this.store.dispatch(DashboardActions.fetchManifestsList());\n this.filteredDatasets$ = combineLatest([this.datasets$, this.search$]).pipe(\n map(([datasets, search]) =>\n datasets.filter((dataset) => search.length === 0 \|\| dataset.name.toLowerCase().includes(search.toLowerCase()))\n )\n );\n }\n\n consult(dataset: Dataset) {\n this.selectedDataset = dataset;\n this.selectedMode = ViewMode.CONSULT;\n }\n}\n","<pry-dataset-css></pry-dataset-css>\n<div class=\"o-manifest-layout\" [ngSwitch]=\"selectedMode\">\n <ng-container ngSwitchCase=\"ViewMode.CATALOG\">\n <div class=\"o-manifest-layout__toolbox\">\n <div class=\"o-pry-dataset__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.dataset.search' \| i18n\"\n [ngModel]=\"search$ \| async\"\n (ngModelChange)=\"this.search$.next($event)\"\n />\n <pry-icon iconSvg=\"search\" [width]=\"17\" [height]=\"17\"></pry-icon>\n </div>\n </div>\n <div class=\"o-manifest-layout__content\">\n <h1 class=\"a-h1\">{{ '@pry.dataset.title' \| i18n }}</h1>\n <div class=\"o-pry-dataset\">\n <pry-dataset-card\n ngFor=\"let dataset of filteredDatasets$ \| async\"\n [dataset]=\"dataset\"\n (consult)=\"consult($event)\"\n ></pry-dataset-card>\n </div>\n </div>\n </ng-container>\n <ng-container ngSwitchCase=\"ViewMode.CONSULT\">\n <ng-template [ngIf]=\"selectedDataset\">\n <pry-dataset-detail\n [dataset]=\"selectedDataset\"\n (goToCatalog)=\"selectedMode = ViewMode.CATALOG\"\n ></pry-dataset-detail>\n </ng-template>\n </ng-container>\n</div>\n","export const enTranslations = {\n '@pry': {\n dataset: {\n title: 'Dataset catalog',\n search: 'Search',\n date: 'Date',\n status: 'Status',\n data: 'Data',\n export: 'Export',\n version: {\n title: 'Title',\n INDEXING: 'Loading',\n LOADING: 'Loading',\n INACTIVE: 'Invalid',\n ERROR: 'Error',\n ACTIVE: 'Available',\n currentlyActive: 'Active'\n },\n buttonAction: {\n ACTIVE: 'Invalidate',\n INACTIVE: 'Validate',\n ERROR: 'Consult errors',\n LOADING: '',\n INDEXING: ''\n },\n api: 'API',\n error: {\n title: 'List of errors',\n close: 'Close'\n }\n }\n }\n};\n","export const frTranslations = {\n '@pry': {\n dataset: {\n title: 'Catalogue des jeux de données',\n search: 'Rechercher',\n date: 'Date',\n status: 'Statut',\n data: 'Données',\n table: 'Tableau',\n export: 'Export',\n api: 'API',\n returnToList: 'Retourner a la liste des jeux de donnees',\n version: {\n title: 'Intitulé',\n INDEXING: 'En chargement',\n LOADING: 'En chargement',\n INACTIVE: 'Invalide',\n ERROR: 'En erreur',\n ACTIVE: 'Disponible',\n currentlyActive: 'Active'\n },\n buttonAction: {\n ACTIVE: 'Invalider',\n INACTIVE: 'Valider',\n ERROR: 'Consulter erreurs',\n LOADING: '',\n INDEXING: ''\n },\n error: {\n title: 'Liste des erreurs',\n code: 'Code',\n elements: 'Elements',\n message: 'Message',\n close: 'Fermer'\n }\n }\n }\n};\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport {\n PryCoreModule,\n PryDashboardModule,\n PryI18nModule,\n PryI18nService,\n PryIconModule,\n PryModalStatusModule,\n PryOverlayModule\n} from '@provoly/dashboard';\nimport { PrySinceDateModule } from '@provoly/dashboard/components/sinceDate';\nimport { PryDatasetCardComponent } from './components/dataset-card/dataset-card.component';\nimport { PryDatasetDetailComponent } from './components/dataset-detail/dataset-detail.component';\nimport { PryDatasetComponent } from './components/dataset.component';\nimport { enTranslations } from './i18n/en.translations';\nimport { frTranslations } from './i18n/fr.translations';\nimport { PryDatasetCssComponent } from './style/css.component';\n\n@NgModule({\n providers: [],\n declarations: [PryDatasetComponent, PryDatasetCssComponent, PryDatasetCardComponent, PryDatasetDetailComponent],\n imports: [\n CommonModule,\n PryIconModule,\n PryCoreModule,\n PryOverlayModule,\n PryI18nModule,\n FormsModule,\n PryDashboardModule,\n PrySinceDateModule,\n PryModalStatusModule\n ],\n exports: [PryDatasetComponent, PryDatasetCssComponent, PryDatasetCardComponent, PryDatasetDetailComponent]\n})\nexport class PryDatasetModule {\n constructor(private pryTranslateService: PryI18nService) {\n this.pryTranslateService.addLangObject('fr', 'dataset', frTranslations);\n this.pryTranslateService.addLangObject('en', 'dataset', enTranslations);\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":["i1","i2.PryDatasetCssComponent","i3","i4","i5.PryDatasetCssComponent","i6.PryDatasetCardComponent","i7.PryDatasetDetailComponent"],"mappings":"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"}
1	+ {"version":3,"file":"provoly-dashboard-dataset.mjs","sources":["../../../../projects/provoly/dashboard/dataset/style/css.component.ts","../../../../projects/provoly/dashboard/dataset/components/dataset-card/dataset-card.component.ts","../../../../projects/provoly/dashboard/dataset/components/dataset-card/dataset-card.component.html","../../../../projects/provoly/dashboard/dataset/components/dataset-detail/dataset-detail.component.ts","../../../../projects/provoly/dashboard/dataset/components/dataset-detail/dataset-detail.component.html","../../../../projects/provoly/dashboard/dataset/components/dataset.component.ts","../../../../projects/provoly/dashboard/dataset/components/dataset.component.html","../../../../projects/provoly/dashboard/dataset/i18n/en.translations.ts","../../../../projects/provoly/dashboard/dataset/i18n/fr.translations.ts","../../../../projects/provoly/dashboard/dataset/dataset.module.ts","../../../../projects/provoly/dashboard/dataset/provoly-dashboard-dataset.ts"],"sourcesContent":["import { Component, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'pry-dataset-css',\n template: '',\n styleUrls: ['./_o-pry-dataset.scss', './_o-pry-dataset-card.scss', './_o-pry-dataset-detail.scss'],\n encapsulation: ViewEncapsulation.None\n})\nexport class PryDatasetCssComponent {}\n","import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { Dataset } from '@provoly/dashboard';\n\n@Component({\n selector: 'pry-dataset-card',\n templateUrl: './dataset-card.component.html'\n})\nexport class PryDatasetCardComponent {\n @Input() dataset!: Dataset;\n @Output() consult = new EventEmitter<Dataset>();\n\n goToDetailView() {\n this.consult.emit(this.dataset);\n }\n}\n","<pry-dataset-css></pry-dataset-css>\n<div class=\"o-pry-dataset-card\">\n <div class=\"o-pry-dataset-card__header\">\n <img\n alt=\"\"\n [height]=\"25\"\n [width]=\"25\"\n [src]=\"dataset.id \| translateId: { type: 'datasource', output: 'icon' } \| async\"\n />\n <h4 class=\"a-h4\">{{ dataset.name }}</h4>\n </div>\n <div class=\"o-pry-dataset-card__content\"></div>\n <div class=\"o-pry-dataset-card__footer\">\n <button class=\"a-btn\" (click)=\"goToDetailView()\">\n <pry-icon iconSvg=\"table\"></pry-icon>\n {{ '@pry.dataset.table' \| i18n }}\n </button>\n <button class=\"a-btn\" (click)=\"goToDetailView()\">\n <pry-icon iconSvg=\"download\"></pry-icon>\n {{ '@pry.dataset.export' \| i18n }}\n </button>\n <button class=\"a-btn\" (click)=\"goToDetailView()\">\n {{ '@pry.dataset.api' \| i18n }}\n </button>\n </div>\n <div class=\"o-pry-dataset-card__button\">\n <button class=\"a-btn\" (click)=\"goToDetailView()\">Consulter</button>\n </div>\n</div>\n","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { Store } from '@ngrx/store';\nimport {\n DashboardSelectors,\n Dataset,\n DatasetVersion,\n DataSourceActions,\n DataSourceSelectors,\n ResultSets,\n SearchActions,\n ViewMode,\n WidgetManifest\n} from '@provoly/dashboard';\nimport { map, Observable } from 'rxjs';\n\nlet nextCompId = 0;\n\n@Component({\n selector: 'pry-dataset-detail',\n templateUrl: './dataset-detail.component.html'\n})\nexport class PryDatasetDetailComponent implements OnInit {\n @Input() dataset!: Dataset;\n @Output() goToCatalog = new EventEmitter();\n widgetManifest: WidgetManifest = {\n type: 'table',\n layout: { x: 1, y: 1, height: 10, width: 12 },\n options: {},\n datasource: ['']\n };\n protected readonly ViewMode = ViewMode;\n compId: number = 0;\n tab: number = 0;\n\n datasetItems$: Observable<ResultSets \| null> \| undefined;\n public datasetVersions$!: Observable<DatasetVersion[]>;\n showModalStatus: boolean = false;\n selectedDatasetVersion?: DatasetVersion;\n selectedMode: ViewMode = ViewMode.CONSULT;\n\n constructor(private store: Store) {\n this.compId = nextCompId++;\n }\n\n ngOnInit() {\n this.store.dispatch(SearchActions.getDatasourceItems({ id: this.dataset.id }));\n this.store.dispatch(DataSourceActions.dataset.listVersions());\n this.datasetItems$ = this.store.select(DashboardSelectors.resultSets);\n this.datasetVersions$ = this.store\n .select(DataSourceSelectors.matchingDatasetVersions(this.dataset.id))\n .pipe(map((res) => [...res].sort((a, b) => b.version - a.version)));\n this.widgetManifest.datasource = [this.dataset.id];\n }\n\n goBack() {\n this.goToCatalog.emit();\n }\n\n goToConsult(version: DatasetVersion \| undefined): void {\n this.selectedDatasetVersion = version;\n this.showModalStatus = false;\n this.selectedMode = ViewMode.CONSULT;\n }\n\n switch(number: number) {\n this.tab = number;\n }\n\n handleButtonAction(version: DatasetVersion) {\n this.selectedDatasetVersion = version;\n switch (version.state) {\n case 'ERROR':\n this.showModalStatus = true;\n break;\n case 'ACTIVE':\n this.deactivateVersion(version);\n break;\n case 'INACTIVE':\n this.activateVersion(version);\n break;\n default:\n break;\n }\n }\n\n private deactivateVersion(version: DatasetVersion) {\n this.store.dispatch(\n DataSourceActions.dataset.deactivateDatasetVersion({\n datasetId: this.dataset.id,\n versionId: version.id\n })\n );\n }\n\n private activateVersion(version: DatasetVersion) {\n this.store.dispatch(\n DataSourceActions.dataset.activateDatasetVersion({\n datasetId: this.dataset.id,\n versionId: version.id\n })\n );\n }\n}\n","<div class=\"o-manifest-layout__content\">\n <button class=\"a-btn a-btn--primary\" (click)=\"goBack()\">{{ '@pry.dataset.returnToList' \| i18n }}</button>\n</div>\n\n<div class=\"o-pry-dataset-detail\">\n <div class=\"o-manifest-layout__content\">\n <h1 class=\"a-h1\">{{ dataset.name }}</h1>\n </div>\n <div class=\"dataset-detail\">\n <div class=\"o-tabs\">\n <div class=\"o-tabs__list\" role=\"tablist\" [attr.aria-labelledby]=\"'tab-custo'\">\n <button\n type=\"button\"\n class=\"o-tabs__list__btn\"\n role=\"tab\"\n [id]=\"'tab-' + compId + '-0'\"\n [attr.aria-selected]=\"tab === 0\"\n [attr.tabindex]=\"tab === 0 ? 0 : -1\"\n [attr.aria-controls]=\"'tabpanel-' + compId + '-0'\"\n (click)=\"switch(0)\"\n >\n {{ '@pry.dataset.data' \| i18n }}\n </button>\n <button\n type=\"button\"\n class=\"o-tabs__list__btn\"\n role=\"tab\"\n [id]=\"'tab-' + compId + '-1'\"\n [attr.aria-selected]=\"tab === 1\"\n [attr.tabindex]=\"tab === 1 ? 1 : -1\"\n [attr.aria-controls]=\"'tabpanel-' + compId + '-1'\"\n (click)=\"switch(1)\"\n >\n {{ '@pry.dataset.status' \| i18n }}\n </button>\n </div>\n </div>\n <div ngIf=\"tab === 0\" class=\"table-container\">\n <pry-widget-instanciator [standalone]=\"true\" [staticManifest]=\"widgetManifest\"></pry-widget-instanciator>\n </div>\n <div class=\"o-base-layout__content\">\n <div ngIf=\"tab === 1\">\n <div class=\"table-container\">\n <table class=\"a-table\">\n <caption>\n {{\n '@pry.admin.dataset.title' \| i18n\n }},\n {{\n '@pry.action.sortableColumnHeader' \| i18n\n }}\n </caption>\n <thead>\n <tr>\n <th>{{ '@pry.dataset.version.title' \| i18n }}</th>\n <th>{{ '@pry.dataset.date' \| i18n }}</th>\n <th>{{ '@pry.dataset.status' \| i18n }}</th>\n <th></th>\n </tr>\n </thead>\n <tbody>\n <tr ngFor=\"let version of datasetVersions$ \| async; let first = first\">\n <td>\n {{ version.version }}\n <pry-icon ngIf=\"version.state === 'ACTIVE' && first\" iconSvg=\"check\" class=\"check\"></pry-icon>\n </td>\n <td>{{ version.lastModified \| sinceDate }}</td>\n <td ngIf=\"version.state === 'ACTIVE' && first; else notActive\">\n {{ '@pry.dataset.version.currentlyActive' \| i18n }}\n <div class=\"info-icon\">\n <span class=\"info-text\">i</span>\n </div>\n </td>\n <ng-template #notActive>\n <td>\n {{ '@pry.dataset.version.' + version.state \| i18n }}\n <div class=\"info-icon\">\n <span class=\"info-text\">i</span>\n </div>\n </td>\n </ng-template>\n <td>\n <div ngIf=\"version.state !== 'LOADING' && version.state !== 'INDEXING'\">\n <button\n type=\"button\"\n class=\"a-btn a-btn--primary a-btn--icon-text ng-star-inserted\"\n (click)=\"handleButtonAction(version)\"\n >\n {{ '@pry.dataset.buttonAction.' + version.state \| i18n }}\n </button>\n </div>\n </td>\n </tr>\n </tbody>\n </table>\n </div>\n </div>\n </div>\n </div>\n</div>\n\n<ng-container ngIf=\"showModalStatus\">\n <pry-modalStatus [version]=\"selectedDatasetVersion\" (gotoConsult)=\"goToConsult($event)\"></pry-modalStatus>\n</ng-container>\n","import { Component } from '@angular/core';\nimport { Store } from '@ngrx/store';\nimport {\n DashboardActions,\n Dataset,\n DataSourceActions,\n DataSourceSelectors,\n SubscriptionnerDirective,\n ViewMode\n} from '@provoly/dashboard';\nimport { BehaviorSubject, combineLatest, map, Observable } from 'rxjs';\n\n@Component({\n selector: 'pry-dataset',\n templateUrl: './dataset.component.html'\n})\nexport class PryDatasetComponent extends SubscriptionnerDirective {\n datasets$: Observable<Dataset[]>;\n selectedDataset: Dataset \| null = null;\n selectedMode: ViewMode = ViewMode.CATALOG;\n ViewMode = ViewMode;\n search$ = new BehaviorSubject('');\n filteredDatasets$: Observable<Dataset[]>;\n\n constructor(protected store: Store<any>) {\n super();\n this.store.dispatch(DataSourceActions.load());\n this.datasets$ = this.store.select(DataSourceSelectors.datasets);\n this.store.dispatch(DashboardActions.fetchManifestsList());\n this.filteredDatasets$ = combineLatest([this.datasets$, this.search$]).pipe(\n map(([datasets, search]) =>\n datasets.filter((dataset) => search.length === 0 \|\| dataset.name.toLowerCase().includes(search.toLowerCase()))\n )\n );\n }\n\n consult(dataset: Dataset) {\n this.selectedDataset = dataset;\n this.selectedMode = ViewMode.CONSULT;\n }\n}\n","<pry-dataset-css></pry-dataset-css>\n<div class=\"o-manifest-layout\" [ngSwitch]=\"selectedMode\">\n <ng-container ngSwitchCase=\"ViewMode.CATALOG\">\n <div class=\"o-manifest-layout__toolbox\">\n <div class=\"o-pry-dataset__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.dataset.search' \| i18n\"\n [ngModel]=\"search$ \| async\"\n (ngModelChange)=\"this.search$.next($event)\"\n />\n <pry-icon iconSvg=\"search\" [width]=\"17\" [height]=\"17\"></pry-icon>\n </div>\n </div>\n <div class=\"o-manifest-layout__content\">\n <h1 class=\"a-h1\">{{ '@pry.dataset.title' \| i18n }}</h1>\n <div class=\"o-pry-dataset\">\n <pry-dataset-card\n ngFor=\"let dataset of filteredDatasets$ \| async\"\n [dataset]=\"dataset\"\n (consult)=\"consult($event)\"\n ></pry-dataset-card>\n </div>\n </div>\n </ng-container>\n <ng-container ngSwitchCase=\"ViewMode.CONSULT\">\n <ng-template [ngIf]=\"selectedDataset\">\n <pry-dataset-detail\n [dataset]=\"selectedDataset\"\n (goToCatalog)=\"selectedMode = ViewMode.CATALOG\"\n ></pry-dataset-detail>\n </ng-template>\n </ng-container>\n</div>\n","export const enTranslations = {\n '@pry': {\n dataset: {\n title: 'Dataset catalog',\n search: 'Search',\n date: 'Date',\n status: 'Status',\n data: 'Data',\n export: 'Export',\n version: {\n title: 'Title',\n INDEXING: 'Loading',\n LOADING: 'Loading',\n INACTIVE: 'Invalid',\n ERROR: 'Error',\n ACTIVE: 'Available',\n currentlyActive: 'Active'\n },\n buttonAction: {\n ACTIVE: 'Invalidate',\n INACTIVE: 'Validate',\n ERROR: 'Consult errors',\n LOADING: '',\n INDEXING: ''\n },\n api: 'API',\n error: {\n title: 'List of errors',\n close: 'Close'\n }\n }\n }\n};\n","export const frTranslations = {\n '@pry': {\n dataset: {\n title: 'Catalogue des jeux de données',\n search: 'Rechercher',\n date: 'Date',\n status: 'Statut',\n data: 'Données',\n table: 'Tableau',\n export: 'Export',\n api: 'API',\n returnToList: 'Retourner a la liste des jeux de donnees',\n version: {\n title: 'Intitulé',\n INDEXING: 'En chargement',\n LOADING: 'En chargement',\n INACTIVE: 'Invalide',\n ERROR: 'En erreur',\n ACTIVE: 'Disponible',\n currentlyActive: 'Active'\n },\n buttonAction: {\n ACTIVE: 'Invalider',\n INACTIVE: 'Valider',\n ERROR: 'Consulter erreurs',\n LOADING: '',\n INDEXING: ''\n },\n error: {\n title: 'Liste des erreurs',\n code: 'Code',\n elements: 'Elements',\n message: 'Message',\n close: 'Fermer'\n }\n }\n }\n};\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport {\n PryCoreModule,\n PryDashboardModule,\n PryI18nModule,\n PryI18nService,\n PryIconModule,\n PryModalStatusModule,\n PryOverlayModule\n} from '@provoly/dashboard';\nimport { PrySinceDateModule } from '@provoly/dashboard/components/sinceDate';\nimport { PryDatasetCardComponent } from './components/dataset-card/dataset-card.component';\nimport { PryDatasetDetailComponent } from './components/dataset-detail/dataset-detail.component';\nimport { PryDatasetComponent } from './components/dataset.component';\nimport { enTranslations } from './i18n/en.translations';\nimport { frTranslations } from './i18n/fr.translations';\nimport { PryDatasetCssComponent } from './style/css.component';\n\n@NgModule({\n providers: [],\n declarations: [PryDatasetComponent, PryDatasetCssComponent, PryDatasetCardComponent, PryDatasetDetailComponent],\n imports: [\n CommonModule,\n PryIconModule,\n PryCoreModule,\n PryOverlayModule,\n PryI18nModule,\n FormsModule,\n PryDashboardModule,\n PrySinceDateModule,\n PryModalStatusModule\n ],\n exports: [PryDatasetComponent, PryDatasetCssComponent, PryDatasetCardComponent, PryDatasetDetailComponent]\n})\nexport class PryDatasetModule {\n constructor(private pryTranslateService: PryI18nService) {\n this.pryTranslateService.addLangObject('fr', 'dataset', frTranslations);\n this.pryTranslateService.addLangObject('en', 'dataset', enTranslations);\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":["i1","i2.PryDatasetCssComponent","i3","i4","i5.PryDatasetCssComponent","i6.PryDatasetCardComponent","i7.PryDatasetDetailComponent"],"mappings":"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"}

package/fesm2022/provoly-dashboard-presentation.mjs CHANGED Viewed

@@ -1,18 +1,18 @@
-import * as i4 from '@angular/common';
+import * as i6$1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
 import { EventEmitter, Component, Optional, Input, Output, ViewEncapsulation, TemplateRef, ViewChild, NgModule } from '@angular/core';
-import * as i5$1 from '@angular/forms';
+import * as i4$1 from '@angular/forms';
 import { FormGroup, FormControl, Validators, ReactiveFormsModule, FormsModule } from '@angular/forms';
-import * as i5 from '@provoly/dashboard';
+import * as i4 from '@provoly/dashboard';
 import { SubscriptionnerDirective, DEFAULT_RESTITUTION_ICON_URL, LibraryTypes, DashboardActions, DashboardGridLayout, DashboardSelectors, ViewMode, PryVisibilityType, ConfigActions, PryIconModule, PryCoreModule, PryDashboardModule, PrySelectModule, PryShareModule, PryOverlayModule, PryI18nModule } from '@provoly/dashboard';
-import * as i7 from '@provoly/dashboard/components/checkbox';
+import * as i6 from '@provoly/dashboard/components/checkbox';
 import { PryCheckboxModule } from '@provoly/dashboard/components/checkbox';
-import * as i9 from '@provoly/dashboard/components/sinceDate';
+import * as i4$2 from '@provoly/dashboard/components/sinceDate';
 import { PrySinceDateModule } from '@provoly/dashboard/components/sinceDate';
-import * as i6 from '@provoly/dashboard/toolbox';
+import * as i5 from '@provoly/dashboard/toolbox';
 import { PryToolboxModule } from '@provoly/dashboard/toolbox';
-import { combineLatest, take, debounceTime, BehaviorSubject, map } from 'rxjs';
+import { combineLatest, take, debounceTime, map, BehaviorSubject } from 'rxjs';
 import * as i1 from '@ngrx/store';
 import * as i2 from '@angular/router';
 import * as i2$1 from '@angular/cdk/overlay';
@@ -41,7 +41,7 @@ class PryAddEditPresentationComponent extends SubscriptionnerDirective {
     }
     ngOnInit() {
         this.form = new FormGroup({
-            name: new FormControl(null, [Validators.required, Validators.maxLength(30)]),
+            name: new FormControl(null, [Validators.required, Validators.maxLength(50)]),
             description: new FormControl(null, [Validators.maxLength(200)]),
             cover: new FormControl(false)
         });
@@ -115,11 +115,11 @@ class PryAddEditPresentationComponent extends SubscriptionnerDirective {
         this.goBack.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryAddEditPresentationComponent, deps: [{ token: i1.Store }, { token: i2.Router, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PryAddEditPresentationComponent, selector: "pry-add-edit-presentation", inputs: { selectedPresentation: "selectedPresentation", edition: "edition", editionStartUrl: "editionStartUrl" }, 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\">\n    <div class=\"o-presentation-form-wrapper\">\n      <h1 class=\"a-h1\">{{ '@pry.presentation.add' + '.pageTitle' | i18n }}</h1>\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=\"30\"\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\">\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            <pry-checkbox formControlName=\"cover\" name=\"cover\" ngDefaultControl>\n              {{ '@pry.presentation.form.cover' | i18n }}\n            </pry-checkbox>\n          </div>\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        <button\n          class=\"a-btn a-btn--primary\"\n          (click)=\"configureDashboard(selectedPresentation!)\"\n          [disabled]=\"form.invalid\"\n        >\n          {{ '@pry.presentation.configuration' | i18n }}\n        </button>\n      </form>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.PrySelectImageComponent, selector: "pry-select-image", inputs: ["iconUrl", "size", "mode"], outputs: ["toggled", "changed"] }, { kind: "directive", type: i5$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i5$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i5$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i6.SelectGridLayoutComponent, selector: "pry-select-grid-layout", inputs: ["label"] }, { kind: "component", type: i7.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle"] }, { kind: "pipe", type: i5.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PryAddEditPresentationComponent, selector: "pry-add-edit-presentation", inputs: { selectedPresentation: "selectedPresentation", edition: "edition", editionStartUrl: "editionStartUrl" }, 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\">\n    <div class=\"o-presentation-form-wrapper\">\n      <h1 class=\"a-h1\">{{ '@pry.presentation.add' + '.pageTitle' | i18n }}</h1>\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\">\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            <pry-checkbox formControlName=\"cover\" name=\"cover\" ngDefaultControl>\n              {{ '@pry.presentation.form.cover' | i18n }}\n            </pry-checkbox>\n          </div>\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        <button\n          class=\"a-btn a-btn--primary\"\n          (click)=\"configureDashboard(selectedPresentation!)\"\n          [disabled]=\"form.invalid\"\n        >\n          {{ '@pry.presentation.configuration' | i18n }}\n        </button>\n      </form>\n    </div>\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: i5.SelectGridLayoutComponent, selector: "pry-select-grid-layout", inputs: ["label"] }, { kind: "component", type: i6.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle"] }, { kind: "directive", type: i6$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", 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\">\n    <div class=\"o-presentation-form-wrapper\">\n      <h1 class=\"a-h1\">{{ '@pry.presentation.add' + '.pageTitle' | i18n }}</h1>\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=\"30\"\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\">\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            <pry-checkbox formControlName=\"cover\" name=\"cover\" ngDefaultControl>\n              {{ '@pry.presentation.form.cover' | i18n }}\n            </pry-checkbox>\n          </div>\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        <button\n          class=\"a-btn a-btn--primary\"\n          (click)=\"configureDashboard(selectedPresentation!)\"\n          [disabled]=\"form.invalid\"\n        >\n          {{ '@pry.presentation.configuration' | i18n }}\n        </button>\n      </form>\n    </div>\n  </div>\n</div>\n" }]
+            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\">\n    <div class=\"o-presentation-form-wrapper\">\n      <h1 class=\"a-h1\">{{ '@pry.presentation.add' + '.pageTitle' | i18n }}</h1>\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\">\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            <pry-checkbox formControlName=\"cover\" name=\"cover\" ngDefaultControl>\n              {{ '@pry.presentation.form.cover' | i18n }}\n            </pry-checkbox>\n          </div>\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        <button\n          class=\"a-btn a-btn--primary\"\n          (click)=\"configureDashboard(selectedPresentation!)\"\n          [disabled]=\"form.invalid\"\n        >\n          {{ '@pry.presentation.configuration' | i18n }}\n        </button>\n      </form>\n    </div>\n  </div>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i1.Store }, { type: i2.Router, decorators: [{
                     type: Optional
                 }] }]; }, propDecorators: { selectedPresentation: [{
@@ -132,13 +132,38 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
                 type: Output
             }] } });
+class PryTitlePresentationComponent {
+    constructor(store, i18nService) {
+        this.store = store;
+        this.i18nService = i18nService;
+        this.presentation$ = this.store.select(DashboardSelectors.presentation).pipe(map((presentation) => {
+            if (presentation.current) {
+                return presentation.current;
+            }
+            return null;
+        }));
+        this.presentationTitle$ = this.presentation$.pipe(map((presentation) => {
+            if (presentation) {
+                return presentation.name;
+            }
+            return this.i18nService.instant('@pry.header.noCurrentPresentation');
+        }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryTitlePresentationComponent, deps: [{ token: i1.Store }, { token: i4.PryI18nService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PryTitlePresentationComponent, selector: "pry-title-presentation", ngImport: i0, template: "<div class=\"title-container\">\n  <h1 class=\"a-h1 a-presentation-title\">{{ presentationTitle$ | async }}</h1>\n  <ng-container *ngIf=\"presentation$ | async as presentation\">\n    <div class=\"info-icon description-container description\">\n      <span class=\"info-text\">i</span>\n    </div>\n    <div class=\"description-tooltip title-tooltip\">\n      <p class=\"a-p -date\">{{ presentation.modificationDate | sinceDate }}</p>\n      <p class=\"a-p\">{{ presentation.description }}</p>\n    </div>\n  </ng-container>\n</div>\n", dependencies: [{ kind: "directive", type: i6$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4$2.PrySinceDatePipe, name: "sinceDate" }, { kind: "pipe", type: i6$1.AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryTitlePresentationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pry-title-presentation', template: "<div class=\"title-container\">\n  <h1 class=\"a-h1 a-presentation-title\">{{ presentationTitle$ | async }}</h1>\n  <ng-container *ngIf=\"presentation$ | async as presentation\">\n    <div class=\"info-icon description-container description\">\n      <span class=\"info-text\">i</span>\n    </div>\n    <div class=\"description-tooltip title-tooltip\">\n      <p class=\"a-p -date\">{{ presentation.modificationDate | sinceDate }}</p>\n      <p class=\"a-p\">{{ presentation.description }}</p>\n    </div>\n  </ng-container>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: i1.Store }, { type: i4.PryI18nService }]; } });
 class PryPresentationCssComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryPresentationCssComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PryPresentationCssComponent, selector: "pry-presentation-css", ngImport: i0, template: '', isInline: true, styles: ["pry-add-edit-presentation{height:100%}.o-manifest-layout__content{padding:20px;text-align:left}.o-manifest-layout__toolbox{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:.9375rem}.o-manifest-layout__toolbox .a-btn{border-radius:22px}.o-presentation-form-wrapper{padding-bottom:.3125rem}.o-presentation-form-wrapper .a-h1{line-height:38px;font-size:28px;text-align:left}.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:2.5rem 0;gap:15px}.o-presentation-form pry-select{width:100%}.o-presentation-form .a-btn[type=submit]{margin-top:20px}.a-presentation-title{padding:15px}.a-presentation__search{position:relative}.a-presentation__search .a-icon{position:absolute;right:.6875rem;bottom:.5625rem;opacity:.5;pointer-events:none}\n", ".o-presentation{margin:0;padding:0}.o-presentation li{list-style:none}.o-manifest-layout__content{height:100%}.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{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:auto}.o-presentation__item{display:flex;flex-direction:column;align-items:stretch}.o-presentation__item__header{position:relative;display:flex;align-items:center;justify-content:center;height:6.875rem}.o-presentation__item__header img{width:auto;height:90%;cursor:pointer}.o-presentation__item__header img.is-full-width{width:100%;height:100%;object-fit:cover}.o-presentation__item__header pry-icon.is-private{position:absolute;top:.625rem;left:.625rem}.o-presentation__item__txt{flex-grow:1;padding:.625rem .9375rem}.o-presentation__item__txt .a-h3{font-size:.875rem}.o-presentation__item__txt .a-p{font-size:.8125rem}.o-presentation__item__txt .a-p.-date{margin-bottom:0}.o-presentation__item__footer{padding:.625rem .9375rem}.o-presentation__item__footer .m-actions-list{justify-content:space-evenly}.o-presentation-consult{width:100%;padding:.9375rem}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PryPresentationCssComponent, selector: "pry-presentation-css", ngImport: i0, template: '', isInline: true, styles: ["pry-add-edit-presentation{height:100%}.o-manifest-layout__content{padding:20px;text-align:left}.o-manifest-layout__toolbox{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:.9375rem}.o-manifest-layout__toolbox .a-btn{border-radius:22px}.o-presentation-form-wrapper{padding-bottom:.3125rem}.o-presentation-form-wrapper .a-h1{line-height:38px;font-size:28px;text-align:left}.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:2.5rem 0;gap:15px}.o-presentation-form pry-select{width:100%}.o-presentation-form .a-btn[type=submit]{margin-top:20px}.a-presentation-title{padding:15px}.a-presentation__search{position:relative}.a-presentation__search .a-icon{position:absolute;right:.6875rem;bottom:.5625rem;opacity:.5;pointer-events:none}\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__content{height:100%}.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{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:auto}.o-presentation__item{display:flex;flex-direction:column;align-items:stretch}.o-presentation__item__header{position:relative;display:flex;align-items:center;justify-content:center;height:6.875rem}.o-presentation__item__header img{width:auto;height:90%;cursor:pointer}.o-presentation__item__header img.is-full-width{width:100%;height:100%;object-fit:cover}.o-presentation__item__header pry-icon.is-private{position:absolute;top:.625rem;left:.625rem}.o-presentation__item__txt{flex-grow:1;padding:.625rem .9375rem}.o-presentation__item__txt .a-h3{font-size:.875rem}.o-presentation__item__txt .a-p{font-size:.8125rem}.o-presentation__item__txt .a-p.-date{margin-bottom:0}.o-presentation__item__footer{padding:.625rem .9375rem}.o-presentation__item__footer .m-actions-list{justify-content:space-evenly}.o-presentation-consult{width:100%;padding:.9375rem}.description-container{position:relative;width:100%}.description{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:inherit;position:relative;line-height:2rem;box-sizing:border-box;pointer-events:none}.description:after{content:\"\";display:block;position:absolute;top:0;right:0;width:40px;height:48px;z-index:1;pointer-events:initial}.description:hover:after{cursor:pointer}.description-tooltip{position:absolute;max-width:50vw;visibility:hidden;background-color:#fff;padding:20px;-webkit-box-shadow:0 0 50px 0 rgba(0,0,0,.3);opacity:0;transition:opacity .5s ease;z-index:2}.description:hover+.description-tooltip{visibility:visible;transition:opacity .2s ease;opacity:1}.title-tooltip{transform:translateY(4rem)}h1.a-presentation-title{font-size:16px;padding-right:20px}.title-container{display:flex}.info-icon{position:relative;width:1.5rem;height:1.5rem;border-radius:50%;background-color:#ccc;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;align-self:center;margin-right:1rem}\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", 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{padding:20px;text-align:left}.o-manifest-layout__toolbox{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:.9375rem}.o-manifest-layout__toolbox .a-btn{border-radius:22px}.o-presentation-form-wrapper{padding-bottom:.3125rem}.o-presentation-form-wrapper .a-h1{line-height:38px;font-size:28px;text-align:left}.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:2.5rem 0;gap:15px}.o-presentation-form pry-select{width:100%}.o-presentation-form .a-btn[type=submit]{margin-top:20px}.a-presentation-title{padding:15px}.a-presentation__search{position:relative}.a-presentation__search .a-icon{position:absolute;right:.6875rem;bottom:.5625rem;opacity:.5;pointer-events:none}\n", ".o-presentation{margin:0;padding:0}.o-presentation li{list-style:none}.o-manifest-layout__content{height:100%}.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{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:auto}.o-presentation__item{display:flex;flex-direction:column;align-items:stretch}.o-presentation__item__header{position:relative;display:flex;align-items:center;justify-content:center;height:6.875rem}.o-presentation__item__header img{width:auto;height:90%;cursor:pointer}.o-presentation__item__header img.is-full-width{width:100%;height:100%;object-fit:cover}.o-presentation__item__header pry-icon.is-private{position:absolute;top:.625rem;left:.625rem}.o-presentation__item__txt{flex-grow:1;padding:.625rem .9375rem}.o-presentation__item__txt .a-h3{font-size:.875rem}.o-presentation__item__txt .a-p{font-size:.8125rem}.o-presentation__item__txt .a-p.-date{margin-bottom:0}.o-presentation__item__footer{padding:.625rem .9375rem}.o-presentation__item__footer .m-actions-list{justify-content:space-evenly}.o-presentation-consult{width:100%;padding:.9375rem}\n"] }]
+            args: [{ selector: 'pry-presentation-css', template: '', encapsulation: ViewEncapsulation.None, styles: ["pry-add-edit-presentation{height:100%}.o-manifest-layout__content{padding:20px;text-align:left}.o-manifest-layout__toolbox{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:.9375rem}.o-manifest-layout__toolbox .a-btn{border-radius:22px}.o-presentation-form-wrapper{padding-bottom:.3125rem}.o-presentation-form-wrapper .a-h1{line-height:38px;font-size:28px;text-align:left}.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:2.5rem 0;gap:15px}.o-presentation-form pry-select{width:100%}.o-presentation-form .a-btn[type=submit]{margin-top:20px}.a-presentation-title{padding:15px}.a-presentation__search{position:relative}.a-presentation__search .a-icon{position:absolute;right:.6875rem;bottom:.5625rem;opacity:.5;pointer-events:none}\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__content{height:100%}.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{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:auto}.o-presentation__item{display:flex;flex-direction:column;align-items:stretch}.o-presentation__item__header{position:relative;display:flex;align-items:center;justify-content:center;height:6.875rem}.o-presentation__item__header img{width:auto;height:90%;cursor:pointer}.o-presentation__item__header img.is-full-width{width:100%;height:100%;object-fit:cover}.o-presentation__item__header pry-icon.is-private{position:absolute;top:.625rem;left:.625rem}.o-presentation__item__txt{flex-grow:1;padding:.625rem .9375rem}.o-presentation__item__txt .a-h3{font-size:.875rem}.o-presentation__item__txt .a-p{font-size:.8125rem}.o-presentation__item__txt .a-p.-date{margin-bottom:0}.o-presentation__item__footer{padding:.625rem .9375rem}.o-presentation__item__footer .m-actions-list{justify-content:space-evenly}.o-presentation-consult{width:100%;padding:.9375rem}.description-container{position:relative;width:100%}.description{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:inherit;position:relative;line-height:2rem;box-sizing:border-box;pointer-events:none}.description:after{content:\"\";display:block;position:absolute;top:0;right:0;width:40px;height:48px;z-index:1;pointer-events:initial}.description:hover:after{cursor:pointer}.description-tooltip{position:absolute;max-width:50vw;visibility:hidden;background-color:#fff;padding:20px;-webkit-box-shadow:0 0 50px 0 rgba(0,0,0,.3);opacity:0;transition:opacity .5s ease;z-index:2}.description:hover+.description-tooltip{visibility:visible;transition:opacity .2s ease;opacity:1}.title-tooltip{transform:translateY(4rem)}h1.a-presentation-title{font-size:16px;padding-right:20px}.title-container{display:flex}.info-icon{position:relative;width:1.5rem;height:1.5rem;border-radius:50%;background-color:#ccc;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;align-self:center;margin-right:1rem}\n"] }]
         }] });
 class PryPresentationComponent extends SubscriptionnerDirective {
@@ -165,7 +190,9 @@ class PryPresentationComponent extends SubscriptionnerDirective {
         this.staticManifest$ = this.store
             .select(DashboardSelectors.staticManifest)
             .pipe(map((staticM) => staticM.windows[0]));
-        this.filteredPresentations$ = combineLatest([this.manifests$, this.search$]).pipe(map(([presentations, search]) => presentations.filter((presentations) => search.length === 0 || presentations.name.toLowerCase().includes(search.toLowerCase()))));
+        this.filteredPresentations$ = combineLatest([this.manifests$, this.search$]).pipe(map(([presentations, search]) => presentations.filter((presentations) => search.length === 0 ||
+            presentations.description.toLowerCase().includes(search.toLowerCase()) ||
+            presentations.name.toLowerCase().includes(search.toLowerCase()))));
         this.subscriptions.add(this.store.select(DashboardSelectors.presentation).subscribe((presentation) => {
             if (!!presentation.current) {
                 this.selectedPresentation = presentation.current ?? null;
@@ -313,11 +340,11 @@ class PryPresentationComponent extends SubscriptionnerDirective {
         this.submit.nativeElement.focus();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryPresentationComponent, deps: [{ token: i1.Store }, { token: i2$1.Overlay }, { token: i0.ViewContainerRef }, { token: i2.Router }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PryPresentationComponent, selector: "pry-presentation", inputs: { editionStartUrl: "editionStartUrl", consultStartUrl: "consultStartUrl", meAsOwner: "meAsOwner" }, viewQueries: [{ propertyName: "template", first: true, predicate: ["modal"], descendants: true, read: TemplateRef }, { propertyName: "templateModal", first: true, predicate: ["templateModal"], descendants: true, read: TemplateRef }, { propertyName: "openModal", first: true, predicate: ["openModal"], descendants: true }, { propertyName: "cancelRemove", first: true, predicate: ["cancelRemove"], 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 }, { propertyName: "deleteModal", first: true, predicate: ["deleteModal"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<pry-presentation-css></pry-presentation-css>\n<div class=\"o-manifest-layout\" [ngSwitch]=\"selectedMode\">\n  <ng-container *ngSwitchCase=\"ViewMode.CATALOG\">\n    <div class=\"o-manifest-layout__toolbox\">\n      <button\n        [pryTooltip]=\"create\"\n        class=\"a-btn a-btn--primary a-btn--icon-text\"\n        type=\"button\"\n        (click)=\"creation()\"\n        *pryAccess=\"{ module: 'dashboard', page: 'manifest', action: 'create' }\"\n      >\n        {{ '@pry.presentation.create' | i18n }}\n      </button>\n      <div>\n        <div class=\"a-presentation__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 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.manifest.title' | i18n }}</h1>\n\n      <div class=\"o-presentation-wrapper\">\n        <ul class=\"o-presentation\">\n          <li class=\"o-presentation__item\" *ngFor=\"let presentation of filteredPresentations$ | async\">\n            <div class=\"o-presentation__item__header\">\n              <ng-container *ngIf=\"presentation.visibility.type === PryVisibilityType.PRIVATE\">\n                <pry-icon\n                  [iconSvg]=\"presentation.visibility.type.toLowerCase()\"\n                  [pryTooltip]=\"private\"\n                  class=\"is-private\"\n                  [height]=\"17\"\n                  [width]=\"17\"\n                ></pry-icon>\n              </ng-container>\n\n              <img\n                alt=\"\"\n                [height]=\"presentation.cover ? 600 : 128\"\n                [width]=\"presentation.cover ? 600 : 128\"\n                [class.is-full-width]=\"presentation.cover\"\n                [src]=\"presentation.image | getSecuredImage | async\"\n                (click)=\"fetch(presentation)\"\n                [pryTooltip]=\"view\"\n              />\n            </div>\n\n            <div class=\"o-presentation__item__txt\">\n              <h3 class=\"a-h3\">{{ presentation.name }}</h3>\n              <p class=\"a-p -date\">{{ presentation.modificationDate | sinceDate }}</p>\n            </div>\n\n            <div class=\"o-presentation__item__footer\">\n              <ul class=\"m-actions-list\">\n                <li>\n                  <button\n                    type=\"button\"\n                    class=\"a-btn a-btn--icon-only\"\n                    (click)=\"default(presentation.id, presentation.name)\"\n                  >\n                    <pry-icon\n                      [iconSvg]=\"presentation.default ? 'home-fill' : 'home-line'\"\n                      [pryTooltip]=\"homeView\"\n                    ></pry-icon>\n                    <span class=\"u-visually-hidden\"></span>\n                  </button>\n                </li>\n                <li>\n                  <button\n                    class=\"a-btn a-btn--icon-only\"\n                    (click)=\"edit(presentation)\"\n                    [disabled]=\"presentation.owner === false\"\n                    *pryAccess=\"{ module: 'dashboard', page: 'manifest', action: 'edit' }\"\n                  >\n                    <pry-icon iconSvg=\"edit\" [pryTooltip]=\"change\"></pry-icon>\n                    <span class=\"u-visually-hidden\">{{ '@pry.presentation.edition' | i18n }}</span>\n                  </button>\n                </li>\n                <li>\n                  <button\n                    (click)=\"toggleModal(presentation)\"\n                    class=\"a-btn a-btn--icon-only\"\n                    aria-haspopup=\"dialog\"\n                    [disabled]=\"presentation.owner === false\"\n                    *pryAccess=\"{ module: 'dashboard', page: 'manifest', action: 'share' }\"\n                  >\n                    <pry-icon iconSvg=\"share\" [pryTooltip]=\"share\"></pry-icon>\n                    <span class=\"u-visually-hidden\">{{ '@pry.presentation.share' | i18n }}</span>\n                  </button>\n                </li>\n                <li>\n                  <button\n                    class=\"a-btn a-btn--icon-only\"\n                    #openModal\n                    (click)=\"toggleRemoveConfirm($event, presentation)\"\n                    [disabled]=\"presentation.owner === false\"\n                    *pryAccess=\"{ module: 'dashboard', page: 'manifest', action: 'delete' }\"\n                  >\n                    <pry-icon iconSvg=\"delete\" [pryTooltip]=\"erase\"></pry-icon>\n                    <span class=\"u-visually-hidden\">{{ '@pry.presentation.delete' | i18n }}</span>\n                  </button>\n                </li>\n              </ul>\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!\"\n      (goBack)=\"closeRestitution()\"\n      [editionStartUrl]=\"editionStartUrl\"\n      [edition]=\"false\"\n    ></pry-add-edit-presentation>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"ViewMode.EDITION\">\n    <pry-add-edit-presentation\n      [selectedPresentation]=\"selectedPresentation!\"\n      (goBack)=\"closeRestitution()\"\n      [editionStartUrl]=\"editionStartUrl\"\n      [edition]=\"true\"\n    ></pry-add-edit-presentation>\n  </ng-container>\n</div>\n\n<ng-template #modal>\n  <div\n    class=\"o-modal\"\n    (click)=\"$event.stopPropagation()\"\n    #visibilityModal\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-labelledby=\"dialog change visibility\"\n    *ngIf=\"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.rename' | 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-share [ngModel]=\"selectedPresentation.visibility\" (ngModelChange)=\"visibility = $event\"></pry-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()\"\n      >\n        {{ '@pry.toolbox.manifest.check' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #templateModal>\n  <div\n    class=\"o-modal\"\n    *ngIf=\"presentation\"\n    (keydown.escape)=\"toggleRemoveConfirm($event, presentation)\"\n    #deleteModal\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-labelledby=\"dialog confirm delete presentation\"\n  >\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\">\n          {{ '@pry.widget.modalTitle' | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button\n          class=\"a-btn a-btn--icon-only\"\n          #cross\n          (keydown.shift.tab)=\"focusValidation()\"\n          (click)=\"cancelRemoveConfirm()\"\n        >\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <div class=\"m-btn-group\">\n      <button type=\"button\" #cancelRemove (click)=\"cancelRemoveConfirm()\" class=\"a-btn a-btn--secondary\">\n        {{ '@pry.toolbox.manifest.close' | i18n }}\n      </button>\n      <button\n        type=\"submit\"\n        class=\"a-btn a-btn--primary\"\n        #confirm\n        (click)=\"delete(presentation.id)\"\n        (keydown.tab)=\"focusCrossElement()\"\n      >\n        {{ '@pry.toolbox.manifest.validate' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #create>\n  <div class=\"m-tooltip\" role=\"tooltip\">\n    <span class=\"m-tooltip__text\">{{ '@pry.presentation.create' | i18n }}</span>\n  </div>\n</ng-template>\n\n<ng-template #view>\n  <div class=\"m-tooltip\" role=\"tooltip\">\n    <span class=\"m-tooltip__text\">{{ '@pry.presentation.view' | i18n }}</span>\n  </div>\n</ng-template>\n\n<ng-template #private>\n  <div class=\"m-tooltip\" role=\"tooltip\">\n    <span class=\"m-tooltip__text\">{{ '@pry.presentation.private' | i18n }}</span>\n  </div>\n</ng-template>\n\n<ng-template #homeView>\n  <div class=\"m-tooltip\" role=\"tooltip\">\n    <span class=\"m-tooltip__text\">{{ '@pry.presentation.homeView' | i18n }}</span>\n  </div>\n</ng-template>\n\n<ng-template #share>\n  <div class=\"m-tooltip\" role=\"tooltip\">\n    <span class=\"m-tooltip__text\">{{ '@pry.presentation.share' | i18n }}</span>\n  </div>\n</ng-template>\n\n<ng-template #erase>\n  <div class=\"m-tooltip\" role=\"tooltip\">\n    <span class=\"m-tooltip__text\">{{ '@pry.presentation.erase' | i18n }}</span>\n  </div>\n</ng-template>\n\n<ng-template #change>\n  <div class=\"m-tooltip\" role=\"tooltip\">\n    <span class=\"m-tooltip__text\">{{ '@pry.presentation.change' | i18n }}</span>\n  </div>\n</ng-template>\n<ng-template #backToCatalog>\n  <div class=\"m-tooltip\" role=\"tooltip\">\n    <span class=\"m-tooltip__text\">{{ '@pry.presentation.backToCatalog' | i18n }}</span>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i5.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i5.PryAccessDirective, selector: "[pryAccess]", inputs: ["pryAccess"] }, { 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: "component", type: i5.PryShareComponent, selector: "pry-share", inputs: ["value", "labelProperty", "valueProperty", "users$"] }, { kind: "directive", type: i5$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5.PryTooltipDirective, selector: "[pryTooltip]", inputs: ["pryTooltip", "styleReversed", "pryTooltipContext", "pryTooltipPosition", "pryTooltipShowDelay"] }, { kind: "component", type: PryAddEditPresentationComponent, selector: "pry-add-edit-presentation", inputs: ["selectedPresentation", "edition", "editionStartUrl"], outputs: ["goBack"] }, { kind: "component", type: PryPresentationCssComponent, selector: "pry-presentation-css" }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.GetSecuredImagePipe, name: "getSecuredImage" }, { kind: "pipe", type: i9.PrySinceDatePipe, name: "sinceDate" }, { kind: "pipe", type: i5.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PryPresentationComponent, selector: "pry-presentation", inputs: { editionStartUrl: "editionStartUrl", consultStartUrl: "consultStartUrl", meAsOwner: "meAsOwner" }, viewQueries: [{ propertyName: "template", first: true, predicate: ["modal"], descendants: true, read: TemplateRef }, { propertyName: "templateModal", first: true, predicate: ["templateModal"], descendants: true, read: TemplateRef }, { propertyName: "openModal", first: true, predicate: ["openModal"], descendants: true }, { propertyName: "cancelRemove", first: true, predicate: ["cancelRemove"], 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 }, { propertyName: "deleteModal", first: true, predicate: ["deleteModal"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<pry-presentation-css></pry-presentation-css>\n<div class=\"o-manifest-layout\" [ngSwitch]=\"selectedMode\">\n  <ng-container *ngSwitchCase=\"ViewMode.CATALOG\">\n    <div class=\"o-manifest-layout__toolbox\">\n      <button\n        [pryTooltip]=\"create\"\n        class=\"a-btn a-btn--primary a-btn--icon-text\"\n        type=\"button\"\n        (click)=\"creation()\"\n        *pryAccess=\"{ module: 'dashboard', page: 'manifest', action: 'create' }\"\n      >\n        {{ '@pry.presentation.create' | i18n }}\n      </button>\n      <div>\n        <div class=\"a-presentation__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 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.manifest.title' | i18n }}</h1>\n\n      <div class=\"o-presentation-wrapper\">\n        <ul class=\"o-presentation\">\n          <li class=\"o-presentation__item\" *ngFor=\"let presentation of filteredPresentations$ | async\">\n            <div class=\"o-presentation__item__header\">\n              <ng-container *ngIf=\"presentation.visibility.type === PryVisibilityType.PRIVATE\">\n                <pry-icon\n                  [iconSvg]=\"presentation.visibility.type.toLowerCase()\"\n                  [pryTooltip]=\"private\"\n                  class=\"is-private\"\n                  [height]=\"17\"\n                  [width]=\"17\"\n                ></pry-icon>\n              </ng-container>\n\n              <img\n                alt=\"\"\n                [height]=\"presentation.cover ? 600 : 128\"\n                [width]=\"presentation.cover ? 600 : 128\"\n                [class.is-full-width]=\"presentation.cover\"\n                [src]=\"presentation.image | getSecuredImage | async\"\n                (click)=\"fetch(presentation)\"\n                [pryTooltip]=\"view\"\n              />\n            </div>\n\n            <div class=\"o-presentation__item__txt\">\n              <h3 class=\"a-h3\">{{ presentation.name }}</h3>\n              <div class=\"a-p\">\n                <div class=\"description-container\">\n                  <span class=\"description\">\n                    {{ presentation.description }}\n                  </span>\n                  <div class=\"description-tooltip\">{{ presentation.description }}</div>\n                </div>\n              </div>\n              <p class=\"a-p -date\">{{ presentation.modificationDate | sinceDate }}</p>\n            </div>\n\n            <div class=\"o-presentation__item__footer\">\n              <ul class=\"m-actions-list\">\n                <li>\n                  <button\n                    type=\"button\"\n                    class=\"a-btn a-btn--icon-only\"\n                    (click)=\"default(presentation.id, presentation.name)\"\n                  >\n                    <pry-icon\n                      [iconSvg]=\"presentation.default ? 'home-fill' : 'home-line'\"\n                      [pryTooltip]=\"homeView\"\n                    ></pry-icon>\n                    <span class=\"u-visually-hidden\"></span>\n                  </button>\n                </li>\n                <li>\n                  <button\n                    class=\"a-btn a-btn--icon-only\"\n                    (click)=\"edit(presentation)\"\n                    [disabled]=\"presentation.owner === false\"\n                    *pryAccess=\"{ module: 'dashboard', page: 'manifest', action: 'edit' }\"\n                  >\n                    <pry-icon iconSvg=\"edit\" [pryTooltip]=\"change\"></pry-icon>\n                    <span class=\"u-visually-hidden\">{{ '@pry.presentation.edition' | i18n }}</span>\n                  </button>\n                </li>\n                <li>\n                  <button\n                    (click)=\"toggleModal(presentation)\"\n                    class=\"a-btn a-btn--icon-only\"\n                    aria-haspopup=\"dialog\"\n                    [disabled]=\"presentation.owner === false\"\n                    *pryAccess=\"{ module: 'dashboard', page: 'manifest', action: 'share' }\"\n                  >\n                    <pry-icon iconSvg=\"share\" [pryTooltip]=\"share\"></pry-icon>\n                    <span class=\"u-visually-hidden\">{{ '@pry.presentation.share' | i18n }}</span>\n                  </button>\n                </li>\n                <li>\n                  <button\n                    class=\"a-btn a-btn--icon-only\"\n                    #openModal\n                    (click)=\"toggleRemoveConfirm($event, presentation)\"\n                    [disabled]=\"presentation.owner === false\"\n                    *pryAccess=\"{ module: 'dashboard', page: 'manifest', action: 'delete' }\"\n                  >\n                    <pry-icon iconSvg=\"delete\" [pryTooltip]=\"erase\"></pry-icon>\n                    <span class=\"u-visually-hidden\">{{ '@pry.presentation.delete' | i18n }}</span>\n                  </button>\n                </li>\n              </ul>\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!\"\n      (goBack)=\"closeRestitution()\"\n      [editionStartUrl]=\"editionStartUrl\"\n      [edition]=\"false\"\n    ></pry-add-edit-presentation>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"ViewMode.EDITION\">\n    <pry-add-edit-presentation\n      [selectedPresentation]=\"selectedPresentation!\"\n      (goBack)=\"closeRestitution()\"\n      [editionStartUrl]=\"editionStartUrl\"\n      [edition]=\"true\"\n    ></pry-add-edit-presentation>\n  </ng-container>\n</div>\n\n<ng-template #modal>\n  <div\n    class=\"o-modal\"\n    (click)=\"$event.stopPropagation()\"\n    #visibilityModal\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-labelledby=\"dialog change visibility\"\n    *ngIf=\"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.rename' | 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-share [ngModel]=\"selectedPresentation.visibility\" (ngModelChange)=\"visibility = $event\"></pry-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()\"\n      >\n        {{ '@pry.toolbox.manifest.check' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #templateModal>\n  <div\n    class=\"o-modal\"\n    *ngIf=\"presentation\"\n    (keydown.escape)=\"toggleRemoveConfirm($event, presentation)\"\n    #deleteModal\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-labelledby=\"dialog confirm delete presentation\"\n  >\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\">\n          {{ '@pry.widget.modalTitle' | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button\n          class=\"a-btn a-btn--icon-only\"\n          #cross\n          (keydown.shift.tab)=\"focusValidation()\"\n          (click)=\"cancelRemoveConfirm()\"\n        >\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <div class=\"m-btn-group\">\n      <button type=\"button\" #cancelRemove (click)=\"cancelRemoveConfirm()\" class=\"a-btn a-btn--secondary\">\n        {{ '@pry.toolbox.manifest.close' | i18n }}\n      </button>\n      <button\n        type=\"submit\"\n        class=\"a-btn a-btn--primary\"\n        #confirm\n        (click)=\"delete(presentation.id)\"\n        (keydown.tab)=\"focusCrossElement()\"\n      >\n        {{ '@pry.toolbox.manifest.validate' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #create>\n  <div class=\"m-tooltip\" role=\"tooltip\">\n    <span class=\"m-tooltip__text\">{{ '@pry.presentation.create' | i18n }}</span>\n  </div>\n</ng-template>\n\n<ng-template #view>\n  <div class=\"m-tooltip\" role=\"tooltip\">\n    <span class=\"m-tooltip__text\">{{ '@pry.presentation.view' | i18n }}</span>\n  </div>\n</ng-template>\n\n<ng-template #private>\n  <div class=\"m-tooltip\" role=\"tooltip\">\n    <span class=\"m-tooltip__text\">{{ '@pry.presentation.private' | i18n }}</span>\n  </div>\n</ng-template>\n\n<ng-template #homeView>\n  <div class=\"m-tooltip\" role=\"tooltip\">\n    <span class=\"m-tooltip__text\">{{ '@pry.presentation.homeView' | i18n }}</span>\n  </div>\n</ng-template>\n\n<ng-template #share>\n  <div class=\"m-tooltip\" role=\"tooltip\">\n    <span class=\"m-tooltip__text\">{{ '@pry.presentation.share' | i18n }}</span>\n  </div>\n</ng-template>\n\n<ng-template #erase>\n  <div class=\"m-tooltip\" role=\"tooltip\">\n    <span class=\"m-tooltip__text\">{{ '@pry.presentation.erase' | i18n }}</span>\n  </div>\n</ng-template>\n\n<ng-template #change>\n  <div class=\"m-tooltip\" role=\"tooltip\">\n    <span class=\"m-tooltip__text\">{{ '@pry.presentation.change' | i18n }}</span>\n  </div>\n</ng-template>\n<ng-template #backToCatalog>\n  <div class=\"m-tooltip\" role=\"tooltip\">\n    <span class=\"m-tooltip__text\">{{ '@pry.presentation.backToCatalog' | i18n }}</span>\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$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.PryShareComponent, selector: "pry-share", inputs: ["value", "labelProperty", "valueProperty", "users$"] }, { kind: "directive", type: i4$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.PryTooltipDirective, selector: "[pryTooltip]", inputs: ["pryTooltip", "styleReversed", "pryTooltipContext", "pryTooltipPosition", "pryTooltipShowDelay"] }, { kind: "directive", type: i6$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i6$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: PryAddEditPresentationComponent, selector: "pry-add-edit-presentation", inputs: ["selectedPresentation", "edition", "editionStartUrl"], outputs: ["goBack"] }, { kind: "component", type: PryPresentationCssComponent, selector: "pry-presentation-css" }, { kind: "pipe", type: i4.GetSecuredImagePipe, name: "getSecuredImage" }, { kind: "pipe", type: i4$2.PrySinceDatePipe, name: "sinceDate" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }, { kind: "pipe", type: i6$1.AsyncPipe, name: "async" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", 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 *ngSwitchCase=\"ViewMode.CATALOG\">\n    <div class=\"o-manifest-layout__toolbox\">\n      <button\n        [pryTooltip]=\"create\"\n        class=\"a-btn a-btn--primary a-btn--icon-text\"\n        type=\"button\"\n        (click)=\"creation()\"\n        *pryAccess=\"{ module: 'dashboard', page: 'manifest', action: 'create' }\"\n      >\n        {{ '@pry.presentation.create' | i18n }}\n      </button>\n      <div>\n        <div class=\"a-presentation__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 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.manifest.title' | i18n }}</h1>\n\n      <div class=\"o-presentation-wrapper\">\n        <ul class=\"o-presentation\">\n          <li class=\"o-presentation__item\" *ngFor=\"let presentation of filteredPresentations$ | async\">\n            <div class=\"o-presentation__item__header\">\n              <ng-container *ngIf=\"presentation.visibility.type === PryVisibilityType.PRIVATE\">\n                <pry-icon\n                  [iconSvg]=\"presentation.visibility.type.toLowerCase()\"\n                  [pryTooltip]=\"private\"\n                  class=\"is-private\"\n                  [height]=\"17\"\n                  [width]=\"17\"\n                ></pry-icon>\n              </ng-container>\n\n              <img\n                alt=\"\"\n                [height]=\"presentation.cover ? 600 : 128\"\n                [width]=\"presentation.cover ? 600 : 128\"\n                [class.is-full-width]=\"presentation.cover\"\n                [src]=\"presentation.image | getSecuredImage | async\"\n                (click)=\"fetch(presentation)\"\n                [pryTooltip]=\"view\"\n              />\n            </div>\n\n            <div class=\"o-presentation__item__txt\">\n              <h3 class=\"a-h3\">{{ presentation.name }}</h3>\n              <p class=\"a-p -date\">{{ presentation.modificationDate | sinceDate }}</p>\n            </div>\n\n            <div class=\"o-presentation__item__footer\">\n              <ul class=\"m-actions-list\">\n                <li>\n                  <button\n                    type=\"button\"\n                    class=\"a-btn a-btn--icon-only\"\n                    (click)=\"default(presentation.id, presentation.name)\"\n                  >\n                    <pry-icon\n                      [iconSvg]=\"presentation.default ? 'home-fill' : 'home-line'\"\n                      [pryTooltip]=\"homeView\"\n                    ></pry-icon>\n                    <span class=\"u-visually-hidden\"></span>\n                  </button>\n                </li>\n                <li>\n                  <button\n                    class=\"a-btn a-btn--icon-only\"\n                    (click)=\"edit(presentation)\"\n                    [disabled]=\"presentation.owner === false\"\n                    *pryAccess=\"{ module: 'dashboard', page: 'manifest', action: 'edit' }\"\n                  >\n                    <pry-icon iconSvg=\"edit\" [pryTooltip]=\"change\"></pry-icon>\n                    <span class=\"u-visually-hidden\">{{ '@pry.presentation.edition' | i18n }}</span>\n                  </button>\n                </li>\n                <li>\n                  <button\n                    (click)=\"toggleModal(presentation)\"\n                    class=\"a-btn a-btn--icon-only\"\n                    aria-haspopup=\"dialog\"\n                    [disabled]=\"presentation.owner === false\"\n                    *pryAccess=\"{ module: 'dashboard', page: 'manifest', action: 'share' }\"\n                  >\n                    <pry-icon iconSvg=\"share\" [pryTooltip]=\"share\"></pry-icon>\n                    <span class=\"u-visually-hidden\">{{ '@pry.presentation.share' | i18n }}</span>\n                  </button>\n                </li>\n                <li>\n                  <button\n                    class=\"a-btn a-btn--icon-only\"\n                    #openModal\n                    (click)=\"toggleRemoveConfirm($event, presentation)\"\n                    [disabled]=\"presentation.owner === false\"\n                    *pryAccess=\"{ module: 'dashboard', page: 'manifest', action: 'delete' }\"\n                  >\n                    <pry-icon iconSvg=\"delete\" [pryTooltip]=\"erase\"></pry-icon>\n                    <span class=\"u-visually-hidden\">{{ '@pry.presentation.delete' | i18n }}</span>\n                  </button>\n                </li>\n              </ul>\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!\"\n      (goBack)=\"closeRestitution()\"\n      [editionStartUrl]=\"editionStartUrl\"\n      [edition]=\"false\"\n    ></pry-add-edit-presentation>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"ViewMode.EDITION\">\n    <pry-add-edit-presentation\n      [selectedPresentation]=\"selectedPresentation!\"\n      (goBack)=\"closeRestitution()\"\n      [editionStartUrl]=\"editionStartUrl\"\n      [edition]=\"true\"\n    ></pry-add-edit-presentation>\n  </ng-container>\n</div>\n\n<ng-template #modal>\n  <div\n    class=\"o-modal\"\n    (click)=\"$event.stopPropagation()\"\n    #visibilityModal\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-labelledby=\"dialog change visibility\"\n    *ngIf=\"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.rename' | 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-share [ngModel]=\"selectedPresentation.visibility\" (ngModelChange)=\"visibility = $event\"></pry-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()\"\n      >\n        {{ '@pry.toolbox.manifest.check' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #templateModal>\n  <div\n    class=\"o-modal\"\n    *ngIf=\"presentation\"\n    (keydown.escape)=\"toggleRemoveConfirm($event, presentation)\"\n    #deleteModal\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-labelledby=\"dialog confirm delete presentation\"\n  >\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\">\n          {{ '@pry.widget.modalTitle' | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button\n          class=\"a-btn a-btn--icon-only\"\n          #cross\n          (keydown.shift.tab)=\"focusValidation()\"\n          (click)=\"cancelRemoveConfirm()\"\n        >\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <div class=\"m-btn-group\">\n      <button type=\"button\" #cancelRemove (click)=\"cancelRemoveConfirm()\" class=\"a-btn a-btn--secondary\">\n        {{ '@pry.toolbox.manifest.close' | i18n }}\n      </button>\n      <button\n        type=\"submit\"\n        class=\"a-btn a-btn--primary\"\n        #confirm\n        (click)=\"delete(presentation.id)\"\n        (keydown.tab)=\"focusCrossElement()\"\n      >\n        {{ '@pry.toolbox.manifest.validate' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #create>\n  <div class=\"m-tooltip\" role=\"tooltip\">\n    <span class=\"m-tooltip__text\">{{ '@pry.presentation.create' | i18n }}</span>\n  </div>\n</ng-template>\n\n<ng-template #view>\n  <div class=\"m-tooltip\" role=\"tooltip\">\n    <span class=\"m-tooltip__text\">{{ '@pry.presentation.view' | i18n }}</span>\n  </div>\n</ng-template>\n\n<ng-template #private>\n  <div class=\"m-tooltip\" role=\"tooltip\">\n    <span class=\"m-tooltip__text\">{{ '@pry.presentation.private' | i18n }}</span>\n  </div>\n</ng-template>\n\n<ng-template #homeView>\n  <div class=\"m-tooltip\" role=\"tooltip\">\n    <span class=\"m-tooltip__text\">{{ '@pry.presentation.homeView' | i18n }}</span>\n  </div>\n</ng-template>\n\n<ng-template #share>\n  <div class=\"m-tooltip\" role=\"tooltip\">\n    <span class=\"m-tooltip__text\">{{ '@pry.presentation.share' | i18n }}</span>\n  </div>\n</ng-template>\n\n<ng-template #erase>\n  <div class=\"m-tooltip\" role=\"tooltip\">\n    <span class=\"m-tooltip__text\">{{ '@pry.presentation.erase' | i18n }}</span>\n  </div>\n</ng-template>\n\n<ng-template #change>\n  <div class=\"m-tooltip\" role=\"tooltip\">\n    <span class=\"m-tooltip__text\">{{ '@pry.presentation.change' | i18n }}</span>\n  </div>\n</ng-template>\n<ng-template #backToCatalog>\n  <div class=\"m-tooltip\" role=\"tooltip\">\n    <span class=\"m-tooltip__text\">{{ '@pry.presentation.backToCatalog' | i18n }}</span>\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 *ngSwitchCase=\"ViewMode.CATALOG\">\n    <div class=\"o-manifest-layout__toolbox\">\n      <button\n        [pryTooltip]=\"create\"\n        class=\"a-btn a-btn--primary a-btn--icon-text\"\n        type=\"button\"\n        (click)=\"creation()\"\n        *pryAccess=\"{ module: 'dashboard', page: 'manifest', action: 'create' }\"\n      >\n        {{ '@pry.presentation.create' | i18n }}\n      </button>\n      <div>\n        <div class=\"a-presentation__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 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.manifest.title' | i18n }}</h1>\n\n      <div class=\"o-presentation-wrapper\">\n        <ul class=\"o-presentation\">\n          <li class=\"o-presentation__item\" *ngFor=\"let presentation of filteredPresentations$ | async\">\n            <div class=\"o-presentation__item__header\">\n              <ng-container *ngIf=\"presentation.visibility.type === PryVisibilityType.PRIVATE\">\n                <pry-icon\n                  [iconSvg]=\"presentation.visibility.type.toLowerCase()\"\n                  [pryTooltip]=\"private\"\n                  class=\"is-private\"\n                  [height]=\"17\"\n                  [width]=\"17\"\n                ></pry-icon>\n              </ng-container>\n\n              <img\n                alt=\"\"\n                [height]=\"presentation.cover ? 600 : 128\"\n                [width]=\"presentation.cover ? 600 : 128\"\n                [class.is-full-width]=\"presentation.cover\"\n                [src]=\"presentation.image | getSecuredImage | async\"\n                (click)=\"fetch(presentation)\"\n                [pryTooltip]=\"view\"\n              />\n            </div>\n\n            <div class=\"o-presentation__item__txt\">\n              <h3 class=\"a-h3\">{{ presentation.name }}</h3>\n              <div class=\"a-p\">\n                <div class=\"description-container\">\n                  <span class=\"description\">\n                    {{ presentation.description }}\n                  </span>\n                  <div class=\"description-tooltip\">{{ presentation.description }}</div>\n                </div>\n              </div>\n              <p class=\"a-p -date\">{{ presentation.modificationDate | sinceDate }}</p>\n            </div>\n\n            <div class=\"o-presentation__item__footer\">\n              <ul class=\"m-actions-list\">\n                <li>\n                  <button\n                    type=\"button\"\n                    class=\"a-btn a-btn--icon-only\"\n                    (click)=\"default(presentation.id, presentation.name)\"\n                  >\n                    <pry-icon\n                      [iconSvg]=\"presentation.default ? 'home-fill' : 'home-line'\"\n                      [pryTooltip]=\"homeView\"\n                    ></pry-icon>\n                    <span class=\"u-visually-hidden\"></span>\n                  </button>\n                </li>\n                <li>\n                  <button\n                    class=\"a-btn a-btn--icon-only\"\n                    (click)=\"edit(presentation)\"\n                    [disabled]=\"presentation.owner === false\"\n                    *pryAccess=\"{ module: 'dashboard', page: 'manifest', action: 'edit' }\"\n                  >\n                    <pry-icon iconSvg=\"edit\" [pryTooltip]=\"change\"></pry-icon>\n                    <span class=\"u-visually-hidden\">{{ '@pry.presentation.edition' | i18n }}</span>\n                  </button>\n                </li>\n                <li>\n                  <button\n                    (click)=\"toggleModal(presentation)\"\n                    class=\"a-btn a-btn--icon-only\"\n                    aria-haspopup=\"dialog\"\n                    [disabled]=\"presentation.owner === false\"\n                    *pryAccess=\"{ module: 'dashboard', page: 'manifest', action: 'share' }\"\n                  >\n                    <pry-icon iconSvg=\"share\" [pryTooltip]=\"share\"></pry-icon>\n                    <span class=\"u-visually-hidden\">{{ '@pry.presentation.share' | i18n }}</span>\n                  </button>\n                </li>\n                <li>\n                  <button\n                    class=\"a-btn a-btn--icon-only\"\n                    #openModal\n                    (click)=\"toggleRemoveConfirm($event, presentation)\"\n                    [disabled]=\"presentation.owner === false\"\n                    *pryAccess=\"{ module: 'dashboard', page: 'manifest', action: 'delete' }\"\n                  >\n                    <pry-icon iconSvg=\"delete\" [pryTooltip]=\"erase\"></pry-icon>\n                    <span class=\"u-visually-hidden\">{{ '@pry.presentation.delete' | i18n }}</span>\n                  </button>\n                </li>\n              </ul>\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!\"\n      (goBack)=\"closeRestitution()\"\n      [editionStartUrl]=\"editionStartUrl\"\n      [edition]=\"false\"\n    ></pry-add-edit-presentation>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"ViewMode.EDITION\">\n    <pry-add-edit-presentation\n      [selectedPresentation]=\"selectedPresentation!\"\n      (goBack)=\"closeRestitution()\"\n      [editionStartUrl]=\"editionStartUrl\"\n      [edition]=\"true\"\n    ></pry-add-edit-presentation>\n  </ng-container>\n</div>\n\n<ng-template #modal>\n  <div\n    class=\"o-modal\"\n    (click)=\"$event.stopPropagation()\"\n    #visibilityModal\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-labelledby=\"dialog change visibility\"\n    *ngIf=\"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.rename' | 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-share [ngModel]=\"selectedPresentation.visibility\" (ngModelChange)=\"visibility = $event\"></pry-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()\"\n      >\n        {{ '@pry.toolbox.manifest.check' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #templateModal>\n  <div\n    class=\"o-modal\"\n    *ngIf=\"presentation\"\n    (keydown.escape)=\"toggleRemoveConfirm($event, presentation)\"\n    #deleteModal\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-labelledby=\"dialog confirm delete presentation\"\n  >\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\">\n          {{ '@pry.widget.modalTitle' | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button\n          class=\"a-btn a-btn--icon-only\"\n          #cross\n          (keydown.shift.tab)=\"focusValidation()\"\n          (click)=\"cancelRemoveConfirm()\"\n        >\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <div class=\"m-btn-group\">\n      <button type=\"button\" #cancelRemove (click)=\"cancelRemoveConfirm()\" class=\"a-btn a-btn--secondary\">\n        {{ '@pry.toolbox.manifest.close' | i18n }}\n      </button>\n      <button\n        type=\"submit\"\n        class=\"a-btn a-btn--primary\"\n        #confirm\n        (click)=\"delete(presentation.id)\"\n        (keydown.tab)=\"focusCrossElement()\"\n      >\n        {{ '@pry.toolbox.manifest.validate' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #create>\n  <div class=\"m-tooltip\" role=\"tooltip\">\n    <span class=\"m-tooltip__text\">{{ '@pry.presentation.create' | i18n }}</span>\n  </div>\n</ng-template>\n\n<ng-template #view>\n  <div class=\"m-tooltip\" role=\"tooltip\">\n    <span class=\"m-tooltip__text\">{{ '@pry.presentation.view' | i18n }}</span>\n  </div>\n</ng-template>\n\n<ng-template #private>\n  <div class=\"m-tooltip\" role=\"tooltip\">\n    <span class=\"m-tooltip__text\">{{ '@pry.presentation.private' | i18n }}</span>\n  </div>\n</ng-template>\n\n<ng-template #homeView>\n  <div class=\"m-tooltip\" role=\"tooltip\">\n    <span class=\"m-tooltip__text\">{{ '@pry.presentation.homeView' | i18n }}</span>\n  </div>\n</ng-template>\n\n<ng-template #share>\n  <div class=\"m-tooltip\" role=\"tooltip\">\n    <span class=\"m-tooltip__text\">{{ '@pry.presentation.share' | i18n }}</span>\n  </div>\n</ng-template>\n\n<ng-template #erase>\n  <div class=\"m-tooltip\" role=\"tooltip\">\n    <span class=\"m-tooltip__text\">{{ '@pry.presentation.erase' | i18n }}</span>\n  </div>\n</ng-template>\n\n<ng-template #change>\n  <div class=\"m-tooltip\" role=\"tooltip\">\n    <span class=\"m-tooltip__text\">{{ '@pry.presentation.change' | i18n }}</span>\n  </div>\n</ng-template>\n<ng-template #backToCatalog>\n  <div class=\"m-tooltip\" role=\"tooltip\">\n    <span class=\"m-tooltip__text\">{{ '@pry.presentation.backToCatalog' | i18n }}</span>\n  </div>\n</ng-template>\n" }]
         }], ctorParameters: function () { return [{ type: i1.Store }, { type: i2$1.Overlay }, { type: i0.ViewContainerRef }, { type: i2.Router }, { type: i0.NgZone }]; }, propDecorators: { template: [{
                 type: ViewChild,
                 args: ['modal', { read: TemplateRef }]
@@ -443,9 +470,11 @@ class PryPresentationModule {
         this.pryTranslateService.addLangObject('fr', 'presentation', frTranslations);
         this.pryTranslateService.addLangObject('en', 'presentation', enTranslations);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryPresentationModule, deps: [{ token: i5.PryI18nService }], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: PryPresentationModule, declarations: [PryPresentationComponent, PryAddEditPresentationComponent, PryPresentationCssComponent], imports: [CommonModule,
-            PryIconModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryPresentationModule, deps: [{ token: i4.PryI18nService }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: PryPresentationModule, declarations: [PryPresentationComponent,
+            PryAddEditPresentationComponent,
+            PryTitlePresentationComponent,
+            PryPresentationCssComponent], imports: [PryIconModule,
             PryCoreModule,
             PryDashboardModule,
             ReactiveFormsModule,
@@ -456,9 +485,12 @@ class PryPresentationModule {
             PryOverlayModule,
             PryI18nModule,
             PryToolboxModule,
-            PryCheckboxModule], exports: [PryPresentationComponent, PryAddEditPresentationComponent, PryPresentationCssComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryPresentationModule, imports: [CommonModule,
-            PryIconModule,
+            PryCheckboxModule,
+            CommonModule], exports: [PryPresentationComponent,
+            PryAddEditPresentationComponent,
+            PryTitlePresentationComponent,
+            PryPresentationCssComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryPresentationModule, imports: [PryIconModule,
             PryCoreModule,
             PryDashboardModule,
             ReactiveFormsModule,
@@ -469,15 +501,20 @@ class PryPresentationModule {
             PryOverlayModule,
             PryI18nModule,
             PryToolboxModule,
-            PryCheckboxModule] }); }
+            PryCheckboxModule,
+            CommonModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryPresentationModule, decorators: [{
             type: NgModule,
             args: [{
                     providers: [],
-                    declarations: [PryPresentationComponent, PryAddEditPresentationComponent, PryPresentationCssComponent],
+                    declarations: [
+                        PryPresentationComponent,
+                        PryAddEditPresentationComponent,
+                        PryTitlePresentationComponent,
+                        PryPresentationCssComponent
+                    ],
                     imports: [
-                        CommonModule,
                         PryIconModule,
                         PryCoreModule,
                         PryDashboardModule,
@@ -489,15 +526,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
                         PryOverlayModule,
                         PryI18nModule,
                         PryToolboxModule,
-                        PryCheckboxModule
+                        PryCheckboxModule,
+                        CommonModule
                     ],
-                    exports: [PryPresentationComponent, PryAddEditPresentationComponent, PryPresentationCssComponent]
+                    exports: [
+                        PryPresentationComponent,
+                        PryAddEditPresentationComponent,
+                        PryTitlePresentationComponent,
+                        PryPresentationCssComponent
+                    ]
                 }]
-        }], ctorParameters: function () { return [{ type: i5.PryI18nService }]; } });
+        }], ctorParameters: function () { return [{ type: i4.PryI18nService }]; } });
 /**
  * Generated bundle index. Do not edit.
  */
-export { PryAddEditPresentationComponent, PryPresentationComponent, PryPresentationCssComponent, PryPresentationModule };
+export { PryAddEditPresentationComponent, PryPresentationComponent, PryPresentationCssComponent, PryPresentationModule, PryTitlePresentationComponent };
 //# sourceMappingURL=provoly-dashboard-presentation.mjs.map