@provoly/dashboard 1.4.3 → 1.4.5

package/esm2022/presentation/style/css.component.mjs

@@ -1,10 +1,10 @@
 import { Component, ViewEncapsulation } from '@angular/core';
 import * as i0 from "@angular/core";
 export class PryPresentationCssComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryPresentationCssComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: PryPresentationCssComponent, selector: "pry-presentation-css", ngImport: i0, template: '', isInline: true, styles: ["pry-add-edit-presentation{height:100%}.o-manifest-layout__content--presentation{width:100%;display:flex;flex-direction:column;padding:20px;text-align:left}.o-manifest-layout__content--presentation .a-h1{line-height:38px;font-size:28px;text-align:left}.o-manifest-layout__content--presentation .a-btn{margin:0 auto}.o-manifest-layout__toolbox{gap:.9375rem}.o-presentation-form-wrapper{display:flex;padding-bottom:.3125rem;gap:3rem}.o-presentation-form-wrapper>:first-child{flex:2 auto}.o-presentation-form-wrapper>:only-child{max-width:43.75rem}.o-presentation__metadata-editor{flex-basis:50%}.o-presentation-form{display:flex;flex-direction:column;align-items:center}.o-presentation-form .a-presentation-form-input{padding:.25rem .75rem;margin-bottom:.75rem}.o-presentation-form .o-file-input{border:1px dashed black;display:flex;flex-direction:column;align-items:center;width:100%;padding:.625rem 0;gap:15px}.o-presentation-form pry-select{width:100%}.o-presentation-form .a-btn[type=submit]{margin-top:20px}.o-presentation-form .o-text-editor__content{min-height:6.25rem}.o-presentation-form .o-text-editor__content textarea{height:6.25rem}\n", ".o-presentation{margin:0;padding:0}.o-presentation li{list-style:none}.o-manifest-layout__toolbox{justify-content:space-between}.o-manifest-layout__toolbox.-u-hidden{display:none}.o-manifest-layout__content{height:100%;overflow:auto}.o-manifest-layout__content .pointer{cursor:pointer}.pry-viewingpresentation{display:flex;overflow-y:scroll}.pry-viewingpresentation .o-manifest-layout__content,.pry-viewingpresentation .o-dashboard-widget{grid-area:middle;flex:100% 1 1}.o-presentation{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1.875rem;padding:.25rem .25rem 1.25rem;overflow-y:auto}.o-presentation .a-h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.o-presentation__item{display:flex;flex-direction:column;align-items:stretch}.o-presentation__item:hover{cursor:pointer}.o-presentation__item:hover .o-presentation__item__footer pry-icon{visibility:visible;opacity:1}.o-presentation__item__image{cursor:pointer;overflow:hidden;height:6.875rem;display:flex;align-items:center;justify-content:center}.o-presentation__item__image img{width:100px}.o-presentation__item__image .is-full-width{width:100%;height:100%;object-fit:cover}.o-presentation__item__header{position:relative;display:flex;align-items:flex-start;justify-content:center;height:6.875rem}.o-presentation__item__header pry-icon.is-private{position:absolute;top:.625rem;left:.625rem;z-index:1}.o-presentation__item__header .a-tooltip{width:100%}.o-presentation__item__txt{flex-grow:1;padding:.625rem .9375rem;display:flex;flex-direction:column;justify-content:space-between}.o-presentation__item__txt .a-h3{padding-bottom:.3125rem}.o-presentation__item__txt .a-p.-date{padding-top:.625rem;margin-bottom:0}.o-presentation__item__txt .a-chip.-theme.-u-hidden{display:none}.o-presentation__item__title-container.a-tooltip[data-tooltip]:after{top:calc(100% - 15px)}.o-presentation__item__description-container{position:relative;width:100%;display:flex;align-content:center;min-height:1.25rem}.o-presentation__item__description-container.a-tooltip[data-tooltip]:after{width:100%}.o-presentation__item__description{width:100%;max-height:2.5rem}.o-presentation__item__footer{display:flex;align-content:center;justify-content:center;font-size:.875rem;line-height:1.125rem;padding:.1875rem 0;max-height:2.3125rem}.o-presentation__item__footer .a-btn{margin-left:1.25rem}.o-presentation__item__footer pry-icon{visibility:hidden;opacity:0;transition:visibility .1s linear,opacity .1s linear;margin-left:.1875rem}.o-presentation-consult{width:100%;padding:.9375rem}.more-button{position:absolute;top:.375rem;right:.625rem}.more-button .a-btn{padding:.125rem 0;border-radius:50%}.m-context-menu{position:absolute}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryPresentationCssComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: PryPresentationCssComponent, selector: "pry-presentation-css", ngImport: i0, template: '', isInline: true, styles: ["pry-add-edit-presentation{height:100%}.o-manifest-layout__content--presentation{width:100%;display:flex;flex-direction:column;padding:20px;text-align:left}.o-manifest-layout__content--presentation .a-h1{line-height:38px;font-size:28px;text-align:left}.o-manifest-layout__content--presentation .a-btn{margin:0 auto}.o-manifest-layout__toolbox{gap:.9375rem}.o-presentation-form-wrapper{display:flex;padding-bottom:.3125rem;gap:3rem}.o-presentation-form-wrapper>:first-child{flex:2 auto}.o-presentation-form-wrapper>:only-child{max-width:43.75rem}.o-presentation__metadata-editor{flex-basis:50%}.o-presentation-form{display:flex;flex-direction:column;align-items:center}.o-presentation-form .a-presentation-form-input{padding:.25rem .75rem;margin-bottom:.75rem}.o-presentation-form .o-file-input{border:1px dashed black;display:flex;flex-direction:column;align-items:center;width:100%;padding:.625rem 0;gap:15px}.o-presentation-form pry-select{width:100%}.o-presentation-form .a-btn[type=submit]{margin-top:20px}.o-presentation-form .o-text-editor__content{min-height:6.25rem}.o-presentation-form .o-text-editor__content textarea{height:6.25rem}\n", ".o-presentation{margin:0;padding:0}.o-presentation li{list-style:none}.o-manifest-layout__toolbox{justify-content:space-between}.o-manifest-layout__toolbox.-u-hidden{display:none}.o-manifest-layout__content{height:100%;overflow:auto}.o-manifest-layout__content .pointer{cursor:pointer}.pry-viewingpresentation{display:flex;overflow-y:scroll}.pry-viewingpresentation .o-manifest-layout__content,.pry-viewingpresentation .o-dashboard-widget{grid-area:middle;flex:100% 1 1}.o-presentation{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1.875rem;padding:.25rem .25rem 1.25rem;overflow-y:auto}.o-presentation .a-h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.o-presentation__item{display:flex;flex-direction:column;align-items:stretch}.o-presentation__item:hover{cursor:pointer}.o-presentation__item:hover .o-presentation__item__footer pry-icon{visibility:visible;opacity:1}.o-presentation__item__image{cursor:pointer;overflow:hidden;height:6.875rem;display:flex;align-items:center;justify-content:center}.o-presentation__item__image img{width:100px}.o-presentation__item__image .is-full-width{width:100%;height:100%;object-fit:cover}.o-presentation__item__header{position:relative;display:flex;align-items:flex-start;justify-content:center;height:6.875rem}.o-presentation__item__header pry-icon.is-private{position:absolute;top:.625rem;left:.625rem;z-index:1}.o-presentation__item__header .a-tooltip{width:100%}.o-presentation__item__txt{flex-grow:1;padding:.625rem .9375rem;display:flex;flex-direction:column;justify-content:space-between}.o-presentation__item__txt .a-h3{padding-bottom:.3125rem}.o-presentation__item__txt .a-p.-date{padding-top:.625rem;margin-bottom:0}.o-presentation__item__txt .a-chip.-theme.-u-hidden{display:none}.o-presentation__item__title-container.a-tooltip[data-tooltip]:after{top:calc(100% - 15px)}.o-presentation__item__description-container{position:relative;width:100%;display:flex;align-content:center;min-height:1.25rem}.o-presentation__item__description-container.a-tooltip[data-tooltip]:after{width:100%}.o-presentation__item__description{width:100%;max-height:2.5rem}.o-presentation__item__footer{display:flex;align-content:center;justify-content:center;font-size:.875rem;line-height:1.125rem;padding:.1875rem 0;max-height:2.3125rem}.o-presentation__item__footer .a-btn{margin-left:1.25rem}.o-presentation__item__footer pry-icon{visibility:hidden;opacity:0;transition:visibility .1s linear,opacity .1s linear;margin-left:.1875rem}.o-presentation-consult{width:100%;padding:.9375rem}.more-button{position:absolute;top:.375rem;right:.625rem}.more-button .a-btn{padding:.125rem 0;border-radius:50%}.m-context-menu{position:absolute}\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryPresentationCssComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryPresentationCssComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-presentation-css', template: '', encapsulation: ViewEncapsulation.None, styles: ["pry-add-edit-presentation{height:100%}.o-manifest-layout__content--presentation{width:100%;display:flex;flex-direction:column;padding:20px;text-align:left}.o-manifest-layout__content--presentation .a-h1{line-height:38px;font-size:28px;text-align:left}.o-manifest-layout__content--presentation .a-btn{margin:0 auto}.o-manifest-layout__toolbox{gap:.9375rem}.o-presentation-form-wrapper{display:flex;padding-bottom:.3125rem;gap:3rem}.o-presentation-form-wrapper>:first-child{flex:2 auto}.o-presentation-form-wrapper>:only-child{max-width:43.75rem}.o-presentation__metadata-editor{flex-basis:50%}.o-presentation-form{display:flex;flex-direction:column;align-items:center}.o-presentation-form .a-presentation-form-input{padding:.25rem .75rem;margin-bottom:.75rem}.o-presentation-form .o-file-input{border:1px dashed black;display:flex;flex-direction:column;align-items:center;width:100%;padding:.625rem 0;gap:15px}.o-presentation-form pry-select{width:100%}.o-presentation-form .a-btn[type=submit]{margin-top:20px}.o-presentation-form .o-text-editor__content{min-height:6.25rem}.o-presentation-form .o-text-editor__content textarea{height:6.25rem}\n", ".o-presentation{margin:0;padding:0}.o-presentation li{list-style:none}.o-manifest-layout__toolbox{justify-content:space-between}.o-manifest-layout__toolbox.-u-hidden{display:none}.o-manifest-layout__content{height:100%;overflow:auto}.o-manifest-layout__content .pointer{cursor:pointer}.pry-viewingpresentation{display:flex;overflow-y:scroll}.pry-viewingpresentation .o-manifest-layout__content,.pry-viewingpresentation .o-dashboard-widget{grid-area:middle;flex:100% 1 1}.o-presentation{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1.875rem;padding:.25rem .25rem 1.25rem;overflow-y:auto}.o-presentation .a-h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.o-presentation__item{display:flex;flex-direction:column;align-items:stretch}.o-presentation__item:hover{cursor:pointer}.o-presentation__item:hover .o-presentation__item__footer pry-icon{visibility:visible;opacity:1}.o-presentation__item__image{cursor:pointer;overflow:hidden;height:6.875rem;display:flex;align-items:center;justify-content:center}.o-presentation__item__image img{width:100px}.o-presentation__item__image .is-full-width{width:100%;height:100%;object-fit:cover}.o-presentation__item__header{position:relative;display:flex;align-items:flex-start;justify-content:center;height:6.875rem}.o-presentation__item__header pry-icon.is-private{position:absolute;top:.625rem;left:.625rem;z-index:1}.o-presentation__item__header .a-tooltip{width:100%}.o-presentation__item__txt{flex-grow:1;padding:.625rem .9375rem;display:flex;flex-direction:column;justify-content:space-between}.o-presentation__item__txt .a-h3{padding-bottom:.3125rem}.o-presentation__item__txt .a-p.-date{padding-top:.625rem;margin-bottom:0}.o-presentation__item__txt .a-chip.-theme.-u-hidden{display:none}.o-presentation__item__title-container.a-tooltip[data-tooltip]:after{top:calc(100% - 15px)}.o-presentation__item__description-container{position:relative;width:100%;display:flex;align-content:center;min-height:1.25rem}.o-presentation__item__description-container.a-tooltip[data-tooltip]:after{width:100%}.o-presentation__item__description{width:100%;max-height:2.5rem}.o-presentation__item__footer{display:flex;align-content:center;justify-content:center;font-size:.875rem;line-height:1.125rem;padding:.1875rem 0;max-height:2.3125rem}.o-presentation__item__footer .a-btn{margin-left:1.25rem}.o-presentation__item__footer pry-icon{visibility:hidden;opacity:0;transition:visibility .1s linear,opacity .1s linear;margin-left:.1875rem}.o-presentation-consult{width:100%;padding:.9375rem}.more-button{position:absolute;top:.375rem;right:.625rem}.more-button .a-btn{padding:.125rem 0;border-radius:50%}.m-context-menu{position:absolute}\n"] }]
         }] });

package/esm2022/restitution/components/restitution/restitution.component.mjs

@@ -184,10 +184,10 @@ export class PryRestitutionComponent extends SubscriptionnerDirective {
         this.store.dispatch(ConfigActions.loadWidgets());
         this.restitutionCreated.emit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryRestitutionComponent, deps: [{ token: i1.ToolboxManifestService }, { token: i2.Store }, { token: i1.ToolboxMenuService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", 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' : edit ? '@pry.restitution.edit' : '@pry.restitution.create') | i18n }}\n  </h3>\n  <pry-stepper\n    #stepper\n    [isConsultMode]=\"consultMode\"\n    (lastStepCompleted)=\"lastStepCompleted()\"\n    (activeIndexChange)=\"activeStepIndex = $event\"\n  >\n    <pry-step>\n      <h4 class=\"m-stepper-item__title\" *stepTitle>{{ '@pry.restitution.configure' | i18n }}</h4>\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          [items]=\"types$ | async\"\n          [(ngModel)]=\"form.selectedWidget\"\n          [disabled]=\"consultMode\"\n          [closeOnSelect]=\"true\"\n          bindIcon=\"icon\"\n          bindLabel=\"label\"\n          bindValue=\"type\"\n        >\n        </pry-select>\n      </div>\n      <ng-container *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.restitution.image' | i18n }}</label>\n          <div class=\"o-file-input\">\n            <pry-select-image (changed)=\"image = $event\" [iconUrl]=\"image\" [mode]=\"type\"></pry-select-image>\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      </ng-container>\n    </pry-step>\n    <pry-step>\n      <h4 class=\"m-stepper-item__title\" *stepTitle>{{ '@pry.restitution.dataSource' | i18n }}</h4>\n      <pry-datasource-selector\n        [manifest]=\"customManifest\"\n        (itemsChanged)=\"datasourcesChanged($event)\"\n        [showButtons]=\"false\"\n        [showTitle]=\"false\"\n      ></pry-datasource-selector>\n      <ng-container [ngTemplateOutlet]=\"buttons\" [ngTemplateOutletContext]=\"{ submit: true }\"></ng-container>\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      <ng-container [ngTemplateOutlet]=\"buttons\"></ng-container>\n    </pry-step>\n    <pry-step>\n      <h4 class=\"m-stepper-item__title\" *stepTitle>{{ '@pry.restitution.share' | i18n }}</h4>\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      <pry-share [(ngModel)]=\"groups\" labelProperty=\"name\" valueProperty=\"id\" [disabled]=\"consultMode\"></pry-share>\n      <ng-container [ngTemplateOutlet]=\"buttons\"></ng-container>\n    </pry-step>\n  </pry-stepper>\n</div>\n\n<ng-template #buttons let-submit=\"submit\">\n  <div class=\"m-btn-group -space-evenly actions\">\n    <button (click)=\"prev(stepper)\" type=\"button\" class=\"a-btn a-btn--secondary\">\n      {{ (consultMode ? '@pry.restitution.goBack' : '@pry.restitution.close') | i18n }}\n    </button>\n    <button (click)=\"goNext(stepper, submit)\" type=\"button\" class=\"a-btn a-btn--primary\">\n      {{ (activeStepIndex === 3 ? '@pry.restitution.share' : '@pry.restitution.next') | i18n }}\n    </button>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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", "activeIndexChange"] }, { 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: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "isForm", "required", "name", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked"] }, { 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: ["showButtons", "showTitle", "manifest"], outputs: ["previousTab", "nextTab", "cancel", "validated", "itemsChanged"] }, { kind: "component", type: i1.PryShareComponent, selector: "pry-share", inputs: ["labelProperty", "valueProperty"] }, { kind: "component", type: i6.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: "18.2.6", ngImport: i0, type: PryRestitutionComponent, deps: [{ token: i1.ToolboxManifestService }, { token: i2.Store }, { token: i1.ToolboxMenuService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.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' : edit ? '@pry.restitution.edit' : '@pry.restitution.create') | i18n }}\n  </h3>\n  <pry-stepper\n    #stepper\n    [isConsultMode]=\"consultMode\"\n    (lastStepCompleted)=\"lastStepCompleted()\"\n    (activeIndexChange)=\"activeStepIndex = $event\"\n  >\n    <pry-step>\n      <h4 class=\"m-stepper-item__title\" *stepTitle>{{ '@pry.restitution.configure' | i18n }}</h4>\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          [items]=\"types$ | async\"\n          [(ngModel)]=\"form.selectedWidget\"\n          [disabled]=\"consultMode\"\n          [closeOnSelect]=\"true\"\n          bindIcon=\"icon\"\n          bindLabel=\"label\"\n          bindValue=\"type\"\n        >\n        </pry-select>\n      </div>\n      <ng-container *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.restitution.image' | i18n }}</label>\n          <div class=\"o-file-input\">\n            <pry-select-image (changed)=\"image = $event\" [iconUrl]=\"image\" [mode]=\"type\"></pry-select-image>\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      </ng-container>\n    </pry-step>\n    <pry-step>\n      <h4 class=\"m-stepper-item__title\" *stepTitle>{{ '@pry.restitution.dataSource' | i18n }}</h4>\n      <pry-datasource-selector\n        [manifest]=\"customManifest\"\n        (itemsChanged)=\"datasourcesChanged($event)\"\n        [showButtons]=\"false\"\n        [showTitle]=\"false\"\n      ></pry-datasource-selector>\n      <ng-container [ngTemplateOutlet]=\"buttons\" [ngTemplateOutletContext]=\"{ submit: true }\"></ng-container>\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      <ng-container [ngTemplateOutlet]=\"buttons\"></ng-container>\n    </pry-step>\n    <pry-step>\n      <h4 class=\"m-stepper-item__title\" *stepTitle>{{ '@pry.restitution.share' | i18n }}</h4>\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      <pry-share [(ngModel)]=\"groups\" labelProperty=\"name\" valueProperty=\"id\" [disabled]=\"consultMode\"></pry-share>\n      <ng-container [ngTemplateOutlet]=\"buttons\"></ng-container>\n    </pry-step>\n  </pry-stepper>\n</div>\n\n<ng-template #buttons let-submit=\"submit\">\n  <div class=\"m-btn-group -space-evenly actions\">\n    <button (click)=\"prev(stepper)\" type=\"button\" class=\"a-btn a-btn--secondary\">\n      {{ (consultMode ? '@pry.restitution.goBack' : '@pry.restitution.close') | i18n }}\n    </button>\n    <button (click)=\"goNext(stepper, submit)\" type=\"button\" class=\"a-btn a-btn--primary\">\n      {{ (activeStepIndex === 3 ? '@pry.restitution.share' : '@pry.restitution.next') | i18n }}\n    </button>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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", "activeIndexChange"] }, { 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: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "isForm", "required", "name", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked"] }, { 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: ["showButtons", "showTitle", "manifest"], outputs: ["previousTab", "nextTab", "cancel", "validated", "itemsChanged"] }, { kind: "component", type: i1.PryShareComponent, selector: "pry-share", inputs: ["labelProperty", "valueProperty"] }, { kind: "component", type: i6.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: "17.1.3", ngImport: i0, type: PryRestitutionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", 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' : edit ? '@pry.restitution.edit' : '@pry.restitution.create') | i18n }}\n  </h3>\n  <pry-stepper\n    #stepper\n    [isConsultMode]=\"consultMode\"\n    (lastStepCompleted)=\"lastStepCompleted()\"\n    (activeIndexChange)=\"activeStepIndex = $event\"\n  >\n    <pry-step>\n      <h4 class=\"m-stepper-item__title\" *stepTitle>{{ '@pry.restitution.configure' | i18n }}</h4>\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          [items]=\"types$ | async\"\n          [(ngModel)]=\"form.selectedWidget\"\n          [disabled]=\"consultMode\"\n          [closeOnSelect]=\"true\"\n          bindIcon=\"icon\"\n          bindLabel=\"label\"\n          bindValue=\"type\"\n        >\n        </pry-select>\n      </div>\n      <ng-container *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.restitution.image' | i18n }}</label>\n          <div class=\"o-file-input\">\n            <pry-select-image (changed)=\"image = $event\" [iconUrl]=\"image\" [mode]=\"type\"></pry-select-image>\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      </ng-container>\n    </pry-step>\n    <pry-step>\n      <h4 class=\"m-stepper-item__title\" *stepTitle>{{ '@pry.restitution.dataSource' | i18n }}</h4>\n      <pry-datasource-selector\n        [manifest]=\"customManifest\"\n        (itemsChanged)=\"datasourcesChanged($event)\"\n        [showButtons]=\"false\"\n        [showTitle]=\"false\"\n      ></pry-datasource-selector>\n      <ng-container [ngTemplateOutlet]=\"buttons\" [ngTemplateOutletContext]=\"{ submit: true }\"></ng-container>\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      <ng-container [ngTemplateOutlet]=\"buttons\"></ng-container>\n    </pry-step>\n    <pry-step>\n      <h4 class=\"m-stepper-item__title\" *stepTitle>{{ '@pry.restitution.share' | i18n }}</h4>\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      <pry-share [(ngModel)]=\"groups\" labelProperty=\"name\" valueProperty=\"id\" [disabled]=\"consultMode\"></pry-share>\n      <ng-container [ngTemplateOutlet]=\"buttons\"></ng-container>\n    </pry-step>\n  </pry-stepper>\n</div>\n\n<ng-template #buttons let-submit=\"submit\">\n  <div class=\"m-btn-group -space-evenly actions\">\n    <button (click)=\"prev(stepper)\" type=\"button\" class=\"a-btn a-btn--secondary\">\n      {{ (consultMode ? '@pry.restitution.goBack' : '@pry.restitution.close') | i18n }}\n    </button>\n    <button (click)=\"goNext(stepper, submit)\" type=\"button\" class=\"a-btn a-btn--primary\">\n      {{ (activeStepIndex === 3 ? '@pry.restitution.share' : '@pry.restitution.next') | i18n }}\n    </button>\n  </div>\n</ng-template>\n" }]
         }], ctorParameters: () => [{ type: i1.ToolboxManifestService }, { type: i2.Store }, { type: i1.ToolboxMenuService }], propDecorators: { selectedRestitution: [{

package/esm2022/restitution/components/restitution-catalog/restitution-catalog.component.mjs

@@ -77,10 +77,10 @@ export class PryRestitutionCatalogComponent {
     canModify$(widget) {
         return this.access && widget ? this.access.canModifyWidget(widget) : of(false);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryRestitutionCatalogComponent, deps: [{ token: i1.Store }, { token: i2.Overlay }, { token: i0.ViewContainerRef }, { token: PRY_ACCESS_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", 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\"\n        data-tooltip-position=\"bottom\"\n        *pryAccess=\"{ module: 'dashboard', page: 'restitution', action: 'create' }\"\n      >\n        <pry-icon iconSvg=\"add\"></pry-icon>\n        {{ '@pry.restitution.create' | i18n }}\n      </button>\n      <div>\n        <div class=\"o-catalog__search o-manifest-layout__toolbox__search\">\n          <label id=\"catalog-search-label\" for=\"catalog-search\" class=\"u-visually-hidden\">\n            <span>{{ '@pry.toolbox.catalog.filter.name' | i18n }}</span>\n          </label>\n          <input\n            id=\"catalog-search\"\n            type=\"text\"\n            class=\"a-form-field\"\n            [placeholder]=\"'@pry.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=\"u-self-start\">\n      <h1 class=\"a-h1 -no-padding\">{{ '@pry.restitution.catalog' | i18n }}</h1>\n    </div>\n    <div class=\"o-manifest-layout__content\">\n      <ul class=\"o-presentation\">\n        <li class=\"o-presentation__item\" *ngFor=\"let restitution of filteredRestitution$ | async; let index = index\">\n          <div class=\"o-presentation__item__header\">\n            <ng-container *ngIf=\"restitution.groups?.length === 0\">\n              <pry-icon\n                iconSvg=\"private\"\n                class=\"is-private a-tooltip -tooltip-no-wrap\"\n                [attr.data-tooltip]=\"'@pry.restitution.lock' | i18n\"\n                [height]=\"17\"\n                [width]=\"17\"\n              ></pry-icon>\n            </ng-container>\n            <div\n              class=\"a-tooltip -tooltip-no-wrap\"\n              (click)=\"selectRestitution(restitution)\"\n              [attr.data-tooltip]=\"'@pry.restitution.consultRestitution' | i18n\"\n            >\n              <div class=\"o-presentation__item__image\">\n                <img alt=\"\" class=\"is-full-width\" [src]=\"restitution.image | getSecuredImage: [600, 600] | async\" />\n              </div>\n            </div>\n            @if (canModify$(restitution) | async) {\n              <div class=\"more-button\">\n                <button\n                  type=\"button\"\n                  class=\"a-btn a-btn--more a-tooltip -tooltip-no-wrap\"\n                  [id]=\"'more-actions-' + index\"\n                  [attr.data-tooltip]=\"'@pry.restitution.more' | i18n\"\n                  (click)=\"toggleModalActions(restitution, button)\"\n                  #button\n                >\n                  <pry-icon [height]=\"25\" [width]=\"25\" iconSvg=\"more_horiz\"></pry-icon>\n                </button>\n              </div>\n            }\n          </div>\n          <div\n            class=\"o-presentation__item__txt\"\n            (click)=\"selectRestitution(restitution)\"\n            [attr.data-tooltip]=\"'@pry.restitution.consultRestitution' | i18n\"\n          >\n            <div class=\"o-presentation__item__title-container\" ellipsis textElementSelector=\".a-h3\">\n              <h3 class=\"a-h3\">{{ restitution.name }}</h3>\n            </div>\n            <div class=\"o-presentation__item__description-container\" ellipsis textElementSelector=\".a-p\">\n              <div class=\"o-presentation__item__description a-p\">\n                {{ restitution.description }}\n              </div>\n            </div>\n            <p class=\"a-p -date\">{{ restitution.modificationDate | sinceDate }}</p>\n          </div>\n\n          <div\n            class=\"o-presentation__item__footer a-tooltip -tooltip-no-wrap\"\n            (click)=\"selectRestitution(restitution)\"\n            [attr.data-tooltip]=\"'@pry.restitution.consultRestitution' | i18n\"\n          >\n            <button class=\"a-btn\">\n              {{ '@pry.restitution.view' | i18n }}\n              <pry-icon [width]=\"20\" [height]=\"20\" iconSvg=\"arrow_right\"></pry-icon>\n            </button>\n          </div>\n        </li>\n      </ul>\n    </div>\n  </ng-template>\n  <ng-template #modalActions>\n    <div class=\"m-context-menu\">\n      <ul\n        *ngIf=\"selectedRestitution\"\n        class=\"m-context-menu__list\"\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby=\"dialog restitution options\"\n      >\n        <li class=\"m-context-menu__list__item\">\n          <button\n            class=\"a-btn -link-like\"\n            (click)=\"editRestitution(selectedRestitution)\"\n            [disabled]=\"!(canModify$(selectedRestitution) | async)\"\n            *pryAccess=\"{ module: 'dashboard', page: 'restitution', action: 'edit' }\"\n          >\n            {{ '@pry.restitution.update' | i18n }}\n          </button>\n        </li>\n        <li class=\"m-context-menu__list__item\">\n          <button\n            class=\"a-btn -link-like\"\n            #openModal\n            (click)=\"deleteRestitution(selectedRestitution.id)\"\n            [disabled]=\"!(canModify$(selectedRestitution) | async)\"\n            *pryAccess=\"{ module: 'dashboard', page: 'restitution', action: 'delete' }\"\n          >\n            {{ '@pry.restitution.delete' | i18n }}\n          </button>\n        </li>\n      </ul>\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\n        [edit]=\"false\"\n        (restitutionCreated)=\"closeRestitution($event)\"\n        class=\"restitution\"\n      ></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: i4.PryAccessDirective, selector: "[pryAccess]", inputs: ["pryAccess"] }, { kind: "directive", type: i4.EllipsisDirective, selector: "[ellipsis]", inputs: ["textElementSelector"] }, { kind: "component", type: i4.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6.PryRestitutionComponent, selector: "pry-restitution", inputs: ["selectedRestitution", "edit", "isDataSourceSelected", "bindId"], outputs: ["restitutionCreated"] }, { kind: "component", type: i7.PryCatalogCssComponent, selector: "pry-restitution-css" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.GetSecuredImagePipe, name: "getSecuredImage" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }, { kind: "pipe", type: i4.SinceDatePipe, name: "sinceDate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryRestitutionCatalogComponent, deps: [{ token: i1.Store }, { token: i2.Overlay }, { token: i0.ViewContainerRef }, { token: PRY_ACCESS_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", 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\"\n        data-tooltip-position=\"bottom\"\n        *pryAccess=\"{ module: 'dashboard', page: 'restitution', action: 'create' }\"\n      >\n        <pry-icon iconSvg=\"add\"></pry-icon>\n        {{ '@pry.restitution.create' | i18n }}\n      </button>\n      <div>\n        <div class=\"o-catalog__search o-manifest-layout__toolbox__search\">\n          <label id=\"catalog-search-label\" for=\"catalog-search\" class=\"u-visually-hidden\">\n            <span>{{ '@pry.toolbox.catalog.filter.name' | i18n }}</span>\n          </label>\n          <input\n            id=\"catalog-search\"\n            type=\"text\"\n            class=\"a-form-field\"\n            [placeholder]=\"'@pry.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=\"u-self-start\">\n      <h1 class=\"a-h1 -no-padding\">{{ '@pry.restitution.catalog' | i18n }}</h1>\n    </div>\n    <div class=\"o-manifest-layout__content\">\n      <ul class=\"o-presentation\">\n        <li class=\"o-presentation__item\" *ngFor=\"let restitution of filteredRestitution$ | async; let index = index\">\n          <div class=\"o-presentation__item__header\">\n            <ng-container *ngIf=\"restitution.groups?.length === 0\">\n              <pry-icon\n                iconSvg=\"private\"\n                class=\"is-private a-tooltip -tooltip-no-wrap\"\n                [attr.data-tooltip]=\"'@pry.restitution.lock' | i18n\"\n                [height]=\"17\"\n                [width]=\"17\"\n              ></pry-icon>\n            </ng-container>\n            <div\n              class=\"a-tooltip -tooltip-no-wrap\"\n              (click)=\"selectRestitution(restitution)\"\n              [attr.data-tooltip]=\"'@pry.restitution.consultRestitution' | i18n\"\n            >\n              <div class=\"o-presentation__item__image\">\n                <img alt=\"\" class=\"is-full-width\" [src]=\"restitution.image | getSecuredImage: [600, 600] | async\" />\n              </div>\n            </div>\n            @if (canModify$(restitution) | async) {\n              <div class=\"more-button\">\n                <button\n                  type=\"button\"\n                  class=\"a-btn a-btn--more a-tooltip -tooltip-no-wrap\"\n                  [id]=\"'more-actions-' + index\"\n                  [attr.data-tooltip]=\"'@pry.restitution.more' | i18n\"\n                  (click)=\"toggleModalActions(restitution, button)\"\n                  #button\n                >\n                  <pry-icon [height]=\"25\" [width]=\"25\" iconSvg=\"more_horiz\"></pry-icon>\n                </button>\n              </div>\n            }\n          </div>\n          <div\n            class=\"o-presentation__item__txt\"\n            (click)=\"selectRestitution(restitution)\"\n            [attr.data-tooltip]=\"'@pry.restitution.consultRestitution' | i18n\"\n          >\n            <div class=\"o-presentation__item__title-container\" ellipsis textElementSelector=\".a-h3\">\n              <h3 class=\"a-h3\">{{ restitution.name }}</h3>\n            </div>\n            <div class=\"o-presentation__item__description-container\" ellipsis textElementSelector=\".a-p\">\n              <div class=\"o-presentation__item__description a-p\">\n                {{ restitution.description }}\n              </div>\n            </div>\n            <p class=\"a-p -date\">{{ restitution.modificationDate | sinceDate }}</p>\n          </div>\n\n          <div\n            class=\"o-presentation__item__footer a-tooltip -tooltip-no-wrap\"\n            (click)=\"selectRestitution(restitution)\"\n            [attr.data-tooltip]=\"'@pry.restitution.consultRestitution' | i18n\"\n          >\n            <button class=\"a-btn\">\n              {{ '@pry.restitution.view' | i18n }}\n              <pry-icon [width]=\"20\" [height]=\"20\" iconSvg=\"arrow_right\"></pry-icon>\n            </button>\n          </div>\n        </li>\n      </ul>\n    </div>\n  </ng-template>\n  <ng-template #modalActions>\n    <div class=\"m-context-menu\">\n      <ul\n        *ngIf=\"selectedRestitution\"\n        class=\"m-context-menu__list\"\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby=\"dialog restitution options\"\n      >\n        <li class=\"m-context-menu__list__item\">\n          <button\n            class=\"a-btn -link-like\"\n            (click)=\"editRestitution(selectedRestitution)\"\n            [disabled]=\"!(canModify$(selectedRestitution) | async)\"\n            *pryAccess=\"{ module: 'dashboard', page: 'restitution', action: 'edit' }\"\n          >\n            {{ '@pry.restitution.update' | i18n }}\n          </button>\n        </li>\n        <li class=\"m-context-menu__list__item\">\n          <button\n            class=\"a-btn -link-like\"\n            #openModal\n            (click)=\"deleteRestitution(selectedRestitution.id)\"\n            [disabled]=\"!(canModify$(selectedRestitution) | async)\"\n            *pryAccess=\"{ module: 'dashboard', page: 'restitution', action: 'delete' }\"\n          >\n            {{ '@pry.restitution.delete' | i18n }}\n          </button>\n        </li>\n      </ul>\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\n        [edit]=\"false\"\n        (restitutionCreated)=\"closeRestitution($event)\"\n        class=\"restitution\"\n      ></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: i4.PryAccessDirective, selector: "[pryAccess]", inputs: ["pryAccess"] }, { kind: "directive", type: i4.EllipsisDirective, selector: "[ellipsis]", inputs: ["textElementSelector"] }, { kind: "component", type: i4.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6.PryRestitutionComponent, selector: "pry-restitution", inputs: ["selectedRestitution", "edit", "isDataSourceSelected", "bindId"], outputs: ["restitutionCreated"] }, { kind: "component", type: i7.PryCatalogCssComponent, selector: "pry-restitution-css" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.GetSecuredImagePipe, name: "getSecuredImage" }, { kind: "pipe", type: i4.I18nPipe, name: "i18n" }, { kind: "pipe", type: i4.SinceDatePipe, name: "sinceDate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryRestitutionCatalogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", 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\"\n        data-tooltip-position=\"bottom\"\n        *pryAccess=\"{ module: 'dashboard', page: 'restitution', action: 'create' }\"\n      >\n        <pry-icon iconSvg=\"add\"></pry-icon>\n        {{ '@pry.restitution.create' | i18n }}\n      </button>\n      <div>\n        <div class=\"o-catalog__search o-manifest-layout__toolbox__search\">\n          <label id=\"catalog-search-label\" for=\"catalog-search\" class=\"u-visually-hidden\">\n            <span>{{ '@pry.toolbox.catalog.filter.name' | i18n }}</span>\n          </label>\n          <input\n            id=\"catalog-search\"\n            type=\"text\"\n            class=\"a-form-field\"\n            [placeholder]=\"'@pry.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=\"u-self-start\">\n      <h1 class=\"a-h1 -no-padding\">{{ '@pry.restitution.catalog' | i18n }}</h1>\n    </div>\n    <div class=\"o-manifest-layout__content\">\n      <ul class=\"o-presentation\">\n        <li class=\"o-presentation__item\" *ngFor=\"let restitution of filteredRestitution$ | async; let index = index\">\n          <div class=\"o-presentation__item__header\">\n            <ng-container *ngIf=\"restitution.groups?.length === 0\">\n              <pry-icon\n                iconSvg=\"private\"\n                class=\"is-private a-tooltip -tooltip-no-wrap\"\n                [attr.data-tooltip]=\"'@pry.restitution.lock' | i18n\"\n                [height]=\"17\"\n                [width]=\"17\"\n              ></pry-icon>\n            </ng-container>\n            <div\n              class=\"a-tooltip -tooltip-no-wrap\"\n              (click)=\"selectRestitution(restitution)\"\n              [attr.data-tooltip]=\"'@pry.restitution.consultRestitution' | i18n\"\n            >\n              <div class=\"o-presentation__item__image\">\n                <img alt=\"\" class=\"is-full-width\" [src]=\"restitution.image | getSecuredImage: [600, 600] | async\" />\n              </div>\n            </div>\n            @if (canModify$(restitution) | async) {\n              <div class=\"more-button\">\n                <button\n                  type=\"button\"\n                  class=\"a-btn a-btn--more a-tooltip -tooltip-no-wrap\"\n                  [id]=\"'more-actions-' + index\"\n                  [attr.data-tooltip]=\"'@pry.restitution.more' | i18n\"\n                  (click)=\"toggleModalActions(restitution, button)\"\n                  #button\n                >\n                  <pry-icon [height]=\"25\" [width]=\"25\" iconSvg=\"more_horiz\"></pry-icon>\n                </button>\n              </div>\n            }\n          </div>\n          <div\n            class=\"o-presentation__item__txt\"\n            (click)=\"selectRestitution(restitution)\"\n            [attr.data-tooltip]=\"'@pry.restitution.consultRestitution' | i18n\"\n          >\n            <div class=\"o-presentation__item__title-container\" ellipsis textElementSelector=\".a-h3\">\n              <h3 class=\"a-h3\">{{ restitution.name }}</h3>\n            </div>\n            <div class=\"o-presentation__item__description-container\" ellipsis textElementSelector=\".a-p\">\n              <div class=\"o-presentation__item__description a-p\">\n                {{ restitution.description }}\n              </div>\n            </div>\n            <p class=\"a-p -date\">{{ restitution.modificationDate | sinceDate }}</p>\n          </div>\n\n          <div\n            class=\"o-presentation__item__footer a-tooltip -tooltip-no-wrap\"\n            (click)=\"selectRestitution(restitution)\"\n            [attr.data-tooltip]=\"'@pry.restitution.consultRestitution' | i18n\"\n          >\n            <button class=\"a-btn\">\n              {{ '@pry.restitution.view' | i18n }}\n              <pry-icon [width]=\"20\" [height]=\"20\" iconSvg=\"arrow_right\"></pry-icon>\n            </button>\n          </div>\n        </li>\n      </ul>\n    </div>\n  </ng-template>\n  <ng-template #modalActions>\n    <div class=\"m-context-menu\">\n      <ul\n        *ngIf=\"selectedRestitution\"\n        class=\"m-context-menu__list\"\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby=\"dialog restitution options\"\n      >\n        <li class=\"m-context-menu__list__item\">\n          <button\n            class=\"a-btn -link-like\"\n            (click)=\"editRestitution(selectedRestitution)\"\n            [disabled]=\"!(canModify$(selectedRestitution) | async)\"\n            *pryAccess=\"{ module: 'dashboard', page: 'restitution', action: 'edit' }\"\n          >\n            {{ '@pry.restitution.update' | i18n }}\n          </button>\n        </li>\n        <li class=\"m-context-menu__list__item\">\n          <button\n            class=\"a-btn -link-like\"\n            #openModal\n            (click)=\"deleteRestitution(selectedRestitution.id)\"\n            [disabled]=\"!(canModify$(selectedRestitution) | async)\"\n            *pryAccess=\"{ module: 'dashboard', page: 'restitution', action: 'delete' }\"\n          >\n            {{ '@pry.restitution.delete' | i18n }}\n          </button>\n        </li>\n      </ul>\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\n        [edit]=\"false\"\n        (restitutionCreated)=\"closeRestitution($event)\"\n        class=\"restitution\"\n      ></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: () => [{ type: i1.Store }, { type: i2.Overlay }, { type: i0.ViewContainerRef }, { type: i4.PryBaseAccess, decorators: [{

package/esm2022/restitution/components/restitution-list/restitution-list.component.mjs

@@ -37,10 +37,10 @@ export class PryRestitutionListComponent extends SubscriptionnerDirective {
     selectType(type) {
         this.type$.next(type);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryRestitutionListComponent, deps: [{ token: i1.ToolboxMenuService }, { token: i1.PryI18nService }, { token: i1.ToolboxManifestService }, { token: i2.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", 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  <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 class=\"search-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        @for (typeOpt of types$ | async; track typeOpt.label) {\n          <li>\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)=\"selectType(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        }\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  @if (showTabs) {\n    <div class=\"o-accordion\" role=\"tablist\" aria-multiselectable=\"false\">\n      <pry-accordion>\n        @for (category of categories; track category; let index = $index) {\n          <pry-accordion-item\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              @if (category === 'model') {\n                @for (widget of nonCustomWidgets$ | async; track widget.label) {\n                  <pry-catalog-item [widget]=\"widget\"></pry-catalog-item>\n                }\n              } @else if (category === 'noModel') {\n                @for (widget of customWidgets$ | async; track widget.label) {\n                  <pry-catalog-item [widget]=\"widget\" [translate]=\"false\"></pry-catalog-item>\n                }\n              }\n            </ul>\n          </pry-accordion-item>\n        }\n      </pry-accordion>\n    </div>\n  } @else {\n    <ul class=\"o-catalog__list\" role=\"list\" aria-live=\"polite\">\n      @for (widget of filteredWidgets$ | async; track widget.label) {\n        <pry-catalog-item [widget]=\"widget\"></pry-catalog-item>\n      }\n    </ul>\n  }\n</div>\n", dependencies: [{ 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: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.PryCatalogCssComponent, selector: "pry-restitution-css" }, { kind: "component", type: i5.PryRestitutionListItemComponent, selector: "pry-catalog-item", inputs: ["widget", "translate"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryRestitutionListComponent, deps: [{ token: i1.ToolboxMenuService }, { token: i1.PryI18nService }, { token: i1.ToolboxManifestService }, { token: i2.Store }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.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  <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 class=\"search-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        @for (typeOpt of types$ | async; track typeOpt.label) {\n          <li>\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)=\"selectType(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        }\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  @if (showTabs) {\n    <div class=\"o-accordion\" role=\"tablist\" aria-multiselectable=\"false\">\n      <pry-accordion>\n        @for (category of categories; track category; let index = $index) {\n          <pry-accordion-item\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              @if (category === 'model') {\n                @for (widget of nonCustomWidgets$ | async; track widget.label) {\n                  <pry-catalog-item [widget]=\"widget\"></pry-catalog-item>\n                }\n              } @else if (category === 'noModel') {\n                @for (widget of customWidgets$ | async; track widget.label) {\n                  <pry-catalog-item [widget]=\"widget\" [translate]=\"false\"></pry-catalog-item>\n                }\n              }\n            </ul>\n          </pry-accordion-item>\n        }\n      </pry-accordion>\n    </div>\n  } @else {\n    <ul class=\"o-catalog__list\" role=\"list\" aria-live=\"polite\">\n      @for (widget of filteredWidgets$ | async; track widget.label) {\n        <pry-catalog-item [widget]=\"widget\"></pry-catalog-item>\n      }\n    </ul>\n  }\n</div>\n", dependencies: [{ 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: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.PryCatalogCssComponent, selector: "pry-restitution-css" }, { kind: "component", type: i5.PryRestitutionListItemComponent, selector: "pry-catalog-item", inputs: ["widget", "translate"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryRestitutionListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryRestitutionListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-catalog', template: "<pry-restitution-css></pry-restitution-css>\n<div class=\"o-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 class=\"search-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        @for (typeOpt of types$ | async; track typeOpt.label) {\n          <li>\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)=\"selectType(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        }\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  @if (showTabs) {\n    <div class=\"o-accordion\" role=\"tablist\" aria-multiselectable=\"false\">\n      <pry-accordion>\n        @for (category of categories; track category; let index = $index) {\n          <pry-accordion-item\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              @if (category === 'model') {\n                @for (widget of nonCustomWidgets$ | async; track widget.label) {\n                  <pry-catalog-item [widget]=\"widget\"></pry-catalog-item>\n                }\n              } @else if (category === 'noModel') {\n                @for (widget of customWidgets$ | async; track widget.label) {\n                  <pry-catalog-item [widget]=\"widget\" [translate]=\"false\"></pry-catalog-item>\n                }\n              }\n            </ul>\n          </pry-accordion-item>\n        }\n      </pry-accordion>\n    </div>\n  } @else {\n    <ul class=\"o-catalog__list\" role=\"list\" aria-live=\"polite\">\n      @for (widget of filteredWidgets$ | async; track widget.label) {\n        <pry-catalog-item [widget]=\"widget\"></pry-catalog-item>\n      }\n    </ul>\n  }\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.ToolboxMenuService }, { type: i1.PryI18nService }, { type: i1.ToolboxManifestService }, { type: i2.Store }], propDecorators: { showTabs: [{

package/esm2022/restitution/components/restitution-list-item/restitution-list-item.component.mjs

@@ -26,10 +26,10 @@ export class PryRestitutionListItemComponent extends SubscriptionnerDirective {
     viewInDashboard(widget) {
         this.store.dispatch(DashboardActions.addWidgetToPresentation({ widgetType: widget.type }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryRestitutionListItemComponent, deps: [{ token: i1.Store }, { token: i2.ToolboxManifestService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: PryRestitutionListItemComponent, selector: "pry-catalog-item", inputs: { widget: "widget", translate: "translate" }, 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 : [53, 53] | async\"\n    [height]=\"53\"\n    [width]=\"53\"\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.groups?.length === 0\">\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</li>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.GetSecuredImagePipe, name: "getSecuredImage" }, { kind: "pipe", type: i2.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryRestitutionListItemComponent, deps: [{ token: i1.Store }, { token: i2.ToolboxManifestService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: PryRestitutionListItemComponent, selector: "pry-catalog-item", inputs: { widget: "widget", translate: "translate" }, 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 : [53, 53] | async\"\n    [height]=\"53\"\n    [width]=\"53\"\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.groups?.length === 0\">\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</li>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.GetSecuredImagePipe, name: "getSecuredImage" }, { kind: "pipe", type: i2.I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryRestitutionListItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", 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 : [53, 53] | async\"\n    [height]=\"53\"\n    [width]=\"53\"\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.groups?.length === 0\">\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</li>\n" }]
         }], ctorParameters: () => [{ type: i1.Store }, { type: i2.ToolboxManifestService }], propDecorators: { widget: [{

package/esm2022/restitution/restitution.module.mjs

@@ -21,8 +21,8 @@ export class PryRestitutionModule {
         this.pryTranslateService.addLangObject('fr', 'restitution', frTranslations);
         this.pryTranslateService.addLangObject('en', 'restitution', enTranslations);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryRestitutionModule, deps: [{ token: i1.PryI18nService }], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.3", ngImport: i0, type: PryRestitutionModule, declarations: [PryRestitutionListComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryRestitutionModule, deps: [{ token: i1.PryI18nService }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: PryRestitutionModule, declarations: [PryRestitutionListComponent,
             PryRestitutionComponent,
             PryCatalogCssComponent,
             PryRestitutionCatalogComponent,
@@ -43,7 +43,7 @@ export class PryRestitutionModule {
             PryRestitutionComponent,
             PryRestitutionCatalogComponent,
             PryRestitutionListItemComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryRestitutionModule, providers: [DatePipe], imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryRestitutionModule, providers: [DatePipe], imports: [CommonModule,
             PryCoreModule,
             PryIconModule,
             FormsModule,
@@ -58,7 +58,7 @@ export class PryRestitutionModule {
             PryOverlayModule,
             PrySinceDateModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryRestitutionModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryRestitutionModule, decorators: [{
             type: NgModule,
             args: [{
                     providers: [DatePipe],

package/esm2022/restitution/style/css.component.mjs

@@ -1,10 +1,10 @@
 import { Component, ViewEncapsulation } from '@angular/core';
 import * as i0 from "@angular/core";
 export class PryCatalogCssComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryCatalogCssComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", 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;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.o-catalog__create{align-self:center;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{display:flex;flex-direction:column;flex:1;max-height:100%;width:100%}.o-restitution pry-stepper{display:flex;flex:1;max-height:100%}.o-restitution .widget-instanciator{position:relative;height:100%;margin-bottom:.9375rem}.o-restitution .m-btn-group.actions{margin-top:auto}.o-restitution pry-datasource-selector{height:calc(100% - 35px)}\n", ".o-presentation{margin:0;padding:0}.o-presentation li{list-style:none}.o-manifest-layout__toolbox{justify-content:space-between}.o-manifest-layout__toolbox.-u-hidden{display:none}.o-manifest-layout__content{height:100%;overflow:auto}.o-manifest-layout__content .pointer{cursor:pointer}.pry-viewingpresentation{display:flex;overflow-y:scroll}.pry-viewingpresentation .o-manifest-layout__content,.pry-viewingpresentation .o-dashboard-widget{grid-area:middle;flex:100% 1 1}.o-presentation{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1.875rem;padding:.25rem .25rem 1.25rem;overflow-y:auto}.o-presentation .a-h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.o-presentation__item{display:flex;flex-direction:column;align-items:stretch}.o-presentation__item:hover{cursor:pointer}.o-presentation__item:hover .o-presentation__item__footer pry-icon{visibility:visible;opacity:1}.o-presentation__item__image{cursor:pointer;overflow:hidden;height:6.875rem;display:flex;align-items:center;justify-content:center}.o-presentation__item__image img{width:100px}.o-presentation__item__image .is-full-width{width:100%;height:100%;object-fit:cover}.o-presentation__item__header{position:relative;display:flex;align-items:flex-start;justify-content:center;height:6.875rem}.o-presentation__item__header pry-icon.is-private{position:absolute;top:.625rem;left:.625rem;z-index:1}.o-presentation__item__header .a-tooltip{width:100%}.o-presentation__item__txt{flex-grow:1;padding:.625rem .9375rem;display:flex;flex-direction:column;justify-content:space-between}.o-presentation__item__txt .a-h3{padding-bottom:.3125rem}.o-presentation__item__txt .a-p.-date{padding-top:.625rem;margin-bottom:0}.o-presentation__item__txt .a-chip.-theme.-u-hidden{display:none}.o-presentation__item__title-container.a-tooltip[data-tooltip]:after{top:calc(100% - 15px)}.o-presentation__item__description-container{position:relative;width:100%;display:flex;align-content:center;min-height:1.25rem}.o-presentation__item__description-container.a-tooltip[data-tooltip]:after{width:100%}.o-presentation__item__description{width:100%;max-height:2.5rem}.o-presentation__item__footer{display:flex;align-content:center;justify-content:center;font-size:.875rem;line-height:1.125rem;padding:.1875rem 0;max-height:2.3125rem}.o-presentation__item__footer .a-btn{margin-left:1.25rem}.o-presentation__item__footer pry-icon{visibility:hidden;opacity:0;transition:visibility .1s linear,opacity .1s linear;margin-left:.1875rem}.o-presentation-consult{width:100%;padding:.9375rem}.more-button{position:absolute;top:.375rem;right:.625rem}.more-button .a-btn{padding:.125rem 0;border-radius:50%}.m-context-menu{position:absolute}.o-restitution-catalog .o-manifest-layout__toolbox{justify-content:space-between;align-items:center}.o-restitution-catalog .o-manifest-layout__content{display:flex;flex-direction:column;overflow:hidden}.o-restitution-catalog .o-manifest-layout__content .restitution{display:flex;flex:1;max-height:100%}.o-restitution-catalog .a-h1{padding:0;margin-top:1.5625rem;margin-left:1.25rem}.m-context-menu__list__item .a-btn{white-space:nowrap}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PryCatalogCssComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.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;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.o-catalog__create{align-self:center;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{display:flex;flex-direction:column;flex:1;max-height:100%;width:100%}.o-restitution pry-stepper{display:flex;flex:1;max-height:100%}.o-restitution .widget-instanciator{position:relative;height:100%;margin-bottom:.9375rem}.o-restitution .m-btn-group.actions{margin-top:auto}.o-restitution pry-datasource-selector{height:calc(100% - 35px)}\n", ".o-presentation{margin:0;padding:0}.o-presentation li{list-style:none}.o-manifest-layout__toolbox{justify-content:space-between}.o-manifest-layout__toolbox.-u-hidden{display:none}.o-manifest-layout__content{height:100%;overflow:auto}.o-manifest-layout__content .pointer{cursor:pointer}.pry-viewingpresentation{display:flex;overflow-y:scroll}.pry-viewingpresentation .o-manifest-layout__content,.pry-viewingpresentation .o-dashboard-widget{grid-area:middle;flex:100% 1 1}.o-presentation{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1.875rem;padding:.25rem .25rem 1.25rem;overflow-y:auto}.o-presentation .a-h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.o-presentation__item{display:flex;flex-direction:column;align-items:stretch}.o-presentation__item:hover{cursor:pointer}.o-presentation__item:hover .o-presentation__item__footer pry-icon{visibility:visible;opacity:1}.o-presentation__item__image{cursor:pointer;overflow:hidden;height:6.875rem;display:flex;align-items:center;justify-content:center}.o-presentation__item__image img{width:100px}.o-presentation__item__image .is-full-width{width:100%;height:100%;object-fit:cover}.o-presentation__item__header{position:relative;display:flex;align-items:flex-start;justify-content:center;height:6.875rem}.o-presentation__item__header pry-icon.is-private{position:absolute;top:.625rem;left:.625rem;z-index:1}.o-presentation__item__header .a-tooltip{width:100%}.o-presentation__item__txt{flex-grow:1;padding:.625rem .9375rem;display:flex;flex-direction:column;justify-content:space-between}.o-presentation__item__txt .a-h3{padding-bottom:.3125rem}.o-presentation__item__txt .a-p.-date{padding-top:.625rem;margin-bottom:0}.o-presentation__item__txt .a-chip.-theme.-u-hidden{display:none}.o-presentation__item__title-container.a-tooltip[data-tooltip]:after{top:calc(100% - 15px)}.o-presentation__item__description-container{position:relative;width:100%;display:flex;align-content:center;min-height:1.25rem}.o-presentation__item__description-container.a-tooltip[data-tooltip]:after{width:100%}.o-presentation__item__description{width:100%;max-height:2.5rem}.o-presentation__item__footer{display:flex;align-content:center;justify-content:center;font-size:.875rem;line-height:1.125rem;padding:.1875rem 0;max-height:2.3125rem}.o-presentation__item__footer .a-btn{margin-left:1.25rem}.o-presentation__item__footer pry-icon{visibility:hidden;opacity:0;transition:visibility .1s linear,opacity .1s linear;margin-left:.1875rem}.o-presentation-consult{width:100%;padding:.9375rem}.more-button{position:absolute;top:.375rem;right:.625rem}.more-button .a-btn{padding:.125rem 0;border-radius:50%}.m-context-menu{position:absolute}.o-restitution-catalog .o-manifest-layout__toolbox{justify-content:space-between;align-items:center}.o-restitution-catalog .o-manifest-layout__content{display:flex;flex-direction:column;overflow:hidden}.o-restitution-catalog .o-manifest-layout__content .restitution{display:flex;flex:1;max-height:100%}.o-restitution-catalog .a-h1{padding:0;margin-top:1.5625rem;margin-left:1.25rem}.m-context-menu__list__item .a-btn{white-space:nowrap}\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PryCatalogCssComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", 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;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.o-catalog__create{align-self:center;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{display:flex;flex-direction:column;flex:1;max-height:100%;width:100%}.o-restitution pry-stepper{display:flex;flex:1;max-height:100%}.o-restitution .widget-instanciator{position:relative;height:100%;margin-bottom:.9375rem}.o-restitution .m-btn-group.actions{margin-top:auto}.o-restitution pry-datasource-selector{height:calc(100% - 35px)}\n", ".o-presentation{margin:0;padding:0}.o-presentation li{list-style:none}.o-manifest-layout__toolbox{justify-content:space-between}.o-manifest-layout__toolbox.-u-hidden{display:none}.o-manifest-layout__content{height:100%;overflow:auto}.o-manifest-layout__content .pointer{cursor:pointer}.pry-viewingpresentation{display:flex;overflow-y:scroll}.pry-viewingpresentation .o-manifest-layout__content,.pry-viewingpresentation .o-dashboard-widget{grid-area:middle;flex:100% 1 1}.o-presentation{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1.875rem;padding:.25rem .25rem 1.25rem;overflow-y:auto}.o-presentation .a-h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.o-presentation__item{display:flex;flex-direction:column;align-items:stretch}.o-presentation__item:hover{cursor:pointer}.o-presentation__item:hover .o-presentation__item__footer pry-icon{visibility:visible;opacity:1}.o-presentation__item__image{cursor:pointer;overflow:hidden;height:6.875rem;display:flex;align-items:center;justify-content:center}.o-presentation__item__image img{width:100px}.o-presentation__item__image .is-full-width{width:100%;height:100%;object-fit:cover}.o-presentation__item__header{position:relative;display:flex;align-items:flex-start;justify-content:center;height:6.875rem}.o-presentation__item__header pry-icon.is-private{position:absolute;top:.625rem;left:.625rem;z-index:1}.o-presentation__item__header .a-tooltip{width:100%}.o-presentation__item__txt{flex-grow:1;padding:.625rem .9375rem;display:flex;flex-direction:column;justify-content:space-between}.o-presentation__item__txt .a-h3{padding-bottom:.3125rem}.o-presentation__item__txt .a-p.-date{padding-top:.625rem;margin-bottom:0}.o-presentation__item__txt .a-chip.-theme.-u-hidden{display:none}.o-presentation__item__title-container.a-tooltip[data-tooltip]:after{top:calc(100% - 15px)}.o-presentation__item__description-container{position:relative;width:100%;display:flex;align-content:center;min-height:1.25rem}.o-presentation__item__description-container.a-tooltip[data-tooltip]:after{width:100%}.o-presentation__item__description{width:100%;max-height:2.5rem}.o-presentation__item__footer{display:flex;align-content:center;justify-content:center;font-size:.875rem;line-height:1.125rem;padding:.1875rem 0;max-height:2.3125rem}.o-presentation__item__footer .a-btn{margin-left:1.25rem}.o-presentation__item__footer pry-icon{visibility:hidden;opacity:0;transition:visibility .1s linear,opacity .1s linear;margin-left:.1875rem}.o-presentation-consult{width:100%;padding:.9375rem}.more-button{position:absolute;top:.375rem;right:.625rem}.more-button .a-btn{padding:.125rem 0;border-radius:50%}.m-context-menu{position:absolute}.o-restitution-catalog .o-manifest-layout__toolbox{justify-content:space-between;align-items:center}.o-restitution-catalog .o-manifest-layout__content{display:flex;flex-direction:column;overflow:hidden}.o-restitution-catalog .o-manifest-layout__content .restitution{display:flex;flex:1;max-height:100%}.o-restitution-catalog .a-h1{padding:0;margin-top:1.5625rem;margin-left:1.25rem}.m-context-menu__list__item .a-btn{white-space:nowrap}\n"] }]
         }] });

package/esm2022/search/components/choose-widget/choose-widget.component.mjs

@@ -46,10 +46,10 @@ export class ChooseWidgetComponent extends SubscriptionnerDirective {
         this.widgetSelected = type;
         this.selected.emit(type.type);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ChooseWidgetComponent, deps: [{ token: i1.ToolboxMenuService }, { token: i1.ToolboxManifestService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: ChooseWidgetComponent, selector: "pry-choose-widget", inputs: { panelOpen: "panelOpen", mode: "mode", width: "width" }, outputs: { selected: "selected" }, viewQueries: [{ propertyName: "chooseWidgets", first: true, predicate: ["chooseWidgets"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div cdkOverlayOrigin #originSearch=\"cdkOverlayOrigin\" class=\"m-choose-widget\">\n  <button\n    type=\"button\"\n    title=\"{{ '@pry.widget.buttonChoice' | i18n }}\"\n    class=\"a-btn a-btn--primary a-btn--icon-text m-choose-widget__buttons-widget\"\n    (click)=\"togglePopup()\"\n    *ngIf=\"mode === 'button'\"\n  >\n    <img\n      [alt]=\"widgetSelected?.label\"\n      [src]=\"widgetSelected?.icon | getSecuredImage | async\"\n      [width]=\"22\"\n      [height]=\"22\"\n    />\n    <span>{{ widgetSelected ? (widgetSelected.label | i18n) : ('@pry.toolbox.table' | i18n) }}</span>\n  </button>\n</div>\n\n<div class=\"m-choose-widget__input\" [class.choose-widget__input__inline]=\"mode === 'inline'\" *ngIf=\"mode !== 'button'\">\n  <ng-content></ng-content>\n</div>\n\n<ng-template\n  cdkConnectedOverlay\n  cdkConnectedOverlayLockPosition\n  [cdkConnectedOverlayOrigin]=\"originSearch\"\n  [cdkConnectedOverlayOpen]=\"panelOpen\"\n  [cdkConnectedOverlayPositions]=\"[BOTTOM_POSITION, TOP_POSITION]\"\n>\n  <div class=\"m-choose-widget__widget_overlay\" (keydown.escape)=\"togglePopup()\" [style.width.px]=\"width\">\n    <div class=\"m-choose-widget__widget_overlay__content\">\n      <div *ngFor=\"let widget of widgets$ | async\">\n        <button\n          #chooseWidgets\n          type=\"button\"\n          class=\"m-choose-widget__widget_overlay__content__item\"\n          [class.choose-widget__widget_overlay__content__item__selected]=\"widget.type === widgetSelected?.type\"\n          (click)=\"onSelectWidget(widget)\"\n        >\n          <img [alt]=\"widget.label | i18n\" [height]=\"22\" [width]=\"22\" [src]=\"widget.icon | getSecuredImage | async\" />\n          <span class=\"m-choose-widget__widget_overlay__content__item__label\">{{ widget.label | i18n }}</span>\n        </button>\n      </div>\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i3.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.GetSecuredImagePipe, name: "getSecuredImage" }, { kind: "pipe", type: i1.I18nPipe, name: "i18n" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ChooseWidgetComponent, deps: [{ token: i1.ToolboxMenuService }, { token: i1.ToolboxManifestService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: ChooseWidgetComponent, selector: "pry-choose-widget", inputs: { panelOpen: "panelOpen", mode: "mode", width: "width" }, outputs: { selected: "selected" }, viewQueries: [{ propertyName: "chooseWidgets", first: true, predicate: ["chooseWidgets"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div cdkOverlayOrigin #originSearch=\"cdkOverlayOrigin\" class=\"m-choose-widget\">\n  <button\n    type=\"button\"\n    title=\"{{ '@pry.widget.buttonChoice' | i18n }}\"\n    class=\"a-btn a-btn--primary a-btn--icon-text m-choose-widget__buttons-widget\"\n    (click)=\"togglePopup()\"\n    *ngIf=\"mode === 'button'\"\n  >\n    <img\n      [alt]=\"widgetSelected?.label\"\n      [src]=\"widgetSelected?.icon | getSecuredImage | async\"\n      [width]=\"22\"\n      [height]=\"22\"\n    />\n    <span>{{ widgetSelected ? (widgetSelected.label | i18n) : ('@pry.toolbox.table' | i18n) }}</span>\n  </button>\n</div>\n\n<div class=\"m-choose-widget__input\" [class.choose-widget__input__inline]=\"mode === 'inline'\" *ngIf=\"mode !== 'button'\">\n  <ng-content></ng-content>\n</div>\n\n<ng-template\n  cdkConnectedOverlay\n  cdkConnectedOverlayLockPosition\n  [cdkConnectedOverlayOrigin]=\"originSearch\"\n  [cdkConnectedOverlayOpen]=\"panelOpen\"\n  [cdkConnectedOverlayPositions]=\"[BOTTOM_POSITION, TOP_POSITION]\"\n>\n  <div class=\"m-choose-widget__widget_overlay\" (keydown.escape)=\"togglePopup()\" [style.width.px]=\"width\">\n    <div class=\"m-choose-widget__widget_overlay__content\">\n      <div *ngFor=\"let widget of widgets$ | async\">\n        <button\n          #chooseWidgets\n          type=\"button\"\n          class=\"m-choose-widget__widget_overlay__content__item\"\n          [class.choose-widget__widget_overlay__content__item__selected]=\"widget.type === widgetSelected?.type\"\n          (click)=\"onSelectWidget(widget)\"\n        >\n          <img [alt]=\"widget.label | i18n\" [height]=\"22\" [width]=\"22\" [src]=\"widget.icon | getSecuredImage | async\" />\n          <span class=\"m-choose-widget__widget_overlay__content__item__label\">{{ widget.label | i18n }}</span>\n        </button>\n      </div>\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i3.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.GetSecuredImagePipe, name: "getSecuredImage" }, { kind: "pipe", type: i1.I18nPipe, name: "i18n" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ChooseWidgetComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ChooseWidgetComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-choose-widget', encapsulation: ViewEncapsulation.None, template: "<div cdkOverlayOrigin #originSearch=\"cdkOverlayOrigin\" class=\"m-choose-widget\">\n  <button\n    type=\"button\"\n    title=\"{{ '@pry.widget.buttonChoice' | i18n }}\"\n    class=\"a-btn a-btn--primary a-btn--icon-text m-choose-widget__buttons-widget\"\n    (click)=\"togglePopup()\"\n    *ngIf=\"mode === 'button'\"\n  >\n    <img\n      [alt]=\"widgetSelected?.label\"\n      [src]=\"widgetSelected?.icon | getSecuredImage | async\"\n      [width]=\"22\"\n      [height]=\"22\"\n    />\n    <span>{{ widgetSelected ? (widgetSelected.label | i18n) : ('@pry.toolbox.table' | i18n) }}</span>\n  </button>\n</div>\n\n<div class=\"m-choose-widget__input\" [class.choose-widget__input__inline]=\"mode === 'inline'\" *ngIf=\"mode !== 'button'\">\n  <ng-content></ng-content>\n</div>\n\n<ng-template\n  cdkConnectedOverlay\n  cdkConnectedOverlayLockPosition\n  [cdkConnectedOverlayOrigin]=\"originSearch\"\n  [cdkConnectedOverlayOpen]=\"panelOpen\"\n  [cdkConnectedOverlayPositions]=\"[BOTTOM_POSITION, TOP_POSITION]\"\n>\n  <div class=\"m-choose-widget__widget_overlay\" (keydown.escape)=\"togglePopup()\" [style.width.px]=\"width\">\n    <div class=\"m-choose-widget__widget_overlay__content\">\n      <div *ngFor=\"let widget of widgets$ | async\">\n        <button\n          #chooseWidgets\n          type=\"button\"\n          class=\"m-choose-widget__widget_overlay__content__item\"\n          [class.choose-widget__widget_overlay__content__item__selected]=\"widget.type === widgetSelected?.type\"\n          (click)=\"onSelectWidget(widget)\"\n        >\n          <img [alt]=\"widget.label | i18n\" [height]=\"22\" [width]=\"22\" [src]=\"widget.icon | getSecuredImage | async\" />\n          <span class=\"m-choose-widget__widget_overlay__content__item__label\">{{ widget.label | i18n }}</span>\n        </button>\n      </div>\n    </div>\n  </div>\n</ng-template>\n" }]
         }], ctorParameters: () => [{ type: i1.ToolboxMenuService }, { type: i1.ToolboxManifestService }], propDecorators: { chooseWidgets: [{

package/esm2022/search/components/edit-named-query/edit-named-query.component.mjs

@@ -84,10 +84,10 @@ export class EditNamedQueryComponent extends SubscriptionnerDirective {
     select($event) {
         this.widgetType = $event;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EditNamedQueryComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: EditNamedQueryComponent, selector: "pry-edit-named-query", inputs: { fromWidget: "fromWidget" }, outputs: { searchFulltextChange: "searchFulltextChange", cancelled: "cancelled", searched: "searched" }, host: { properties: { "class": "this.class" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"o-edit-named-query\">\n  <ng-container *ngIf=\"currentEditType$ | async as currentEditType\">\n    <div class=\"o-edit-named-query__content\">\n      <ng-container [ngSwitch]=\"currentEditType\">\n        <ng-container *ngSwitchCase=\"FULL_TEXT\">\n          <pry-search-fulltext\n            mode=\"vertical\"\n            [launchButton]=\"false\"\n            (searchChange)=\"onSearchFulltextChange($event)\"\n            [currentEdit]=\"currentEdit$ | async\"\n          ></pry-search-fulltext>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"MONO_CLASS\">\n          <pry-search-mono-class></pry-search-mono-class>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"MULTI_CLASS\">\n          <pry-search-multi-class></pry-search-multi-class>\n        </ng-container>\n      </ng-container>\n    </div>\n    <div class=\"o-edit-named-query__buttons\">\n      <ng-container *ngIf=\"currentEditType !== FULL_TEXT\">\n        <pry-choose-widget (selected)=\"select($event)\"></pry-choose-widget>\n      </ng-container>\n      <div class=\"m-btn-group\">\n        <button type=\"button\" class=\"a-btn a-btn--primary\" (click)=\"cancel()\" *ngIf=\"currentEditType === FULL_TEXT\">\n          {{ '@pry.search.button.cancel' | i18n }}\n        </button>\n        <button\n          [disabled]=\"\n            (currentEditType === MULTI_CLASS && !(searchMultiClassValid$ | async)) ||\n            (currentEditType === MONO_CLASS && !(searchMonoClassValid$ | async)) ||\n            !(currentEdit$ | async)?.owner\n          \"\n          type=\"button\"\n          class=\"a-btn a-btn--primary a-btn--icon-text\"\n          (click)=\"search()\"\n        >\n          <pry-icon iconSvg=\"search-line\"></pry-icon>\n          {{\n            ((currentEdit$ | async)?.id === DEFAULT_NAMED_QUERY_ID\n              ? '@pry.search.button.search'\n              : '@pry.search.button.update'\n            ) | i18n\n          }}\n        </button>\n      </div>\n    </div>\n  </ng-container>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i4.PrySearchMonoClassComponent, selector: "pry-search-mono-class" }, { kind: "component", type: i5.PrySearchMultiClassComponent, selector: "pry-search-multi-class" }, { kind: "component", type: i6.PrySearchFulltextComponent, selector: "pry-search-fulltext", inputs: ["mode", "launchButton", "currentEdit"], outputs: ["searchChange"] }, { kind: "component", type: i7.ChooseWidgetComponent, selector: "pry-choose-widget", inputs: ["panelOpen", "mode", "width"], outputs: ["selected"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: EditNamedQueryComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: EditNamedQueryComponent, selector: "pry-edit-named-query", inputs: { fromWidget: "fromWidget" }, outputs: { searchFulltextChange: "searchFulltextChange", cancelled: "cancelled", searched: "searched" }, host: { properties: { "class": "this.class" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"o-edit-named-query\">\n  <ng-container *ngIf=\"currentEditType$ | async as currentEditType\">\n    <div class=\"o-edit-named-query__content\">\n      <ng-container [ngSwitch]=\"currentEditType\">\n        <ng-container *ngSwitchCase=\"FULL_TEXT\">\n          <pry-search-fulltext\n            mode=\"vertical\"\n            [launchButton]=\"false\"\n            (searchChange)=\"onSearchFulltextChange($event)\"\n            [currentEdit]=\"currentEdit$ | async\"\n          ></pry-search-fulltext>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"MONO_CLASS\">\n          <pry-search-mono-class></pry-search-mono-class>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"MULTI_CLASS\">\n          <pry-search-multi-class></pry-search-multi-class>\n        </ng-container>\n      </ng-container>\n    </div>\n    <div class=\"o-edit-named-query__buttons\">\n      <ng-container *ngIf=\"currentEditType !== FULL_TEXT\">\n        <pry-choose-widget (selected)=\"select($event)\"></pry-choose-widget>\n      </ng-container>\n      <div class=\"m-btn-group\">\n        <button type=\"button\" class=\"a-btn a-btn--primary\" (click)=\"cancel()\" *ngIf=\"currentEditType === FULL_TEXT\">\n          {{ '@pry.search.button.cancel' | i18n }}\n        </button>\n        <button\n          [disabled]=\"\n            (currentEditType === MULTI_CLASS && !(searchMultiClassValid$ | async)) ||\n            (currentEditType === MONO_CLASS && !(searchMonoClassValid$ | async)) ||\n            !(currentEdit$ | async)?.owner\n          \"\n          type=\"button\"\n          class=\"a-btn a-btn--primary a-btn--icon-text\"\n          (click)=\"search()\"\n        >\n          <pry-icon iconSvg=\"search-line\"></pry-icon>\n          {{\n            ((currentEdit$ | async)?.id === DEFAULT_NAMED_QUERY_ID\n              ? '@pry.search.button.search'\n              : '@pry.search.button.update'\n            ) | i18n\n          }}\n        </button>\n      </div>\n    </div>\n  </ng-container>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i4.PrySearchMonoClassComponent, selector: "pry-search-mono-class" }, { kind: "component", type: i5.PrySearchMultiClassComponent, selector: "pry-search-multi-class" }, { kind: "component", type: i6.PrySearchFulltextComponent, selector: "pry-search-fulltext", inputs: ["mode", "launchButton", "currentEdit"], outputs: ["searchChange"] }, { kind: "component", type: i7.ChooseWidgetComponent, selector: "pry-choose-widget", inputs: ["panelOpen", "mode", "width"], outputs: ["selected"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EditNamedQueryComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: EditNamedQueryComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-edit-named-query', template: "<div class=\"o-edit-named-query\">\n  <ng-container *ngIf=\"currentEditType$ | async as currentEditType\">\n    <div class=\"o-edit-named-query__content\">\n      <ng-container [ngSwitch]=\"currentEditType\">\n        <ng-container *ngSwitchCase=\"FULL_TEXT\">\n          <pry-search-fulltext\n            mode=\"vertical\"\n            [launchButton]=\"false\"\n            (searchChange)=\"onSearchFulltextChange($event)\"\n            [currentEdit]=\"currentEdit$ | async\"\n          ></pry-search-fulltext>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"MONO_CLASS\">\n          <pry-search-mono-class></pry-search-mono-class>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"MULTI_CLASS\">\n          <pry-search-multi-class></pry-search-multi-class>\n        </ng-container>\n      </ng-container>\n    </div>\n    <div class=\"o-edit-named-query__buttons\">\n      <ng-container *ngIf=\"currentEditType !== FULL_TEXT\">\n        <pry-choose-widget (selected)=\"select($event)\"></pry-choose-widget>\n      </ng-container>\n      <div class=\"m-btn-group\">\n        <button type=\"button\" class=\"a-btn a-btn--primary\" (click)=\"cancel()\" *ngIf=\"currentEditType === FULL_TEXT\">\n          {{ '@pry.search.button.cancel' | i18n }}\n        </button>\n        <button\n          [disabled]=\"\n            (currentEditType === MULTI_CLASS && !(searchMultiClassValid$ | async)) ||\n            (currentEditType === MONO_CLASS && !(searchMonoClassValid$ | async)) ||\n            !(currentEdit$ | async)?.owner\n          \"\n          type=\"button\"\n          class=\"a-btn a-btn--primary a-btn--icon-text\"\n          (click)=\"search()\"\n        >\n          <pry-icon iconSvg=\"search-line\"></pry-icon>\n          {{\n            ((currentEdit$ | async)?.id === DEFAULT_NAMED_QUERY_ID\n              ? '@pry.search.button.search'\n              : '@pry.search.button.update'\n            ) | i18n\n          }}\n        </button>\n      </div>\n    </div>\n  </ng-container>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.Store }], propDecorators: { class: [{

package/esm2022/search/components/edit-named-query-modal/edit-named-query-modal.component.mjs

@@ -42,10 +42,10 @@ export class EditNamedQueryModalComponent extends SubscriptionnerDirective {
             document.getElementsByTagName('pry-search-tools').length >
             0);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EditNamedQueryModalComponent, deps: [{ token: i1.Store }, { token: i2.Overlay }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: EditNamedQueryModalComponent, selector: "pry-edit-named-query-modal", viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n  <div>\n    <pry-search-tools></pry-search-tools>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "component", type: i3.PrySearchToolsComponent, selector: "pry-search-tools" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: EditNamedQueryModalComponent, deps: [{ token: i1.Store }, { token: i2.Overlay }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: EditNamedQueryModalComponent, selector: "pry-edit-named-query-modal", viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n  <div>\n    <pry-search-tools></pry-search-tools>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "component", type: i3.PrySearchToolsComponent, selector: "pry-search-tools" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EditNamedQueryModalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: EditNamedQueryModalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-edit-named-query-modal', template: "<ng-template #template>\n  <div>\n    <pry-search-tools></pry-search-tools>\n  </div>\n</ng-template>\n" }]
         }], ctorParameters: () => [{ type: i1.Store }, { type: i2.Overlay }, { type: i0.ViewContainerRef }], propDecorators: { template: [{

package/esm2022/search/components/save-query/save-query.component.mjs

@@ -84,10 +84,10 @@ export class PrySaveQueryComponent {
         this.isEdit = false;
         this.dialog.close();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PrySaveQueryComponent, deps: [{ token: i1.Store }, { token: i2.PryDialogRef }, { token: PRY_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: PrySaveQueryComponent, selector: "pry-save-query", viewQueries: [{ propertyName: "cross", first: true, predicate: ["cross"], descendants: true }, { propertyName: "save", first: true, predicate: ["save"], descendants: true }], ngImport: i0, template: "<div\n  class=\"o-modal-wrapper\"\n  role=\"dialog\"\n  aria-modal=\"true\"\n  aria-labelledby=\"dialog_rename\"\n  (keydown.escape)=\"onClose()\"\n>\n  <div class=\"o-modal\">\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">\n          {{ '@pry.search.namedQuery.' + (modalSave ? 'saveTitle' : 'renameTitle') | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" #cross (keydown.shift.tab)=\"focusElement(this.save)\" (click)=\"onClose()\">\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\n    <div class=\"m-form-label-field\">\n      <label class=\"a-label\" for=\"name\">{{ '@pry.search.namedQuery.name' | i18n }}</label>\n      <input [(ngModel)]=\"name\" id=\"name\" type=\"text\" class=\"a-form-field\" required maxlength=\"30\" />\n    </div>\n    <div class=\"m-form-label-field\">\n      <label class=\"a-label\" for=\"description\">{{ '@pry.search.namedQuery.description' | i18n }}</label>\n      <input [(ngModel)]=\"description\" id=\"description\" type=\"text\" class=\"a-form-field\" required maxlength=\"200\" />\n    </div>\n\n    <pry-share [(ngModel)]=\"visibility\"></pry-share>\n\n    <div class=\"m-btn-group\">\n      <button type=\"button\" (click)=\"onClose()\" class=\"a-btn a-btn--secondary\">\n        {{ '@pry.toolbox.manifest.close' | i18n }}\n      </button>\n      <button\n        type=\"button\"\n        #save\n        (click)=\"onSave()\"\n        class=\"a-btn a-btn--primary\"\n        [disabled]=\"saveDisabled\"\n        (keydown.tab)=\"focusElement(this.cross)\"\n      >\n        {{ '@pry.toolbox.manifest.check' | i18n }}\n      </button>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: i2.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.PryShareComponent, selector: "pry-share", inputs: ["labelProperty", "valueProperty"] }, { kind: "pipe", type: i2.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PrySaveQueryComponent, deps: [{ token: i1.Store }, { token: i2.PryDialogRef }, { token: PRY_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: PrySaveQueryComponent, selector: "pry-save-query", viewQueries: [{ propertyName: "cross", first: true, predicate: ["cross"], descendants: true }, { propertyName: "save", first: true, predicate: ["save"], descendants: true }], ngImport: i0, template: "<div\n  class=\"o-modal-wrapper\"\n  role=\"dialog\"\n  aria-modal=\"true\"\n  aria-labelledby=\"dialog_rename\"\n  (keydown.escape)=\"onClose()\"\n>\n  <div class=\"o-modal\">\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">\n          {{ '@pry.search.namedQuery.' + (modalSave ? 'saveTitle' : 'renameTitle') | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" #cross (keydown.shift.tab)=\"focusElement(this.save)\" (click)=\"onClose()\">\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\n    <div class=\"m-form-label-field\">\n      <label class=\"a-label\" for=\"name\">{{ '@pry.search.namedQuery.name' | i18n }}</label>\n      <input [(ngModel)]=\"name\" id=\"name\" type=\"text\" class=\"a-form-field\" required maxlength=\"30\" />\n    </div>\n    <div class=\"m-form-label-field\">\n      <label class=\"a-label\" for=\"description\">{{ '@pry.search.namedQuery.description' | i18n }}</label>\n      <input [(ngModel)]=\"description\" id=\"description\" type=\"text\" class=\"a-form-field\" required maxlength=\"200\" />\n    </div>\n\n    <pry-share [(ngModel)]=\"visibility\"></pry-share>\n\n    <div class=\"m-btn-group\">\n      <button type=\"button\" (click)=\"onClose()\" class=\"a-btn a-btn--secondary\">\n        {{ '@pry.toolbox.manifest.close' | i18n }}\n      </button>\n      <button\n        type=\"button\"\n        #save\n        (click)=\"onSave()\"\n        class=\"a-btn a-btn--primary\"\n        [disabled]=\"saveDisabled\"\n        (keydown.tab)=\"focusElement(this.cross)\"\n      >\n        {{ '@pry.toolbox.manifest.check' | i18n }}\n      </button>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: i2.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.PryShareComponent, selector: "pry-share", inputs: ["labelProperty", "valueProperty"] }, { kind: "pipe", type: i2.I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PrySaveQueryComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PrySaveQueryComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-save-query', template: "<div\n  class=\"o-modal-wrapper\"\n  role=\"dialog\"\n  aria-modal=\"true\"\n  aria-labelledby=\"dialog_rename\"\n  (keydown.escape)=\"onClose()\"\n>\n  <div class=\"o-modal\">\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">\n          {{ '@pry.search.namedQuery.' + (modalSave ? 'saveTitle' : 'renameTitle') | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" #cross (keydown.shift.tab)=\"focusElement(this.save)\" (click)=\"onClose()\">\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\n    <div class=\"m-form-label-field\">\n      <label class=\"a-label\" for=\"name\">{{ '@pry.search.namedQuery.name' | i18n }}</label>\n      <input [(ngModel)]=\"name\" id=\"name\" type=\"text\" class=\"a-form-field\" required maxlength=\"30\" />\n    </div>\n    <div class=\"m-form-label-field\">\n      <label class=\"a-label\" for=\"description\">{{ '@pry.search.namedQuery.description' | i18n }}</label>\n      <input [(ngModel)]=\"description\" id=\"description\" type=\"text\" class=\"a-form-field\" required maxlength=\"200\" />\n    </div>\n\n    <pry-share [(ngModel)]=\"visibility\"></pry-share>\n\n    <div class=\"m-btn-group\">\n      <button type=\"button\" (click)=\"onClose()\" class=\"a-btn a-btn--secondary\">\n        {{ '@pry.toolbox.manifest.close' | i18n }}\n      </button>\n      <button\n        type=\"button\"\n        #save\n        (click)=\"onSave()\"\n        class=\"a-btn a-btn--primary\"\n        [disabled]=\"saveDisabled\"\n        (keydown.tab)=\"focusElement(this.cross)\"\n      >\n        {{ '@pry.toolbox.manifest.check' | i18n }}\n      </button>\n    </div>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.Store }, { type: i2.PryDialogRef }, { type: undefined, decorators: [{

package/esm2022/search/components/save-query-button/save-query-button.component.mjs

@@ -46,10 +46,10 @@ export class PrySaveQueryButtonComponent {
                 : NamedQueryTypes.MULTI_CLASS
             : NamedQueryTypes.FULL_TEXT;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PrySaveQueryButtonComponent, deps: [{ token: i1.PryDialogService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: PrySaveQueryButtonComponent, selector: "pry-save-query-button", inputs: { editInProgress: "editInProgress", currentEdit: "currentEdit", currentEditType: "currentEditType", fulltextValid: "fulltextValid", multiValid: "multiValid", monoValid: "monoValid", isNotFulltext: "isNotFulltext", isMonoSearch: "isMonoSearch", fulltextSearch: "fulltextSearch", saveDisabled: "saveDisabled" }, usesOnChanges: true, ngImport: i0, template: "<button class=\"a-btn a-btn--icon-text save-query-button\" (click)=\"openSaveQuery()\" [disabled]=\"saveDisabled\">\n  <pry-icon iconSvg=\"save-line\"></pry-icon>\n  <span>{{ '@pry.search.namedQuery.open' | i18n }}</span>\n</button>\n", dependencies: [{ kind: "component", type: i1.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i1.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PrySaveQueryButtonComponent, deps: [{ token: i1.PryDialogService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: PrySaveQueryButtonComponent, selector: "pry-save-query-button", inputs: { editInProgress: "editInProgress", currentEdit: "currentEdit", currentEditType: "currentEditType", fulltextValid: "fulltextValid", multiValid: "multiValid", monoValid: "monoValid", isNotFulltext: "isNotFulltext", isMonoSearch: "isMonoSearch", fulltextSearch: "fulltextSearch", saveDisabled: "saveDisabled" }, usesOnChanges: true, ngImport: i0, template: "<button class=\"a-btn a-btn--icon-text save-query-button\" (click)=\"openSaveQuery()\" [disabled]=\"saveDisabled\">\n  <pry-icon iconSvg=\"save-line\"></pry-icon>\n  <span>{{ '@pry.search.namedQuery.open' | i18n }}</span>\n</button>\n", dependencies: [{ kind: "component", type: i1.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i1.I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PrySaveQueryButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PrySaveQueryButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-save-query-button', template: "<button class=\"a-btn a-btn--icon-text save-query-button\" (click)=\"openSaveQuery()\" [disabled]=\"saveDisabled\">\n  <pry-icon iconSvg=\"save-line\"></pry-icon>\n  <span>{{ '@pry.search.namedQuery.open' | i18n }}</span>\n</button>\n" }]
         }], ctorParameters: () => [{ type: i1.PryDialogService }], propDecorators: { editInProgress: [{