@provoly/dashboard 1.4.3 → 1.4.4

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: [{

package/esm2022/search/search-fulltext/search-fulltext/search-fulltext.component.mjs

@@ -165,10 +165,10 @@ export class PrySearchFulltextComponent {
         const payload = { value, classes };
         this.searchChange.emit(payload);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PrySearchFulltextComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: PrySearchFulltextComponent, selector: "pry-search-fulltext", inputs: { mode: "mode", launchButton: "launchButton", currentEdit: "currentEdit" }, outputs: { searchChange: "searchChange" }, host: { listeners: { "document:click": "clickout($event)", "window:keyup.enter": "keyEvent($event)" } }, viewQueries: [{ propertyName: "searchButton", first: true, predicate: ["searchButton"], descendants: true, read: ElementRef }, { propertyName: "searchTrigger", first: true, predicate: ["searchTrigger"], descendants: true, read: ElementRef }, { propertyName: "searchInputRef", first: true, predicate: ["searchInput"], descendants: true, read: ElementRef }, { propertyName: "searchOverlayRef", first: true, predicate: ["searchOverlay"], descendants: true, read: ElementRef }, { propertyName: "searchClass", first: true, predicate: ["searchClass"], descendants: true }, { propertyName: "chooseClasses", first: true, predicate: ["chooseClasses"], descendants: true }], ngImport: i0, template: "<pry-search-css></pry-search-css>\n<div class=\"o-search-fulltext\" [class.o-search-fulltext--vertical]=\"mode === 'vertical'\">\n  <div class=\"o-search-fulltext__container\">\n    <button\n      #searchClass\n      type=\"button\"\n      class=\"o-search-fulltext__classes\"\n      [class.o-search-fulltext__classes--inline]=\"mode === 'inline'\"\n      [pryOverlay]=\"classesOverlay\"\n      [(overlayOpen)]=\"panelClassesOpen\"\n      pryOverlayPosition=\"start-top\"\n      [pryOverlaySticky]=\"true\"\n      [pryOverlayNoPadding]=\"true\"\n      (click)=\"panelClassesOpen = true\"\n    >\n      <span\n        class=\"o-search-fulltext__classes__content a-tooltip\"\n        [attr.data-tooltip]=\"'@pry.search.fulltext.selectClass' | i18n\"\n        data-tooltip-position=\"bottom\"\n      >\n        <pry-icon\n          [iconSvg]=\"classesSelected.length === 0 ? 'apps' : 'detail'\"\n          [height]=\"20\"\n          [width]=\"20\"\n          [animation]=\"false\"\n        ></pry-icon>\n        <span class=\"o-search-fulltext__classes__content__label\" *ngIf=\"mode === 'inline'\">\n          {{ classesSelectedLabel | i18n : { nb: classesSelected.length } }}\n        </span>\n      </span>\n\n      <span class=\"o-search-fulltext__classes__arrow\">\n        <pry-icon\n          iconSvg=\"fleche_bas\"\n          [width]=\"17\"\n          [height]=\"17\"\n          [animation]=\"false\"\n          class=\"o-search-fulltext__classes__arrow__icon\"\n          [class.is-open]=\"panelClassesOpen\"\n        ></pry-icon>\n      </span>\n    </button>\n\n    <pry-choose-widget\n      [mode]=\"'input'\"\n      [class.m-choose-widget__input__inline]=\"mode === 'inline'\"\n      [panelOpen]=\"panelSearchOpen\"\n      [width]=\"searchPanelWidth ?? 200\"\n      (selected)=\"onSelectWidget($event)\"\n    >\n      <input\n        #searchInput\n        [(ngModel)]=\"search\"\n        (input)=\"onChangeSearch($event)\"\n        (focusin)=\"onOpenSearchPanel()\"\n        (focusout)=\"onFocusOut()\"\n      />\n      <div *ngIf=\"!searchDisabled\" class=\"o-search-fulltext__input__clear\">\n        <div class=\"o-search-fulltext__input__clear__wrapper\" (click)=\"onClearSearch($event)\">\n          <div\n            class=\"a-tooltip\"\n            [attr.data-tooltip]=\"'@pry.search.fulltext.clear' | i18n\"\n            data-tooltip-position=\"bottom\"\n          >\n            <pry-icon iconSvg=\"close\" [height]=\"16\" [width]=\"16\" [animation]=\"false\"></pry-icon>\n            <span class=\"u-visually-hidden\">{{ '@pry.search.fulltext.clear' | i18n }}</span>\n          </div>\n        </div>\n      </div>\n    </pry-choose-widget>\n  </div>\n\n  <button\n    #searchButton\n    class=\"a-btn a-btn--primary a-tooltip\"\n    (click)=\"onSearch()\"\n    [class.o-search-fulltext__button__inline]=\"mode === 'inline'\"\n    [ngClass]=\"{ ' -width-full': mode === 'vertical' }\"\n    [disabled]=\"searchDisabled\"\n    *ngIf=\"launchButton\"\n    [attr.data-tooltip]=\"'@pry.search.fulltext.search' | i18n\"\n    data-tooltip-position=\"bottom\"\n  >\n    <pry-icon iconSvg=\"search-line\" [animation]=\"false\"></pry-icon>\n    <span *ngIf=\"mode === 'vertical'\">{{ '@pry.search.fulltext.search' | i18n }}</span>\n    <span class=\"u-visually-hidden\">{{ '@pry.search.fulltext.search' | i18n }}</span>\n  </button>\n</div>\n\n<ng-template #classesOverlay>\n  <div\n    class=\"o-search-fulltext__classes-overlay\"\n    #chooseClasses\n    (keydown.escape)=\"closeFocus()\"\n    (keydown.arrowDown)=\"onArrowDown()\"\n    (keydown.arrowUp)=\"onArrowUp()\"\n  >\n    <button class=\"o-search-fulltext__classes-overlay__item\" (click)=\"onSelectAllClasses()\">\n      <pry-icon iconSvg=\"apps\" [width]=\"20\" [height]=\"20\"></pry-icon>\n      <span class=\"o-search-fulltext__classes-overlay__item__label\">{{\n        '@pry.search.fulltext.allClasses' | i18n\n      }}</span>\n    </button>\n    <ng-container *ngFor=\"let clazz of classes$ | async; let last = last\">\n      <button\n        type=\"button\"\n        class=\"o-search-fulltext__classes-overlay__item\"\n        (click)=\"onSelectClass(clazz)\"\n        [class.o-search-fulltext__classes-overlay__item__selected]=\"classesSelected.includes(clazz.id)\"\n        (keydown.tab)=\"last ? closeFocus() : null\"\n      >\n        <img\n          alt=\"class\"\n          [height]=\"20\"\n          [width]=\"20\"\n          [src]=\"clazz.id | translateId : { type: 'class', output: 'icon' } | async\"\n        />\n        <span class=\"o-search-fulltext__classes-overlay__item__label\">{{ clazz.name }}</span>\n      </button>\n    </ng-container>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.PryOverlayDirective, selector: "[pryOverlay]", inputs: ["pryOverlay", "styleReversed", "pryOverlaySticky", "pryOverlayNoPadding", "pryOverlayPosition", "overlayOpen", "hasBackdrop"], outputs: ["overlayOpenChange"] }, { kind: "component", type: i5.ChooseWidgetComponent, selector: "pry-choose-widget", inputs: ["panelOpen", "mode", "width"], outputs: ["selected"] }, { kind: "component", type: i6.PrySearchCssComponent, selector: "pry-search-css" }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslateIdPipe, name: "translateId" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PrySearchFulltextComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: PrySearchFulltextComponent, selector: "pry-search-fulltext", inputs: { mode: "mode", launchButton: "launchButton", currentEdit: "currentEdit" }, outputs: { searchChange: "searchChange" }, host: { listeners: { "document:click": "clickout($event)", "window:keyup.enter": "keyEvent($event)" } }, viewQueries: [{ propertyName: "searchButton", first: true, predicate: ["searchButton"], descendants: true, read: ElementRef }, { propertyName: "searchTrigger", first: true, predicate: ["searchTrigger"], descendants: true, read: ElementRef }, { propertyName: "searchInputRef", first: true, predicate: ["searchInput"], descendants: true, read: ElementRef }, { propertyName: "searchOverlayRef", first: true, predicate: ["searchOverlay"], descendants: true, read: ElementRef }, { propertyName: "searchClass", first: true, predicate: ["searchClass"], descendants: true }, { propertyName: "chooseClasses", first: true, predicate: ["chooseClasses"], descendants: true }], ngImport: i0, template: "<pry-search-css></pry-search-css>\n<div class=\"o-search-fulltext\" [class.o-search-fulltext--vertical]=\"mode === 'vertical'\">\n  <div class=\"o-search-fulltext__container\">\n    <button\n      #searchClass\n      type=\"button\"\n      class=\"o-search-fulltext__classes\"\n      [class.o-search-fulltext__classes--inline]=\"mode === 'inline'\"\n      [pryOverlay]=\"classesOverlay\"\n      [(overlayOpen)]=\"panelClassesOpen\"\n      pryOverlayPosition=\"start-top\"\n      [pryOverlaySticky]=\"true\"\n      [pryOverlayNoPadding]=\"true\"\n      (click)=\"panelClassesOpen = true\"\n    >\n      <span\n        class=\"o-search-fulltext__classes__content a-tooltip\"\n        [attr.data-tooltip]=\"'@pry.search.fulltext.selectClass' | i18n\"\n        data-tooltip-position=\"bottom\"\n      >\n        <pry-icon\n          [iconSvg]=\"classesSelected.length === 0 ? 'apps' : 'detail'\"\n          [height]=\"20\"\n          [width]=\"20\"\n          [animation]=\"false\"\n        ></pry-icon>\n        <span class=\"o-search-fulltext__classes__content__label\" *ngIf=\"mode === 'inline'\">\n          {{ classesSelectedLabel | i18n : { nb: classesSelected.length } }}\n        </span>\n      </span>\n\n      <span class=\"o-search-fulltext__classes__arrow\">\n        <pry-icon\n          iconSvg=\"fleche_bas\"\n          [width]=\"17\"\n          [height]=\"17\"\n          [animation]=\"false\"\n          class=\"o-search-fulltext__classes__arrow__icon\"\n          [class.is-open]=\"panelClassesOpen\"\n        ></pry-icon>\n      </span>\n    </button>\n\n    <pry-choose-widget\n      [mode]=\"'input'\"\n      [class.m-choose-widget__input__inline]=\"mode === 'inline'\"\n      [panelOpen]=\"panelSearchOpen\"\n      [width]=\"searchPanelWidth ?? 200\"\n      (selected)=\"onSelectWidget($event)\"\n    >\n      <input\n        #searchInput\n        [(ngModel)]=\"search\"\n        (input)=\"onChangeSearch($event)\"\n        (focusin)=\"onOpenSearchPanel()\"\n        (focusout)=\"onFocusOut()\"\n      />\n      <div *ngIf=\"!searchDisabled\" class=\"o-search-fulltext__input__clear\">\n        <div class=\"o-search-fulltext__input__clear__wrapper\" (click)=\"onClearSearch($event)\">\n          <div\n            class=\"a-tooltip\"\n            [attr.data-tooltip]=\"'@pry.search.fulltext.clear' | i18n\"\n            data-tooltip-position=\"bottom\"\n          >\n            <pry-icon iconSvg=\"close\" [height]=\"16\" [width]=\"16\" [animation]=\"false\"></pry-icon>\n            <span class=\"u-visually-hidden\">{{ '@pry.search.fulltext.clear' | i18n }}</span>\n          </div>\n        </div>\n      </div>\n    </pry-choose-widget>\n  </div>\n\n  <button\n    #searchButton\n    class=\"a-btn a-btn--primary a-tooltip\"\n    (click)=\"onSearch()\"\n    [class.o-search-fulltext__button__inline]=\"mode === 'inline'\"\n    [ngClass]=\"{ ' -width-full': mode === 'vertical' }\"\n    [disabled]=\"searchDisabled\"\n    *ngIf=\"launchButton\"\n    [attr.data-tooltip]=\"'@pry.search.fulltext.search' | i18n\"\n    data-tooltip-position=\"bottom\"\n  >\n    <pry-icon iconSvg=\"search-line\" [animation]=\"false\"></pry-icon>\n    <span *ngIf=\"mode === 'vertical'\">{{ '@pry.search.fulltext.search' | i18n }}</span>\n    <span class=\"u-visually-hidden\">{{ '@pry.search.fulltext.search' | i18n }}</span>\n  </button>\n</div>\n\n<ng-template #classesOverlay>\n  <div\n    class=\"o-search-fulltext__classes-overlay\"\n    #chooseClasses\n    (keydown.escape)=\"closeFocus()\"\n    (keydown.arrowDown)=\"onArrowDown()\"\n    (keydown.arrowUp)=\"onArrowUp()\"\n  >\n    <button class=\"o-search-fulltext__classes-overlay__item\" (click)=\"onSelectAllClasses()\">\n      <pry-icon iconSvg=\"apps\" [width]=\"20\" [height]=\"20\"></pry-icon>\n      <span class=\"o-search-fulltext__classes-overlay__item__label\">{{\n        '@pry.search.fulltext.allClasses' | i18n\n      }}</span>\n    </button>\n    <ng-container *ngFor=\"let clazz of classes$ | async; let last = last\">\n      <button\n        type=\"button\"\n        class=\"o-search-fulltext__classes-overlay__item\"\n        (click)=\"onSelectClass(clazz)\"\n        [class.o-search-fulltext__classes-overlay__item__selected]=\"classesSelected.includes(clazz.id)\"\n        (keydown.tab)=\"last ? closeFocus() : null\"\n      >\n        <img\n          alt=\"class\"\n          [height]=\"20\"\n          [width]=\"20\"\n          [src]=\"clazz.id | translateId : { type: 'class', output: 'icon' } | async\"\n        />\n        <span class=\"o-search-fulltext__classes-overlay__item__label\">{{ clazz.name }}</span>\n      </button>\n    </ng-container>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.PryOverlayDirective, selector: "[pryOverlay]", inputs: ["pryOverlay", "styleReversed", "pryOverlaySticky", "pryOverlayNoPadding", "pryOverlayPosition", "overlayOpen", "hasBackdrop"], outputs: ["overlayOpenChange"] }, { kind: "component", type: i5.ChooseWidgetComponent, selector: "pry-choose-widget", inputs: ["panelOpen", "mode", "width"], outputs: ["selected"] }, { kind: "component", type: i6.PrySearchCssComponent, selector: "pry-search-css" }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslateIdPipe, name: "translateId" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PrySearchFulltextComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PrySearchFulltextComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-search-fulltext', template: "<pry-search-css></pry-search-css>\n<div class=\"o-search-fulltext\" [class.o-search-fulltext--vertical]=\"mode === 'vertical'\">\n  <div class=\"o-search-fulltext__container\">\n    <button\n      #searchClass\n      type=\"button\"\n      class=\"o-search-fulltext__classes\"\n      [class.o-search-fulltext__classes--inline]=\"mode === 'inline'\"\n      [pryOverlay]=\"classesOverlay\"\n      [(overlayOpen)]=\"panelClassesOpen\"\n      pryOverlayPosition=\"start-top\"\n      [pryOverlaySticky]=\"true\"\n      [pryOverlayNoPadding]=\"true\"\n      (click)=\"panelClassesOpen = true\"\n    >\n      <span\n        class=\"o-search-fulltext__classes__content a-tooltip\"\n        [attr.data-tooltip]=\"'@pry.search.fulltext.selectClass' | i18n\"\n        data-tooltip-position=\"bottom\"\n      >\n        <pry-icon\n          [iconSvg]=\"classesSelected.length === 0 ? 'apps' : 'detail'\"\n          [height]=\"20\"\n          [width]=\"20\"\n          [animation]=\"false\"\n        ></pry-icon>\n        <span class=\"o-search-fulltext__classes__content__label\" *ngIf=\"mode === 'inline'\">\n          {{ classesSelectedLabel | i18n : { nb: classesSelected.length } }}\n        </span>\n      </span>\n\n      <span class=\"o-search-fulltext__classes__arrow\">\n        <pry-icon\n          iconSvg=\"fleche_bas\"\n          [width]=\"17\"\n          [height]=\"17\"\n          [animation]=\"false\"\n          class=\"o-search-fulltext__classes__arrow__icon\"\n          [class.is-open]=\"panelClassesOpen\"\n        ></pry-icon>\n      </span>\n    </button>\n\n    <pry-choose-widget\n      [mode]=\"'input'\"\n      [class.m-choose-widget__input__inline]=\"mode === 'inline'\"\n      [panelOpen]=\"panelSearchOpen\"\n      [width]=\"searchPanelWidth ?? 200\"\n      (selected)=\"onSelectWidget($event)\"\n    >\n      <input\n        #searchInput\n        [(ngModel)]=\"search\"\n        (input)=\"onChangeSearch($event)\"\n        (focusin)=\"onOpenSearchPanel()\"\n        (focusout)=\"onFocusOut()\"\n      />\n      <div *ngIf=\"!searchDisabled\" class=\"o-search-fulltext__input__clear\">\n        <div class=\"o-search-fulltext__input__clear__wrapper\" (click)=\"onClearSearch($event)\">\n          <div\n            class=\"a-tooltip\"\n            [attr.data-tooltip]=\"'@pry.search.fulltext.clear' | i18n\"\n            data-tooltip-position=\"bottom\"\n          >\n            <pry-icon iconSvg=\"close\" [height]=\"16\" [width]=\"16\" [animation]=\"false\"></pry-icon>\n            <span class=\"u-visually-hidden\">{{ '@pry.search.fulltext.clear' | i18n }}</span>\n          </div>\n        </div>\n      </div>\n    </pry-choose-widget>\n  </div>\n\n  <button\n    #searchButton\n    class=\"a-btn a-btn--primary a-tooltip\"\n    (click)=\"onSearch()\"\n    [class.o-search-fulltext__button__inline]=\"mode === 'inline'\"\n    [ngClass]=\"{ ' -width-full': mode === 'vertical' }\"\n    [disabled]=\"searchDisabled\"\n    *ngIf=\"launchButton\"\n    [attr.data-tooltip]=\"'@pry.search.fulltext.search' | i18n\"\n    data-tooltip-position=\"bottom\"\n  >\n    <pry-icon iconSvg=\"search-line\" [animation]=\"false\"></pry-icon>\n    <span *ngIf=\"mode === 'vertical'\">{{ '@pry.search.fulltext.search' | i18n }}</span>\n    <span class=\"u-visually-hidden\">{{ '@pry.search.fulltext.search' | i18n }}</span>\n  </button>\n</div>\n\n<ng-template #classesOverlay>\n  <div\n    class=\"o-search-fulltext__classes-overlay\"\n    #chooseClasses\n    (keydown.escape)=\"closeFocus()\"\n    (keydown.arrowDown)=\"onArrowDown()\"\n    (keydown.arrowUp)=\"onArrowUp()\"\n  >\n    <button class=\"o-search-fulltext__classes-overlay__item\" (click)=\"onSelectAllClasses()\">\n      <pry-icon iconSvg=\"apps\" [width]=\"20\" [height]=\"20\"></pry-icon>\n      <span class=\"o-search-fulltext__classes-overlay__item__label\">{{\n        '@pry.search.fulltext.allClasses' | i18n\n      }}</span>\n    </button>\n    <ng-container *ngFor=\"let clazz of classes$ | async; let last = last\">\n      <button\n        type=\"button\"\n        class=\"o-search-fulltext__classes-overlay__item\"\n        (click)=\"onSelectClass(clazz)\"\n        [class.o-search-fulltext__classes-overlay__item__selected]=\"classesSelected.includes(clazz.id)\"\n        (keydown.tab)=\"last ? closeFocus() : null\"\n      >\n        <img\n          alt=\"class\"\n          [height]=\"20\"\n          [width]=\"20\"\n          [src]=\"clazz.id | translateId : { type: 'class', output: 'icon' } | async\"\n        />\n        <span class=\"o-search-fulltext__classes-overlay__item__label\">{{ clazz.name }}</span>\n      </button>\n    </ng-container>\n  </div>\n</ng-template>\n" }]
         }], ctorParameters: () => [{ type: i1.Store }], propDecorators: { searchButton: [{

package/esm2022/search/search-fulltext/store/search-fulltext.effects.mjs

@@ -29,10 +29,10 @@ export class SearchFulltextEffects {
             return SearchActions.search({ payload });
         })));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: SearchFulltextEffects, deps: [{ token: i1.Actions }, { token: i2.Store }, { token: i3.SearchFulltextService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: SearchFulltextEffects }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: SearchFulltextEffects, deps: [{ token: i1.Actions }, { token: i2.Store }, { token: i3.SearchFulltextService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: SearchFulltextEffects }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: SearchFulltextEffects, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: SearchFulltextEffects, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1.Actions }, { type: i2.Store }, { type: i3.SearchFulltextService }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLWZ1bGx0ZXh0LmVmZmVjdHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9wcm92b2x5L2Rhc2hib2FyZC9zZWFyY2gvc2VhcmNoLWZ1bGx0ZXh0L3N0b3JlL3NlYXJjaC1mdWxsdGV4dC5lZmZlY3RzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0MsT0FBTyxFQUFXLFlBQVksRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFOUQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLG1CQUFtQixFQUFFLHNCQUFzQixFQUFFLGFBQWEsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ25ILE9BQU8sRUFBRSxHQUFHLEVBQUUsY0FBYyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDckQsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7Ozs7O0FBSWxFLE1BQU0sT0FBTyxxQkFBcUI7SUF3QmhDLFlBQ1UsUUFBaUIsRUFDakIsS0FBaUIsRUFDakIscUJBQTRDO1FBRjVDLGFBQVEsR0FBUixRQUFRLENBQVM7UUFDakIsVUFBSyxHQUFMLEtBQUssQ0FBWTtRQUNqQiwwQkFBcUIsR0FBckIscUJBQXFCLENBQXVCO1FBMUJ0RCxZQUFPLEdBQUcsWUFBWSxDQUFDLEdBQUcsRUFBRSxDQUMxQixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FDaEIsTUFBTSxDQUFDLHFCQUFxQixDQUFDLE1BQU0sRUFBRSxxQkFBcUIsQ0FBQyxJQUFJLENBQUMsRUFDaEUsY0FBYyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLG1CQUFtQixDQUFDLFdBQVcsQ0FBQyxDQUFDLEVBQ2xFLEdBQUcsQ0FBQyxDQUFDLENBQUMsTUFBTSxFQUFFLFdBQVcsQ0FBQyxFQUFFLEVBQUU7WUFDNUIsTUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLHFCQUFxQixDQUFDLFlBQVksQ0FBQyxNQUFNLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQztZQUN2RixJQUFJLE1BQU0sQ0FBQyxJQUFJLEtBQUsscUJBQXFCLENBQUMsSUFBSSxDQUFDLElBQUksSUFBSSxzQkFBc0IsS0FBSyxNQUFNLEVBQUUsRUFBRSxFQUFFLENBQUM7Z0JBQzdGLE9BQU8saUJBQWlCLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQztvQkFDdkMsRUFBRSxFQUFFLE1BQU0sQ0FBQyxFQUFFLElBQUksV0FBVyxFQUFFLEVBQUU7b0JBQ2hDLElBQUksRUFBRSxNQUFNLENBQUMsZ0JBQWdCLENBQUMsSUFBSTtvQkFDbEMsV0FBVyxFQUFFLE1BQU0sQ0FBQyxnQkFBZ0IsRUFBRSxXQUFXO29CQUNqRCxVQUFVLEVBQUUsTUFBTSxDQUFDLGdCQUFnQixFQUFFLFVBQVU7b0JBQy9DLE9BQU87b0JBQ1AsS0FBSyxFQUFFLFdBQVcsRUFBRSxLQUFLO29CQUN6QixRQUFRLEVBQUUsV0FBVyxFQUFFLFFBQVEsSUFBSSxLQUFLO29CQUN4QyxNQUFNLEVBQUUsQ0FBQyxDQUFDLFdBQVc7aUJBQ3RCLENBQUMsQ0FBQztZQUNMLENBQUM7WUFDRCxPQUFPLGFBQWEsQ0FBQyxNQUFNLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxDQUFDO1FBQzNDLENBQUMsQ0FBQyxDQUNILENBQ0YsQ0FBQztJQU1DLENBQUM7OEdBNUJPLHFCQUFxQjtrSEFBckIscUJBQXFCOzsyRkFBckIscUJBQXFCO2tCQURqQyxVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWN0aW9ucywgY3JlYXRlRWZmZWN0LCBvZlR5cGUgfSBmcm9tICdAbmdyeC9lZmZlY3RzJztcbmltcG9ydCB7IFN0b3JlIH0gZnJvbSAnQG5ncngvc3RvcmUnO1xuaW1wb3J0IHsgRGF0YVNvdXJjZUFjdGlvbnMsIERhdGFTb3VyY2VTZWxlY3RvcnMsIERFRkFVTFRfTkFNRURfUVVFUllfSUQsIFNlYXJjaEFjdGlvbnMgfSBmcm9tICdAcHJvdm9seS9kYXNoYm9hcmQnO1xuaW1wb3J0IHsgbWFwLCB3aXRoTGF0ZXN0RnJvbSB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcbmltcG9ydCB7IHNlYXJjaEZ1bGx0ZXh0QWN0aW9ucyB9IGZyb20gJy4vc2VhcmNoLWZ1bGx0ZXh0LmFjdGlvbnMnO1xuaW1wb3J0IHsgU2VhcmNoRnVsbHRleHRTZXJ2aWNlIH0gZnJvbSAnLi9zZWFyY2gtZnVsbHRleHQuc2VydmljZSc7XG5cbkBJbmplY3RhYmxlKClcbmV4cG9ydCBjbGFzcyBTZWFyY2hGdWxsdGV4dEVmZmVjdHMge1xuICBzZWFyY2gkID0gY3JlYXRlRWZmZWN0KCgpID0+XG4gICAgdGhpcy5hY3Rpb25zJC5waXBlKFxuICAgICAgb2ZUeXBlKHNlYXJjaEZ1bGx0ZXh0QWN0aW9ucy5zZWFyY2gsIHNlYXJjaEZ1bGx0ZXh0QWN0aW9ucy5zYXZlKSxcbiAgICAgIHdpdGhMYXRlc3RGcm9tKHRoaXMuc3RvcmUuc2VsZWN0KERhdGFTb3VyY2VTZWxlY3RvcnMuY3VycmVudEVkaXQpKSxcbiAgICAgIG1hcCgoW2FjdGlvbiwgY3VycmVudEVkaXRdKSA9PiB7XG4gICAgICAgIGNvbnN0IHBheWxvYWQgPSB0aGlzLnNlYXJjaEZ1bGx0ZXh0U2VydmljZS5idWlsZFBheWxvYWQoYWN0aW9uLnNlYXJjaCwgYWN0aW9uLmNsYXNzZXMpO1xuICAgICAgICBpZiAoYWN0aW9uLnR5cGUgPT09IHNlYXJjaEZ1bGx0ZXh0QWN0aW9ucy5zYXZlLnR5cGUgJiYgREVGQVVMVF9OQU1FRF9RVUVSWV9JRCAhPT0gYWN0aW9uPy5pZCkge1xuICAgICAgICAgIHJldHVybiBEYXRhU291cmNlQWN0aW9ucy5uYW1lZFF1ZXJ5LnBvc3Qoe1xuICAgICAgICAgICAgaWQ6IGFjdGlvbi5pZCA/PyBjdXJyZW50RWRpdD8uaWQsXG4gICAgICAgICAgICBuYW1lOiBhY3Rpb24uZGVzY3JpcHRpb25RdWVyeS5uYW1lLFxuICAgICAgICAgICAgZGVzY3JpcHRpb246IGFjdGlvbi5kZXNjcmlwdGlvblF1ZXJ5Py5kZXNjcmlwdGlvbixcbiAgICAgICAgICAgIHZpc2liaWxpdHk6IGFjdGlvbi5kZXNjcmlwdGlvblF1ZXJ5Py52aXNpYmlsaXR5LFxuICAgICAgICAgICAgcGF5bG9hZCxcbiAgICAgICAgICAgIGNvbG9yOiBjdXJyZW50RWRpdD8uY29sb3IsXG4gICAgICAgICAgICBmYXZvcml0ZTogY3VycmVudEVkaXQ/LmZhdm9yaXRlID8/IGZhbHNlLFxuICAgICAgICAgICAgaXNFZGl0OiAhIWN1cnJlbnRFZGl0XG4gICAgICAgICAgfSk7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIFNlYXJjaEFjdGlvbnMuc2VhcmNoKHsgcGF5bG9hZCB9KTtcbiAgICAgIH0pXG4gICAgKVxuICApO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgYWN0aW9ucyQ6IEFjdGlvbnMsXG4gICAgcHJpdmF0ZSBzdG9yZTogU3RvcmU8YW55PixcbiAgICBwcml2YXRlIHNlYXJjaEZ1bGx0ZXh0U2VydmljZTogU2VhcmNoRnVsbHRleHRTZXJ2aWNlXG4gICkge31cbn1cbiJdfQ==

package/esm2022/search/search-fulltext/store/search-fulltext.service.mjs

@@ -12,10 +12,10 @@ export class SearchFulltextService {
             }
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: SearchFulltextService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: SearchFulltextService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: SearchFulltextService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: SearchFulltextService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: SearchFulltextService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: SearchFulltextService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });

package/esm2022/search/search-home/search-home.component.mjs

@@ -175,10 +175,10 @@ export class PrySearchHomeComponent {
     ngOnDestroy() {
         this.subscription.unsubscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PrySearchHomeComponent, deps: [{ token: i1.Store }, { token: i2.Overlay }, { token: i0.ViewContainerRef }, { token: i3.PryDialogService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: PrySearchHomeComponent, selector: "pry-search-home", inputs: { searchFulltextTpl: "searchFulltextTpl", isMoreList: "isMoreList" }, outputs: { changeListView: "changeListView", changeSearchCriteria: "changeSearchCriteria" }, viewQueries: [{ propertyName: "templateSpot", first: true, predicate: ["templateSpot"], descendants: true, read: TemplateRef }, { propertyName: "templateRefresh", first: true, predicate: ["templateRefresh"], descendants: true, read: TemplateRef }], ngImport: i0, template: "<pry-search-css></pry-search-css>\n<div class=\"o-pry-search-home__named-query\">\n  <ng-container *ngIf=\"namedQueryList$ | async as namedQuery\">\n    <ng-container *ngIf=\"namedQuery.length > 0; else noNamedQuery\">\n      <div class=\"o-pry-search-home__named-query__card\">\n        <pry-expand-panel [open]=\"true\">\n          <pry-expand-panel-title>{{ '@pry.search.home.title' | i18n }}</pry-expand-panel-title>\n\n          <pry-card *ngFor=\"let nq of namedQuery.length > 1 && !isMoreList ? namedQuery.slice(0, 2) : namedQuery\">\n            <pry-card-header [marker]=\"true\">\n              <pry-card-icon>\n                <pry-nq-color-selector [datasource]=\"nq\" [disabled]=\"true\"></pry-nq-color-selector>\n                <img\n                  [alt]=\"nq.id | translateId : { type: 'datasource', output: 'name' } | async\"\n                  [height]=\"22\"\n                  [width]=\"22\"\n                  [src]=\"nq.id | translateId : { type: 'datasource', output: 'icon' } | async\"\n                />\n              </pry-card-icon>\n\n              <pry-card-title>\n                <div class=\"o-pry-card-title__text\" aria-describedby=\"infoTooltip_searchHome\">\n                  <div class=\"a-p o-pry-card-title__text__title\">{{ nq.name }}</div>\n                  <div class=\"a-p o-pry-card-title__text__description\" *ngIf=\"nq.description\">{{ nq.description }}</div>\n                </div>\n                <ng-template #infoTooltip>\n                  <div class=\"m-tooltip\" role=\"tooltip\" id=\"infoTooltip_searchHome\">\n                    <span class=\"m-tooltip__text\">\n                      {{ nq.name }}\n                    </span>\n                    <span class=\"m-tooltip__description\" *ngIf=\"nq.description\">\n                      {{ nq.description }}\n                    </span>\n                  </div>\n                </ng-template>\n                <pry-icon\n                  class=\"o-pry-card-title__pin\"\n                  *ngIf=\"nq.favorite\"\n                  [width]=\"18\"\n                  [height]=\"18\"\n                  aria-label=\"favorite\"\n                  iconSvg=\"epingle\"\n                ></pry-icon>\n\n                <button\n                  [attr.data-tooltip]=\"'@pry.search.home.showAssociatedWidget' | i18n\"\n                  data-tooltip-position=\"bottom\"\n                  class=\"a-tooltip a-btn a-btn--secondary -size-sm -override-tooltip-position\"\n                  (click)=\"onSearchNamedQuery(nq.id)\"\n                  *ngIf=\"(layout$ | async) !== DashboardGridLayout.MANUAL\"\n                >\n                  {{ '@pry.search.namedQuery.display' | i18n }}\n                  <span class=\"u-visually-hidden\">{{ '@pry.search.home.associatedWidget' | i18n }}</span>\n                </button>\n              </pry-card-title>\n\n              <pry-card-menu>\n                <div class=\"o-pry-card-menu__nav\">\n                  <button\n                    type=\"button\"\n                    class=\"a-btn a-btn--icon-text o-pry-card-menu__nav__item\"\n                    (click)=\"onFavorite(nq.id, nq.favorite)\"\n                  >\n                    <pry-icon iconSvg=\"epingle\"></pry-icon>\n                    {{ (nq.favorite ? '@pry.search.namedQuery.noFavorite' : '@pry.search.namedQuery.favorite') | i18n }}\n                  </button>\n                  <pry-card-menu (click)=\"refresh(nq.id)\" class=\"refreshbt\">\n                    <button type=\"button\" class=\"a-btn a-btn--icon-text o-pry-card-menu__nav__item\">\n                      <pry-icon iconSvg=\"synchro\"></pry-icon>\n                      {{ '@pry.search.namedQuery.refreshData' | i18n }}\n                    </button>\n                  </pry-card-menu>\n                  <pry-card-menu *ngIf=\"(layout$ | async) !== DashboardGridLayout.MANUAL\">\n                    <button\n                      type=\"button\"\n                      class=\"a-btn a-btn--icon-text o-pry-card-menu__nav__item\"\n                      (click)=\"loadOpened = nq.id; $event.stopPropagation()\"\n                      cdkOverlayOrigin\n                      #triggerLoad=\"cdkOverlayOrigin\"\n                    >\n                      <pry-icon iconSvg=\"file_download\"></pry-icon>\n                      {{ '@pry.search.namedQuery.display' | i18n }}\n                      <pry-icon\n                        iconSvg=\"fleche_haut\"\n                        [ngStyle]=\"{ transform: 'rotate(90deg)', marginLeft: 'auto' }\"\n                      ></pry-icon>\n                    </button>\n\n                    <ng-template\n                      cdkConnectedOverlay\n                      [cdkConnectedOverlayOrigin]=\"triggerLoad\"\n                      [cdkConnectedOverlayOpen]=\"loadOpened === nq.id\"\n                      [cdkConnectedOverlayHasBackdrop]=\"true\"\n                      [cdkConnectedOverlayPositions]=\"[connectedPosition]\"\n                      cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n                      (backdropClick)=\"loadOpened = undefined\"\n                    >\n                      <div class=\"o-draggable-menu -search-home\">\n                        <ul class=\"o-draggable-menu__list\">\n                          <ng-container *ngFor=\"let menu of structure\">\n                            <li class=\"o-draggable-menu__list__item\">\n                              <button class=\"a-btn\" aria-haspopup=\"true\" aria-expanded=\"false\">\n                                <pry-icon [iconSvg]=\"menu.icon\"></pry-icon>\n                                {{ menu.label | i18n }}\n                              </button>\n\n                              <ul class=\"o-draggable-menu__list__submenu\">\n                                <ng-container *ngFor=\"let sub of menu.sub\">\n                                  <li class=\"o-draggable-menu__list__submenu__item\">\n                                    <button class=\"a-btn\" (click)=\"loadWidget(nq.id, sub)\">\n                                      <pry-icon [iconSvg]=\"sub.icon\"></pry-icon>\n                                      {{ sub.label | i18n }}\n                                    </button>\n                                  </li>\n                                </ng-container>\n                              </ul>\n                            </li>\n                          </ng-container>\n                        </ul>\n                      </div>\n                    </ng-template>\n                  </pry-card-menu>\n\n                  <pry-card-menu class=\"o-pry-card-menu__nav__item\">\n                    <pry-nq-color-selector [ngStyle]=\"{ width: '100%' }\" [datasource]=\"nq\"></pry-nq-color-selector>\n                  </pry-card-menu>\n\n                  <pry-card-menu (click)=\"onSpot(nq.id, $event)\">\n                    <button type=\"button\" class=\"a-btn a-btn--icon-text o-pry-card-menu__nav__item\">\n                      <pry-icon iconSvg=\"mode_clic\"></pry-icon>\n                      {{ '@pry.search.namedQuery.spot' | i18n }}\n                      <pry-icon\n                        iconSvg=\"fleche_haut\"\n                        [ngStyle]=\"{ transform: 'rotate(90deg)', marginLeft: 'auto' }\"\n                      ></pry-icon>\n                    </button>\n                  </pry-card-menu>\n                  <pry-card-menu (click)=\"onRefresh(nq.id, $event)\">\n                    <button type=\"button\" class=\"a-btn a-btn--icon-text o-pry-card-menu__nav__item\">\n                      <pry-icon iconSvg=\"history-line\"></pry-icon>\n                      {{ '@pry.search.namedQuery.refresh.title' | i18n }}\n                      <pry-icon\n                        iconSvg=\"fleche_haut\"\n                        [ngStyle]=\"{ transform: 'rotate(90deg)', marginLeft: 'auto' }\"\n                      ></pry-icon>\n                    </button>\n                  </pry-card-menu>\n                  <button\n                    type=\"button\"\n                    class=\"a-btn a-btn--icon-text o-pry-card-menu__nav__item\"\n                    (click)=\"onDelete(nq)\"\n                    *ngIf=\"nq.owner\"\n                  >\n                    <pry-icon iconSvg=\"delete\"></pry-icon>\n                    {{ '@pry.search.namedQuery.delete' | i18n }}\n                  </button>\n                  <button\n                    type=\"button\"\n                    class=\"a-btn a-btn--icon-text o-pry-card-menu__nav__item\"\n                    (click)=\"onRename(nq)\"\n                    *ngIf=\"nq.owner\"\n                  >\n                    <pry-icon iconSvg=\"renamed\"></pry-icon>\n                    {{ '@pry.search.namedQuery.rename' | i18n }}\n                  </button>\n                  <button\n                    type=\"button\"\n                    class=\"a-btn a-btn--icon-text o-pry-card-menu__nav__item\"\n                    (click)=\"onEdit(nq)\"\n                    (keydown.tab)=\"hideSpot()\"\n                  >\n                    <pry-icon iconSvg=\"edit\"></pry-icon>\n                    {{ '@pry.search.namedQuery.edit' | i18n }}\n                  </button>\n                </div>\n              </pry-card-menu>\n            </pry-card-header>\n          </pry-card>\n        </pry-expand-panel>\n      </div>\n      <button\n        class=\"a-btn -link-like\"\n        aria-pressed=\"false\"\n        id=\"btn_view_more\"\n        *ngIf=\"namedQuery.length > 2\"\n        (click)=\"onChangeListView(isMoreList)\"\n      >\n        {{ isMoreList ? ('@pry.search.namedQuery.seeLess' | i18n) : ('@pry.search.namedQuery.seeMore' | i18n) }}\n      </button>\n    </ng-container>\n\n    <ng-template #noNamedQuery>\n      <p class=\"search-home__container-search\">{{ '@pry.search.namedQuery.emptyNamedQuery' | i18n }}</p>\n    </ng-template>\n  </ng-container>\n</div>\n\n<div class=\"o-pry-search-home__search\">\n  <h3 class=\"a-h3\">{{ '@pry.search.home.ssTitle' | i18n }}</h3>\n  <ng-container *ngIf=\"searchFulltextTpl\">\n    <ng-container [ngTemplateOutlet]=\"searchFulltextTpl\"></ng-container>\n    <p class=\"a-p o-pry-search-home__search__or\">{{ '@pry.search.home.or' | i18n }}</p>\n  </ng-container>\n  <button class=\"a-btn a-btn--primary -width-full\" (click)=\"onSearchCriteria()\">\n    <pry-icon [width]=\"20\" [height]=\"20\" iconSvg=\"search-criteria\"></pry-icon>\n    {{ '@pry.search.home.searchByCriteria' | i18n }}\n    <pry-icon iconSvg=\"arrow_right\"></pry-icon>\n  </button>\n</div>\n\n<ng-template #templateSpot>\n  <div (mouseleave)=\"hideSpot()\">\n    {{\n      ((spottingWidget$ | async)?.length ?? 0 > 0\n        ? '@pry.search.namedQuery.spotTitle'\n        : '@pry.search.namedQuery.noSpot'\n      ) | i18n : { length: (spottingWidget$ | async)?.length }\n    }}\n    <div *ngFor=\"let use of spottingWidget$ | async\" class=\"spot-line\">\n      <pry-icon [width]=\"20\" [height]=\"20\" [iconSvg]=\"icons[use.type]\"></pry-icon>\n      {{ '@pry.search.namedQuery.type.' + use.type | i18n }} - {{ '@pry.search.namedQuery.use' | i18n : use }}\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #templateRefresh>\n  <div>\n    <button\n      *ngFor=\"let option of refreshOptions\"\n      class=\"refresh-line a-btn a-btn--icon-text -size-sm\"\n      (click)=\"selectRefresh(option)\"\n    >\n      <pry-icon\n        [width]=\"20\"\n        [height]=\"20\"\n        iconSvg=\"check\"\n        *ngIf=\"(((refreshRates$ | async) ?? {})[refreshId] ?? 0) === option\"\n      ></pry-icon>\n      {{ '@pry.search.namedQuery.refresh.' + option | i18n }}\n    </button>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3.PryNqColorSelectorComponent, selector: "pry-nq-color-selector", inputs: ["disabled", "datasource"], outputs: ["colorChanged"] }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i2.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: i2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: i5.PryExpandPanelComponent, selector: "pry-expand-panel", inputs: ["open"] }, { kind: "directive", type: i5.PryExpansionPanelTitleDirective, selector: "pry-expand-panel-title" }, { kind: "component", type: i6.PryCardComponent, selector: "pry-card", inputs: ["selected"], outputs: ["statusChange"] }, { kind: "directive", type: i6.PryCardIconDirective, selector: "pry-card-icon, [pry-card-icon], [pryCardIcon]" }, { kind: "directive", type: i6.PryCardTitleDirective, selector: "pry-card-title, [o-pry-card-title], [pryCardTitle]" }, { kind: "directive", type: i6.PryCardMenuDirective, selector: "pry-card-menu", outputs: ["closeMenu$"], exportAs: ["pryCardMenu"] }, { kind: "component", type: i6.PryCardHeaderComponent, selector: "pry-card-header", inputs: ["marker"] }, { kind: "component", type: i7.PrySearchCssComponent, selector: "pry-search-css" }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslateIdPipe, name: "translateId" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PrySearchHomeComponent, deps: [{ token: i1.Store }, { token: i2.Overlay }, { token: i0.ViewContainerRef }, { token: i3.PryDialogService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: PrySearchHomeComponent, selector: "pry-search-home", inputs: { searchFulltextTpl: "searchFulltextTpl", isMoreList: "isMoreList" }, outputs: { changeListView: "changeListView", changeSearchCriteria: "changeSearchCriteria" }, viewQueries: [{ propertyName: "templateSpot", first: true, predicate: ["templateSpot"], descendants: true, read: TemplateRef }, { propertyName: "templateRefresh", first: true, predicate: ["templateRefresh"], descendants: true, read: TemplateRef }], ngImport: i0, template: "<pry-search-css></pry-search-css>\n<div class=\"o-pry-search-home__named-query\">\n  <ng-container *ngIf=\"namedQueryList$ | async as namedQuery\">\n    <ng-container *ngIf=\"namedQuery.length > 0; else noNamedQuery\">\n      <div class=\"o-pry-search-home__named-query__card\">\n        <pry-expand-panel [open]=\"true\">\n          <pry-expand-panel-title>{{ '@pry.search.home.title' | i18n }}</pry-expand-panel-title>\n\n          <pry-card *ngFor=\"let nq of namedQuery.length > 1 && !isMoreList ? namedQuery.slice(0, 2) : namedQuery\">\n            <pry-card-header [marker]=\"true\">\n              <pry-card-icon>\n                <pry-nq-color-selector [datasource]=\"nq\" [disabled]=\"true\"></pry-nq-color-selector>\n                <img\n                  [alt]=\"nq.id | translateId : { type: 'datasource', output: 'name' } | async\"\n                  [height]=\"22\"\n                  [width]=\"22\"\n                  [src]=\"nq.id | translateId : { type: 'datasource', output: 'icon' } | async\"\n                />\n              </pry-card-icon>\n\n              <pry-card-title>\n                <div class=\"o-pry-card-title__text\" aria-describedby=\"infoTooltip_searchHome\">\n                  <div class=\"a-p o-pry-card-title__text__title\">{{ nq.name }}</div>\n                  <div class=\"a-p o-pry-card-title__text__description\" *ngIf=\"nq.description\">{{ nq.description }}</div>\n                </div>\n                <ng-template #infoTooltip>\n                  <div class=\"m-tooltip\" role=\"tooltip\" id=\"infoTooltip_searchHome\">\n                    <span class=\"m-tooltip__text\">\n                      {{ nq.name }}\n                    </span>\n                    <span class=\"m-tooltip__description\" *ngIf=\"nq.description\">\n                      {{ nq.description }}\n                    </span>\n                  </div>\n                </ng-template>\n                <pry-icon\n                  class=\"o-pry-card-title__pin\"\n                  *ngIf=\"nq.favorite\"\n                  [width]=\"18\"\n                  [height]=\"18\"\n                  aria-label=\"favorite\"\n                  iconSvg=\"epingle\"\n                ></pry-icon>\n\n                <button\n                  [attr.data-tooltip]=\"'@pry.search.home.showAssociatedWidget' | i18n\"\n                  data-tooltip-position=\"bottom\"\n                  class=\"a-tooltip a-btn a-btn--secondary -size-sm -override-tooltip-position\"\n                  (click)=\"onSearchNamedQuery(nq.id)\"\n                  *ngIf=\"(layout$ | async) !== DashboardGridLayout.MANUAL\"\n                >\n                  {{ '@pry.search.namedQuery.display' | i18n }}\n                  <span class=\"u-visually-hidden\">{{ '@pry.search.home.associatedWidget' | i18n }}</span>\n                </button>\n              </pry-card-title>\n\n              <pry-card-menu>\n                <div class=\"o-pry-card-menu__nav\">\n                  <button\n                    type=\"button\"\n                    class=\"a-btn a-btn--icon-text o-pry-card-menu__nav__item\"\n                    (click)=\"onFavorite(nq.id, nq.favorite)\"\n                  >\n                    <pry-icon iconSvg=\"epingle\"></pry-icon>\n                    {{ (nq.favorite ? '@pry.search.namedQuery.noFavorite' : '@pry.search.namedQuery.favorite') | i18n }}\n                  </button>\n                  <pry-card-menu (click)=\"refresh(nq.id)\" class=\"refreshbt\">\n                    <button type=\"button\" class=\"a-btn a-btn--icon-text o-pry-card-menu__nav__item\">\n                      <pry-icon iconSvg=\"synchro\"></pry-icon>\n                      {{ '@pry.search.namedQuery.refreshData' | i18n }}\n                    </button>\n                  </pry-card-menu>\n                  <pry-card-menu *ngIf=\"(layout$ | async) !== DashboardGridLayout.MANUAL\">\n                    <button\n                      type=\"button\"\n                      class=\"a-btn a-btn--icon-text o-pry-card-menu__nav__item\"\n                      (click)=\"loadOpened = nq.id; $event.stopPropagation()\"\n                      cdkOverlayOrigin\n                      #triggerLoad=\"cdkOverlayOrigin\"\n                    >\n                      <pry-icon iconSvg=\"file_download\"></pry-icon>\n                      {{ '@pry.search.namedQuery.display' | i18n }}\n                      <pry-icon\n                        iconSvg=\"fleche_haut\"\n                        [ngStyle]=\"{ transform: 'rotate(90deg)', marginLeft: 'auto' }\"\n                      ></pry-icon>\n                    </button>\n\n                    <ng-template\n                      cdkConnectedOverlay\n                      [cdkConnectedOverlayOrigin]=\"triggerLoad\"\n                      [cdkConnectedOverlayOpen]=\"loadOpened === nq.id\"\n                      [cdkConnectedOverlayHasBackdrop]=\"true\"\n                      [cdkConnectedOverlayPositions]=\"[connectedPosition]\"\n                      cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n                      (backdropClick)=\"loadOpened = undefined\"\n                    >\n                      <div class=\"o-draggable-menu -search-home\">\n                        <ul class=\"o-draggable-menu__list\">\n                          <ng-container *ngFor=\"let menu of structure\">\n                            <li class=\"o-draggable-menu__list__item\">\n                              <button class=\"a-btn\" aria-haspopup=\"true\" aria-expanded=\"false\">\n                                <pry-icon [iconSvg]=\"menu.icon\"></pry-icon>\n                                {{ menu.label | i18n }}\n                              </button>\n\n                              <ul class=\"o-draggable-menu__list__submenu\">\n                                <ng-container *ngFor=\"let sub of menu.sub\">\n                                  <li class=\"o-draggable-menu__list__submenu__item\">\n                                    <button class=\"a-btn\" (click)=\"loadWidget(nq.id, sub)\">\n                                      <pry-icon [iconSvg]=\"sub.icon\"></pry-icon>\n                                      {{ sub.label | i18n }}\n                                    </button>\n                                  </li>\n                                </ng-container>\n                              </ul>\n                            </li>\n                          </ng-container>\n                        </ul>\n                      </div>\n                    </ng-template>\n                  </pry-card-menu>\n\n                  <pry-card-menu class=\"o-pry-card-menu__nav__item\">\n                    <pry-nq-color-selector [ngStyle]=\"{ width: '100%' }\" [datasource]=\"nq\"></pry-nq-color-selector>\n                  </pry-card-menu>\n\n                  <pry-card-menu (click)=\"onSpot(nq.id, $event)\">\n                    <button type=\"button\" class=\"a-btn a-btn--icon-text o-pry-card-menu__nav__item\">\n                      <pry-icon iconSvg=\"mode_clic\"></pry-icon>\n                      {{ '@pry.search.namedQuery.spot' | i18n }}\n                      <pry-icon\n                        iconSvg=\"fleche_haut\"\n                        [ngStyle]=\"{ transform: 'rotate(90deg)', marginLeft: 'auto' }\"\n                      ></pry-icon>\n                    </button>\n                  </pry-card-menu>\n                  <pry-card-menu (click)=\"onRefresh(nq.id, $event)\">\n                    <button type=\"button\" class=\"a-btn a-btn--icon-text o-pry-card-menu__nav__item\">\n                      <pry-icon iconSvg=\"history-line\"></pry-icon>\n                      {{ '@pry.search.namedQuery.refresh.title' | i18n }}\n                      <pry-icon\n                        iconSvg=\"fleche_haut\"\n                        [ngStyle]=\"{ transform: 'rotate(90deg)', marginLeft: 'auto' }\"\n                      ></pry-icon>\n                    </button>\n                  </pry-card-menu>\n                  <button\n                    type=\"button\"\n                    class=\"a-btn a-btn--icon-text o-pry-card-menu__nav__item\"\n                    (click)=\"onDelete(nq)\"\n                    *ngIf=\"nq.owner\"\n                  >\n                    <pry-icon iconSvg=\"delete\"></pry-icon>\n                    {{ '@pry.search.namedQuery.delete' | i18n }}\n                  </button>\n                  <button\n                    type=\"button\"\n                    class=\"a-btn a-btn--icon-text o-pry-card-menu__nav__item\"\n                    (click)=\"onRename(nq)\"\n                    *ngIf=\"nq.owner\"\n                  >\n                    <pry-icon iconSvg=\"renamed\"></pry-icon>\n                    {{ '@pry.search.namedQuery.rename' | i18n }}\n                  </button>\n                  <button\n                    type=\"button\"\n                    class=\"a-btn a-btn--icon-text o-pry-card-menu__nav__item\"\n                    (click)=\"onEdit(nq)\"\n                    (keydown.tab)=\"hideSpot()\"\n                  >\n                    <pry-icon iconSvg=\"edit\"></pry-icon>\n                    {{ '@pry.search.namedQuery.edit' | i18n }}\n                  </button>\n                </div>\n              </pry-card-menu>\n            </pry-card-header>\n          </pry-card>\n        </pry-expand-panel>\n      </div>\n      <button\n        class=\"a-btn -link-like\"\n        aria-pressed=\"false\"\n        id=\"btn_view_more\"\n        *ngIf=\"namedQuery.length > 2\"\n        (click)=\"onChangeListView(isMoreList)\"\n      >\n        {{ isMoreList ? ('@pry.search.namedQuery.seeLess' | i18n) : ('@pry.search.namedQuery.seeMore' | i18n) }}\n      </button>\n    </ng-container>\n\n    <ng-template #noNamedQuery>\n      <p class=\"search-home__container-search\">{{ '@pry.search.namedQuery.emptyNamedQuery' | i18n }}</p>\n    </ng-template>\n  </ng-container>\n</div>\n\n<div class=\"o-pry-search-home__search\">\n  <h3 class=\"a-h3\">{{ '@pry.search.home.ssTitle' | i18n }}</h3>\n  <ng-container *ngIf=\"searchFulltextTpl\">\n    <ng-container [ngTemplateOutlet]=\"searchFulltextTpl\"></ng-container>\n    <p class=\"a-p o-pry-search-home__search__or\">{{ '@pry.search.home.or' | i18n }}</p>\n  </ng-container>\n  <button class=\"a-btn a-btn--primary -width-full\" (click)=\"onSearchCriteria()\">\n    <pry-icon [width]=\"20\" [height]=\"20\" iconSvg=\"search-criteria\"></pry-icon>\n    {{ '@pry.search.home.searchByCriteria' | i18n }}\n    <pry-icon iconSvg=\"arrow_right\"></pry-icon>\n  </button>\n</div>\n\n<ng-template #templateSpot>\n  <div (mouseleave)=\"hideSpot()\">\n    {{\n      ((spottingWidget$ | async)?.length ?? 0 > 0\n        ? '@pry.search.namedQuery.spotTitle'\n        : '@pry.search.namedQuery.noSpot'\n      ) | i18n : { length: (spottingWidget$ | async)?.length }\n    }}\n    <div *ngFor=\"let use of spottingWidget$ | async\" class=\"spot-line\">\n      <pry-icon [width]=\"20\" [height]=\"20\" [iconSvg]=\"icons[use.type]\"></pry-icon>\n      {{ '@pry.search.namedQuery.type.' + use.type | i18n }} - {{ '@pry.search.namedQuery.use' | i18n : use }}\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #templateRefresh>\n  <div>\n    <button\n      *ngFor=\"let option of refreshOptions\"\n      class=\"refresh-line a-btn a-btn--icon-text -size-sm\"\n      (click)=\"selectRefresh(option)\"\n    >\n      <pry-icon\n        [width]=\"20\"\n        [height]=\"20\"\n        iconSvg=\"check\"\n        *ngIf=\"(((refreshRates$ | async) ?? {})[refreshId] ?? 0) === option\"\n      ></pry-icon>\n      {{ '@pry.search.namedQuery.refresh.' + option | i18n }}\n    </button>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3.PryNqColorSelectorComponent, selector: "pry-nq-color-selector", inputs: ["disabled", "datasource"], outputs: ["colorChanged"] }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i2.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: i2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: i5.PryExpandPanelComponent, selector: "pry-expand-panel", inputs: ["open"] }, { kind: "directive", type: i5.PryExpansionPanelTitleDirective, selector: "pry-expand-panel-title" }, { kind: "component", type: i6.PryCardComponent, selector: "pry-card", inputs: ["selected"], outputs: ["statusChange"] }, { kind: "directive", type: i6.PryCardIconDirective, selector: "pry-card-icon, [pry-card-icon], [pryCardIcon]" }, { kind: "directive", type: i6.PryCardTitleDirective, selector: "pry-card-title, [o-pry-card-title], [pryCardTitle]" }, { kind: "directive", type: i6.PryCardMenuDirective, selector: "pry-card-menu", outputs: ["closeMenu$"], exportAs: ["pryCardMenu"] }, { kind: "component", type: i6.PryCardHeaderComponent, selector: "pry-card-header", inputs: ["marker"] }, { kind: "component", type: i7.PrySearchCssComponent, selector: "pry-search-css" }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslateIdPipe, name: "translateId" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PrySearchHomeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PrySearchHomeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-search-home', template: "<pry-search-css></pry-search-css>\n<div class=\"o-pry-search-home__named-query\">\n  <ng-container *ngIf=\"namedQueryList$ | async as namedQuery\">\n    <ng-container *ngIf=\"namedQuery.length > 0; else noNamedQuery\">\n      <div class=\"o-pry-search-home__named-query__card\">\n        <pry-expand-panel [open]=\"true\">\n          <pry-expand-panel-title>{{ '@pry.search.home.title' | i18n }}</pry-expand-panel-title>\n\n          <pry-card *ngFor=\"let nq of namedQuery.length > 1 && !isMoreList ? namedQuery.slice(0, 2) : namedQuery\">\n            <pry-card-header [marker]=\"true\">\n              <pry-card-icon>\n                <pry-nq-color-selector [datasource]=\"nq\" [disabled]=\"true\"></pry-nq-color-selector>\n                <img\n                  [alt]=\"nq.id | translateId : { type: 'datasource', output: 'name' } | async\"\n                  [height]=\"22\"\n                  [width]=\"22\"\n                  [src]=\"nq.id | translateId : { type: 'datasource', output: 'icon' } | async\"\n                />\n              </pry-card-icon>\n\n              <pry-card-title>\n                <div class=\"o-pry-card-title__text\" aria-describedby=\"infoTooltip_searchHome\">\n                  <div class=\"a-p o-pry-card-title__text__title\">{{ nq.name }}</div>\n                  <div class=\"a-p o-pry-card-title__text__description\" *ngIf=\"nq.description\">{{ nq.description }}</div>\n                </div>\n                <ng-template #infoTooltip>\n                  <div class=\"m-tooltip\" role=\"tooltip\" id=\"infoTooltip_searchHome\">\n                    <span class=\"m-tooltip__text\">\n                      {{ nq.name }}\n                    </span>\n                    <span class=\"m-tooltip__description\" *ngIf=\"nq.description\">\n                      {{ nq.description }}\n                    </span>\n                  </div>\n                </ng-template>\n                <pry-icon\n                  class=\"o-pry-card-title__pin\"\n                  *ngIf=\"nq.favorite\"\n                  [width]=\"18\"\n                  [height]=\"18\"\n                  aria-label=\"favorite\"\n                  iconSvg=\"epingle\"\n                ></pry-icon>\n\n                <button\n                  [attr.data-tooltip]=\"'@pry.search.home.showAssociatedWidget' | i18n\"\n                  data-tooltip-position=\"bottom\"\n                  class=\"a-tooltip a-btn a-btn--secondary -size-sm -override-tooltip-position\"\n                  (click)=\"onSearchNamedQuery(nq.id)\"\n                  *ngIf=\"(layout$ | async) !== DashboardGridLayout.MANUAL\"\n                >\n                  {{ '@pry.search.namedQuery.display' | i18n }}\n                  <span class=\"u-visually-hidden\">{{ '@pry.search.home.associatedWidget' | i18n }}</span>\n                </button>\n              </pry-card-title>\n\n              <pry-card-menu>\n                <div class=\"o-pry-card-menu__nav\">\n                  <button\n                    type=\"button\"\n                    class=\"a-btn a-btn--icon-text o-pry-card-menu__nav__item\"\n                    (click)=\"onFavorite(nq.id, nq.favorite)\"\n                  >\n                    <pry-icon iconSvg=\"epingle\"></pry-icon>\n                    {{ (nq.favorite ? '@pry.search.namedQuery.noFavorite' : '@pry.search.namedQuery.favorite') | i18n }}\n                  </button>\n                  <pry-card-menu (click)=\"refresh(nq.id)\" class=\"refreshbt\">\n                    <button type=\"button\" class=\"a-btn a-btn--icon-text o-pry-card-menu__nav__item\">\n                      <pry-icon iconSvg=\"synchro\"></pry-icon>\n                      {{ '@pry.search.namedQuery.refreshData' | i18n }}\n                    </button>\n                  </pry-card-menu>\n                  <pry-card-menu *ngIf=\"(layout$ | async) !== DashboardGridLayout.MANUAL\">\n                    <button\n                      type=\"button\"\n                      class=\"a-btn a-btn--icon-text o-pry-card-menu__nav__item\"\n                      (click)=\"loadOpened = nq.id; $event.stopPropagation()\"\n                      cdkOverlayOrigin\n                      #triggerLoad=\"cdkOverlayOrigin\"\n                    >\n                      <pry-icon iconSvg=\"file_download\"></pry-icon>\n                      {{ '@pry.search.namedQuery.display' | i18n }}\n                      <pry-icon\n                        iconSvg=\"fleche_haut\"\n                        [ngStyle]=\"{ transform: 'rotate(90deg)', marginLeft: 'auto' }\"\n                      ></pry-icon>\n                    </button>\n\n                    <ng-template\n                      cdkConnectedOverlay\n                      [cdkConnectedOverlayOrigin]=\"triggerLoad\"\n                      [cdkConnectedOverlayOpen]=\"loadOpened === nq.id\"\n                      [cdkConnectedOverlayHasBackdrop]=\"true\"\n                      [cdkConnectedOverlayPositions]=\"[connectedPosition]\"\n                      cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n                      (backdropClick)=\"loadOpened = undefined\"\n                    >\n                      <div class=\"o-draggable-menu -search-home\">\n                        <ul class=\"o-draggable-menu__list\">\n                          <ng-container *ngFor=\"let menu of structure\">\n                            <li class=\"o-draggable-menu__list__item\">\n                              <button class=\"a-btn\" aria-haspopup=\"true\" aria-expanded=\"false\">\n                                <pry-icon [iconSvg]=\"menu.icon\"></pry-icon>\n                                {{ menu.label | i18n }}\n                              </button>\n\n                              <ul class=\"o-draggable-menu__list__submenu\">\n                                <ng-container *ngFor=\"let sub of menu.sub\">\n                                  <li class=\"o-draggable-menu__list__submenu__item\">\n                                    <button class=\"a-btn\" (click)=\"loadWidget(nq.id, sub)\">\n                                      <pry-icon [iconSvg]=\"sub.icon\"></pry-icon>\n                                      {{ sub.label | i18n }}\n                                    </button>\n                                  </li>\n                                </ng-container>\n                              </ul>\n                            </li>\n                          </ng-container>\n                        </ul>\n                      </div>\n                    </ng-template>\n                  </pry-card-menu>\n\n                  <pry-card-menu class=\"o-pry-card-menu__nav__item\">\n                    <pry-nq-color-selector [ngStyle]=\"{ width: '100%' }\" [datasource]=\"nq\"></pry-nq-color-selector>\n                  </pry-card-menu>\n\n                  <pry-card-menu (click)=\"onSpot(nq.id, $event)\">\n                    <button type=\"button\" class=\"a-btn a-btn--icon-text o-pry-card-menu__nav__item\">\n                      <pry-icon iconSvg=\"mode_clic\"></pry-icon>\n                      {{ '@pry.search.namedQuery.spot' | i18n }}\n                      <pry-icon\n                        iconSvg=\"fleche_haut\"\n                        [ngStyle]=\"{ transform: 'rotate(90deg)', marginLeft: 'auto' }\"\n                      ></pry-icon>\n                    </button>\n                  </pry-card-menu>\n                  <pry-card-menu (click)=\"onRefresh(nq.id, $event)\">\n                    <button type=\"button\" class=\"a-btn a-btn--icon-text o-pry-card-menu__nav__item\">\n                      <pry-icon iconSvg=\"history-line\"></pry-icon>\n                      {{ '@pry.search.namedQuery.refresh.title' | i18n }}\n                      <pry-icon\n                        iconSvg=\"fleche_haut\"\n                        [ngStyle]=\"{ transform: 'rotate(90deg)', marginLeft: 'auto' }\"\n                      ></pry-icon>\n                    </button>\n                  </pry-card-menu>\n                  <button\n                    type=\"button\"\n                    class=\"a-btn a-btn--icon-text o-pry-card-menu__nav__item\"\n                    (click)=\"onDelete(nq)\"\n                    *ngIf=\"nq.owner\"\n                  >\n                    <pry-icon iconSvg=\"delete\"></pry-icon>\n                    {{ '@pry.search.namedQuery.delete' | i18n }}\n                  </button>\n                  <button\n                    type=\"button\"\n                    class=\"a-btn a-btn--icon-text o-pry-card-menu__nav__item\"\n                    (click)=\"onRename(nq)\"\n                    *ngIf=\"nq.owner\"\n                  >\n                    <pry-icon iconSvg=\"renamed\"></pry-icon>\n                    {{ '@pry.search.namedQuery.rename' | i18n }}\n                  </button>\n                  <button\n                    type=\"button\"\n                    class=\"a-btn a-btn--icon-text o-pry-card-menu__nav__item\"\n                    (click)=\"onEdit(nq)\"\n                    (keydown.tab)=\"hideSpot()\"\n                  >\n                    <pry-icon iconSvg=\"edit\"></pry-icon>\n                    {{ '@pry.search.namedQuery.edit' | i18n }}\n                  </button>\n                </div>\n              </pry-card-menu>\n            </pry-card-header>\n          </pry-card>\n        </pry-expand-panel>\n      </div>\n      <button\n        class=\"a-btn -link-like\"\n        aria-pressed=\"false\"\n        id=\"btn_view_more\"\n        *ngIf=\"namedQuery.length > 2\"\n        (click)=\"onChangeListView(isMoreList)\"\n      >\n        {{ isMoreList ? ('@pry.search.namedQuery.seeLess' | i18n) : ('@pry.search.namedQuery.seeMore' | i18n) }}\n      </button>\n    </ng-container>\n\n    <ng-template #noNamedQuery>\n      <p class=\"search-home__container-search\">{{ '@pry.search.namedQuery.emptyNamedQuery' | i18n }}</p>\n    </ng-template>\n  </ng-container>\n</div>\n\n<div class=\"o-pry-search-home__search\">\n  <h3 class=\"a-h3\">{{ '@pry.search.home.ssTitle' | i18n }}</h3>\n  <ng-container *ngIf=\"searchFulltextTpl\">\n    <ng-container [ngTemplateOutlet]=\"searchFulltextTpl\"></ng-container>\n    <p class=\"a-p o-pry-search-home__search__or\">{{ '@pry.search.home.or' | i18n }}</p>\n  </ng-container>\n  <button class=\"a-btn a-btn--primary -width-full\" (click)=\"onSearchCriteria()\">\n    <pry-icon [width]=\"20\" [height]=\"20\" iconSvg=\"search-criteria\"></pry-icon>\n    {{ '@pry.search.home.searchByCriteria' | i18n }}\n    <pry-icon iconSvg=\"arrow_right\"></pry-icon>\n  </button>\n</div>\n\n<ng-template #templateSpot>\n  <div (mouseleave)=\"hideSpot()\">\n    {{\n      ((spottingWidget$ | async)?.length ?? 0 > 0\n        ? '@pry.search.namedQuery.spotTitle'\n        : '@pry.search.namedQuery.noSpot'\n      ) | i18n : { length: (spottingWidget$ | async)?.length }\n    }}\n    <div *ngFor=\"let use of spottingWidget$ | async\" class=\"spot-line\">\n      <pry-icon [width]=\"20\" [height]=\"20\" [iconSvg]=\"icons[use.type]\"></pry-icon>\n      {{ '@pry.search.namedQuery.type.' + use.type | i18n }} - {{ '@pry.search.namedQuery.use' | i18n : use }}\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #templateRefresh>\n  <div>\n    <button\n      *ngFor=\"let option of refreshOptions\"\n      class=\"refresh-line a-btn a-btn--icon-text -size-sm\"\n      (click)=\"selectRefresh(option)\"\n    >\n      <pry-icon\n        [width]=\"20\"\n        [height]=\"20\"\n        iconSvg=\"check\"\n        *ngIf=\"(((refreshRates$ | async) ?? {})[refreshId] ?? 0) === option\"\n      ></pry-icon>\n      {{ '@pry.search.namedQuery.refresh.' + option | i18n }}\n    </button>\n  </div>\n</ng-template>\n" }]
         }], ctorParameters: () => [{ type: i1.Store }, { type: i2.Overlay }, { type: i0.ViewContainerRef }, { type: i3.PryDialogService }], propDecorators: { templateSpot: [{