@provoly/dashboard 0.19.1 → 0.19.3

package/fesm2022/provoly-dashboard-restitution.mjs

@@ -1,7 +1,7 @@
 import * as i3 from '@angular/common';
 import { CommonModule, DatePipe } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Component, ViewEncapsulation, EventEmitter, Input, Output, NgModule } from '@angular/core';
+import { Component, ViewEncapsulation, EventEmitter, Input, Output, TemplateRef, ViewChild, NgModule } from '@angular/core';
 import * as i4 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import * as i1 from '@provoly/dashboard';
@@ -14,18 +14,20 @@ import { PrySinceDateModule } from '@provoly/dashboard/components/sinceDate';
 import * as i5 from '@provoly/dashboard/components/stepper';
 import { PryStepperModule } from '@provoly/dashboard/components/stepper';
 import { PrySearchModule } from '@provoly/dashboard/search';
+import * as i2 from '@angular/cdk/overlay';
+import { OverlayConfig } from '@angular/cdk/overlay';
 import { Subject, map, BehaviorSubject, combineLatest } from 'rxjs';
+import { TemplatePortal } from '@angular/cdk/portal';
 import * as i1$1 from '@ngrx/store';
-import * as i2 from '@angular/cdk/overlay';
 import { v4 } from 'uuid';
 
 class PryCatalogCssComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryCatalogCssComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PryCatalogCssComponent, selector: "pry-restitution-css", ngImport: i0, template: '', isInline: true, styles: [".o-catalog__filters__by-type__list,.o-catalog__list{margin:0;padding:0}.o-catalog__filters__by-type__list li,.o-catalog__list li{list-style:none}.o-catalog{display:flex;flex-direction:column;overflow:scroll;width:28.125rem;height:100%;padding:.9375rem;border-right-width:.0625rem;border-right-style:solid}.o-catalog .a-h2{padding-top:.625rem}.o-catalog pry-restitution{flex:1}.o-catalog__filters{padding-top:.3125rem}.o-catalog__filters__by-name{position:relative;margin-bottom:1.25rem}.o-catalog__filters__by-name .a-icon{position:absolute;left:.6875rem;bottom:.5625rem;pointer-events:none}.o-catalog__filters__by-name .a-form-field{width:60%;padding-left:2.1875rem}.o-catalog__filters__by-type{display:flex;flex-wrap:wrap;column-gap:1.25rem}.o-catalog__filters__by-type__list{display:flex;gap:.3125rem}.o-catalog__filters__by-type__list li{width:2.1875rem;height:2.1875rem}.o-catalog__filters__by-type__list li .a-label{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;margin:0;border-width:.0625rem;border-style:solid;border-radius:.3125rem}.o-catalog__filters__by-type .a-btn.a-btn--icon-text.-link-like{margin-top:5px;font-weight:300;font-size:.8125rem}.o-catalog__filters__by-type .a-btn.a-btn--icon-text.-link-like[disabled]{opacity:0}.o-catalog .is-point{cursor:default}.o-catalog__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.9375rem;justify-content:space-around;padding:1.875rem 0}.o-catalog__list__icon{cursor:pointer}.o-catalog__list pry-catalog-item{max-height:13.125rem}.o-catalog__list__item{position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:center;max-width:8.125rem;height:100%;text-align:center;cursor:move}.o-catalog__list__item .is-private{position:absolute;top:.3125rem;left:.3125rem}.o-catalog__list__item img{margin-top:.625rem}.o-catalog__list__item img.is-full-width{width:100%;height:30%;object-fit:cover}.o-catalog__list__item .a-btn--icon-only{margin-bottom:.6875rem;padding:.8125rem}.o-catalog__list__item__libelle{width:100%;margin-bottom:0;padding:.9375rem .625rem;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.o-catalog__list__item__action{width:100%;padding:.375rem .625rem;text-align:center}.o-catalog__list__item__action .a-btn--ghost{height:auto;padding:0 .3125rem}.o-catalog__create{align-self:center;width:-moz-fit-content;width:fit-content;margin-bottom:1rem}.o-catalog .o-accordion pry-accordion-item:first-child .o-accordion__title{border-top-style:solid;border-top-width:.0625rem;margin-top:.625rem}\n", ".o-restitution{height:100%;margin:0 auto;border-collapse:collapse;font-size:.875rem;min-width:20.625rem;overflow:hidden}.o-restitution .widget-instanciator{position:relative;height:100%}.o-restitution .m-btn-group.actions{padding-top:1.5625rem;padding-bottom:1.25rem}.o-restitution .a-checkbox{margin-bottom:0rem}.o-restitution label{border-radius:10%}\n", ".o-presentation{margin:0;padding:0}.o-presentation li{list-style:none}.o-manifest-layout__toolbox{height:5.25rem}.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:visible}.o-presentation .a-h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.o-presentation__item{display:flex;flex-direction:column;align-items:stretch}.o-presentation__item .a-tooltip{align-items:center;width:100%;height:100%}.o-presentation__item__image{width:auto;cursor:pointer;overflow:hidden;height:6.875rem;display:flex;align-items:center;justify-content:center}.o-presentation__item__image .is-full-width{width:100%;height:100%;object-fit:cover}.o-presentation__item__header{position:relative;display:flex;align-items:center;justify-content:center;height:6.875rem}.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;color:#3e546a}.title-container{display:flex}.title-container .h-1{padding-top:0;padding-bottom:0}.info-icon{position:relative;width:1.5rem;height:1.5rem;border-radius:50%;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;align-self:center;margin-right:1rem;border:1px solid #3E546A}.o-restitution-catalog .o-manifest-layout__toolbox{height:5.25rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.o-restitution-catalog .o-manifest-layout__toolbox div:first-child{margin-left:auto}.o-restitution-catalog .o-catalog__search{position:relative}.o-restitution-catalog .o-catalog__search .a-icon{position:absolute;right:.6875rem;bottom:.5625rem;opacity:.5;pointer-events:none}.o-restitution-catalog .o-manifest-layout__content .o-restitution-wrapper .o-restitution{width:100%}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryCatalogCssComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PryCatalogCssComponent, selector: "pry-restitution-css", ngImport: i0, template: '', isInline: true, styles: [".o-catalog__filters__by-type__list,.o-catalog__list{margin:0;padding:0}.o-catalog__filters__by-type__list li,.o-catalog__list li{list-style:none}.o-catalog{display:flex;flex-direction:column;overflow:scroll;width:28.125rem;height:100%;padding:.9375rem;border-right-width:.0625rem;border-right-style:solid}.o-catalog .a-h2{padding-top:.625rem}.o-catalog pry-restitution{flex:1}.o-catalog__filters{padding-top:.3125rem}.o-catalog__filters__by-name{position:relative;margin-bottom:1.25rem}.o-catalog__filters__by-name .a-icon{position:absolute;left:.6875rem;bottom:.5625rem;pointer-events:none}.o-catalog__filters__by-name .a-form-field{width:60%;padding-left:2.1875rem}.o-catalog__filters__by-type{display:flex;flex-wrap:wrap;column-gap:1.25rem}.o-catalog__filters__by-type__list{display:flex;gap:.3125rem}.o-catalog__filters__by-type__list li{width:2.1875rem;height:2.1875rem}.o-catalog__filters__by-type__list li .a-label{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;margin:0;border-width:.0625rem;border-style:solid;border-radius:.3125rem}.o-catalog__filters__by-type .a-btn.a-btn--icon-text.-link-like{margin-top:5px;font-weight:300;font-size:.8125rem}.o-catalog__filters__by-type .a-btn.a-btn--icon-text.-link-like[disabled]{opacity:0}.o-catalog .is-point{cursor:default}.o-catalog__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.9375rem;justify-content:space-around;padding:1.875rem 0}.o-catalog__list__icon{cursor:pointer}.o-catalog__list pry-catalog-item{max-height:13.125rem}.o-catalog__list__item{position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:center;max-width:8.125rem;height:100%;text-align:center;cursor:move}.o-catalog__list__item .is-private{position:absolute;top:.3125rem;left:.3125rem}.o-catalog__list__item img{margin-top:.625rem}.o-catalog__list__item img.is-full-width{width:100%;height:30%;object-fit:cover}.o-catalog__list__item .a-btn--icon-only{margin-bottom:.6875rem;padding:.8125rem}.o-catalog__list__item__libelle{width:100%;margin-bottom:0;padding:.9375rem .625rem;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.o-catalog__list__item__action{width:100%;padding:.375rem .625rem;text-align:center}.o-catalog__list__item__action .a-btn--ghost{height:auto;padding:0 .3125rem}.o-catalog__create{align-self:center;width:-moz-fit-content;width:fit-content;margin-bottom:1rem}.o-catalog .o-accordion pry-accordion-item:first-child .o-accordion__title{border-top-style:solid;border-top-width:.0625rem;margin-top:.625rem}\n", ".o-restitution{height:100%;margin:0 auto;border-collapse:collapse;font-size:.875rem;min-width:20.625rem;overflow:hidden}.o-restitution .widget-instanciator{position:relative;height:100%}.o-restitution .m-btn-group.actions{padding-top:1.5625rem;padding-bottom:1.25rem}.o-restitution .a-checkbox{margin-bottom:0rem}.o-restitution label{border-radius:10%}.actions-list{display:flex;align-items:center;gap:.9375rem;flex-direction:row;flex-wrap:nowrap;justify-content:space-evenly;list-style-type:none}.more-actions{position:absolute;top:.375rem;right:.625rem}\n", ".o-presentation{margin:0;padding:0}.o-presentation li{list-style:none}.o-manifest-layout__toolbox{height:5.25rem}.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:visible}.o-presentation .a-h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.o-presentation__item{display:flex;flex-direction:column;align-items:stretch}.o-presentation__item .a-tooltip{align-items:center;width:100%;height:100%}.o-presentation__item__image{width:auto;cursor:pointer;overflow:hidden;height:6.875rem;display:flex;align-items:center;justify-content:center}.o-presentation__item__image .is-full-width{width:100%;height:100%;object-fit:cover}.o-presentation__item__header{position:relative;display:flex;align-items:flex-start;justify-content:center;height:6.875rem}.o-presentation__item__header pry-icon.is-private{position:absolute;top:.625rem;left:.625rem}.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{display:flex;align-content:center;justify-content:center}.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;color:#113b6e}.title-container{display:flex}.title-container .h-1{padding-top:0;padding-bottom:0}.actions-list{display:flex;align-items:center;gap:.9375rem;flex-direction:row;flex-wrap:nowrap;justify-content:space-evenly;list-style-type:none}.info-icon{position:relative;width:1.5rem;height:1.5rem;border-radius:50%;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;align-self:center;margin-right:1rem;border:1px solid #3E546A}.more-actions{position:absolute;top:.375rem;right:.625rem}.o-restitution-catalog .o-manifest-layout__toolbox{height:5.25rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.o-restitution-catalog .o-manifest-layout__toolbox div:first-child{margin-left:auto}.o-restitution-catalog .o-catalog__search{position:relative}.o-restitution-catalog .o-catalog__search .a-icon{position:absolute;right:.6875rem;bottom:.5625rem;opacity:.5;pointer-events:none}.o-restitution-catalog .o-manifest-layout__content .o-restitution-wrapper .o-restitution{width:100%}\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryCatalogCssComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryCatalogCssComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-restitution-css', template: '', encapsulation: ViewEncapsulation.None, styles: [".o-catalog__filters__by-type__list,.o-catalog__list{margin:0;padding:0}.o-catalog__filters__by-type__list li,.o-catalog__list li{list-style:none}.o-catalog{display:flex;flex-direction:column;overflow:scroll;width:28.125rem;height:100%;padding:.9375rem;border-right-width:.0625rem;border-right-style:solid}.o-catalog .a-h2{padding-top:.625rem}.o-catalog pry-restitution{flex:1}.o-catalog__filters{padding-top:.3125rem}.o-catalog__filters__by-name{position:relative;margin-bottom:1.25rem}.o-catalog__filters__by-name .a-icon{position:absolute;left:.6875rem;bottom:.5625rem;pointer-events:none}.o-catalog__filters__by-name .a-form-field{width:60%;padding-left:2.1875rem}.o-catalog__filters__by-type{display:flex;flex-wrap:wrap;column-gap:1.25rem}.o-catalog__filters__by-type__list{display:flex;gap:.3125rem}.o-catalog__filters__by-type__list li{width:2.1875rem;height:2.1875rem}.o-catalog__filters__by-type__list li .a-label{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;margin:0;border-width:.0625rem;border-style:solid;border-radius:.3125rem}.o-catalog__filters__by-type .a-btn.a-btn--icon-text.-link-like{margin-top:5px;font-weight:300;font-size:.8125rem}.o-catalog__filters__by-type .a-btn.a-btn--icon-text.-link-like[disabled]{opacity:0}.o-catalog .is-point{cursor:default}.o-catalog__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.9375rem;justify-content:space-around;padding:1.875rem 0}.o-catalog__list__icon{cursor:pointer}.o-catalog__list pry-catalog-item{max-height:13.125rem}.o-catalog__list__item{position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:center;max-width:8.125rem;height:100%;text-align:center;cursor:move}.o-catalog__list__item .is-private{position:absolute;top:.3125rem;left:.3125rem}.o-catalog__list__item img{margin-top:.625rem}.o-catalog__list__item img.is-full-width{width:100%;height:30%;object-fit:cover}.o-catalog__list__item .a-btn--icon-only{margin-bottom:.6875rem;padding:.8125rem}.o-catalog__list__item__libelle{width:100%;margin-bottom:0;padding:.9375rem .625rem;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.o-catalog__list__item__action{width:100%;padding:.375rem .625rem;text-align:center}.o-catalog__list__item__action .a-btn--ghost{height:auto;padding:0 .3125rem}.o-catalog__create{align-self:center;width:-moz-fit-content;width:fit-content;margin-bottom:1rem}.o-catalog .o-accordion pry-accordion-item:first-child .o-accordion__title{border-top-style:solid;border-top-width:.0625rem;margin-top:.625rem}\n", ".o-restitution{height:100%;margin:0 auto;border-collapse:collapse;font-size:.875rem;min-width:20.625rem;overflow:hidden}.o-restitution .widget-instanciator{position:relative;height:100%}.o-restitution .m-btn-group.actions{padding-top:1.5625rem;padding-bottom:1.25rem}.o-restitution .a-checkbox{margin-bottom:0rem}.o-restitution label{border-radius:10%}\n", ".o-presentation{margin:0;padding:0}.o-presentation li{list-style:none}.o-manifest-layout__toolbox{height:5.25rem}.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:visible}.o-presentation .a-h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.o-presentation__item{display:flex;flex-direction:column;align-items:stretch}.o-presentation__item .a-tooltip{align-items:center;width:100%;height:100%}.o-presentation__item__image{width:auto;cursor:pointer;overflow:hidden;height:6.875rem;display:flex;align-items:center;justify-content:center}.o-presentation__item__image .is-full-width{width:100%;height:100%;object-fit:cover}.o-presentation__item__header{position:relative;display:flex;align-items:center;justify-content:center;height:6.875rem}.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;color:#3e546a}.title-container{display:flex}.title-container .h-1{padding-top:0;padding-bottom:0}.info-icon{position:relative;width:1.5rem;height:1.5rem;border-radius:50%;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;align-self:center;margin-right:1rem;border:1px solid #3E546A}.o-restitution-catalog .o-manifest-layout__toolbox{height:5.25rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.o-restitution-catalog .o-manifest-layout__toolbox div:first-child{margin-left:auto}.o-restitution-catalog .o-catalog__search{position:relative}.o-restitution-catalog .o-catalog__search .a-icon{position:absolute;right:.6875rem;bottom:.5625rem;opacity:.5;pointer-events:none}.o-restitution-catalog .o-manifest-layout__content .o-restitution-wrapper .o-restitution{width:100%}\n"] }]
+            args: [{ selector: 'pry-restitution-css', template: '', encapsulation: ViewEncapsulation.None, styles: [".o-catalog__filters__by-type__list,.o-catalog__list{margin:0;padding:0}.o-catalog__filters__by-type__list li,.o-catalog__list li{list-style:none}.o-catalog{display:flex;flex-direction:column;overflow:scroll;width:28.125rem;height:100%;padding:.9375rem;border-right-width:.0625rem;border-right-style:solid}.o-catalog .a-h2{padding-top:.625rem}.o-catalog pry-restitution{flex:1}.o-catalog__filters{padding-top:.3125rem}.o-catalog__filters__by-name{position:relative;margin-bottom:1.25rem}.o-catalog__filters__by-name .a-icon{position:absolute;left:.6875rem;bottom:.5625rem;pointer-events:none}.o-catalog__filters__by-name .a-form-field{width:60%;padding-left:2.1875rem}.o-catalog__filters__by-type{display:flex;flex-wrap:wrap;column-gap:1.25rem}.o-catalog__filters__by-type__list{display:flex;gap:.3125rem}.o-catalog__filters__by-type__list li{width:2.1875rem;height:2.1875rem}.o-catalog__filters__by-type__list li .a-label{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;margin:0;border-width:.0625rem;border-style:solid;border-radius:.3125rem}.o-catalog__filters__by-type .a-btn.a-btn--icon-text.-link-like{margin-top:5px;font-weight:300;font-size:.8125rem}.o-catalog__filters__by-type .a-btn.a-btn--icon-text.-link-like[disabled]{opacity:0}.o-catalog .is-point{cursor:default}.o-catalog__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.9375rem;justify-content:space-around;padding:1.875rem 0}.o-catalog__list__icon{cursor:pointer}.o-catalog__list pry-catalog-item{max-height:13.125rem}.o-catalog__list__item{position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:center;max-width:8.125rem;height:100%;text-align:center;cursor:move}.o-catalog__list__item .is-private{position:absolute;top:.3125rem;left:.3125rem}.o-catalog__list__item img{margin-top:.625rem}.o-catalog__list__item img.is-full-width{width:100%;height:30%;object-fit:cover}.o-catalog__list__item .a-btn--icon-only{margin-bottom:.6875rem;padding:.8125rem}.o-catalog__list__item__libelle{width:100%;margin-bottom:0;padding:.9375rem .625rem;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.o-catalog__list__item__action{width:100%;padding:.375rem .625rem;text-align:center}.o-catalog__list__item__action .a-btn--ghost{height:auto;padding:0 .3125rem}.o-catalog__create{align-self:center;width:-moz-fit-content;width:fit-content;margin-bottom:1rem}.o-catalog .o-accordion pry-accordion-item:first-child .o-accordion__title{border-top-style:solid;border-top-width:.0625rem;margin-top:.625rem}\n", ".o-restitution{height:100%;margin:0 auto;border-collapse:collapse;font-size:.875rem;min-width:20.625rem;overflow:hidden}.o-restitution .widget-instanciator{position:relative;height:100%}.o-restitution .m-btn-group.actions{padding-top:1.5625rem;padding-bottom:1.25rem}.o-restitution .a-checkbox{margin-bottom:0rem}.o-restitution label{border-radius:10%}.actions-list{display:flex;align-items:center;gap:.9375rem;flex-direction:row;flex-wrap:nowrap;justify-content:space-evenly;list-style-type:none}.more-actions{position:absolute;top:.375rem;right:.625rem}\n", ".o-presentation{margin:0;padding:0}.o-presentation li{list-style:none}.o-manifest-layout__toolbox{height:5.25rem}.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:visible}.o-presentation .a-h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.o-presentation__item{display:flex;flex-direction:column;align-items:stretch}.o-presentation__item .a-tooltip{align-items:center;width:100%;height:100%}.o-presentation__item__image{width:auto;cursor:pointer;overflow:hidden;height:6.875rem;display:flex;align-items:center;justify-content:center}.o-presentation__item__image .is-full-width{width:100%;height:100%;object-fit:cover}.o-presentation__item__header{position:relative;display:flex;align-items:flex-start;justify-content:center;height:6.875rem}.o-presentation__item__header pry-icon.is-private{position:absolute;top:.625rem;left:.625rem}.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{display:flex;align-content:center;justify-content:center}.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;color:#113b6e}.title-container{display:flex}.title-container .h-1{padding-top:0;padding-bottom:0}.actions-list{display:flex;align-items:center;gap:.9375rem;flex-direction:row;flex-wrap:nowrap;justify-content:space-evenly;list-style-type:none}.info-icon{position:relative;width:1.5rem;height:1.5rem;border-radius:50%;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;align-self:center;margin-right:1rem;border:1px solid #3E546A}.more-actions{position:absolute;top:.375rem;right:.625rem}.o-restitution-catalog .o-manifest-layout__toolbox{height:5.25rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.o-restitution-catalog .o-manifest-layout__toolbox div:first-child{margin-left:auto}.o-restitution-catalog .o-catalog__search{position:relative}.o-restitution-catalog .o-catalog__search .a-icon{position:absolute;right:.6875rem;bottom:.5625rem;opacity:.5;pointer-events:none}.o-restitution-catalog .o-manifest-layout__content .o-restitution-wrapper .o-restitution{width:100%}\n"] }]
         }] });
 
 class PryRestitutionComponent extends SubscriptionnerDirective {
@@ -80,17 +82,29 @@ class PryRestitutionComponent extends SubscriptionnerDirective {
             this.customManifest = JSON.parse(this.selectedRestitution.content);
             if (Array.isArray(this.customManifest.datasource)) {
                 this.customManifest.datasource.forEach((dataSource) => {
-                    this.store.dispatch(SearchActions.getDatasourceItems({ id: dataSource }));
+                    this.store.dispatch(SearchActions.getDatasourceItems({
+                        id: dataSource,
+                        excludeGeo: this.customManifest.type === 'map',
+                        from: 'PryRestitutionComponent.ngOnInit()-1'
+                    }));
                 });
             }
             else {
-                this.store.dispatch(SearchActions.getDatasourceItems({ id: this.customManifest.datasource }));
+                this.store.dispatch(SearchActions.getDatasourceItems({
+                    id: this.customManifest.datasource,
+                    excludeGeo: this.customManifest.type === 'map',
+                    from: 'PryRestitutionComponent.ngOnInit()-2'
+                }));
             }
             if (this.selectedRestitution.visibility) {
                 this.visibility = this.selectedRestitution.visibility;
             }
             this.form.selectedDataSources.forEach((dataSource) => {
-                this.store.dispatch(SearchActions.getDatasourceItems({ id: dataSource }));
+                this.store.dispatch(SearchActions.getDatasourceItems({
+                    id: dataSource,
+                    excludeGeo: this.customManifest.type === 'map',
+                    from: 'PryRestitutionComponent.ngOnInit()-3'
+                }));
             });
             this.customManifest = JSON.parse(this.selectedRestitution.content);
             this.customManifest.header = {
@@ -155,7 +169,11 @@ class PryRestitutionComponent extends SubscriptionnerDirective {
             }
         };
         this.form.selectedDataSources.forEach((nameQuery) => {
-            this.store.dispatch(SearchActions.getDatasourceItems({ id: nameQuery }));
+            this.store.dispatch(SearchActions.getDatasourceItems({
+                id: nameQuery,
+                excludeGeo: this.customManifest.type === 'map',
+                from: 'PryRestitutionComponent.submit()'
+            }));
         });
         this.goNext(stepper);
         setTimeout(() => {
@@ -191,10 +209,10 @@ class PryRestitutionComponent extends SubscriptionnerDirective {
         this.store.dispatch(ConfigActions.loadWidgets());
         this.restitutionCreated.emit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryRestitutionComponent, deps: [{ token: i1.ToolboxManifestService }, { token: i1$1.Store }, { token: i1.ToolboxMenuService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PryRestitutionComponent, selector: "pry-restitution", inputs: { selectedRestitution: "selectedRestitution", edit: "edit", isDataSourceSelected: "isDataSourceSelected", bindId: "bindId" }, outputs: { restitutionCreated: "restitutionCreated" }, usesInheritance: true, ngImport: i0, template: "<pry-restitution-css></pry-restitution-css>\n<div class=\"o-restitution\">\n  <h3 class=\"a-h2 o-restitution__title\">\n    {{ (consultMode ? '@pry.restitution.consult_title' : '@pry.restitution.create_title') | i18n }}\n  </h3>\n  <pry-stepper #stepper [isConsultMode]=\"consultMode || edit\" (lastStepCompleted)=\"lastStepCompleted()\">\n    <pry-step>\n      <h4 class=\"m-stepper-item__title\" *stepTitle>{{ '@pry.restitution.configure' | i18n }}</h4>\n      <div>\n        <div class=\"m-form-label-field\">\n          <label for=\"restitution\" class=\"a-label\">{{ '@pry.restitution.restitution_type' | i18n }}</label>\n          <pry-select\n            id=\"restitution\"\n            class=\"a-pry-select\"\n            [itemsAsOption]=\"true\"\n            [items]=\"types$ | async\"\n            [labelTranslate]=\"true\"\n            [(ngModel)]=\"form.selectedWidget\"\n            [disabled]=\"consultMode\"\n            bindIcon=\"icon\"\n            bindLabel=\"label\"\n            bindValue=\"type\"\n          >\n          </pry-select>\n        </div>\n        <div *ngIf=\"form.selectedWidget !== ''\">\n          <div class=\"m-form-label-field\">\n            <label for=\"graphTitle\" class=\"a-label\">{{ '@pry.restitution.graph_title' | i18n }}</label>\n            <input\n              name=\"title\"\n              id=\"graphTitle\"\n              class=\"a-form-field\"\n              [(ngModel)]=\"form.title\"\n              type=\"text\"\n              [disabled]=\"consultMode\"\n              maxlength=\"30\"\n              ngDefaultControl\n            />\n          </div>\n          <div class=\"m-form-label-field\">\n            <label for=\"description\" class=\"a-label\">{{ '@pry.restitution.description' | i18n }}</label>\n            <textarea\n              name=\"description\"\n              id=\"description\"\n              class=\"a-form-field\"\n              [(ngModel)]=\"form.description\"\n              style=\"resize: none\"\n              [disabled]=\"consultMode\"\n              maxlength=\"255\"\n              ngDefaultControl\n            >\n            </textarea>\n          </div>\n          <div class=\"m-form-label-field -width-full\">\n            <label class=\"a-label\">{{ '@pry.presentation.form.image' | i18n }}</label>\n            <div class=\"o-file-input\">\n              <pry-select-image (changed)=\"image = $event\" [iconUrl]=\"image\" [mode]=\"type\"></pry-select-image>\n              <pry-checkbox [(ngModel)]=\"form.cover\" name=\"cover\"> {{ '@pry.restitution.cover' | i18n }}</pry-checkbox>\n            </div>\n          </div>\n          <div class=\"m-btn-group -space-evenly actions\">\n            <button (click)=\"cancel(stepper)\" type=\"button\" class=\"a-btn a-btn--secondary\">\n              {{ '@pry.restitution.close' | i18n }}\n            </button>\n            <button\n              (click)=\"goNext(stepper)\"\n              [disabled]=\"form.selectedWidget === '' || form.title.trim().length === 0\"\n              class=\"a-btn a-btn--primary\"\n            >\n              {{ '@pry.restitution.validate' | i18n }}\n            </button>\n          </div>\n        </div>\n      </div>\n    </pry-step>\n    <pry-step>\n      <h4 class=\"m-stepper-item__title\" *stepTitle>{{ '@pry.restitution.dataSource' | i18n }}</h4>\n      <pry-datasource-selector\n        (cancel)=\"prev(stepper)\"\n        (validated)=\"submit(stepper)\"\n        (datasourcesChanged)=\"datasourcesChanged($event)\"\n        [datasourceIds]=\"form.selectedDataSources\"\n      ></pry-datasource-selector>\n    </pry-step>\n    <pry-step>\n      <h4 class=\"m-stepper-item__title\" *stepTitle>{{ '@pry.restitution.visualize' | i18n }}</h4>\n      <div class=\"widget-instanciator\">\n        <pry-widget-instanciator\n          [standalone]=\"true\"\n          [staticManifest]=\"customManifest\"\n          [open$]=\"openSettings$\"\n          (manifestModified)=\"updateManifest($event)\"\n        ></pry-widget-instanciator>\n      </div>\n      <div class=\"m-btn-group -space-evenly actions\" *ngIf=\"!consultMode; else consult\">\n        <button (click)=\"prev(stepper)\" type=\"button\" class=\"a-btn a-btn--secondary\">\n          {{ '@pry.restitution.close' | i18n }}\n        </button>\n        <button (click)=\"goNext(stepper)\" type=\"button\" class=\"a-btn a-btn--primary\">\n          {{ '@pry.restitution.validate' | i18n }}\n        </button>\n      </div>\n    </pry-step>\n    <pry-step>\n      <h4 class=\"m-stepper-item__title\" *stepTitle>{{ '@pry.restitution.broadcast' | i18n }}</h4>\n      <div class=\"\">\n        <h3>{{ '@pry.restitution.access' | i18n }}</h3>\n        {{ '@pry.restitution.choice' | i18n }}\n        <ul>\n          <li>\n            {{ '@pry.restitution.public' | i18n }}\n          </li>\n        </ul>\n        {{ '@pry.restitution.or' | i18n }}\n        <ul>\n          <li>\n            {{ '@pry.restitution.private' | i18n }}\n          </li>\n        </ul>\n      </div>\n      <pry-share\n        [(ngModel)]=\"visibility\"\n        [users$]=\"users$\"\n        labelProperty=\"name\"\n        valueProperty=\"id\"\n        [disabled]=\"consultMode\"\n      ></pry-share>\n      <div class=\"m-btn-group -space-evenly actions\" *ngIf=\"!consultMode; else consult\">\n        <button (click)=\"prev(stepper)\" type=\"button\" class=\"a-btn a-btn--secondary\">\n          {{ '@pry.restitution.close' | i18n }}\n        </button>\n        <button (click)=\"goNext(stepper)\" type=\"button\" class=\"a-btn a-btn--primary\">\n          {{ '@pry.restitution.broadcast' | i18n }}\n        </button>\n      </div>\n    </pry-step>\n  </pry-stepper>\n</div>\n\n<ng-template #consult>\n  <div class=\"m-btn-group -space-evenly actions\">\n    <button (click)=\"prev(stepper)\" type=\"button\" class=\"a-btn a-btn--secondary\">\n      {{ '@pry.restitution.close' | i18n }}\n    </button>\n    <button (click)=\"goNext(stepper)\" type=\"button\" class=\"a-btn a-btn--primary\">\n      {{ '@pry.restitution.next' | i18n }}\n    </button>\n  </div>\n</ng-template>\n<ng-template #noDatasource>\n  <p class=\"search-home__container-search\">{{ '@pry.restitution.noDataSource' | i18n }}</p>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.PrySelectImageComponent, selector: "pry-select-image", inputs: ["iconUrl", "size", "mode"], outputs: ["toggled", "changed"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.PryStepperComponent, selector: "pry-stepper", inputs: ["isConsultMode"], outputs: ["lastStepCompleted"] }, { kind: "component", type: i5.PryStepComponent, selector: "pry-step", inputs: ["setActiveState"] }, { kind: "directive", type: i5.PryStepTitleDirective, selector: "[stepTitle]" }, { kind: "component", type: i1.PrySelectComponent, selector: "pry-select", inputs: ["labelTranslate", "baseTranslate", "translationFn", "translationFnArgs", "clearable", "multiple", "multipleClearRight", "closeOnSelect", "placeholder", "isForm", "required", "name", "readonly", "items", "itemsAsOption", "bindData", "bindValue", "bindLabel", "bindIcon", "iconSize", "templateLabel", "templateOption", "autocomplete"] }, { kind: "component", type: i1.WidgetInstanciatorComponent, selector: "pry-widget-instanciator", inputs: ["widgetIndex", "staticManifest", "standalone", "open$"], outputs: ["manifestModified"] }, { kind: "component", type: i1.DatasourceSelectorComponent, selector: "pry-datasource-selector", inputs: ["manifest", "datasourceIds"], outputs: ["cancel", "validated", "previousTab", "nextTab", "datasourcesChanged"] }, { kind: "component", type: i1.PryShareComponent, selector: "pry-share", inputs: ["value", "labelProperty", "valueProperty", "users$"] }, { kind: "component", type: i6.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle"] }, { kind: "component", type: PryCatalogCssComponent, selector: "pry-restitution-css" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryRestitutionComponent, deps: [{ token: i1.ToolboxManifestService }, { token: i1$1.Store }, { token: i1.ToolboxMenuService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PryRestitutionComponent, selector: "pry-restitution", inputs: { selectedRestitution: "selectedRestitution", edit: "edit", isDataSourceSelected: "isDataSourceSelected", bindId: "bindId" }, outputs: { restitutionCreated: "restitutionCreated" }, usesInheritance: true, ngImport: i0, template: "<pry-restitution-css></pry-restitution-css>\n<div class=\"o-restitution\">\n  <h3 class=\"a-h2 o-restitution__title\">\n    {{ (consultMode ? '@pry.restitution.consult_title' : '@pry.restitution.create_title') | i18n }}\n  </h3>\n  <pry-stepper #stepper [isConsultMode]=\"consultMode || edit\" (lastStepCompleted)=\"lastStepCompleted()\">\n    <pry-step>\n      <h4 class=\"m-stepper-item__title\" *stepTitle>{{ '@pry.restitution.configure' | i18n }}</h4>\n      <div>\n        <div class=\"m-form-label-field\">\n          <label for=\"restitution\" class=\"a-label\">{{ '@pry.restitution.restitution_type' | i18n }}</label>\n          <pry-select\n            id=\"restitution\"\n            class=\"a-pry-select\"\n            [itemsAsOption]=\"true\"\n            [items]=\"types$ | async\"\n            [labelTranslate]=\"true\"\n            [(ngModel)]=\"form.selectedWidget\"\n            [disabled]=\"consultMode\"\n            bindIcon=\"icon\"\n            bindLabel=\"label\"\n            bindValue=\"type\"\n          >\n          </pry-select>\n        </div>\n        <div *ngIf=\"form.selectedWidget !== ''\">\n          <div class=\"m-form-label-field\">\n            <label for=\"graphTitle\" class=\"a-label\">{{ '@pry.restitution.graph_title' | i18n }}</label>\n            <input\n              name=\"title\"\n              id=\"graphTitle\"\n              class=\"a-form-field\"\n              [(ngModel)]=\"form.title\"\n              type=\"text\"\n              [disabled]=\"consultMode\"\n              maxlength=\"30\"\n              ngDefaultControl\n            />\n          </div>\n          <div class=\"m-form-label-field\">\n            <label for=\"description\" class=\"a-label\">{{ '@pry.restitution.description' | i18n }}</label>\n            <textarea\n              name=\"description\"\n              id=\"description\"\n              class=\"a-form-field\"\n              [(ngModel)]=\"form.description\"\n              style=\"resize: none\"\n              [disabled]=\"consultMode\"\n              maxlength=\"255\"\n              ngDefaultControl\n            >\n            </textarea>\n          </div>\n          <div class=\"m-form-label-field -width-full\">\n            <label class=\"a-label\">{{ '@pry.presentation.form.image' | i18n }}</label>\n            <div class=\"o-file-input\">\n              <pry-select-image (changed)=\"image = $event\" [iconUrl]=\"image\" [mode]=\"type\"></pry-select-image>\n              <pry-checkbox [(ngModel)]=\"form.cover\" name=\"cover\"> {{ '@pry.restitution.cover' | i18n }}</pry-checkbox>\n            </div>\n          </div>\n          <div class=\"m-btn-group -space-evenly actions\">\n            <button (click)=\"cancel(stepper)\" type=\"button\" class=\"a-btn a-btn--secondary\">\n              {{ '@pry.restitution.close' | i18n }}\n            </button>\n            <button\n              (click)=\"goNext(stepper)\"\n              [disabled]=\"form.selectedWidget === '' || form.title.trim().length === 0\"\n              class=\"a-btn a-btn--primary\"\n            >\n              {{ '@pry.restitution.validate' | i18n }}\n            </button>\n          </div>\n        </div>\n      </div>\n    </pry-step>\n    <pry-step>\n      <h4 class=\"m-stepper-item__title\" *stepTitle>{{ '@pry.restitution.dataSource' | i18n }}</h4>\n      <pry-datasource-selector\n        (cancel)=\"prev(stepper)\"\n        (validated)=\"submit(stepper)\"\n        (datasourcesChanged)=\"datasourcesChanged($event)\"\n        [datasourceIds]=\"form.selectedDataSources\"\n      ></pry-datasource-selector>\n    </pry-step>\n    <pry-step>\n      <h4 class=\"m-stepper-item__title\" *stepTitle>{{ '@pry.restitution.visualize' | i18n }}</h4>\n      <div class=\"widget-instanciator\">\n        <pry-widget-instanciator\n          [standalone]=\"true\"\n          [staticManifest]=\"customManifest\"\n          [open$]=\"openSettings$\"\n          (manifestModified)=\"updateManifest($event)\"\n        ></pry-widget-instanciator>\n      </div>\n      <div class=\"m-btn-group -space-evenly actions\" *ngIf=\"!consultMode; else consult\">\n        <button (click)=\"prev(stepper)\" type=\"button\" class=\"a-btn a-btn--secondary\">\n          {{ '@pry.restitution.close' | i18n }}\n        </button>\n        <button (click)=\"goNext(stepper)\" type=\"button\" class=\"a-btn a-btn--primary\">\n          {{ '@pry.restitution.validate' | i18n }}\n        </button>\n      </div>\n    </pry-step>\n    <pry-step>\n      <h4 class=\"m-stepper-item__title\" *stepTitle>{{ '@pry.restitution.broadcast' | i18n }}</h4>\n      <div class=\"\">\n        <h3>{{ '@pry.restitution.access' | i18n }}</h3>\n        {{ '@pry.restitution.choice' | i18n }}\n        <ul>\n          <li>\n            {{ '@pry.restitution.public' | i18n }}\n          </li>\n        </ul>\n        {{ '@pry.restitution.or' | i18n }}\n        <ul>\n          <li>\n            {{ '@pry.restitution.private' | i18n }}\n          </li>\n        </ul>\n      </div>\n      <pry-share\n        [(ngModel)]=\"visibility\"\n        [users$]=\"users$\"\n        labelProperty=\"name\"\n        valueProperty=\"id\"\n        [disabled]=\"consultMode\"\n      ></pry-share>\n      <div class=\"m-btn-group -space-evenly actions\" *ngIf=\"!consultMode; else consult\">\n        <button (click)=\"prev(stepper)\" type=\"button\" class=\"a-btn a-btn--secondary\">\n          {{ '@pry.restitution.close' | i18n }}\n        </button>\n        <button (click)=\"goNext(stepper)\" type=\"button\" class=\"a-btn a-btn--primary\">\n          {{ '@pry.restitution.broadcast' | i18n }}\n        </button>\n      </div>\n    </pry-step>\n  </pry-stepper>\n</div>\n\n<ng-template #consult>\n  <div class=\"m-btn-group -space-evenly actions\">\n    <button (click)=\"prev(stepper)\" type=\"button\" class=\"a-btn a-btn--secondary\">\n      {{ '@pry.restitution.close' | i18n }}\n    </button>\n    <button (click)=\"goNext(stepper)\" type=\"button\" class=\"a-btn a-btn--primary\">\n      {{ '@pry.restitution.next' | i18n }}\n    </button>\n  </div>\n</ng-template>\n<ng-template #noDatasource>\n  <p class=\"search-home__container-search\">{{ '@pry.restitution.noDataSource' | i18n }}</p>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.PrySelectImageComponent, selector: "pry-select-image", inputs: ["iconUrl", "size", "mode"], outputs: ["toggled", "changed"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.PryStepperComponent, selector: "pry-stepper", inputs: ["isConsultMode"], outputs: ["lastStepCompleted"] }, { kind: "component", type: i5.PryStepComponent, selector: "pry-step", inputs: ["setActiveState"] }, { kind: "directive", type: i5.PryStepTitleDirective, selector: "[stepTitle]" }, { kind: "component", type: i1.PrySelectComponent, selector: "pry-select", inputs: ["labelTranslate", "baseTranslate", "translationFn", "translationFnArgs", "clearable", "multiple", "multipleClearRight", "closeOnSelect", "placeholder", "isForm", "required", "name", "readonly", "items", "itemsAsOption", "bindData", "bindValue", "bindLabel", "bindIcon", "iconSize", "templateLabel", "templateOption", "autocomplete"] }, { kind: "component", type: i1.WidgetInstanciatorComponent, selector: "pry-widget-instanciator", inputs: ["widgetIndex", "staticManifest", "standalone", "open$"], outputs: ["manifestModified"] }, { kind: "component", type: i1.DatasourceSelectorComponent, selector: "pry-datasource-selector", inputs: ["manifest", "datasourceIds"], outputs: ["cancel", "validated", "previousTab", "nextTab", "datasourcesChanged"] }, { kind: "component", type: i1.PryShareComponent, selector: "pry-share", inputs: ["value", "labelProperty", "valueProperty", "users$"] }, { kind: "component", type: i6.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle"] }, { kind: "component", type: PryCatalogCssComponent, selector: "pry-restitution-css" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryRestitutionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryRestitutionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-restitution', template: "<pry-restitution-css></pry-restitution-css>\n<div class=\"o-restitution\">\n  <h3 class=\"a-h2 o-restitution__title\">\n    {{ (consultMode ? '@pry.restitution.consult_title' : '@pry.restitution.create_title') | i18n }}\n  </h3>\n  <pry-stepper #stepper [isConsultMode]=\"consultMode || edit\" (lastStepCompleted)=\"lastStepCompleted()\">\n    <pry-step>\n      <h4 class=\"m-stepper-item__title\" *stepTitle>{{ '@pry.restitution.configure' | i18n }}</h4>\n      <div>\n        <div class=\"m-form-label-field\">\n          <label for=\"restitution\" class=\"a-label\">{{ '@pry.restitution.restitution_type' | i18n }}</label>\n          <pry-select\n            id=\"restitution\"\n            class=\"a-pry-select\"\n            [itemsAsOption]=\"true\"\n            [items]=\"types$ | async\"\n            [labelTranslate]=\"true\"\n            [(ngModel)]=\"form.selectedWidget\"\n            [disabled]=\"consultMode\"\n            bindIcon=\"icon\"\n            bindLabel=\"label\"\n            bindValue=\"type\"\n          >\n          </pry-select>\n        </div>\n        <div *ngIf=\"form.selectedWidget !== ''\">\n          <div class=\"m-form-label-field\">\n            <label for=\"graphTitle\" class=\"a-label\">{{ '@pry.restitution.graph_title' | i18n }}</label>\n            <input\n              name=\"title\"\n              id=\"graphTitle\"\n              class=\"a-form-field\"\n              [(ngModel)]=\"form.title\"\n              type=\"text\"\n              [disabled]=\"consultMode\"\n              maxlength=\"30\"\n              ngDefaultControl\n            />\n          </div>\n          <div class=\"m-form-label-field\">\n            <label for=\"description\" class=\"a-label\">{{ '@pry.restitution.description' | i18n }}</label>\n            <textarea\n              name=\"description\"\n              id=\"description\"\n              class=\"a-form-field\"\n              [(ngModel)]=\"form.description\"\n              style=\"resize: none\"\n              [disabled]=\"consultMode\"\n              maxlength=\"255\"\n              ngDefaultControl\n            >\n            </textarea>\n          </div>\n          <div class=\"m-form-label-field -width-full\">\n            <label class=\"a-label\">{{ '@pry.presentation.form.image' | i18n }}</label>\n            <div class=\"o-file-input\">\n              <pry-select-image (changed)=\"image = $event\" [iconUrl]=\"image\" [mode]=\"type\"></pry-select-image>\n              <pry-checkbox [(ngModel)]=\"form.cover\" name=\"cover\"> {{ '@pry.restitution.cover' | i18n }}</pry-checkbox>\n            </div>\n          </div>\n          <div class=\"m-btn-group -space-evenly actions\">\n            <button (click)=\"cancel(stepper)\" type=\"button\" class=\"a-btn a-btn--secondary\">\n              {{ '@pry.restitution.close' | i18n }}\n            </button>\n            <button\n              (click)=\"goNext(stepper)\"\n              [disabled]=\"form.selectedWidget === '' || form.title.trim().length === 0\"\n              class=\"a-btn a-btn--primary\"\n            >\n              {{ '@pry.restitution.validate' | i18n }}\n            </button>\n          </div>\n        </div>\n      </div>\n    </pry-step>\n    <pry-step>\n      <h4 class=\"m-stepper-item__title\" *stepTitle>{{ '@pry.restitution.dataSource' | i18n }}</h4>\n      <pry-datasource-selector\n        (cancel)=\"prev(stepper)\"\n        (validated)=\"submit(stepper)\"\n        (datasourcesChanged)=\"datasourcesChanged($event)\"\n        [datasourceIds]=\"form.selectedDataSources\"\n      ></pry-datasource-selector>\n    </pry-step>\n    <pry-step>\n      <h4 class=\"m-stepper-item__title\" *stepTitle>{{ '@pry.restitution.visualize' | i18n }}</h4>\n      <div class=\"widget-instanciator\">\n        <pry-widget-instanciator\n          [standalone]=\"true\"\n          [staticManifest]=\"customManifest\"\n          [open$]=\"openSettings$\"\n          (manifestModified)=\"updateManifest($event)\"\n        ></pry-widget-instanciator>\n      </div>\n      <div class=\"m-btn-group -space-evenly actions\" *ngIf=\"!consultMode; else consult\">\n        <button (click)=\"prev(stepper)\" type=\"button\" class=\"a-btn a-btn--secondary\">\n          {{ '@pry.restitution.close' | i18n }}\n        </button>\n        <button (click)=\"goNext(stepper)\" type=\"button\" class=\"a-btn a-btn--primary\">\n          {{ '@pry.restitution.validate' | i18n }}\n        </button>\n      </div>\n    </pry-step>\n    <pry-step>\n      <h4 class=\"m-stepper-item__title\" *stepTitle>{{ '@pry.restitution.broadcast' | i18n }}</h4>\n      <div class=\"\">\n        <h3>{{ '@pry.restitution.access' | i18n }}</h3>\n        {{ '@pry.restitution.choice' | i18n }}\n        <ul>\n          <li>\n            {{ '@pry.restitution.public' | i18n }}\n          </li>\n        </ul>\n        {{ '@pry.restitution.or' | i18n }}\n        <ul>\n          <li>\n            {{ '@pry.restitution.private' | i18n }}\n          </li>\n        </ul>\n      </div>\n      <pry-share\n        [(ngModel)]=\"visibility\"\n        [users$]=\"users$\"\n        labelProperty=\"name\"\n        valueProperty=\"id\"\n        [disabled]=\"consultMode\"\n      ></pry-share>\n      <div class=\"m-btn-group -space-evenly actions\" *ngIf=\"!consultMode; else consult\">\n        <button (click)=\"prev(stepper)\" type=\"button\" class=\"a-btn a-btn--secondary\">\n          {{ '@pry.restitution.close' | i18n }}\n        </button>\n        <button (click)=\"goNext(stepper)\" type=\"button\" class=\"a-btn a-btn--primary\">\n          {{ '@pry.restitution.broadcast' | i18n }}\n        </button>\n      </div>\n    </pry-step>\n  </pry-stepper>\n</div>\n\n<ng-template #consult>\n  <div class=\"m-btn-group -space-evenly actions\">\n    <button (click)=\"prev(stepper)\" type=\"button\" class=\"a-btn a-btn--secondary\">\n      {{ '@pry.restitution.close' | i18n }}\n    </button>\n    <button (click)=\"goNext(stepper)\" type=\"button\" class=\"a-btn a-btn--primary\">\n      {{ '@pry.restitution.next' | i18n }}\n    </button>\n  </div>\n</ng-template>\n<ng-template #noDatasource>\n  <p class=\"search-home__container-search\">{{ '@pry.restitution.noDataSource' | i18n }}</p>\n</ng-template>\n" }]
         }], ctorParameters: function () { return [{ type: i1.ToolboxManifestService }, { type: i1$1.Store }, { type: i1.ToolboxMenuService }]; }, propDecorators: { selectedRestitution: [{
@@ -240,22 +258,42 @@ class PryRestitutionCatalogComponent {
     }
     deleteRestitution(id) {
         this.store.dispatch(ConfigActions.confirmRestitutionDeletion({ id }));
+        this.toggleModalActions();
     }
     editRestitution(restitution) {
         this.selectedRestitution = restitution;
         this.selectMode(ViewMode.EDITION);
         this.search$.next('');
+        this.overlayRef?.dispose();
+        this.overlayRef = undefined;
     }
-    focusElement(element) {
-        element.focus();
+    toggleModalActions(restitution) {
+        if (!this.overlayRef && restitution) {
+            this.selectedRestitution = restitution;
+            this.overlayRef = this.overlay.create(new OverlayConfig({
+                hasBackdrop: true,
+                panelClass: ['o-modal-wrapper'],
+                backdropClass: 'backdrop'
+            }));
+            this.overlayRef.backdropClick().subscribe(() => this.toggleModalActions(restitution));
+            this.overlayRef.attach(new TemplatePortal(this.templateActions, this.viewContainerRef));
+        }
+        else {
+            this.overlayRef?.dispose();
+            this.overlayRef = undefined;
+            this.selectedRestitution = null;
+        }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryRestitutionCatalogComponent, deps: [{ token: i1$1.Store }, { token: i2.Overlay }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PryRestitutionCatalogComponent, selector: "pry-restitution-catalog", ngImport: i0, template: "<pry-restitution-css></pry-restitution-css>\n<div class=\"o-manifest-layout o-restitution-catalog\">\n  <ng-template [ngIf]=\"selectedMode === mode.CATALOG\">\n    <div class=\"o-manifest-layout__toolbox\">\n      <button\n        type=\"button\"\n        (click)=\"selectMode(mode.CREATION)\"\n        class=\"a-btn a-btn--primary a-tooltip\"\n        [attr.data-tooltip]=\"'@pry.restitution.create_title' | i18n\"\n        *pryAccess=\"{ module: 'dashboard', page: 'restitution', action: 'create' }\"\n      >\n        {{ '@pry.restitution.create_title' | i18n }}\n      </button>\n      <div>\n        <div class=\"o-catalog__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.restitution.search' | i18n\"\n            [ngModel]=\"search$ | async\"\n            (ngModelChange)=\"this.search$.next($event)\"\n          />\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.restitution.catalog' | i18n }}</h1>\n\n      <div class=\"o-presentation-wrapper\">\n        <ul class=\"o-presentation\">\n          <li class=\"o-presentation__item\" *ngFor=\"let restitution of filteredRestitution$ | async\">\n            <div class=\"o-presentation__item__header\">\n              <ng-container *ngIf=\"restitution.visibility?.type === PryVisibilityType.PRIVATE\">\n                <pry-icon\n                  iconSvg=\"private\"\n                  class=\"is-private a-tooltip\"\n                  [attr.data-tooltip]=\"'@pry.restitution.lock' | i18n\"\n                  [height]=\"17\"\n                  [width]=\"17\"\n                ></pry-icon>\n              </ng-container>\n              <div class=\"a-tooltip\" [attr.data-tooltip]=\"'@pry.restitution.visualize' | i18n\">\n                <div class=\"o-presentation__item__image\">\n                  <img\n                    alt=\"\"\n                    [height]=\"restitution.cover ? 600 : 128\"\n                    [width]=\"restitution.cover ? 600 : 128\"\n                    [class.is-full-width]=\"restitution.cover\"\n                    [src]=\"restitution.image | getSecuredImage : [600, 600] | async\"\n                    class=\"pointer\"\n                    (click)=\"selectRestitution(restitution)\"\n                  />\n                </div>\n              </div>\n            </div>\n\n            <div class=\"o-presentation__item__txt\">\n              <h3 class=\"a-h3\">{{ restitution.name }}</h3>\n              <p class=\"a-p -date\">{{ restitution.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 a-tooltip\"\n                    [attr.data-tooltip]=\"'@pry.restitution.consult' | i18n\"\n                    (click)=\"selectRestitution(restitution)\"\n                    *pryAccess=\"{ module: 'dashboard', page: 'restitution', action: 'consult' }\"\n                  >\n                    <pry-icon iconSvg=\"eye\"></pry-icon>\n                  </button>\n                </li>\n                <li>\n                  <button\n                    type=\"button\"\n                    class=\"a-btn a-btn icon-only a-tooltip\"\n                    [attr.data-tooltip]=\"'@pry.restitution.update' | i18n\"\n                    (click)=\"editRestitution(restitution)\"\n                    [disabled]=\"!restitution.owner\"\n                    *pryAccess=\"{ module: 'dashboard', page: 'restitution', action: 'edit' }\"\n                  >\n                    <pry-icon iconSvg=\"edit\"></pry-icon>\n                  </button>\n                </li>\n                <li>\n                  <button\n                    type=\"button\"\n                    class=\"a-btn a-btn icon-only a-tooltip\"\n                    [attr.data-tooltip]=\"'@pry.restitution.delete' | i18n\"\n                    (click)=\"deleteRestitution(restitution.id)\"\n                    [disabled]=\"!restitution.owner\"\n                    *pryAccess=\"{ module: 'dashboard', page: 'restitution', action: 'delete' }\"\n                  >\n                    <pry-icon iconSvg=\"delete\"></pry-icon>\n                  </button>\n                </li>\n              </ul>\n            </div>\n          </li>\n        </ul>\n      </div>\n    </div>\n  </ng-template>\n\n  <ng-template [ngIf]=\"selectedMode === mode.CONSULT\">\n    <div class=\"o-manifest-layout__toolbox\">\n      <button type=\"button\" (click)=\"selectMode(mode.CATALOG)\" class=\"a-btn a-btn--primary\">\n        {{ '@pry.restitution.backToCatalog' | i18n }}\n      </button>\n    </div>\n    <div class=\"o-manifest-layout__content\">\n      <pry-restitution\n        [selectedRestitution]=\"selectedRestitution\"\n        [edit]=\"false\"\n        (restitutionCreated)=\"closeRestitution($event)\"\n        class=\"restitution\"\n      ></pry-restitution>\n    </div>\n  </ng-template>\n  <ng-template [ngIf]=\"selectedMode === mode.CREATION\">\n    <div class=\"o-manifest-layout__toolbox\">\n      <button type=\"button\" (click)=\"selectMode(mode.CATALOG)\" class=\"a-btn a-btn--primary\">\n        {{ '@pry.restitution.backToCatalog' | i18n }}\n      </button>\n    </div>\n    <div class=\"o-manifest-layout__content\">\n      <pry-restitution (restitutionCreated)=\"closeRestitution($event)\" class=\"restitution\"></pry-restitution>\n    </div>\n  </ng-template>\n  <ng-template [ngIf]=\"selectedMode === mode.EDITION\">\n    <div class=\"o-manifest-layout__toolbox\">\n      <button type=\"button\" (click)=\"selectMode(mode.CATALOG)\" class=\"a-btn a-btn--primary\">\n        {{ '@pry.restitution.backToCatalog' | i18n }}\n      </button>\n    </div>\n    <div class=\"o-manifest-layout__content\">\n      <pry-restitution\n        (restitutionCreated)=\"closeRestitution($event)\"\n        [selectedRestitution]=\"selectedRestitution\"\n        class=\"restitution\"\n      ></pry-restitution>\n    </div>\n  </ng-template>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.PryAccessDirective, selector: "[pryAccess]", inputs: ["pryAccess"] }, { kind: "component", type: i1.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: PryRestitutionComponent, selector: "pry-restitution", inputs: ["selectedRestitution", "edit", "isDataSourceSelected", "bindId"], outputs: ["restitutionCreated"] }, { kind: "component", type: PryCatalogCssComponent, selector: "pry-restitution-css" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.GetSecuredImagePipe, name: "getSecuredImage" }, { kind: "pipe", type: i1.I18nPipe, name: "i18n" }, { kind: "pipe", type: i8.PrySinceDatePipe, name: "sinceDate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryRestitutionCatalogComponent, deps: [{ token: i1$1.Store }, { token: i2.Overlay }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PryRestitutionCatalogComponent, selector: "pry-restitution-catalog", viewQueries: [{ propertyName: "templateActions", first: true, predicate: ["modalActions"], descendants: true, read: TemplateRef }], ngImport: i0, template: "<pry-restitution-css></pry-restitution-css>\n<div class=\"o-manifest-layout o-restitution-catalog\">\n  <ng-template [ngIf]=\"selectedMode === mode.CATALOG\">\n    <div class=\"o-manifest-layout__toolbox\">\n      <button\n        type=\"button\"\n        (click)=\"selectMode(mode.CREATION)\"\n        class=\"a-btn a-btn--primary a-tooltip\"\n        [attr.data-tooltip]=\"'@pry.restitution.create_title' | i18n\"\n        *pryAccess=\"{ module: 'dashboard', page: 'restitution', action: 'create' }\"\n      >\n        {{ '@pry.restitution.create_title' | i18n }}\n      </button>\n      <div>\n        <div class=\"o-catalog__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.restitution.search' | i18n\"\n            [ngModel]=\"search$ | async\"\n            (ngModelChange)=\"this.search$.next($event)\"\n          />\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.restitution.catalog' | i18n }}</h1>\n\n      <div class=\"o-presentation-wrapper\">\n        <ul class=\"o-presentation\">\n          <li class=\"o-presentation__item\" *ngFor=\"let restitution of filteredRestitution$ | async\">\n            <div class=\"o-presentation__item__header\">\n              <ng-container *ngIf=\"restitution.visibility?.type === PryVisibilityType.PRIVATE\">\n                <pry-icon\n                  iconSvg=\"private\"\n                  class=\"is-private a-tooltip\"\n                  [attr.data-tooltip]=\"'@pry.restitution.lock' | i18n\"\n                  [height]=\"17\"\n                  [width]=\"17\"\n                ></pry-icon>\n              </ng-container>\n              <div class=\"a-tooltip\">\n                <div class=\"o-presentation__item__image\">\n                  <img\n                    alt=\"\"\n                    [height]=\"restitution.cover ? 600 : 128\"\n                    [width]=\"restitution.cover ? 600 : 128\"\n                    [class.is-full-width]=\"restitution.cover\"\n                    [src]=\"restitution.image | getSecuredImage : [600, 600] | async\"\n                    class=\"pointer\"\n                  />\n                </div>\n              </div>\n              <ng-container *ngIf=\"restitution.visibility?.type === PryVisibilityType.PRIVATE\">\n                <div class=\"more-actions\">\n                  <button\n                    type=\"button\"\n                    class=\"a-btn a-btn--more a-tooltip\"\n                    [attr.data-tooltip]=\"'@pry.restitution.more' | i18n\"\n                    (click)=\"toggleModalActions(restitution)\"\n                  >\n                    <pry-icon [height]=\"25\" [width]=\"25\" iconSvg=\"more_horiz\"></pry-icon>\n                  </button>\n                </div>\n              </ng-container>\n              </div>\n            <div class=\"o-presentation__item__txt\">\n              <h3 class=\"a-h3\">{{ restitution.name }}</h3>\n              <p class=\"a-p -date\">{{ restitution.modificationDate | sinceDate }}</p>\n            </div>\n\n            <div class=\"o-presentation__item__footer\">\n              <button class=\"a-btn a-tooltip\" (click)=\"selectRestitution(restitution)\" [attr.data-tooltip]=\"'@pry.presentation.view' | i18n\">\n                {{'@pry.restitution.view' | i18n}}</button>\n            </div>\n          </li>\n        </ul>\n      </div>\n    </div>\n  </ng-template>\n<ng-template #modalActions>\n  <div class=\"o-modal\"\n       role=\"dialog\"\n       aria-modal=\"true\"\n       aria-labelledby=\"dialog presenation options\"\n      *ngIf=\"selectedRestitution\">\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">{{ '@pry.restitution.options' | i18n }}</h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button\n          class=\"a-btn a-btn--icon-only\"\n          (click)=\"toggleModalActions(selectedRestitution)\"\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    <ul class=\"actions-list\">\n      <li>\n        <button\n          type=\"button\"\n          class=\"a-btn a-btn icon-only a-tooltip\"\n          [attr.data-tooltip]=\"'@pry.restitution.update' | i18n\"\n          (click)=\"editRestitution(selectedRestitution)\"\n          *pryAccess=\"{ module: 'dashboard', page: 'restitution', action: 'edit' }\"\n        >\n          <pry-icon iconSvg=\"edit\"></pry-icon>\n        </button>\n      </li>\n      <li>\n        <button\n          type=\"button\"\n          class=\"a-btn a-btn icon-only a-tooltip\"\n          [attr.data-tooltip]=\"'@pry.restitution.delete' | i18n\"\n          (click)=\"deleteRestitution(selectedRestitution.id)\"\n          *pryAccess=\"{ module: 'dashboard', page: 'restitution', action: 'delete' }\"\n        >\n          <pry-icon iconSvg=\"delete\"></pry-icon>\n        </button>\n      </li>\n    </ul>\n  </div>\n</ng-template>\n  <ng-template [ngIf]=\"selectedMode === mode.CONSULT\">\n    <div class=\"o-manifest-layout__toolbox\">\n      <button type=\"button\" (click)=\"selectMode(mode.CATALOG)\" class=\"a-btn a-btn--primary\">\n        {{ '@pry.restitution.backToCatalog' | i18n }}\n      </button>\n    </div>\n    <div class=\"o-manifest-layout__content\">\n      <pry-restitution\n        [selectedRestitution]=\"selectedRestitution\"\n        [edit]=\"false\"\n        (restitutionCreated)=\"closeRestitution($event)\"\n        class=\"restitution\"\n      ></pry-restitution>\n    </div>\n  </ng-template>\n  <ng-template [ngIf]=\"selectedMode === mode.CREATION\">\n    <div class=\"o-manifest-layout__toolbox\">\n      <button type=\"button\" (click)=\"selectMode(mode.CATALOG)\" class=\"a-btn a-btn--primary\">\n        {{ '@pry.restitution.backToCatalog' | i18n }}\n      </button>\n    </div>\n    <div class=\"o-manifest-layout__content\">\n      <pry-restitution (restitutionCreated)=\"closeRestitution($event)\" class=\"restitution\"></pry-restitution>\n    </div>\n  </ng-template>\n  <ng-template [ngIf]=\"selectedMode === mode.EDITION\">\n    <div class=\"o-manifest-layout__toolbox\">\n      <button type=\"button\" (click)=\"selectMode(mode.CATALOG)\" class=\"a-btn a-btn--primary\">\n        {{ '@pry.restitution.backToCatalog' | i18n }}\n      </button>\n    </div>\n    <div class=\"o-manifest-layout__content\">\n      <pry-restitution\n        (restitutionCreated)=\"closeRestitution($event)\"\n        [selectedRestitution]=\"selectedRestitution\"\n        class=\"restitution\"\n      ></pry-restitution>\n    </div>\n  </ng-template>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.PryAccessDirective, selector: "[pryAccess]", inputs: ["pryAccess"] }, { kind: "component", type: i1.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: PryRestitutionComponent, selector: "pry-restitution", inputs: ["selectedRestitution", "edit", "isDataSourceSelected", "bindId"], outputs: ["restitutionCreated"] }, { kind: "component", type: PryCatalogCssComponent, selector: "pry-restitution-css" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.GetSecuredImagePipe, name: "getSecuredImage" }, { kind: "pipe", type: i1.I18nPipe, name: "i18n" }, { kind: "pipe", type: i8.PrySinceDatePipe, name: "sinceDate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryRestitutionCatalogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryRestitutionCatalogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-restitution-catalog', template: "<pry-restitution-css></pry-restitution-css>\n<div class=\"o-manifest-layout o-restitution-catalog\">\n  <ng-template [ngIf]=\"selectedMode === mode.CATALOG\">\n    <div class=\"o-manifest-layout__toolbox\">\n      <button\n        type=\"button\"\n        (click)=\"selectMode(mode.CREATION)\"\n        class=\"a-btn a-btn--primary a-tooltip\"\n        [attr.data-tooltip]=\"'@pry.restitution.create_title' | i18n\"\n        *pryAccess=\"{ module: 'dashboard', page: 'restitution', action: 'create' }\"\n      >\n        {{ '@pry.restitution.create_title' | i18n }}\n      </button>\n      <div>\n        <div class=\"o-catalog__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.restitution.search' | i18n\"\n            [ngModel]=\"search$ | async\"\n            (ngModelChange)=\"this.search$.next($event)\"\n          />\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.restitution.catalog' | i18n }}</h1>\n\n      <div class=\"o-presentation-wrapper\">\n        <ul class=\"o-presentation\">\n          <li class=\"o-presentation__item\" *ngFor=\"let restitution of filteredRestitution$ | async\">\n            <div class=\"o-presentation__item__header\">\n              <ng-container *ngIf=\"restitution.visibility?.type === PryVisibilityType.PRIVATE\">\n                <pry-icon\n                  iconSvg=\"private\"\n                  class=\"is-private a-tooltip\"\n                  [attr.data-tooltip]=\"'@pry.restitution.lock' | i18n\"\n                  [height]=\"17\"\n                  [width]=\"17\"\n                ></pry-icon>\n              </ng-container>\n              <div class=\"a-tooltip\" [attr.data-tooltip]=\"'@pry.restitution.visualize' | i18n\">\n                <div class=\"o-presentation__item__image\">\n                  <img\n                    alt=\"\"\n                    [height]=\"restitution.cover ? 600 : 128\"\n                    [width]=\"restitution.cover ? 600 : 128\"\n                    [class.is-full-width]=\"restitution.cover\"\n                    [src]=\"restitution.image | getSecuredImage : [600, 600] | async\"\n                    class=\"pointer\"\n                    (click)=\"selectRestitution(restitution)\"\n                  />\n                </div>\n              </div>\n            </div>\n\n            <div class=\"o-presentation__item__txt\">\n              <h3 class=\"a-h3\">{{ restitution.name }}</h3>\n              <p class=\"a-p -date\">{{ restitution.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 a-tooltip\"\n                    [attr.data-tooltip]=\"'@pry.restitution.consult' | i18n\"\n                    (click)=\"selectRestitution(restitution)\"\n                    *pryAccess=\"{ module: 'dashboard', page: 'restitution', action: 'consult' }\"\n                  >\n                    <pry-icon iconSvg=\"eye\"></pry-icon>\n                  </button>\n                </li>\n                <li>\n                  <button\n                    type=\"button\"\n                    class=\"a-btn a-btn icon-only a-tooltip\"\n                    [attr.data-tooltip]=\"'@pry.restitution.update' | i18n\"\n                    (click)=\"editRestitution(restitution)\"\n                    [disabled]=\"!restitution.owner\"\n                    *pryAccess=\"{ module: 'dashboard', page: 'restitution', action: 'edit' }\"\n                  >\n                    <pry-icon iconSvg=\"edit\"></pry-icon>\n                  </button>\n                </li>\n                <li>\n                  <button\n                    type=\"button\"\n                    class=\"a-btn a-btn icon-only a-tooltip\"\n                    [attr.data-tooltip]=\"'@pry.restitution.delete' | i18n\"\n                    (click)=\"deleteRestitution(restitution.id)\"\n                    [disabled]=\"!restitution.owner\"\n                    *pryAccess=\"{ module: 'dashboard', page: 'restitution', action: 'delete' }\"\n                  >\n                    <pry-icon iconSvg=\"delete\"></pry-icon>\n                  </button>\n                </li>\n              </ul>\n            </div>\n          </li>\n        </ul>\n      </div>\n    </div>\n  </ng-template>\n\n  <ng-template [ngIf]=\"selectedMode === mode.CONSULT\">\n    <div class=\"o-manifest-layout__toolbox\">\n      <button type=\"button\" (click)=\"selectMode(mode.CATALOG)\" class=\"a-btn a-btn--primary\">\n        {{ '@pry.restitution.backToCatalog' | i18n }}\n      </button>\n    </div>\n    <div class=\"o-manifest-layout__content\">\n      <pry-restitution\n        [selectedRestitution]=\"selectedRestitution\"\n        [edit]=\"false\"\n        (restitutionCreated)=\"closeRestitution($event)\"\n        class=\"restitution\"\n      ></pry-restitution>\n    </div>\n  </ng-template>\n  <ng-template [ngIf]=\"selectedMode === mode.CREATION\">\n    <div class=\"o-manifest-layout__toolbox\">\n      <button type=\"button\" (click)=\"selectMode(mode.CATALOG)\" class=\"a-btn a-btn--primary\">\n        {{ '@pry.restitution.backToCatalog' | i18n }}\n      </button>\n    </div>\n    <div class=\"o-manifest-layout__content\">\n      <pry-restitution (restitutionCreated)=\"closeRestitution($event)\" class=\"restitution\"></pry-restitution>\n    </div>\n  </ng-template>\n  <ng-template [ngIf]=\"selectedMode === mode.EDITION\">\n    <div class=\"o-manifest-layout__toolbox\">\n      <button type=\"button\" (click)=\"selectMode(mode.CATALOG)\" class=\"a-btn a-btn--primary\">\n        {{ '@pry.restitution.backToCatalog' | i18n }}\n      </button>\n    </div>\n    <div class=\"o-manifest-layout__content\">\n      <pry-restitution\n        (restitutionCreated)=\"closeRestitution($event)\"\n        [selectedRestitution]=\"selectedRestitution\"\n        class=\"restitution\"\n      ></pry-restitution>\n    </div>\n  </ng-template>\n</div>\n" }]
-        }], ctorParameters: function () { return [{ type: i1$1.Store }, { type: i2.Overlay }, { type: i0.ViewContainerRef }]; } });
+            args: [{ selector: 'pry-restitution-catalog', template: "<pry-restitution-css></pry-restitution-css>\n<div class=\"o-manifest-layout o-restitution-catalog\">\n  <ng-template [ngIf]=\"selectedMode === mode.CATALOG\">\n    <div class=\"o-manifest-layout__toolbox\">\n      <button\n        type=\"button\"\n        (click)=\"selectMode(mode.CREATION)\"\n        class=\"a-btn a-btn--primary a-tooltip\"\n        [attr.data-tooltip]=\"'@pry.restitution.create_title' | i18n\"\n        *pryAccess=\"{ module: 'dashboard', page: 'restitution', action: 'create' }\"\n      >\n        {{ '@pry.restitution.create_title' | i18n }}\n      </button>\n      <div>\n        <div class=\"o-catalog__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.restitution.search' | i18n\"\n            [ngModel]=\"search$ | async\"\n            (ngModelChange)=\"this.search$.next($event)\"\n          />\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.restitution.catalog' | i18n }}</h1>\n\n      <div class=\"o-presentation-wrapper\">\n        <ul class=\"o-presentation\">\n          <li class=\"o-presentation__item\" *ngFor=\"let restitution of filteredRestitution$ | async\">\n            <div class=\"o-presentation__item__header\">\n              <ng-container *ngIf=\"restitution.visibility?.type === PryVisibilityType.PRIVATE\">\n                <pry-icon\n                  iconSvg=\"private\"\n                  class=\"is-private a-tooltip\"\n                  [attr.data-tooltip]=\"'@pry.restitution.lock' | i18n\"\n                  [height]=\"17\"\n                  [width]=\"17\"\n                ></pry-icon>\n              </ng-container>\n              <div class=\"a-tooltip\">\n                <div class=\"o-presentation__item__image\">\n                  <img\n                    alt=\"\"\n                    [height]=\"restitution.cover ? 600 : 128\"\n                    [width]=\"restitution.cover ? 600 : 128\"\n                    [class.is-full-width]=\"restitution.cover\"\n                    [src]=\"restitution.image | getSecuredImage : [600, 600] | async\"\n                    class=\"pointer\"\n                  />\n                </div>\n              </div>\n              <ng-container *ngIf=\"restitution.visibility?.type === PryVisibilityType.PRIVATE\">\n                <div class=\"more-actions\">\n                  <button\n                    type=\"button\"\n                    class=\"a-btn a-btn--more a-tooltip\"\n                    [attr.data-tooltip]=\"'@pry.restitution.more' | i18n\"\n                    (click)=\"toggleModalActions(restitution)\"\n                  >\n                    <pry-icon [height]=\"25\" [width]=\"25\" iconSvg=\"more_horiz\"></pry-icon>\n                  </button>\n                </div>\n              </ng-container>\n              </div>\n            <div class=\"o-presentation__item__txt\">\n              <h3 class=\"a-h3\">{{ restitution.name }}</h3>\n              <p class=\"a-p -date\">{{ restitution.modificationDate | sinceDate }}</p>\n            </div>\n\n            <div class=\"o-presentation__item__footer\">\n              <button class=\"a-btn a-tooltip\" (click)=\"selectRestitution(restitution)\" [attr.data-tooltip]=\"'@pry.presentation.view' | i18n\">\n                {{'@pry.restitution.view' | i18n}}</button>\n            </div>\n          </li>\n        </ul>\n      </div>\n    </div>\n  </ng-template>\n<ng-template #modalActions>\n  <div class=\"o-modal\"\n       role=\"dialog\"\n       aria-modal=\"true\"\n       aria-labelledby=\"dialog presenation options\"\n      *ngIf=\"selectedRestitution\">\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">{{ '@pry.restitution.options' | i18n }}</h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button\n          class=\"a-btn a-btn--icon-only\"\n          (click)=\"toggleModalActions(selectedRestitution)\"\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    <ul class=\"actions-list\">\n      <li>\n        <button\n          type=\"button\"\n          class=\"a-btn a-btn icon-only a-tooltip\"\n          [attr.data-tooltip]=\"'@pry.restitution.update' | i18n\"\n          (click)=\"editRestitution(selectedRestitution)\"\n          *pryAccess=\"{ module: 'dashboard', page: 'restitution', action: 'edit' }\"\n        >\n          <pry-icon iconSvg=\"edit\"></pry-icon>\n        </button>\n      </li>\n      <li>\n        <button\n          type=\"button\"\n          class=\"a-btn a-btn icon-only a-tooltip\"\n          [attr.data-tooltip]=\"'@pry.restitution.delete' | i18n\"\n          (click)=\"deleteRestitution(selectedRestitution.id)\"\n          *pryAccess=\"{ module: 'dashboard', page: 'restitution', action: 'delete' }\"\n        >\n          <pry-icon iconSvg=\"delete\"></pry-icon>\n        </button>\n      </li>\n    </ul>\n  </div>\n</ng-template>\n  <ng-template [ngIf]=\"selectedMode === mode.CONSULT\">\n    <div class=\"o-manifest-layout__toolbox\">\n      <button type=\"button\" (click)=\"selectMode(mode.CATALOG)\" class=\"a-btn a-btn--primary\">\n        {{ '@pry.restitution.backToCatalog' | i18n }}\n      </button>\n    </div>\n    <div class=\"o-manifest-layout__content\">\n      <pry-restitution\n        [selectedRestitution]=\"selectedRestitution\"\n        [edit]=\"false\"\n        (restitutionCreated)=\"closeRestitution($event)\"\n        class=\"restitution\"\n      ></pry-restitution>\n    </div>\n  </ng-template>\n  <ng-template [ngIf]=\"selectedMode === mode.CREATION\">\n    <div class=\"o-manifest-layout__toolbox\">\n      <button type=\"button\" (click)=\"selectMode(mode.CATALOG)\" class=\"a-btn a-btn--primary\">\n        {{ '@pry.restitution.backToCatalog' | i18n }}\n      </button>\n    </div>\n    <div class=\"o-manifest-layout__content\">\n      <pry-restitution (restitutionCreated)=\"closeRestitution($event)\" class=\"restitution\"></pry-restitution>\n    </div>\n  </ng-template>\n  <ng-template [ngIf]=\"selectedMode === mode.EDITION\">\n    <div class=\"o-manifest-layout__toolbox\">\n      <button type=\"button\" (click)=\"selectMode(mode.CATALOG)\" class=\"a-btn a-btn--primary\">\n        {{ '@pry.restitution.backToCatalog' | i18n }}\n      </button>\n    </div>\n    <div class=\"o-manifest-layout__content\">\n      <pry-restitution\n        (restitutionCreated)=\"closeRestitution($event)\"\n        [selectedRestitution]=\"selectedRestitution\"\n        class=\"restitution\"\n      ></pry-restitution>\n    </div>\n  </ng-template>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: i1$1.Store }, { type: i2.Overlay }, { type: i0.ViewContainerRef }]; }, propDecorators: { templateActions: [{
+                type: ViewChild,
+                args: ['modalActions', { read: TemplateRef }]
+            }] } });
 
 class PryRestitutionListItemComponent extends SubscriptionnerDirective {
     constructor(store, toolboxManifestService) {
@@ -289,10 +327,10 @@ class PryRestitutionListItemComponent extends SubscriptionnerDirective {
     viewInDashboard(widget) {
         this.store.dispatch(DashboardActions.addWidgetToPresentation({ widgetType: widget.type }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryRestitutionListItemComponent, deps: [{ token: i1$1.Store }, { token: i1.ToolboxManifestService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PryRestitutionListItemComponent, selector: "pry-catalog-item", inputs: { widget: "widget", translate: "translate" }, outputs: { selectRestitution: "selectRestitution" }, usesInheritance: true, ngImport: i0, template: "<li\n  class=\"o-catalog__list__item\"\n  [class.is-point]=\"automaticGridMode$ | async\"\n  [draggable]=\"!(automaticGridMode$ | async)\"\n  role=\"listitem\"\n  aria-grabbed=\"false\"\n  aria-haspopup=\"true\"\n  tabindex=\"-1\"\n  [title]=\"widget.description ?? widget.label | i18n : { warn: false }\"\n  (dragstart)=\"dragStart($event, widget.type)\"\n>\n  <ng-container *ngIf=\"automaticGridMode$ | async\">\n    <button\n      type=\"button\"\n      class=\"a-btn a-btn--icon-only\"\n      (click)=\"viewInDashboard(widget)\"\n      [title]=\"'@pry.restitution.add_icon' | i18n\"\n    >\n      <pry-icon [width]=\"25\" [height]=\"25\" iconSvg=\"add_column\" class=\"o-catalog__list__icon\"></pry-icon>\n      <span class=\"u-visually-hidden\">{{ '@pry.restitution.add_icon' | i18n }}</span>\n    </button>\n  </ng-container>\n  <img\n    [alt]=\"widget.label | i18n : { warn: false }\"\n    [src]=\"widget.icon | getSecuredImage : [600, 600] | async\"\n    [height]=\"widget.cover ? 600 : 53\"\n    [width]=\"widget.cover ? 600 : 53\"\n    [class.is-full-width]=\"widget.cover\"\n  />\n  <p class=\"o-catalog__list__item__libelle\" *ngIf=\"widget.isCustom; else translate\">{{ widget.label }}</p>\n  <ng-template #translate>\n    <p class=\"o-catalog__list__item__libelle\">{{ widget.label | i18n : { warn: false } }}</p>\n  </ng-template>\n  <ng-container *ngIf=\"widget.visibility?.type === PryVisibilityType.PRIVATE\">\n    <pry-icon\n      iconSvg=\"private\"\n      class=\"is-private a-tooltip\"\n      [attr.data-tooltip]=\"'@pry.restitution.lock' | i18n\"\n      [height]=\"17\"\n      [width]=\"17\"\n    ></pry-icon>\n  </ng-container>\n  <div class=\"o-catalog__list__item__action\" *ngIf=\"widget.isCustom\">\n    <button type=\"button\" class=\"a-btn a-btn--ghost\" (click)=\"emitSelectedRestitution(widget)\">\n      {{ '@pry.restitution.view' | i18n }}\n    </button>\n  </div>\n</li>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.GetSecuredImagePipe, name: "getSecuredImage" }, { kind: "pipe", type: i1.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryRestitutionListItemComponent, deps: [{ token: i1$1.Store }, { token: i1.ToolboxManifestService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PryRestitutionListItemComponent, selector: "pry-catalog-item", inputs: { widget: "widget", translate: "translate" }, outputs: { selectRestitution: "selectRestitution" }, usesInheritance: true, ngImport: i0, template: "<li\n  class=\"o-catalog__list__item\"\n  [class.is-point]=\"automaticGridMode$ | async\"\n  [draggable]=\"!(automaticGridMode$ | async)\"\n  role=\"listitem\"\n  aria-grabbed=\"false\"\n  aria-haspopup=\"true\"\n  tabindex=\"-1\"\n  [title]=\"widget.description ?? widget.label | i18n : { warn: false }\"\n  (dragstart)=\"dragStart($event, widget.type)\"\n>\n  <ng-container *ngIf=\"automaticGridMode$ | async\">\n    <button\n      type=\"button\"\n      class=\"a-btn a-btn--icon-only\"\n      (click)=\"viewInDashboard(widget)\"\n      [title]=\"'@pry.restitution.add_icon' | i18n\"\n    >\n      <pry-icon [width]=\"25\" [height]=\"25\" iconSvg=\"add_column\" class=\"o-catalog__list__icon\"></pry-icon>\n      <span class=\"u-visually-hidden\">{{ '@pry.restitution.add_icon' | i18n }}</span>\n    </button>\n  </ng-container>\n  <img\n    [alt]=\"widget.label | i18n : { warn: false }\"\n    [src]=\"widget.icon | getSecuredImage : [600, 600] | async\"\n    [height]=\"widget.cover ? 600 : 53\"\n    [width]=\"widget.cover ? 600 : 53\"\n    [class.is-full-width]=\"widget.cover\"\n  />\n  <p class=\"o-catalog__list__item__libelle\" *ngIf=\"widget.isCustom; else translate\">{{ widget.label }}</p>\n  <ng-template #translate>\n    <p class=\"o-catalog__list__item__libelle\">{{ widget.label | i18n : { warn: false } }}</p>\n  </ng-template>\n  <ng-container *ngIf=\"widget.visibility?.type === PryVisibilityType.PRIVATE\">\n    <pry-icon\n      iconSvg=\"private\"\n      class=\"is-private a-tooltip\"\n      [attr.data-tooltip]=\"'@pry.restitution.lock' | i18n\"\n      [height]=\"17\"\n      [width]=\"17\"\n    ></pry-icon>\n  </ng-container>\n  <div class=\"o-catalog__list__item__action\" *ngIf=\"widget.isCustom\">\n    <button type=\"button\" class=\"a-btn a-btn--ghost\" (click)=\"emitSelectedRestitution(widget)\">\n      {{ '@pry.restitution.view' | i18n }}\n    </button>\n  </div>\n</li>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.GetSecuredImagePipe, name: "getSecuredImage" }, { kind: "pipe", type: i1.I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryRestitutionListItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryRestitutionListItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-catalog-item', template: "<li\n  class=\"o-catalog__list__item\"\n  [class.is-point]=\"automaticGridMode$ | async\"\n  [draggable]=\"!(automaticGridMode$ | async)\"\n  role=\"listitem\"\n  aria-grabbed=\"false\"\n  aria-haspopup=\"true\"\n  tabindex=\"-1\"\n  [title]=\"widget.description ?? widget.label | i18n : { warn: false }\"\n  (dragstart)=\"dragStart($event, widget.type)\"\n>\n  <ng-container *ngIf=\"automaticGridMode$ | async\">\n    <button\n      type=\"button\"\n      class=\"a-btn a-btn--icon-only\"\n      (click)=\"viewInDashboard(widget)\"\n      [title]=\"'@pry.restitution.add_icon' | i18n\"\n    >\n      <pry-icon [width]=\"25\" [height]=\"25\" iconSvg=\"add_column\" class=\"o-catalog__list__icon\"></pry-icon>\n      <span class=\"u-visually-hidden\">{{ '@pry.restitution.add_icon' | i18n }}</span>\n    </button>\n  </ng-container>\n  <img\n    [alt]=\"widget.label | i18n : { warn: false }\"\n    [src]=\"widget.icon | getSecuredImage : [600, 600] | async\"\n    [height]=\"widget.cover ? 600 : 53\"\n    [width]=\"widget.cover ? 600 : 53\"\n    [class.is-full-width]=\"widget.cover\"\n  />\n  <p class=\"o-catalog__list__item__libelle\" *ngIf=\"widget.isCustom; else translate\">{{ widget.label }}</p>\n  <ng-template #translate>\n    <p class=\"o-catalog__list__item__libelle\">{{ widget.label | i18n : { warn: false } }}</p>\n  </ng-template>\n  <ng-container *ngIf=\"widget.visibility?.type === PryVisibilityType.PRIVATE\">\n    <pry-icon\n      iconSvg=\"private\"\n      class=\"is-private a-tooltip\"\n      [attr.data-tooltip]=\"'@pry.restitution.lock' | i18n\"\n      [height]=\"17\"\n      [width]=\"17\"\n    ></pry-icon>\n  </ng-container>\n  <div class=\"o-catalog__list__item__action\" *ngIf=\"widget.isCustom\">\n    <button type=\"button\" class=\"a-btn a-btn--ghost\" (click)=\"emitSelectedRestitution(widget)\">\n      {{ '@pry.restitution.view' | i18n }}\n    </button>\n  </div>\n</li>\n" }]
         }], ctorParameters: function () { return [{ type: i1$1.Store }, { type: i1.ToolboxManifestService }]; }, propDecorators: { widget: [{
@@ -344,10 +382,10 @@ class PryRestitutionListComponent extends SubscriptionnerDirective {
         this.selectedRestitution = null;
         this.selectMode(this.mode.CATALOG);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryRestitutionListComponent, deps: [{ token: i1.ToolboxMenuService }, { token: i1.PryI18nService }, { token: i1.ToolboxManifestService }, { token: i1$1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PryRestitutionListComponent, selector: "pry-catalog", inputs: { showTabs: "showTabs", customModels: "customModels" }, usesInheritance: true, ngImport: i0, template: "<pry-restitution-css></pry-restitution-css>\n<div class=\"o-catalog\">\n  <ng-template [ngIf]=\"selectedMode === mode.CATALOG\">\n    <h2 class=\"a-h2\">{{ '@pry.restitution.catalog' | i18n }}</h2>\n    <div class=\"o-catalog__filters\">\n      <div class=\"o-catalog__filters__by-name\">\n        <label id=\"catalog-search-label\" for=\"catalog-search\" class=\"a-label u-visually-hidden\">\n          <span>{{ '@pry.toolbox.catalog.filter.name' | i18n }}</span>\n        </label>\n        <pry-icon iconSvg=\"search\" [width]=\"17\" [height]=\"17\"></pry-icon>\n        <input\n          id=\"catalog-search\"\n          type=\"text\"\n          class=\"a-form-field\"\n          [placeholder]=\"'@pry.action.search' | i18n\"\n          [ngModel]=\"search$ | async\"\n          (ngModelChange)=\"this.search$.next($event)\"\n        />\n      </div>\n      <label class=\"a-label\">{{ '@pry.action.filterByType' | i18n }}</label>\n      <div class=\"o-catalog__filters__by-type\">\n        <ul class=\"o-catalog__filters__by-type__list\">\n          <li *ngFor=\"let typeOpt of types$ | async\">\n            <input\n              type=\"radio\"\n              class=\"a-form-field u-sr-only\"\n              name=\"catalog-filter\"\n              id=\"catalog-button-{{ typeOpt.type }}\"\n              [checked]=\"typeOpt.type === (type$ | async)\"\n              (change)=\"type$.next(typeOpt.type)\"\n            />\n            <label\n              class=\"a-label\"\n              id=\"catalog-button-label-{{ typeOpt.type }}\"\n              for=\"catalog-button-{{ typeOpt.type }}\"\n              [title]=\"typeOpt.label | i18n : { warn: false }\"\n            >\n              <span class=\"u-sr-only\">{{ typeOpt.label | i18n : { warn: false } }} </span>\n              <pry-icon [width]=\"18\" [height]=\"18\" [iconSvg]=\"typeOpt.icon\"></pry-icon>\n            </label>\n          </li>\n        </ul>\n        <button\n          type=\"button\"\n          class=\"a-btn a-btn--icon-text -link-like\"\n          (click)=\"type$.next(undefined)\"\n          [disabled]=\"!type$.getValue()\"\n          [class.u-visually-hidden]=\"!type$.getValue()\"\n        >\n          <pry-icon [width]=\"15\" [height]=\"15\" iconSvg=\"delete\"></pry-icon>\n          {{ '@pry.toolbox.catalog.filter.delete' | i18n }}\n        </button>\n      </div>\n    </div>\n    <ng-container *ngIf=\"showTabs; else list\">\n      <div class=\"o-accordion\" role=\"tablist\" aria-multiselectable=\"false\">\n        <pry-accordion>\n          <pry-accordion-item\n            *ngFor=\"let category of categories; let index = index\"\n            [item]=\"category\"\n            [index]=\"index\"\n            translationStringBase=\"@pry.restitution.catalogTabs.\"\n            [length]=\"\n              (category === 'model' ? (nonCustomWidgets$ | async)?.length : (customWidgets$ | async)?.length) ?? 0\n            \"\n          >\n            <ul class=\"o-catalog__list\" role=\"list\" aria-live=\"polite\">\n              <ng-container *ngIf=\"category === 'model'\">\n                <pry-catalog-item\n                  *ngFor=\"let widget of nonCustomWidgets$ | async\"\n                  [widget]=\"widget\"\n                  (selectRestitution)=\"selectRestitution($event)\"\n                ></pry-catalog-item>\n              </ng-container>\n              <ng-container *ngIf=\"category === 'noModel'\">\n                <pry-catalog-item\n                  *ngFor=\"let widget of customWidgets$ | async\"\n                  [translate]=\"false\"\n                  [widget]=\"widget\"\n                  (selectRestitution)=\"selectRestitution($event)\"\n                ></pry-catalog-item>\n              </ng-container>\n            </ul>\n          </pry-accordion-item>\n        </pry-accordion>\n      </div>\n    </ng-container>\n\n    <ng-template #list>\n      <ul class=\"o-catalog__list\" role=\"list\" aria-live=\"polite\">\n        <pry-catalog-item\n          *ngFor=\"let widget of filteredWidgets$ | async\"\n          [widget]=\"widget\"\n          (selectRestitution)=\"selectRestitution($event)\"\n        ></pry-catalog-item>\n      </ul>\n    </ng-template>\n  </ng-template>\n\n  <ng-template [ngIf]=\"selectedMode === mode.CONSULT\">\n    <div class=\"o-catalog__create\">\n      <button class=\"a-btn a-btn--secondary\" (click)=\"closeRestitution()\">\n        {{ '@pry.restitution.cancel' | i18n }}\n      </button>\n    </div>\n\n    <pry-restitution\n      [selectedRestitution]=\"selectedRestitution\"\n      [edit]=\"false\"\n      (restitutionCreated)=\"closeRestitution()\"\n    ></pry-restitution>\n  </ng-template>\n\n  <ng-template [ngIf]=\"selectedMode === mode.CREATION\">\n    <div class=\"o-catalog__create\">\n      <button class=\"a-btn a-btn--ghost\" (click)=\"selectMode(mode.CATALOG)\">\n        {{ '@pry.restitution.cancel' | i18n }}\n      </button>\n    </div>\n\n    <pry-restitution (restitutionCreated)=\"closeRestitution()\"></pry-restitution>\n  </ng-template>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.AccordionComponent, selector: "pry-accordion" }, { kind: "component", type: i1.AccordionItemComponent, selector: "pry-accordion-item", inputs: ["item", "borderColor", "index", "translationStringBase", "length", "showSearchBar", "search$"], outputs: ["search"] }, { kind: "component", type: i1.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: PryRestitutionComponent, selector: "pry-restitution", inputs: ["selectedRestitution", "edit", "isDataSourceSelected", "bindId"], outputs: ["restitutionCreated"] }, { kind: "component", type: PryCatalogCssComponent, selector: "pry-restitution-css" }, { kind: "component", type: PryRestitutionListItemComponent, selector: "pry-catalog-item", inputs: ["widget", "translate"], outputs: ["selectRestitution"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryRestitutionListComponent, deps: [{ token: i1.ToolboxMenuService }, { token: i1.PryI18nService }, { token: i1.ToolboxManifestService }, { token: i1$1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PryRestitutionListComponent, selector: "pry-catalog", inputs: { showTabs: "showTabs", customModels: "customModels" }, usesInheritance: true, ngImport: i0, template: "<pry-restitution-css></pry-restitution-css>\n<div class=\"o-catalog\">\n  <ng-template [ngIf]=\"selectedMode === mode.CATALOG\">\n    <h2 class=\"a-h2\">{{ '@pry.restitution.catalog' | i18n }}</h2>\n    <div class=\"o-catalog__filters\">\n      <div class=\"o-catalog__filters__by-name\">\n        <label id=\"catalog-search-label\" for=\"catalog-search\" class=\"a-label u-visually-hidden\">\n          <span>{{ '@pry.toolbox.catalog.filter.name' | i18n }}</span>\n        </label>\n        <pry-icon iconSvg=\"search\" [width]=\"17\" [height]=\"17\"></pry-icon>\n        <input\n          id=\"catalog-search\"\n          type=\"text\"\n          class=\"a-form-field\"\n          [placeholder]=\"'@pry.action.search' | i18n\"\n          [ngModel]=\"search$ | async\"\n          (ngModelChange)=\"this.search$.next($event)\"\n        />\n      </div>\n      <label class=\"a-label\">{{ '@pry.action.filterByType' | i18n }}</label>\n      <div class=\"o-catalog__filters__by-type\">\n        <ul class=\"o-catalog__filters__by-type__list\">\n          <li *ngFor=\"let typeOpt of types$ | async\">\n            <input\n              type=\"radio\"\n              class=\"a-form-field u-sr-only\"\n              name=\"catalog-filter\"\n              id=\"catalog-button-{{ typeOpt.type }}\"\n              [checked]=\"typeOpt.type === (type$ | async)\"\n              (change)=\"type$.next(typeOpt.type)\"\n            />\n            <label\n              class=\"a-label\"\n              id=\"catalog-button-label-{{ typeOpt.type }}\"\n              for=\"catalog-button-{{ typeOpt.type }}\"\n              [title]=\"typeOpt.label | i18n : { warn: false }\"\n            >\n              <span class=\"u-sr-only\">{{ typeOpt.label | i18n : { warn: false } }} </span>\n              <pry-icon [width]=\"18\" [height]=\"18\" [iconSvg]=\"typeOpt.icon\"></pry-icon>\n            </label>\n          </li>\n        </ul>\n        <button\n          type=\"button\"\n          class=\"a-btn a-btn--icon-text -link-like\"\n          (click)=\"type$.next(undefined)\"\n          [disabled]=\"!type$.getValue()\"\n          [class.u-visually-hidden]=\"!type$.getValue()\"\n        >\n          <pry-icon [width]=\"15\" [height]=\"15\" iconSvg=\"delete\"></pry-icon>\n          {{ '@pry.toolbox.catalog.filter.delete' | i18n }}\n        </button>\n      </div>\n    </div>\n    <ng-container *ngIf=\"showTabs; else list\">\n      <div class=\"o-accordion\" role=\"tablist\" aria-multiselectable=\"false\">\n        <pry-accordion>\n          <pry-accordion-item\n            *ngFor=\"let category of categories; let index = index\"\n            [item]=\"category\"\n            [index]=\"index\"\n            translationStringBase=\"@pry.restitution.catalogTabs.\"\n            [length]=\"\n              (category === 'model' ? (nonCustomWidgets$ | async)?.length : (customWidgets$ | async)?.length) ?? 0\n            \"\n          >\n            <ul class=\"o-catalog__list\" role=\"list\" aria-live=\"polite\">\n              <ng-container *ngIf=\"category === 'model'\">\n                <pry-catalog-item\n                  *ngFor=\"let widget of nonCustomWidgets$ | async\"\n                  [widget]=\"widget\"\n                  (selectRestitution)=\"selectRestitution($event)\"\n                ></pry-catalog-item>\n              </ng-container>\n              <ng-container *ngIf=\"category === 'noModel'\">\n                <pry-catalog-item\n                  *ngFor=\"let widget of customWidgets$ | async\"\n                  [translate]=\"false\"\n                  [widget]=\"widget\"\n                  (selectRestitution)=\"selectRestitution($event)\"\n                ></pry-catalog-item>\n              </ng-container>\n            </ul>\n          </pry-accordion-item>\n        </pry-accordion>\n      </div>\n    </ng-container>\n\n    <ng-template #list>\n      <ul class=\"o-catalog__list\" role=\"list\" aria-live=\"polite\">\n        <pry-catalog-item\n          *ngFor=\"let widget of filteredWidgets$ | async\"\n          [widget]=\"widget\"\n          (selectRestitution)=\"selectRestitution($event)\"\n        ></pry-catalog-item>\n      </ul>\n    </ng-template>\n  </ng-template>\n\n  <ng-template [ngIf]=\"selectedMode === mode.CONSULT\">\n    <div class=\"o-catalog__create\">\n      <button class=\"a-btn a-btn--secondary\" (click)=\"closeRestitution()\">\n        {{ '@pry.restitution.cancel' | i18n }}\n      </button>\n    </div>\n\n    <pry-restitution\n      [selectedRestitution]=\"selectedRestitution\"\n      [edit]=\"false\"\n      (restitutionCreated)=\"closeRestitution()\"\n    ></pry-restitution>\n  </ng-template>\n\n  <ng-template [ngIf]=\"selectedMode === mode.CREATION\">\n    <div class=\"o-catalog__create\">\n      <button class=\"a-btn a-btn--ghost\" (click)=\"selectMode(mode.CATALOG)\">\n        {{ '@pry.restitution.cancel' | i18n }}\n      </button>\n    </div>\n\n    <pry-restitution (restitutionCreated)=\"closeRestitution()\"></pry-restitution>\n  </ng-template>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.AccordionComponent, selector: "pry-accordion" }, { kind: "component", type: i1.AccordionItemComponent, selector: "pry-accordion-item", inputs: ["item", "borderColor", "index", "translationStringBase", "length", "showSearchBar", "search$"], outputs: ["search"] }, { kind: "component", type: i1.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: PryRestitutionComponent, selector: "pry-restitution", inputs: ["selectedRestitution", "edit", "isDataSourceSelected", "bindId"], outputs: ["restitutionCreated"] }, { kind: "component", type: PryCatalogCssComponent, selector: "pry-restitution-css" }, { kind: "component", type: PryRestitutionListItemComponent, selector: "pry-catalog-item", inputs: ["widget", "translate"], outputs: ["selectRestitution"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryRestitutionListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryRestitutionListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-catalog', template: "<pry-restitution-css></pry-restitution-css>\n<div class=\"o-catalog\">\n  <ng-template [ngIf]=\"selectedMode === mode.CATALOG\">\n    <h2 class=\"a-h2\">{{ '@pry.restitution.catalog' | i18n }}</h2>\n    <div class=\"o-catalog__filters\">\n      <div class=\"o-catalog__filters__by-name\">\n        <label id=\"catalog-search-label\" for=\"catalog-search\" class=\"a-label u-visually-hidden\">\n          <span>{{ '@pry.toolbox.catalog.filter.name' | i18n }}</span>\n        </label>\n        <pry-icon iconSvg=\"search\" [width]=\"17\" [height]=\"17\"></pry-icon>\n        <input\n          id=\"catalog-search\"\n          type=\"text\"\n          class=\"a-form-field\"\n          [placeholder]=\"'@pry.action.search' | i18n\"\n          [ngModel]=\"search$ | async\"\n          (ngModelChange)=\"this.search$.next($event)\"\n        />\n      </div>\n      <label class=\"a-label\">{{ '@pry.action.filterByType' | i18n }}</label>\n      <div class=\"o-catalog__filters__by-type\">\n        <ul class=\"o-catalog__filters__by-type__list\">\n          <li *ngFor=\"let typeOpt of types$ | async\">\n            <input\n              type=\"radio\"\n              class=\"a-form-field u-sr-only\"\n              name=\"catalog-filter\"\n              id=\"catalog-button-{{ typeOpt.type }}\"\n              [checked]=\"typeOpt.type === (type$ | async)\"\n              (change)=\"type$.next(typeOpt.type)\"\n            />\n            <label\n              class=\"a-label\"\n              id=\"catalog-button-label-{{ typeOpt.type }}\"\n              for=\"catalog-button-{{ typeOpt.type }}\"\n              [title]=\"typeOpt.label | i18n : { warn: false }\"\n            >\n              <span class=\"u-sr-only\">{{ typeOpt.label | i18n : { warn: false } }} </span>\n              <pry-icon [width]=\"18\" [height]=\"18\" [iconSvg]=\"typeOpt.icon\"></pry-icon>\n            </label>\n          </li>\n        </ul>\n        <button\n          type=\"button\"\n          class=\"a-btn a-btn--icon-text -link-like\"\n          (click)=\"type$.next(undefined)\"\n          [disabled]=\"!type$.getValue()\"\n          [class.u-visually-hidden]=\"!type$.getValue()\"\n        >\n          <pry-icon [width]=\"15\" [height]=\"15\" iconSvg=\"delete\"></pry-icon>\n          {{ '@pry.toolbox.catalog.filter.delete' | i18n }}\n        </button>\n      </div>\n    </div>\n    <ng-container *ngIf=\"showTabs; else list\">\n      <div class=\"o-accordion\" role=\"tablist\" aria-multiselectable=\"false\">\n        <pry-accordion>\n          <pry-accordion-item\n            *ngFor=\"let category of categories; let index = index\"\n            [item]=\"category\"\n            [index]=\"index\"\n            translationStringBase=\"@pry.restitution.catalogTabs.\"\n            [length]=\"\n              (category === 'model' ? (nonCustomWidgets$ | async)?.length : (customWidgets$ | async)?.length) ?? 0\n            \"\n          >\n            <ul class=\"o-catalog__list\" role=\"list\" aria-live=\"polite\">\n              <ng-container *ngIf=\"category === 'model'\">\n                <pry-catalog-item\n                  *ngFor=\"let widget of nonCustomWidgets$ | async\"\n                  [widget]=\"widget\"\n                  (selectRestitution)=\"selectRestitution($event)\"\n                ></pry-catalog-item>\n              </ng-container>\n              <ng-container *ngIf=\"category === 'noModel'\">\n                <pry-catalog-item\n                  *ngFor=\"let widget of customWidgets$ | async\"\n                  [translate]=\"false\"\n                  [widget]=\"widget\"\n                  (selectRestitution)=\"selectRestitution($event)\"\n                ></pry-catalog-item>\n              </ng-container>\n            </ul>\n          </pry-accordion-item>\n        </pry-accordion>\n      </div>\n    </ng-container>\n\n    <ng-template #list>\n      <ul class=\"o-catalog__list\" role=\"list\" aria-live=\"polite\">\n        <pry-catalog-item\n          *ngFor=\"let widget of filteredWidgets$ | async\"\n          [widget]=\"widget\"\n          (selectRestitution)=\"selectRestitution($event)\"\n        ></pry-catalog-item>\n      </ul>\n    </ng-template>\n  </ng-template>\n\n  <ng-template [ngIf]=\"selectedMode === mode.CONSULT\">\n    <div class=\"o-catalog__create\">\n      <button class=\"a-btn a-btn--secondary\" (click)=\"closeRestitution()\">\n        {{ '@pry.restitution.cancel' | i18n }}\n      </button>\n    </div>\n\n    <pry-restitution\n      [selectedRestitution]=\"selectedRestitution\"\n      [edit]=\"false\"\n      (restitutionCreated)=\"closeRestitution()\"\n    ></pry-restitution>\n  </ng-template>\n\n  <ng-template [ngIf]=\"selectedMode === mode.CREATION\">\n    <div class=\"o-catalog__create\">\n      <button class=\"a-btn a-btn--ghost\" (click)=\"selectMode(mode.CATALOG)\">\n        {{ '@pry.restitution.cancel' | i18n }}\n      </button>\n    </div>\n\n    <pry-restitution (restitutionCreated)=\"closeRestitution()\"></pry-restitution>\n  </ng-template>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i1.ToolboxMenuService }, { type: i1.PryI18nService }, { type: i1.ToolboxManifestService }, { type: i1$1.Store }]; }, propDecorators: { showTabs: [{
@@ -381,6 +419,7 @@ const enTranslations = {
             consult_title: 'Consult a restitution',
             search: 'Search',
             backToCatalog: 'Back to catalog',
+            options: 'Restitution options',
             consult: 'Consult',
             catalog: 'Restitutions catalog',
             add_icon: 'Add this restitution on the presentation',
@@ -415,6 +454,8 @@ const frTranslations = {
             close: 'Annuler',
             validate: 'Valider',
             broadcast: 'Diffuser',
+            more: 'Options',
+            options: 'Options de la restitution',
             view: 'Consulter',
             create: 'Créer une restitution',
             cancel: 'Annuler',
@@ -458,8 +499,8 @@ class PryRestitutionModule {
         this.pryTranslateService.addLangObject('fr', 'restitution', frTranslations);
         this.pryTranslateService.addLangObject('en', 'restitution', enTranslations);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryRestitutionModule, deps: [{ token: i1.PryI18nService }], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: PryRestitutionModule, declarations: [PryRestitutionListComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryRestitutionModule, deps: [{ token: i1.PryI18nService }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PryRestitutionModule, declarations: [PryRestitutionListComponent,
             PryRestitutionComponent,
             PryCatalogCssComponent,
             PryRestitutionCatalogComponent,
@@ -480,7 +521,7 @@ class PryRestitutionModule {
             PryRestitutionComponent,
             PryRestitutionCatalogComponent,
             PryRestitutionListItemComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryRestitutionModule, providers: [DatePipe], imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryRestitutionModule, providers: [DatePipe], imports: [CommonModule,
             PryCoreModule,
             PryIconModule,
             FormsModule,
@@ -495,7 +536,7 @@ class PryRestitutionModule {
             PryOverlayModule,
             PrySinceDateModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryRestitutionModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryRestitutionModule, decorators: [{
             type: NgModule,
             args: [{
                     providers: [DatePipe],