@provoly/dashboard 0.19.0 → 0.19.2

package/fesm2022/provoly-dashboard.mjs

@@ -43,10 +43,10 @@ class PryDefaultAccessService extends PryBaseAccess {
     hasRole(...args) {
         return of(true);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryDefaultAccessService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryDefaultAccessService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryDefaultAccessService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryDefaultAccessService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryDefaultAccessService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryDefaultAccessService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return []; } });
 
@@ -74,10 +74,10 @@ class PryAccessDirective {
     ngOnDestroy() {
         this.hasRoleSub?.unsubscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryAccessDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: PRY_ACCESS_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.6", type: PryAccessDirective, selector: "[pryAccess]", inputs: { authorizedRoles: ["pryAccess", "authorizedRoles"] }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryAccessDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: PRY_ACCESS_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: PryAccessDirective, selector: "[pryAccess]", inputs: { authorizedRoles: ["pryAccess", "authorizedRoles"] }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryAccessDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryAccessDirective, decorators: [{
             type: Directive,
             args: [{ selector: '[pryAccess]' }]
         }], ctorParameters: function () { return [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }, { type: PryBaseAccess, decorators: [{
@@ -100,10 +100,10 @@ class PryDefaultAccessGuard {
     canActivate(route, state) {
         return of(true);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryDefaultAccessGuard, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryDefaultAccessGuard, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryDefaultAccessGuard, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryDefaultAccessGuard, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryDefaultAccessGuard, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryDefaultAccessGuard, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -115,10 +115,10 @@ class SubscriptionnerDirective {
     ngOnDestroy() {
         this.subscriptions.unsubscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SubscriptionnerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.6", type: SubscriptionnerDirective, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SubscriptionnerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SubscriptionnerDirective, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SubscriptionnerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SubscriptionnerDirective, decorators: [{
             type: Directive
         }] });
 
@@ -151,10 +151,10 @@ class BaseLayoutComponent extends SubscriptionnerDirective {
     highlightMenu(menu) {
         console.error('Must override highLightMenu function');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: BaseLayoutComponent, deps: [{ token: i1.Store }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: BaseLayoutComponent, selector: "pry-base-layout", usesInheritance: true, ngImport: i0, template: "<div>\n  <ng-container #componentRef></ng-container>\n</div>\n" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseLayoutComponent, deps: [{ token: i1.Store }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BaseLayoutComponent, selector: "pry-base-layout", usesInheritance: true, ngImport: i0, template: "<div>\n  <ng-container #componentRef></ng-container>\n</div>\n" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: BaseLayoutComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseLayoutComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-base-layout', template: "<div>\n  <ng-container #componentRef></ng-container>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i1.Store }, { type: i2.Router }]; } });
@@ -524,7 +524,8 @@ const enTranslations$1 = {
                 text: 'Text',
                 date: 'Date',
                 list: 'List',
-                number: 'Number'
+                number: 'Number',
+                autocomplete: 'Autocomplete'
             }
         }
     }
@@ -874,7 +875,8 @@ const frTranslations$1 = {
                 text: 'Texte',
                 date: 'Date',
                 list: 'Liste',
-                number: 'Numérique'
+                number: 'Numérique',
+                autocomplete: 'Liste avec suggestion'
             }
         }
     }
@@ -953,10 +955,10 @@ class PryI18nService {
     get(key, params, warn = false) {
         return this.translations$.pipe(map((translations) => this.instant(key, params, warn)));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryI18nService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryI18nService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryI18nService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryI18nService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryI18nService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryI18nService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -1000,10 +1002,10 @@ class I18nPipe {
     ngOnDestroy() {
         this.dispose();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: I18nPipe, deps: [{ token: PryI18nService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: I18nPipe, name: "i18n", pure: false }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: I18nPipe, deps: [{ token: PryI18nService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: I18nPipe, name: "i18n", pure: false }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: I18nPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: I18nPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'i18n',
@@ -1024,10 +1026,10 @@ class BaseMenuComponent extends SubscriptionnerDirective {
     init() {
         console.error('Must override init function');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: BaseMenuComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: BaseMenuComponent, selector: "pry-base-menu", usesInheritance: true, ngImport: i0, template: "<nav class=\"m-nav-links\">\n  <ng-container *ngFor=\"let sub of subMenu$ | async\">\n    <ul class=\"m-nav-links__list\">\n      <ng-container *ngFor=\"let menu of sub.subMenus\">\n        <li\n          *pryAccess=\"{ module: menu.module, page: menu.page, subMenu: menu.subMenu }\"\n          class=\"m-nav-links__list__item\"\n        >\n          <a [routerLink]=\"menu.menu\" class=\"a-btn a-btn--secondary -width-full\" [routerLinkActive]=\"'is-active'\">\n            {{ baseMenuTranslation + menu.menu | i18n }}\n          </a>\n        </li>\n      </ng-container>\n    </ul>\n  </ng-container>\n  <ng-container *ngIf=\"menus$ | async as menus\">\n    <ng-container *ngIf=\"menus.length > 0\">\n      <ul class=\"m-nav-links__list\">\n        <ng-container *ngFor=\"let menu of menus\">\n          <ng-container *ngIf=\"menu.module === 'supervision'\">\n            <li *pryAccess=\"{ module: menu.module, page: menu.page }\" class=\"m-nav-links__list__item\">\n              <a [routerLink]=\"menu.menu\" class=\"a-btn a-btn--secondary -width-full\" [routerLinkActive]=\"'is-active'\">\n                {{ baseMenuTranslation + menu.menu | i18n }}\n              </a>\n            </li>\n          </ng-container>\n        </ng-container>\n      </ul>\n    </ng-container>\n  </ng-container>\n</nav>\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: PryAccessDirective, selector: "[pryAccess]", inputs: ["pryAccess"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseMenuComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BaseMenuComponent, selector: "pry-base-menu", usesInheritance: true, ngImport: i0, template: "<nav class=\"m-nav-links\">\n  <ng-container *ngFor=\"let sub of subMenu$ | async\">\n    <ul class=\"m-nav-links__list\">\n      <ng-container *ngFor=\"let menu of sub.subMenus\">\n        <li\n          *pryAccess=\"{ module: menu.module, page: menu.page, subMenu: menu.subMenu }\"\n          class=\"m-nav-links__list__item\"\n        >\n          <a [routerLink]=\"menu.menu\" class=\"a-btn a-btn--secondary -width-full\" [routerLinkActive]=\"'is-active'\">\n            {{ baseMenuTranslation + menu.menu | i18n }}\n          </a>\n        </li>\n      </ng-container>\n    </ul>\n  </ng-container>\n  <ng-container *ngIf=\"menus$ | async as menus\">\n    <ng-container *ngIf=\"menus.length > 0\">\n      <ul class=\"m-nav-links__list\">\n        <ng-container *ngFor=\"let menu of menus\">\n          <ng-container *ngIf=\"menu.module === 'supervision'\">\n            <li *pryAccess=\"{ module: menu.module, page: menu.page }\" class=\"m-nav-links__list__item\">\n              <a [routerLink]=\"menu.menu\" class=\"a-btn a-btn--secondary -width-full\" [routerLinkActive]=\"'is-active'\">\n                {{ baseMenuTranslation + menu.menu | i18n }}\n              </a>\n            </li>\n          </ng-container>\n        </ng-container>\n      </ul>\n    </ng-container>\n  </ng-container>\n</nav>\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: PryAccessDirective, selector: "[pryAccess]", inputs: ["pryAccess"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: BaseMenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseMenuComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-base-menu', template: "<nav class=\"m-nav-links\">\n  <ng-container *ngFor=\"let sub of subMenu$ | async\">\n    <ul class=\"m-nav-links__list\">\n      <ng-container *ngFor=\"let menu of sub.subMenus\">\n        <li\n          *pryAccess=\"{ module: menu.module, page: menu.page, subMenu: menu.subMenu }\"\n          class=\"m-nav-links__list__item\"\n        >\n          <a [routerLink]=\"menu.menu\" class=\"a-btn a-btn--secondary -width-full\" [routerLinkActive]=\"'is-active'\">\n            {{ baseMenuTranslation + menu.menu | i18n }}\n          </a>\n        </li>\n      </ng-container>\n    </ul>\n  </ng-container>\n  <ng-container *ngIf=\"menus$ | async as menus\">\n    <ng-container *ngIf=\"menus.length > 0\">\n      <ul class=\"m-nav-links__list\">\n        <ng-container *ngFor=\"let menu of menus\">\n          <ng-container *ngIf=\"menu.module === 'supervision'\">\n            <li *pryAccess=\"{ module: menu.module, page: menu.page }\" class=\"m-nav-links__list__item\">\n              <a [routerLink]=\"menu.menu\" class=\"a-btn a-btn--secondary -width-full\" [routerLinkActive]=\"'is-active'\">\n                {{ baseMenuTranslation + menu.menu | i18n }}\n              </a>\n            </li>\n          </ng-container>\n        </ng-container>\n      </ul>\n    </ng-container>\n  </ng-container>\n</nav>\n" }]
         }], ctorParameters: function () { return [{ type: i1.Store }]; } });
@@ -1115,10 +1117,10 @@ class PryIconComponent {
         const safeStyle = `width: ${this._width}px; height: ${this._height}px;`;
         this.baseStyle = this.sanitizer.bypassSecurityTrustStyle(safeStyle);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryIconComponent, deps: [{ token: i3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PryIconComponent, selector: "pry-icon", inputs: { color: "color", iconSvg: "iconSvg", animation: "animation", iconImage: "iconImage", alt: "alt", width: "width", height: "height", classes: "classes" }, host: { properties: { "style": "this.baseStyle" } }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"iconSvgUrl\">\n  <span\n    class=\"a-icon\"\n    [ngClass]=\"color!\"\n    [ngClass]=\"classes\"\n    [ngStyle]=\"{\n      'width.px': width,\n      'height.px': height,\n      'mask-image': 'url(' + iconSvgUrl + ')',\n      '-webkit-mask-image': 'url(' + iconSvgUrl + ')'\n    }\"\n    aria-hidden=\"true\"\n    focusable=\"false\"\n  ></span>\n</ng-container>\n<ng-container *ngIf=\"iconImageUrl\">\n  <img class=\"a-icon-img\" [src]=\"iconImageUrl\" [style.height.px]=\"height\" [style.width.px]=\"width\" [alt]=\"alt\" />\n</ng-container>\n", dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryIconComponent, deps: [{ token: i3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PryIconComponent, selector: "pry-icon", inputs: { color: "color", iconSvg: "iconSvg", animation: "animation", iconImage: "iconImage", alt: "alt", width: "width", height: "height", classes: "classes" }, host: { properties: { "style": "this.baseStyle" } }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"iconSvgUrl\">\n  <span\n    class=\"a-icon\"\n    [ngClass]=\"color!\"\n    [ngClass]=\"classes\"\n    [ngStyle]=\"{\n      'width.px': width,\n      'height.px': height,\n      'mask-image': 'url(' + iconSvgUrl + ')',\n      '-webkit-mask-image': 'url(' + iconSvgUrl + ')'\n    }\"\n    aria-hidden=\"true\"\n    focusable=\"false\"\n  ></span>\n</ng-container>\n<ng-container *ngIf=\"iconImageUrl\">\n  <img class=\"a-icon-img\" [src]=\"iconImageUrl\" [style.height.px]=\"height\" [style.width.px]=\"width\" [alt]=\"alt\" />\n</ng-container>\n", dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryIconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-icon', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"iconSvgUrl\">\n  <span\n    class=\"a-icon\"\n    [ngClass]=\"color!\"\n    [ngClass]=\"classes\"\n    [ngStyle]=\"{\n      'width.px': width,\n      'height.px': height,\n      'mask-image': 'url(' + iconSvgUrl + ')',\n      '-webkit-mask-image': 'url(' + iconSvgUrl + ')'\n    }\"\n    aria-hidden=\"true\"\n    focusable=\"false\"\n  ></span>\n</ng-container>\n<ng-container *ngIf=\"iconImageUrl\">\n  <img class=\"a-icon-img\" [src]=\"iconImageUrl\" [style.height.px]=\"height\" [style.width.px]=\"width\" [alt]=\"alt\" />\n</ng-container>\n" }]
         }], ctorParameters: function () { return [{ type: i3.DomSanitizer }]; }, propDecorators: { baseStyle: [{
@@ -1185,10 +1187,10 @@ class BaseToolboxActionComponent {
         this.panelOpen = false;
         this._cd.markForCheck();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: BaseToolboxActionComponent, deps: [{ token: i1.Store }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: BaseToolboxActionComponent, selector: "pry-base-toolbox-action", inputs: { baseToolboxTranslation: "baseToolboxTranslation", action: "action", iconAction: "iconAction" }, ngImport: i0, template: "<ng-container *ngIf=\"action\">\n  <ul>\n    <li class=\"m-actions-list__item\">\n      <button\n        class=\"a-btn a-btn--secondary\"\n        [class.is-active]=\"panelOpen\"\n        (click)=\"select(action)\"\n        [disabled]=\"action.disabled\"\n        cdkOverlayOrigin\n        #origin=\"cdkOverlayOrigin\"\n      >\n        <ng-container *ngIf=\"!iconAction; else iconActionTpl\">\n          <pry-icon *ngIf=\"action.icon\" [iconSvg]=\"action.icon\"></pry-icon>\n          {{ baseToolboxTranslation + action.label | i18n }}\n          <pry-icon *ngIf=\"action.actions\" iconSvg=\"fleche_bas\"></pry-icon>\n        </ng-container>\n        <ng-template #iconActionTpl>\n          <pry-icon\n            *ngIf=\"action.icon\"\n            [iconSvg]=\"action.icon\"\n            [title]=\"baseToolboxTranslation + action.label | i18n\"\n          ></pry-icon>\n        </ng-template>\n      </button>\n    </li>\n  </ul>\n  <ng-template\n    cdkConnectedOverlay\n    cdkConnectedOverlayHasBackdrop\n    cdkConnectedOverlayLockPosition\n    cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n    [cdkConnectedOverlayOrigin]=\"origin\"\n    [cdkConnectedOverlayOpen]=\"panelOpen\"\n    [cdkConnectedOverlayPositions]=\"connectedPositions\"\n    (backdropClick)=\"onClosePanel()\"\n  >\n    <div class=\"m-pry-overlay-panel-wrapper\">\n      <div class=\"m-pry-overlay-panel\">\n        <ng-container *ngFor=\"let act of action.actions\">\n          <button class=\"m-pry-overlay-panel-item\" (click)=\"select(act)\">\n            {{ baseToolboxTranslation + act.label | i18n }}\n          </button>\n        </ng-container>\n      </div>\n    </div>\n  </ng-template>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i2$1.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"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2$1.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "pipe", type: I18nPipe, name: "i18n" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseToolboxActionComponent, deps: [{ token: i1.Store }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BaseToolboxActionComponent, selector: "pry-base-toolbox-action", inputs: { baseToolboxTranslation: "baseToolboxTranslation", action: "action", iconAction: "iconAction" }, ngImport: i0, template: "<ng-container *ngIf=\"action\">\n  <ul>\n    <li class=\"m-actions-list__item\">\n      <button\n        class=\"a-btn a-btn--secondary\"\n        [class.is-active]=\"panelOpen\"\n        (click)=\"select(action)\"\n        [disabled]=\"action.disabled\"\n        cdkOverlayOrigin\n        #origin=\"cdkOverlayOrigin\"\n      >\n        <ng-container *ngIf=\"!iconAction; else iconActionTpl\">\n          <pry-icon *ngIf=\"action.icon\" [iconSvg]=\"action.icon\"></pry-icon>\n          {{ baseToolboxTranslation + action.label | i18n }}\n          <pry-icon *ngIf=\"action.actions\" iconSvg=\"fleche_bas\"></pry-icon>\n        </ng-container>\n        <ng-template #iconActionTpl>\n          <pry-icon\n            *ngIf=\"action.icon\"\n            [iconSvg]=\"action.icon\"\n            [title]=\"baseToolboxTranslation + action.label | i18n\"\n          ></pry-icon>\n        </ng-template>\n      </button>\n    </li>\n  </ul>\n  <ng-template\n    cdkConnectedOverlay\n    cdkConnectedOverlayHasBackdrop\n    cdkConnectedOverlayLockPosition\n    cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n    [cdkConnectedOverlayOrigin]=\"origin\"\n    [cdkConnectedOverlayOpen]=\"panelOpen\"\n    [cdkConnectedOverlayPositions]=\"connectedPositions\"\n    (backdropClick)=\"onClosePanel()\"\n  >\n    <div class=\"m-pry-overlay-panel-wrapper\">\n      <div class=\"m-pry-overlay-panel\">\n        <ng-container *ngFor=\"let act of action.actions\">\n          <button class=\"m-pry-overlay-panel-item\" (click)=\"select(act)\">\n            {{ baseToolboxTranslation + act.label | i18n }}\n          </button>\n        </ng-container>\n      </div>\n    </div>\n  </ng-template>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i2$1.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"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2$1.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "pipe", type: I18nPipe, name: "i18n" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: BaseToolboxActionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseToolboxActionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-base-toolbox-action', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"action\">\n  <ul>\n    <li class=\"m-actions-list__item\">\n      <button\n        class=\"a-btn a-btn--secondary\"\n        [class.is-active]=\"panelOpen\"\n        (click)=\"select(action)\"\n        [disabled]=\"action.disabled\"\n        cdkOverlayOrigin\n        #origin=\"cdkOverlayOrigin\"\n      >\n        <ng-container *ngIf=\"!iconAction; else iconActionTpl\">\n          <pry-icon *ngIf=\"action.icon\" [iconSvg]=\"action.icon\"></pry-icon>\n          {{ baseToolboxTranslation + action.label | i18n }}\n          <pry-icon *ngIf=\"action.actions\" iconSvg=\"fleche_bas\"></pry-icon>\n        </ng-container>\n        <ng-template #iconActionTpl>\n          <pry-icon\n            *ngIf=\"action.icon\"\n            [iconSvg]=\"action.icon\"\n            [title]=\"baseToolboxTranslation + action.label | i18n\"\n          ></pry-icon>\n        </ng-template>\n      </button>\n    </li>\n  </ul>\n  <ng-template\n    cdkConnectedOverlay\n    cdkConnectedOverlayHasBackdrop\n    cdkConnectedOverlayLockPosition\n    cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n    [cdkConnectedOverlayOrigin]=\"origin\"\n    [cdkConnectedOverlayOpen]=\"panelOpen\"\n    [cdkConnectedOverlayPositions]=\"connectedPositions\"\n    (backdropClick)=\"onClosePanel()\"\n  >\n    <div class=\"m-pry-overlay-panel-wrapper\">\n      <div class=\"m-pry-overlay-panel\">\n        <ng-container *ngFor=\"let act of action.actions\">\n          <button class=\"m-pry-overlay-panel-item\" (click)=\"select(act)\">\n            {{ baseToolboxTranslation + act.label | i18n }}\n          </button>\n        </ng-container>\n      </div>\n    </div>\n  </ng-template>\n</ng-container>\n" }]
         }], ctorParameters: function () { return [{ type: i1.Store }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { baseToolboxTranslation: [{
@@ -1203,10 +1205,10 @@ class BaseToolboxComponent {
     constructor() {
         this.baseToolboxTranslation = '';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: BaseToolboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: BaseToolboxComponent, selector: "pry-base-toolbox", inputs: { baseToolboxTranslation: "baseToolboxTranslation", actions$: "actions$", subActions$: "subActions$" }, ngImport: i0, template: "<div class=\"o-base-layout__toolbox__actions\">\n  <ul class=\"m-actions-list\">\n    <ng-container *ngFor=\"let action of actions$ | async\">\n      <pry-base-toolbox-action\n        *pryAccess=\"{ module: action.moduleAccess, page: action.pageAccess, action: action.actionAccess }\"\n        [action]=\"action\"\n        [baseToolboxTranslation]=\"baseToolboxTranslation\"\n      >\n      </pry-base-toolbox-action>\n    </ng-container>\n  </ul>\n\n  <ul class=\"m-actions-list\">\n    <ng-container *ngFor=\"let action of subActions$ | async\">\n      <pry-base-toolbox-action\n        *pryAccess=\"{ module: action.moduleAccess, page: action.pageAccess, action: action.actionAccess }\"\n        [action]=\"action\"\n        [baseToolboxTranslation]=\"baseToolboxTranslation\"\n        [iconAction]=\"true\"\n      >\n      </pry-base-toolbox-action>\n    </ng-container>\n  </ul>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: PryAccessDirective, selector: "[pryAccess]", inputs: ["pryAccess"] }, { kind: "component", type: BaseToolboxActionComponent, selector: "pry-base-toolbox-action", inputs: ["baseToolboxTranslation", "action", "iconAction"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseToolboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BaseToolboxComponent, selector: "pry-base-toolbox", inputs: { baseToolboxTranslation: "baseToolboxTranslation", actions$: "actions$", subActions$: "subActions$" }, ngImport: i0, template: "<div class=\"o-base-layout__toolbox__actions\">\n  <ul class=\"m-actions-list\">\n    <ng-container *ngFor=\"let action of actions$ | async\">\n      <pry-base-toolbox-action\n        *pryAccess=\"{ module: action.moduleAccess, page: action.pageAccess, action: action.actionAccess }\"\n        [action]=\"action\"\n        [baseToolboxTranslation]=\"baseToolboxTranslation\"\n      >\n      </pry-base-toolbox-action>\n    </ng-container>\n  </ul>\n\n  <ul class=\"m-actions-list\">\n    <ng-container *ngFor=\"let action of subActions$ | async\">\n      <pry-base-toolbox-action\n        *pryAccess=\"{ module: action.moduleAccess, page: action.pageAccess, action: action.actionAccess }\"\n        [action]=\"action\"\n        [baseToolboxTranslation]=\"baseToolboxTranslation\"\n        [iconAction]=\"true\"\n      >\n      </pry-base-toolbox-action>\n    </ng-container>\n  </ul>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: PryAccessDirective, selector: "[pryAccess]", inputs: ["pryAccess"] }, { kind: "component", type: BaseToolboxActionComponent, selector: "pry-base-toolbox-action", inputs: ["baseToolboxTranslation", "action", "iconAction"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: BaseToolboxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseToolboxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-base-toolbox', template: "<div class=\"o-base-layout__toolbox__actions\">\n  <ul class=\"m-actions-list\">\n    <ng-container *ngFor=\"let action of actions$ | async\">\n      <pry-base-toolbox-action\n        *pryAccess=\"{ module: action.moduleAccess, page: action.pageAccess, action: action.actionAccess }\"\n        [action]=\"action\"\n        [baseToolboxTranslation]=\"baseToolboxTranslation\"\n      >\n      </pry-base-toolbox-action>\n    </ng-container>\n  </ul>\n\n  <ul class=\"m-actions-list\">\n    <ng-container *ngFor=\"let action of subActions$ | async\">\n      <pry-base-toolbox-action\n        *pryAccess=\"{ module: action.moduleAccess, page: action.pageAccess, action: action.actionAccess }\"\n        [action]=\"action\"\n        [baseToolboxTranslation]=\"baseToolboxTranslation\"\n        [iconAction]=\"true\"\n      >\n      </pry-base-toolbox-action>\n    </ng-container>\n  </ul>\n</div>\n" }]
         }], propDecorators: { baseToolboxTranslation: [{
@@ -1379,7 +1381,8 @@ const DashboardActions = {
     updateCapability: createAction('[Widget map] Store Wms capability', props()),
     addManifestMetadata: createAction('[Dashboard] Add manifest metadata', props()),
     deleteManifestMetadata: createAction('[Dashboard] Delete manifest metadata', props()),
-    triggerAggregate: createAction('[Dashboard] (bus) Triggering aggregates for datasource', props())
+    triggerAggregate: createAction('[Dashboard] (bus) Triggering aggregates for datasource', props()),
+    loadPresentation: createAction('[Dashboard] load presentation', props())
 };
 
 const ConfigActions = {
@@ -1776,15 +1779,15 @@ class PrySnackbarComponent {
     hide() {
         this.hiddenFromAction = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySnackbarComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PrySnackbarComponent, selector: "pry-snackbar", inputs: { data: "data", listIndex: "listIndex", actionClicked: "actionClicked" }, ngImport: i0, template: "<div\n  class=\"m-snackbar -bottom\"\n  [ngClass]=\"typeClass\"\n  [@panelState]=\"{ value: 'visible', params: { transform: transformOptions, transition: transitionOptions } }\"\n  *ngIf=\"!hiddenFromAction\"\n  [style.bottom.px]=\"listIndex * 60\"\n>\n  <div class=\"m-snackbar__content\">\n    <pry-icon [iconSvg]=\"icon\"></pry-icon>\n    <p class=\"a-p\">{{ data.message }}</p>\n    <button class=\"m-snackbar__action\" *ngIf=\"!!data.action\" (click)=\"actionClick()\">{{ data.action }}</button>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }], animations: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PrySnackbarComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PrySnackbarComponent, selector: "pry-snackbar", inputs: { data: "data", listIndex: "listIndex", actionClicked: "actionClicked" }, ngImport: i0, template: "<div\n  class=\"m-snackbar -bottom\"\n  [ngClass]=\"typeClass\"\n  [@panelState]=\"{ value: 'visible', params: { transform: transformOptions, transition: transitionOptions } }\"\n  *ngIf=\"!hiddenFromAction\"\n  [style.bottom.px]=\"listIndex * 60\"\n>\n  <div class=\"m-snackbar__content\">\n    <pry-icon [iconSvg]=\"icon\"></pry-icon>\n    <p class=\"a-p\">{{ data.message }}</p>\n    <button class=\"m-snackbar__action\" *ngIf=\"!!data.action\" (click)=\"actionClick()\">{{ data.action }}</button>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }], animations: [
             trigger('panelState', [
                 transition('void => visible', [useAnimation(showAnimation)]),
                 transition('visible => void', [useAnimation(hideAnimation)])
             ])
         ] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySnackbarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PrySnackbarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-snackbar', animations: [
                         trigger('panelState', [
@@ -1846,10 +1849,10 @@ class PrySnackbarService {
         }, message.timeout ?? DEFAULT_MSG_TIMEOUT);
         return component.instance.actionClicked;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySnackbarService, deps: [{ token: i2$1.Overlay }, { token: PryI18nService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySnackbarService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PrySnackbarService, deps: [{ token: i2$1.Overlay }, { token: PryI18nService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PrySnackbarService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySnackbarService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PrySnackbarService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -1908,10 +1911,10 @@ class ImageService {
             });
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ImageService, deps: [{ token: i1$2.HttpClient }, { token: i1.Store }, { token: i3.DomSanitizer }, { token: PrySnackbarService }, { token: PryI18nService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ImageService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ImageService, deps: [{ token: i1$2.HttpClient }, { token: i1.Store }, { token: i3.DomSanitizer }, { token: PrySnackbarService }, { token: PryI18nService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ImageService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ImageService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ImageService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -2120,10 +2123,10 @@ class SymbolService {
         }
         return false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SymbolService, deps: [{ token: i1.Store }, { token: i3.DomSanitizer }, { token: ImageService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SymbolService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SymbolService, deps: [{ token: i1.Store }, { token: i3.DomSanitizer }, { token: ImageService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SymbolService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SymbolService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SymbolService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -2131,31 +2134,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
         }], ctorParameters: function () { return [{ type: i1.Store }, { type: i3.DomSanitizer }, { type: ImageService }]; } });
 
 class GetSecuredImagePipe {
-    constructor(store, translateService, symbolService) {
-        this.store = store;
-        this.translateService = translateService;
+    constructor(symbolService) {
         this.symbolService = symbolService;
     }
     transform(value, ...args) {
         return from$1(this.symbolService.downloadAsUrl(value));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: GetSecuredImagePipe, deps: [{ token: i1.Store }, { token: PryI18nService }, { token: SymbolService }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: GetSecuredImagePipe, name: "getSecuredImage" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetSecuredImagePipe, deps: [{ token: SymbolService }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: GetSecuredImagePipe, name: "getSecuredImage" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: GetSecuredImagePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetSecuredImagePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'getSecuredImage'
                 }]
-        }], ctorParameters: function () { return [{ type: i1.Store }, { type: PryI18nService }, { type: SymbolService }]; } });
+        }], ctorParameters: function () { return [{ type: SymbolService }]; } });
 
 const PRY_ICON_COMPONENTS = [PryIconComponent];
 class PryIconModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: PryIconModule, declarations: [PryIconComponent], imports: [CommonModule], exports: [PryIconComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryIconModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PryIconModule, declarations: [PryIconComponent], imports: [CommonModule], exports: [PryIconComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryIconModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryIconModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryIconModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],
@@ -2307,11 +2308,11 @@ const frTranslations = {
 };
 
 class PryI18nModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryI18nModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: PryI18nModule, declarations: [I18nPipe], exports: [I18nPipe] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryI18nModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryI18nModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PryI18nModule, declarations: [I18nPipe], exports: [I18nPipe] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryI18nModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryI18nModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryI18nModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [I18nPipe],
@@ -2610,10 +2611,10 @@ class PryModalStatusComponent {
     goBack() {
         this.gotoConsult.emit(this.version);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryModalStatusComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PryModalStatusComponent, selector: "pry-modal-status", inputs: { version: "version" }, outputs: { gotoConsult: "gotoConsult" }, ngImport: i0, template: "<div class=\"o-modal-wrapper__backdrop\" (click)=\"goBack()\">\n  <div class=\"o-modal-wrapper -extra-large\">\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\">\n          {{\n            '@pry.dataset.error.modalTitle.' +\n              (_version?.state !== 'ERROR' && _version?.hasWarnings ? 'WARNING' : 'ERROR') | i18n\n          }}\n          ({{ messageCount$ | async }})\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" (click)=\"goBack()\">\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    <table class=\"a-table\">\n      <thead>\n        <tr>\n          <th>{{ '@pry.dataset.error.type' | i18n }}</th>\n          <th>{{ '@pry.dataset.error.elements' | i18n }}</th>\n          <th>{{ '@pry.dataset.error.message' | i18n }}</th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr *ngFor=\"let preview of datasetPreviews$ | async | slice : 0 : 5\">\n          <td>\n            {{ '@pry.dataset.error.level.' + preview.level | i18n }}\n          </td>\n          <td>\n            {{ preview.recordId }}\n          </td>\n          <td>\n            {{\n              '@pry.dataset.error.code.' + preview.extractMessageCode\n                | i18n\n                  : { plural: preview.name.includes(',') ? 's' : '', name: preview.name, recordId: preview.recordId }\n            }}\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.SlicePipe, name: "slice" }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryModalStatusComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PryModalStatusComponent, selector: "pry-modal-status", inputs: { version: "version" }, outputs: { gotoConsult: "gotoConsult" }, ngImport: i0, template: "<div class=\"o-modal-wrapper__backdrop\" (click)=\"goBack()\">\n  <div class=\"o-modal-wrapper -extra-large\">\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\">\n          {{\n            '@pry.dataset.error.modalTitle.' +\n              (_version?.state !== 'ERROR' && _version?.hasWarnings ? 'WARNING' : 'ERROR') | i18n\n          }}\n          ({{ messageCount$ | async }})\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" (click)=\"goBack()\">\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    <table class=\"a-table\">\n      <thead>\n        <tr>\n          <th>{{ '@pry.dataset.error.type' | i18n }}</th>\n          <th>{{ '@pry.dataset.error.elements' | i18n }}</th>\n          <th>{{ '@pry.dataset.error.message' | i18n }}</th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr *ngFor=\"let preview of datasetPreviews$ | async | slice : 0 : 5\">\n          <td>\n            {{ '@pry.dataset.error.level.' + preview.level | i18n }}\n          </td>\n          <td>\n            {{ preview.recordId }}\n          </td>\n          <td>\n            {{\n              '@pry.dataset.error.code.' + preview.extractMessageCode\n                | i18n\n                  : { plural: preview.name.includes(',') ? 's' : '', name: preview.name, recordId: preview.recordId }\n            }}\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.SlicePipe, name: "slice" }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryModalStatusComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryModalStatusComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-modal-status', template: "<div class=\"o-modal-wrapper__backdrop\" (click)=\"goBack()\">\n  <div class=\"o-modal-wrapper -extra-large\">\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\">\n          {{\n            '@pry.dataset.error.modalTitle.' +\n              (_version?.state !== 'ERROR' && _version?.hasWarnings ? 'WARNING' : 'ERROR') | i18n\n          }}\n          ({{ messageCount$ | async }})\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" (click)=\"goBack()\">\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    <table class=\"a-table\">\n      <thead>\n        <tr>\n          <th>{{ '@pry.dataset.error.type' | i18n }}</th>\n          <th>{{ '@pry.dataset.error.elements' | i18n }}</th>\n          <th>{{ '@pry.dataset.error.message' | i18n }}</th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr *ngFor=\"let preview of datasetPreviews$ | async | slice : 0 : 5\">\n          <td>\n            {{ '@pry.dataset.error.level.' + preview.level | i18n }}\n          </td>\n          <td>\n            {{ preview.recordId }}\n          </td>\n          <td>\n            {{\n              '@pry.dataset.error.code.' + preview.extractMessageCode\n                | i18n\n                  : { plural: preview.name.includes(',') ? 's' : '', name: preview.name, recordId: preview.recordId }\n            }}\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i1.Store }]; }, propDecorators: { gotoConsult: [{
@@ -2628,11 +2629,11 @@ class PryModalStatusModule {
         this.pryTranslateService.addLangObject('fr', 'dataset', frTranslations);
         this.pryTranslateService.addLangObject('en', 'dataset', enTranslations);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryModalStatusModule, deps: [{ token: PryI18nService }], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: PryModalStatusModule, declarations: [PryModalStatusComponent], imports: [CommonModule, PryIconModule, PryI18nModule], exports: [PryModalStatusComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryModalStatusModule, imports: [CommonModule, PryIconModule, PryI18nModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryModalStatusModule, deps: [{ token: PryI18nService }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PryModalStatusModule, declarations: [PryModalStatusComponent], imports: [CommonModule, PryIconModule, PryI18nModule], exports: [PryModalStatusComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryModalStatusModule, imports: [CommonModule, PryIconModule, PryI18nModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryModalStatusModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryModalStatusModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, PryIconModule, PryI18nModule],
@@ -2689,10 +2690,10 @@ class PryNqColorSelectorComponent {
         }
         this.toggleColorChoice();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryNqColorSelectorComponent, deps: [{ token: i1.Store }, { token: i2$1.Overlay }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PryNqColorSelectorComponent, selector: "pry-nq-color-selector", inputs: { disabled: "disabled", datasource: "datasource" }, outputs: { colorChanged: "colorChanged" }, viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, read: TemplateRef }], ngImport: i0, template: "<button (click)=\"toggleColorChoice($event)\" class=\"a-btn a-btn--icon-text o-pry-card-menu__nav__item\" role=\"button\">\n  <div\n    aria-hidden=\"true\"\n    [style.background-color]=\"dsColor ?? '#FFFFFF'\"\n    [class]=\"disabled ? 'm-color-selector__point__disabled' : 'm-color-selector__point'\"\n  ></div>\n  <ng-container *ngIf=\"!disabled\">\n    <span>{{ '@pry.search.namedQuery.color' | i18n }}</span>\n    <pry-icon class=\"container__point__icon\" iconSvg=\"chevron_right\"></pry-icon>\n  </ng-container>\n</button>\n\n<ng-template #template>\n  <div class=\"m-color-selector-overlay\">\n    <div\n      *ngFor=\"let color of possibleColors$ | async\"\n      [style.background-color]=\"color\"\n      class=\"m-color-selector-overlay__point\"\n      (click)=\"changeForColor(color)\"\n    >\n      <pry-icon *ngIf=\"dsColor === color\" class=\"m-color-selector-overlay__point__check\" iconSvg=\"check\"></pry-icon>\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryNqColorSelectorComponent, deps: [{ token: i1.Store }, { token: i2$1.Overlay }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PryNqColorSelectorComponent, selector: "pry-nq-color-selector", inputs: { disabled: "disabled", datasource: "datasource" }, outputs: { colorChanged: "colorChanged" }, viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, read: TemplateRef }], ngImport: i0, template: "<button (click)=\"toggleColorChoice($event)\" class=\"a-btn a-btn--icon-text o-pry-card-menu__nav__item\" role=\"button\">\n  <div\n    aria-hidden=\"true\"\n    [style.background-color]=\"dsColor ?? '#FFFFFF'\"\n    [class]=\"disabled ? 'm-color-selector__point__disabled' : 'm-color-selector__point'\"\n  ></div>\n  <ng-container *ngIf=\"!disabled\">\n    <span>{{ '@pry.search.namedQuery.color' | i18n }}</span>\n    <pry-icon class=\"container__point__icon\" iconSvg=\"chevron_right\"></pry-icon>\n  </ng-container>\n</button>\n\n<ng-template #template>\n  <div class=\"m-color-selector-overlay\">\n    <div\n      *ngFor=\"let color of possibleColors$ | async\"\n      [style.background-color]=\"color\"\n      class=\"m-color-selector-overlay__point\"\n      (click)=\"changeForColor(color)\"\n    >\n      <pry-icon *ngIf=\"dsColor === color\" class=\"m-color-selector-overlay__point__check\" iconSvg=\"check\"></pry-icon>\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryNqColorSelectorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryNqColorSelectorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-nq-color-selector', template: "<button (click)=\"toggleColorChoice($event)\" class=\"a-btn a-btn--icon-text o-pry-card-menu__nav__item\" role=\"button\">\n  <div\n    aria-hidden=\"true\"\n    [style.background-color]=\"dsColor ?? '#FFFFFF'\"\n    [class]=\"disabled ? 'm-color-selector__point__disabled' : 'm-color-selector__point'\"\n  ></div>\n  <ng-container *ngIf=\"!disabled\">\n    <span>{{ '@pry.search.namedQuery.color' | i18n }}</span>\n    <pry-icon class=\"container__point__icon\" iconSvg=\"chevron_right\"></pry-icon>\n  </ng-container>\n</button>\n\n<ng-template #template>\n  <div class=\"m-color-selector-overlay\">\n    <div\n      *ngFor=\"let color of possibleColors$ | async\"\n      [style.background-color]=\"color\"\n      class=\"m-color-selector-overlay__point\"\n      (click)=\"changeForColor(color)\"\n    >\n      <pry-icon *ngIf=\"dsColor === color\" class=\"m-color-selector-overlay__point__check\" iconSvg=\"check\"></pry-icon>\n    </div>\n  </div>\n</ng-template>\n" }]
         }], ctorParameters: function () { return [{ type: i1.Store }, { type: i2$1.Overlay }, { type: i0.ViewContainerRef }]; }, propDecorators: { disabled: [{
@@ -2775,10 +2776,10 @@ class PryDialogService {
         });
         return overlay;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryDialogService, deps: [{ token: i0.Injector }, { token: i2$1.Overlay }, { token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryDialogService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryDialogService, deps: [{ token: i0.Injector }, { token: i2$1.Overlay }, { token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryDialogService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryDialogService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryDialogService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i2$1.Overlay }, { type: i1.Store }]; } });
@@ -2806,10 +2807,10 @@ class PryDialogConfirmComponent {
     focusCrossElement() {
         this.cross.nativeElement.focus();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryDialogConfirmComponent, deps: [{ token: PryDialogRef }, { token: PRY_DIALOG_DATA }, { token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PryDialogConfirmComponent, selector: "pry-dialog-confirm", viewQueries: [{ propertyName: "cross", first: true, predicate: ["cross"], descendants: true }, { propertyName: "buttonAction", first: true, predicate: ["buttonAction"], descendants: true }], ngImport: i0, template: "<div\n  class=\"o-modal-wrapper\"\n  role=\"dialog\"\n  aria-modal=\"true\"\n  aria-labelledby=\"dialog_confirmDelete\"\n  (keydown.escape)=\"onClick()\"\n  cdkTrapFocus\n  [cdkTrapFocusAutoCapture]=\"true\"\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          {{ data.title | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" (click)=\"closeDialog()\" #cross>\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <div>\n      <p *ngIf=\"data?.message as message\" class=\"a-p\">{{ message | i18n }}</p>\n    </div>\n    <div class=\"m-btn-group\">\n      <ng-container *ngFor=\"let action of data.actions\" #buttonAction>\n        <button\n          (click)=\"onClick(action)\"\n          class=\"a-btn\"\n          type=\"button\"\n          [class.a-btn--primary]=\"action.color === 'primary' || action.color === undefined\"\n          [class.a-btn--secondary]=\"action.color === 'secondary'\"\n          [class.a-btn--tertiary]=\"action.color === 'tertiary'\"\n          [class.a-btn--ghost]=\"action.color === 'ghost'\"\n          [ngClass]=\"{ 'a-btn--icon-text': action.icon }\"\n        >\n          <pry-icon *ngIf=\"action.icon\" [iconSvg]=\"action.icon\"></pry-icon>\n          {{ action.label | i18n }}\n        </button>\n      </ng-container>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i5.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryDialogConfirmComponent, deps: [{ token: PryDialogRef }, { token: PRY_DIALOG_DATA }, { token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PryDialogConfirmComponent, selector: "pry-dialog-confirm", viewQueries: [{ propertyName: "cross", first: true, predicate: ["cross"], descendants: true }, { propertyName: "buttonAction", first: true, predicate: ["buttonAction"], descendants: true }], ngImport: i0, template: "<div\n  class=\"o-modal-wrapper\"\n  role=\"dialog\"\n  aria-modal=\"true\"\n  aria-labelledby=\"dialog_confirmDelete\"\n  (keydown.escape)=\"onClick()\"\n  cdkTrapFocus\n  [cdkTrapFocusAutoCapture]=\"true\"\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          {{ data.title | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" (click)=\"closeDialog()\" #cross>\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <div>\n      <p *ngIf=\"data?.message as message\" class=\"a-p\">{{ message | i18n }}</p>\n    </div>\n    <div class=\"m-btn-group\">\n      <ng-container *ngFor=\"let action of data.actions\" #buttonAction>\n        <button\n          (click)=\"onClick(action)\"\n          class=\"a-btn\"\n          type=\"button\"\n          [class.a-btn--primary]=\"action.color === 'primary' || action.color === undefined\"\n          [class.a-btn--secondary]=\"action.color === 'secondary'\"\n          [class.a-btn--tertiary]=\"action.color === 'tertiary'\"\n          [class.a-btn--ghost]=\"action.color === 'ghost'\"\n          [ngClass]=\"{ 'a-btn--icon-text': action.icon }\"\n        >\n          <pry-icon *ngIf=\"action.icon\" [iconSvg]=\"action.icon\"></pry-icon>\n          {{ action.label | i18n }}\n        </button>\n      </ng-container>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i5.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryDialogConfirmComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryDialogConfirmComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-dialog-confirm', template: "<div\n  class=\"o-modal-wrapper\"\n  role=\"dialog\"\n  aria-modal=\"true\"\n  aria-labelledby=\"dialog_confirmDelete\"\n  (keydown.escape)=\"onClick()\"\n  cdkTrapFocus\n  [cdkTrapFocusAutoCapture]=\"true\"\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          {{ data.title | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" (click)=\"closeDialog()\" #cross>\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <div>\n      <p *ngIf=\"data?.message as message\" class=\"a-p\">{{ message | i18n }}</p>\n    </div>\n    <div class=\"m-btn-group\">\n      <ng-container *ngFor=\"let action of data.actions\" #buttonAction>\n        <button\n          (click)=\"onClick(action)\"\n          class=\"a-btn\"\n          type=\"button\"\n          [class.a-btn--primary]=\"action.color === 'primary' || action.color === undefined\"\n          [class.a-btn--secondary]=\"action.color === 'secondary'\"\n          [class.a-btn--tertiary]=\"action.color === 'tertiary'\"\n          [class.a-btn--ghost]=\"action.color === 'ghost'\"\n          [ngClass]=\"{ 'a-btn--icon-text': action.icon }\"\n        >\n          <pry-icon *ngIf=\"action.icon\" [iconSvg]=\"action.icon\"></pry-icon>\n          {{ action.label | i18n }}\n        </button>\n      </ng-container>\n    </div>\n  </div>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: PryDialogRef }, { type: undefined, decorators: [{
@@ -2928,10 +2929,10 @@ class PryOverlayDirective {
                 break;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryOverlayDirective, deps: [{ token: i2$1.Overlay }, { token: i0.ViewContainerRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.6", type: PryOverlayDirective, selector: "[pryOverlay]", inputs: { pryOverlay: "pryOverlay", styleReversed: "styleReversed", pryOverlaySticky: "pryOverlaySticky", pryOverlayNoPadding: "pryOverlayNoPadding", pryOverlayPosition: "pryOverlayPosition", overlayOpen: "overlayOpen", hasBackdrop: "hasBackdrop" }, outputs: { overlayOpenChange: "overlayOpenChange" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryOverlayDirective, deps: [{ token: i2$1.Overlay }, { token: i0.ViewContainerRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: PryOverlayDirective, selector: "[pryOverlay]", inputs: { pryOverlay: "pryOverlay", styleReversed: "styleReversed", pryOverlaySticky: "pryOverlaySticky", pryOverlayNoPadding: "pryOverlayNoPadding", pryOverlayPosition: "pryOverlayPosition", overlayOpen: "overlayOpen", hasBackdrop: "hasBackdrop" }, outputs: { overlayOpenChange: "overlayOpenChange" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryOverlayDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryOverlayDirective, decorators: [{
             type: Directive,
             args: [{ selector: '[pryOverlay]' }]
         }], ctorParameters: function () { return [{ type: i2$1.Overlay }, { type: i0.ViewContainerRef }, { type: i0.ElementRef }]; }, propDecorators: { pryOverlay: [{
@@ -2953,11 +2954,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
             }] } });
 
 class PryOverlayModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryOverlayModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: PryOverlayModule, declarations: [PryOverlayDirective, PryDialogConfirmComponent], imports: [CommonModule, OverlayModule, PryIconModule, PryI18nModule, A11yModule], exports: [PryOverlayDirective, PryDialogConfirmComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryOverlayModule, imports: [CommonModule, OverlayModule, PryIconModule, PryI18nModule, A11yModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryOverlayModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PryOverlayModule, declarations: [PryOverlayDirective, PryDialogConfirmComponent], imports: [CommonModule, OverlayModule, PryIconModule, PryI18nModule, A11yModule], exports: [PryOverlayDirective, PryDialogConfirmComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryOverlayModule, imports: [CommonModule, OverlayModule, PryIconModule, PryI18nModule, A11yModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryOverlayModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryOverlayModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [PryOverlayDirective, PryDialogConfirmComponent],
@@ -3045,10 +3046,10 @@ class RawService {
             headers: new HttpHeaders({ 'File-Content-Type': mimeType })
         })));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: RawService, deps: [{ token: i1$2.HttpClient }, { token: i1.Store }, { token: i3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: RawService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RawService, deps: [{ token: i1$2.HttpClient }, { token: i1.Store }, { token: i3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RawService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: RawService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RawService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -3112,10 +3113,10 @@ class PryUploadComponent {
             }, 100);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryUploadComponent, deps: [{ token: i1.Store }, { token: RawService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PryUploadComponent, selector: "pry-upload", inputs: { mode: "mode", accept: "accept", labelTranslate: "labelTranslate" }, outputs: { uploaded: "uploaded", uploadedFile: "uploadedFile" }, viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true }], ngImport: i0, template: "<input type=\"file\" (change)=\"onFileSelect($event)\" #fileInput hidden [accept]=\"accept\" />\n<button class=\"a-btn a-btn--secondary -size-sm\" type=\"button\" (click)=\"fileInput.click()\">\n  <pry-icon [height]=\"20\" [width]=\"20\" iconSvg=\"upload\"></pry-icon>\n  <span>{{ labelTranslate | i18n }}</span>\n</button>\n", dependencies: [{ kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryUploadComponent, deps: [{ token: i1.Store }, { token: RawService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PryUploadComponent, selector: "pry-upload", inputs: { mode: "mode", accept: "accept", labelTranslate: "labelTranslate" }, outputs: { uploaded: "uploaded", uploadedFile: "uploadedFile" }, viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true }], ngImport: i0, template: "<input type=\"file\" (change)=\"onFileSelect($event)\" #fileInput hidden [accept]=\"accept\" />\n<button class=\"a-btn a-btn--secondary -size-sm\" type=\"button\" (click)=\"fileInput.click()\">\n  <pry-icon [height]=\"20\" [width]=\"20\" iconSvg=\"upload\"></pry-icon>\n  <span>{{ labelTranslate | i18n }}</span>\n</button>\n", dependencies: [{ kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryUploadComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryUploadComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-upload', template: "<input type=\"file\" (change)=\"onFileSelect($event)\" #fileInput hidden [accept]=\"accept\" />\n<button class=\"a-btn a-btn--secondary -size-sm\" type=\"button\" (click)=\"fileInput.click()\">\n  <pry-icon [height]=\"20\" [width]=\"20\" iconSvg=\"upload\"></pry-icon>\n  <span>{{ labelTranslate | i18n }}</span>\n</button>\n" }]
         }], ctorParameters: function () { return [{ type: i1.Store }, { type: RawService }]; }, propDecorators: { mode: [{
@@ -3182,10 +3183,10 @@ class PrySelectImageComponent {
             this.toggleImageChoice();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySelectImageComponent, deps: [{ token: i1.Store }, { token: i2$1.Overlay }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PrySelectImageComponent, selector: "pry-select-image", inputs: { iconUrl: "iconUrl", size: "size", mode: "mode" }, outputs: { toggled: "toggled", changed: "changed" }, viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, read: TemplateRef }], ngImport: i0, template: "<div class=\"select-image\">\n  <div class=\"select-image__select\">\n    <button type=\"button\" class=\"a-btn a-btn--icon-only\" id=\"button-{{ id }}\" (click)=\"toggleImageChoice($event)\">\n      <img alt=\"\" [height]=\"size\" [width]=\"size\" [src]=\"iconUrl | getSecuredImage | async\" />\n      <span class=\"u-visually-hidden\">{{ '@pry.action.selectPicture' | i18n }}</span>\n    </button>\n  </div>\n\n  <div class=\"select-image__add\">\n    <div class=\"m-file-upload\">\n      <pry-upload (uploaded)=\"changeForImage($event)\" [mode]=\"mode\"></pry-upload>\n    </div>\n  </div>\n</div>\n\n<ng-template #template>\n  <ul class=\"overlay overlay--icons\" *ngIf=\"images$ | async as images\">\n    <ng-container *ngIf=\"!(loading$ | async)?.loading\">\n      <li class=\"overlay__point\" *ngFor=\"let image of images\">\n        <button class=\"a-btn a-btn--icon-only\" type=\"button\" (click)=\"changeForImage(image.image)\">\n          <img [alt]=\"image.image\" [height]=\"size\" [width]=\"size\" [src]=\"image.image | getSecuredImage | async\" />\n        </button>\n      </li>\n    </ng-container>\n  </ul>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PryUploadComponent, selector: "pry-upload", inputs: ["mode", "accept", "labelTranslate"], outputs: ["uploaded", "uploadedFile"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: I18nPipe, name: "i18n" }, { kind: "pipe", type: GetSecuredImagePipe, name: "getSecuredImage" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PrySelectImageComponent, deps: [{ token: i1.Store }, { token: i2$1.Overlay }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PrySelectImageComponent, selector: "pry-select-image", inputs: { iconUrl: "iconUrl", size: "size", mode: "mode" }, outputs: { toggled: "toggled", changed: "changed" }, viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, read: TemplateRef }], ngImport: i0, template: "<div class=\"select-image\">\n  <div class=\"select-image__select\">\n    <button type=\"button\" class=\"a-btn a-btn--icon-only\" id=\"button-{{ id }}\" (click)=\"toggleImageChoice($event)\">\n      <img alt=\"\" [height]=\"size\" [width]=\"size\" [src]=\"iconUrl | getSecuredImage | async\" />\n      <span class=\"u-visually-hidden\">{{ '@pry.action.selectPicture' | i18n }}</span>\n    </button>\n  </div>\n\n  <div class=\"select-image__add\">\n    <div class=\"m-file-upload\">\n      <pry-upload (uploaded)=\"changeForImage($event)\" [mode]=\"mode\"></pry-upload>\n    </div>\n  </div>\n</div>\n\n<ng-template #template>\n  <ul class=\"overlay overlay--icons\" *ngIf=\"images$ | async as images\">\n    <ng-container *ngIf=\"!(loading$ | async)?.loading\">\n      <li class=\"overlay__point\" *ngFor=\"let image of images\">\n        <button class=\"a-btn a-btn--icon-only\" type=\"button\" (click)=\"changeForImage(image.image)\">\n          <img [alt]=\"image.image\" [height]=\"size\" [width]=\"size\" [src]=\"image.image | getSecuredImage | async\" />\n        </button>\n      </li>\n    </ng-container>\n  </ul>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PryUploadComponent, selector: "pry-upload", inputs: ["mode", "accept", "labelTranslate"], outputs: ["uploaded", "uploadedFile"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: I18nPipe, name: "i18n" }, { kind: "pipe", type: GetSecuredImagePipe, name: "getSecuredImage" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySelectImageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PrySelectImageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-select-image', template: "<div class=\"select-image\">\n  <div class=\"select-image__select\">\n    <button type=\"button\" class=\"a-btn a-btn--icon-only\" id=\"button-{{ id }}\" (click)=\"toggleImageChoice($event)\">\n      <img alt=\"\" [height]=\"size\" [width]=\"size\" [src]=\"iconUrl | getSecuredImage | async\" />\n      <span class=\"u-visually-hidden\">{{ '@pry.action.selectPicture' | i18n }}</span>\n    </button>\n  </div>\n\n  <div class=\"select-image__add\">\n    <div class=\"m-file-upload\">\n      <pry-upload (uploaded)=\"changeForImage($event)\" [mode]=\"mode\"></pry-upload>\n    </div>\n  </div>\n</div>\n\n<ng-template #template>\n  <ul class=\"overlay overlay--icons\" *ngIf=\"images$ | async as images\">\n    <ng-container *ngIf=\"!(loading$ | async)?.loading\">\n      <li class=\"overlay__point\" *ngFor=\"let image of images\">\n        <button class=\"a-btn a-btn--icon-only\" type=\"button\" (click)=\"changeForImage(image.image)\">\n          <img [alt]=\"image.image\" [height]=\"size\" [width]=\"size\" [src]=\"image.image | getSecuredImage | async\" />\n        </button>\n      </li>\n    </ng-container>\n  </ul>\n</ng-template>\n" }]
         }], ctorParameters: function () { return [{ type: i1.Store }, { type: i2$1.Overlay }, { type: i0.ViewContainerRef }]; }, propDecorators: { template: [{
@@ -3334,10 +3335,10 @@ class TranslateIdPipe {
         }
         return of(value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: TranslateIdPipe, deps: [{ token: i1.Store }, { token: PryI18nService }, { token: ImageService }, { token: SymbolService }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: TranslateIdPipe, name: "translateId" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TranslateIdPipe, deps: [{ token: i1.Store }, { token: PryI18nService }, { token: ImageService }, { token: SymbolService }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: TranslateIdPipe, name: "translateId" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: TranslateIdPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TranslateIdPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'translateId'
@@ -3354,10 +3355,10 @@ class TranslateItemToSymbolPipe {
     transform(value, ...args) {
         return from$1(new Promise((resolve) => this.symbolService.getSymbol(value).then((canvas) => resolve(canvas.toDataURL('image/png')))));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: TranslateItemToSymbolPipe, deps: [{ token: i1.Store }, { token: PryI18nService }, { token: ImageService }, { token: SymbolService }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: TranslateItemToSymbolPipe, name: "translateItemToSymbol" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TranslateItemToSymbolPipe, deps: [{ token: i1.Store }, { token: PryI18nService }, { token: ImageService }, { token: SymbolService }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: TranslateItemToSymbolPipe, name: "translateItemToSymbol" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: TranslateItemToSymbolPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TranslateItemToSymbolPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'translateItemToSymbol'
@@ -3380,10 +3381,10 @@ class CategoryService {
             .select(ConfigSelectors.refUrl)
             .pipe(mergeMap((url) => this.httpClient.get(encodeURI(`${url}/model/categories`))));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: CategoryService, deps: [{ token: i1$2.HttpClient }, { token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: CategoryService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CategoryService, deps: [{ token: i1$2.HttpClient }, { token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CategoryService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: CategoryService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CategoryService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -3396,10 +3397,10 @@ class CategoryEffects {
         this.categoryService = categoryService;
         this.loadCategories$ = createEffect(() => this.actions$.pipe(ofType(CategoryActions.load), debounceTime$1(200), mergeMap$1((action) => this.categoryService.getCategories().pipe(map$1((categories) => CategoryActions.loadSuccess({ categories })), catchError((error) => [CategoryActions.loadFailure({ error: error })])))));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: CategoryEffects, deps: [{ token: i1$3.Actions }, { token: CategoryService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: CategoryEffects }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CategoryEffects, deps: [{ token: i1$3.Actions }, { token: CategoryService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CategoryEffects }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: CategoryEffects, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CategoryEffects, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1$3.Actions }, { type: CategoryService }]; } });
 
@@ -3445,10 +3446,10 @@ class ClassService {
             .select(ConfigSelectors.refUrl)
             .pipe(mergeMap((url) => this.httpClient.get(encodeURI(`${url}/model/class/datasets/count`))));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ClassService, deps: [{ token: i1$2.HttpClient }, { token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ClassService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ClassService, deps: [{ token: i1$2.HttpClient }, { token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ClassService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ClassService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ClassService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -3467,10 +3468,10 @@ class ClassEffects {
             return ClassActions.loadDatasetCountSuccess({ datasetCounts: datasetCounts });
         }), catchError((error) => [ClassActions.loadDatasetCountFailure({ error: error })])))));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ClassEffects, deps: [{ token: i1$3.Actions }, { token: ClassService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ClassEffects }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ClassEffects, deps: [{ token: i1$3.Actions }, { token: ClassService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ClassEffects }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ClassEffects, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ClassEffects, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1$3.Actions }, { type: ClassService }]; } });
 
@@ -3598,10 +3599,10 @@ class ConfigService {
             }));
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ConfigService, deps: [{ token: i1$2.HttpClient }, { token: i1.Store }, { token: PrySnackbarService }, { token: PryI18nService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ConfigService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ConfigService, deps: [{ token: i1$2.HttpClient }, { token: i1.Store }, { token: PrySnackbarService }, { token: PryI18nService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ConfigService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ConfigService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ConfigService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1$2.HttpClient }, { type: i1.Store }, { type: PrySnackbarService }, { type: PryI18nService }]; } });
 
@@ -3625,10 +3626,10 @@ class OpenMapTilesService {
             })) ?? []).sort((a, b) => a.label.localeCompare(b.label));
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: OpenMapTilesService, deps: [{ token: i1$2.HttpClient }, { token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: OpenMapTilesService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OpenMapTilesService, deps: [{ token: i1$2.HttpClient }, { token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OpenMapTilesService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: OpenMapTilesService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OpenMapTilesService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -3735,10 +3736,10 @@ class ConfigEffects {
             return ConfigActions.loadVersionsSuccess({ versions: versionsData });
         }), catchError$1((error) => [ConfigActions.loadVersionsFailure({ error: error })])))));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ConfigEffects, deps: [{ token: i1$3.Actions }, { token: OpenMapTilesService }, { token: i1.Store }, { token: ConfigService }, { token: PrySnackbarService }, { token: PryI18nService }, { token: PryDialogService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ConfigEffects }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ConfigEffects, deps: [{ token: i1$3.Actions }, { token: OpenMapTilesService }, { token: i1.Store }, { token: ConfigService }, { token: PrySnackbarService }, { token: PryI18nService }, { token: PryDialogService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ConfigEffects }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ConfigEffects, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ConfigEffects, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1$3.Actions }, { type: OpenMapTilesService }, { type: i1.Store }, { type: ConfigService }, { type: PrySnackbarService }, { type: PryI18nService }, { type: PryDialogService }]; } });
 
@@ -3746,10 +3747,10 @@ class ContextMenuEffects {
     constructor(actions$) {
         this.actions$ = actions$;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ContextMenuEffects, deps: [{ token: i1$3.Actions }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ContextMenuEffects }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextMenuEffects, deps: [{ token: i1$3.Actions }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextMenuEffects }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ContextMenuEffects, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextMenuEffects, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1$3.Actions }]; } });
 
@@ -3800,18 +3801,138 @@ var DashboardGridLayout;
 
 class ManifestUtils {
     static getDatasourcesUsedByManifest(manifest) {
-        return [
-            ...new Set(manifest.windows
-                .map((window) => window.widgets.map((widget) => widget.datasource))
-                .flat(3)
-                .filter((dataset) => !!dataset))
-        ];
+        const mapOfDatasources = manifest.windows
+            .map((window) => window.widgets.map((widget) => ({ datasetId: widget.datasource, excludeGeo: widget.type !== 'map' })))
+            .flat(3)
+            .filter((dataset) => !!dataset.datasetId)
+            .map((res) => Array.isArray(res.datasetId)
+            ? res.datasetId.map((r) => ({ datasetId: r, excludeGeo: res.excludeGeo }))
+            : [res])
+            .flat().reduce((p, c) => ({ ...p, [c.datasetId]: { ...p[c.datasetId], ...c } }), {});
+        return Object.values(mapOfDatasources);
+    }
+}
+
+const SearchActions = {
+    search: createAction('[Search] search', props()),
+    getDatasourceItems: createAction('[Search] (bus) search named', props()),
+    // result Search
+    searchSuccess: createAction('[Search Api] (bus) Search Success', props()),
+    searchFailure: createAction('[Search Api] (bus) Search Failure', props()),
+    setSearchLoading: createAction('[Search Api] (bus) set Search loading datasource status', props())
+};
+
+const searchFeatureKey = '@pry/search';
+const initialSearchState = {
+    searchLoading: [],
+    payload: undefined,
+    id: undefined
+};
+const searchReducer = createReducer(initialSearchState, on(SearchActions.search, (state, action) => ({
+    ...state,
+    searchLoading: [...new Set([...state.searchLoading, DEFAULT_NAMED_QUERY_ID])],
+    payload: action.payload,
+    id: action.id
+})), on(SearchActions.getDatasourceItems, (state, action) => ({
+    ...state,
+    searchLoading: [...new Set([...state.searchLoading, action.id])]
+})), on(SearchActions.searchSuccess, (state, action) => ({
+    ...state,
+    searchLoading: [...state.searchLoading.filter((id) => id !== (action.id ?? DEFAULT_NAMED_QUERY_ID))]
+})), on(SearchActions.searchFailure, (state, action) => ({
+    ...state,
+    searchLoading: [...state.searchLoading.filter((id) => id !== (action.id ?? DEFAULT_NAMED_QUERY_ID))]
+})), on(SearchActions.setSearchLoading, (state, action) => ({
+    ...state,
+    searchLoading: action.start
+        ? [...new Set([...state.searchLoading, ...action.datasources])]
+        : [...state.searchLoading.filter((id) => !action.datasources.includes(id))]
+})));
+
+const feature$4 = createFeatureSelector(searchFeatureKey);
+const searchLoading = createSelector(feature$4, (state) => state.searchLoading);
+const SearchSelectors = {
+    feature: feature$4,
+    searchLoading
+};
+
+class ProxyUtils {
+    static { this.requested = {}; }
+    static init(store) {
+        this.store = store;
+        store.select(SearchSelectors.searchLoading).subscribe((searchLoading) => {
+            this.currentlyLoading = searchLoading;
+        });
+    }
+    static ResultSets(rss) {
+        return new Proxy(JSON.parse(JSON.stringify(rss)), {
+            get: (original, prop, proxy) => {
+                if (original[prop]) {
+                    return ProxyUtils.ResultSet(original[prop], prop);
+                }
+                else {
+                    /* actuellement fait via le assertResult
+                    setTimeout(() => {
+                      if (!this.currentlyLoading.includes(prop as string) && this.requested[prop as string] !== true) {
+                        this.requested[prop as string] = true;
+                        this.store.dispatch(
+                          SearchActions.getDatasourceItems({
+                            id: prop as string,
+                            excludeGeo: true,
+                            from: 'ProxyUtils.ResultSets()'
+                          })
+                        );
+                      }
+                    }, 100); */
+                }
+                return undefined;
+            }
+        });
+    }
+    static ResultSet(rs, rsId) {
+        return {
+            relations: rs.relations ?? [],
+            autoRefreshInterval: rs.autoRefreshInterval,
+            merged: rs.merged,
+            count: rs.count,
+            items: Object.keys(rs.items ?? {})
+                .map((classId) => ({
+                classId: classId,
+                items: rs.items[classId].map((item) => ProxyUtils.Item(item, rsId))
+            }))
+                .reduce((p, c) => ({ ...p, [c.classId]: c.items }), {})
+        };
+    }
+    static Item(item, rsId) {
+        return {
+            id: item.id,
+            oClass: item.oClass,
+            metadata: item.metadata,
+            attributes: new Proxy(JSON.parse(JSON.stringify(item.attributes)), {
+                get: (original, prop, proxy) => {
+                    if (original[prop]) {
+                        return original[prop];
+                    }
+                    else {
+                        if (!this.currentlyLoading.includes(rsId) && this.requested[prop] !== false) {
+                            this.requested[prop] = false;
+                            this.store.dispatch(SearchActions.getDatasourceItems({ id: rsId, excludeGeo: false, from: 'ProxyUtils.Item()' }));
+                        }
+                    }
+                    return {
+                        type: 'VALUE',
+                        value: '',
+                        visible: false
+                    };
+                }
+            })
+        };
     }
 }
 
 const NEW_WINDOW_TARGET = -1;
-const feature$4 = createFeatureSelector('@pry/dashboard');
-const manifests = createSelector(feature$4, (state) => state?.manifests);
+const feature$3 = createFeatureSelector('@pry/dashboard');
+const manifests = createSelector(feature$3, (state) => state?.manifests);
 const rank = createSelector(manifests, (manifests) => manifests?.tenants.indexOf(manifests.sender));
 const currentManifestId = createSelector(manifests, (manifests) => manifests.currentId);
 const globalManifest = createSelector(manifests, 
@@ -3842,8 +3963,8 @@ const targetTenantsIndexes = createSelector(manifests, rank, (manifests, rank) =
     NEW_WINDOW_TARGET,
     ...(manifests.tenants ?? []).map((ten, idx) => idx).filter((idx) => idx !== rank)
 ]);
-const results = createSelector(feature$4, (state) => state?.results);
-const resultSets = createSelector(results, (results) => results.resultSets ?? {});
+const results = createSelector(feature$3, (state) => state?.results);
+const resultSets = createSelector(results, (results) => ProxyUtils.ResultSets(results.resultSets) ?? {});
 const resultSetsParams = createSelector(results, (results) => results.resultSetsParams ?? {});
 const namedQueriesNames = createSelector(resultSets, (state) => Object.keys(state) ?? []);
 const availableNamedQueries = createSelector(results, (results) => {
@@ -3860,7 +3981,7 @@ const allItems = createSelector(results, (results) => Object.keys(results.result
     .reduce((p, c) => [...p, ...c], []));
 const getItemsByIds = (ids) => createSelector(allItems, (items) => items.filter((item) => ids.includes(item.id)));
 const selectedItems = createSelector(selectedItemIds, allItems, (itemNames, allItems) => itemNames.map((name) => allItems.find((it) => it.id === name)) ?? []);
-const dashboard = createSelector(feature$4, (state) => state?.dashboard ?? {});
+const dashboard = createSelector(feature$3, (state) => state?.dashboard ?? {});
 const dashboardCellParams = createSelector(dashboard, (dashboard) => dashboard.params ?? {});
 const dashboardEditionMode = createSelector(dashboard, (dashboard) => dashboard.editionMode ?? false);
 const namedQueriesUses = createSelector(globalManifest, (manifest) => manifest.windows
@@ -3876,11 +3997,11 @@ const namedQueriesUses = createSelector(globalManifest, (manifest) => manifest.w
     .reduce((p, c) => [...p, ...c], [])
     .reduce((p, c) => [...p, ...c], [])
     .reduce((p, c) => ({ ...p, [c.rsName ?? '']: [...(p[c.rsName ?? ''] || []), { ...c }] }), {}));
-const presentation = createSelector(feature$4, (state) => state?.presentation);
+const presentation = createSelector(feature$3, (state) => state?.presentation);
 const isCurrentPresentationModified = createSelector(presentation, globalManifest, (state, global) => !equal(global, state.initial));
 const isCurrentPresentationOwner = createSelector(presentation, (state) => !!state.current && state.current.owner);
-const filters = createSelector(feature$4, (state) => state?.manifests.manifest.filters ?? []);
-const datasourceFilters = createSelector(feature$4, (state) => state?.manifests.manifest.filters
+const filters = createSelector(feature$3, (state) => state?.manifests.manifest.filters ?? []);
+const datasourceFilters = createSelector(feature$3, (state) => state?.manifests.manifest.filters
     ? state?.manifests.manifest.filters.reduce((obj, filter) => (filter.attributes.forEach((attribute) => (obj[attribute.datasource] || (obj[attribute.datasource] = [])).push({
         attribute: attribute.id,
         operator: filter.operator ?? '',
@@ -3888,11 +4009,11 @@ const datasourceFilters = createSelector(feature$4, (state) => state?.manifests.
     })),
         obj), {})
     : {});
-const wmsFeatures = createSelector(feature$4, (state) => state?.wmsFeatures);
-const displayOptions = createSelector(feature$4, (state) => state?.display);
-const capabilities = createSelector(feature$4, (state) => state?.capabilities);
+const wmsFeatures = createSelector(feature$3, (state) => state?.wmsFeatures);
+const displayOptions = createSelector(feature$3, (state) => state?.display);
+const capabilities = createSelector(feature$3, (state) => state?.capabilities);
 const DashboardSelectors = {
-    feature: feature$4,
+    feature: feature$3,
     rank,
     currentManifestId,
     globalManifest,
@@ -3931,15 +4052,6 @@ const DashboardSelectors = {
     capabilities
 };
 
-const SearchActions = {
-    search: createAction('[Search] search', props()),
-    getDatasourceItems: createAction('[Search] (bus) search named', props()),
-    // result Search
-    searchSuccess: createAction('[Search Api] (bus) Search Success', props()),
-    searchFailure: createAction('[Search Api] (bus) Search Failure', props()),
-    setSearchLoading: createAction('[Search Api] (bus) set Search loading datasource status', props())
-};
-
 class SearchService {
     constructor(httpClient, store) {
         this.httpClient = httpClient;
@@ -3950,13 +4062,8 @@ class SearchService {
             this.filters = filters;
         });
     }
-    /**
-     * Request the result of a named query by its id
-     * @param id of the data source to fetch
-     * @param quickOrder if it has to be applied
-     */
-    getItems(id, quickOrder) {
-        const params = this.getItemsFilter(id, this.getOrder(quickOrder));
+    getItems(id, quickOrder, excludeGeo) {
+        const params = this.getItemsFilter(id, this.getOrder(quickOrder)).append('excludeGeo', excludeGeo ?? false);
         if (!id) {
             console.warn('Not sending items request with no datasource attached.');
             return of({ items: {}, relations: [] });
@@ -4017,10 +4124,16 @@ class SearchService {
         this.transformations.forEach((func) => (transformed = func(id, transformed)));
         return transformed;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SearchService, deps: [{ token: i1$2.HttpClient }, { token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SearchService, providedIn: 'root' }); }
+    autocomplete(attributes, search) {
+        return this.store.select(ConfigSelectors.dataUrl).pipe(switchMap((url) => this.httpClient.post(encodeURI(`${url}/data-sources/autocomplete`), {
+            attributes: (attributes ?? []).map((attr) => ({ datasource: attr.datasource, attribute: attr.id })),
+            search
+        })));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SearchService, deps: [{ token: i1$2.HttpClient }, { token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SearchService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SearchService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SearchService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -4137,10 +4250,10 @@ class DataSourceService {
             .select(ConfigSelectors.refUrl)
             .pipe(switchMap((url) => this.httpClient.post(encodeURI(`${url}/dataset-versions/id/${versionId}/activate`), null)));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: DataSourceService, deps: [{ token: i1.Store }, { token: i1$2.HttpClient }, { token: PryI18nService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: DataSourceService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DataSourceService, deps: [{ token: i1.Store }, { token: i1$2.HttpClient }, { token: PryI18nService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DataSourceService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: DataSourceService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DataSourceService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -4173,7 +4286,7 @@ class DataSourceEffects {
         }), mergeMap(() => {
             const actions = [];
             if (this.idNamedQuery) {
-                actions.push(SearchActions.getDatasourceItems({ id: this.idNamedQuery }));
+                actions.push(SearchActions.getDatasourceItems({ id: this.idNamedQuery, excludeGeo: false, from: 'postNameQuery$' }));
             }
             this.idNamedQuery = undefined;
             actions.push(DataSourceActions.namedQuery.load());
@@ -4274,10 +4387,10 @@ class DataSourceEffects {
         this.activateOrDeactivateDatasetVersionSuccess$ = createEffect(() => this.actions$.pipe(ofType(DataSourceActions.dataset.activateDatasetVersionSuccess, DataSourceActions.dataset.deactivateDatasetVersionSuccess), map((action) => DataSourceActions.dataset.listVersions())));
         this.previewsGetById$ = createEffect(() => this.actions$.pipe(ofType(DataSourceActions.dataset.previews.getById), switchMap((action) => this.dataSourceService.getPreviews(action.id).pipe(map((previews) => DataSourceActions.dataset.previews.getByIdSuccess({ previews })), catchError((error) => [DataSourceActions.dataset.previews.getByIdFailure({ error })])))));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: DataSourceEffects, deps: [{ token: i1$3.Actions }, { token: SearchService }, { token: DataSourceService }, { token: PrySnackbarService }, { token: PryI18nService }, { token: i1.Store }, { token: PryDialogService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: DataSourceEffects }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DataSourceEffects, deps: [{ token: i1$3.Actions }, { token: SearchService }, { token: DataSourceService }, { token: PrySnackbarService }, { token: PryI18nService }, { token: i1.Store }, { token: PryDialogService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DataSourceEffects }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: DataSourceEffects, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DataSourceEffects, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1$3.Actions }, { type: SearchService }, { type: DataSourceService }, { type: PrySnackbarService }, { type: PryI18nService }, { type: i1.Store }, { type: PryDialogService }]; } });
 
@@ -4301,10 +4414,10 @@ class FieldService {
             .select(ConfigSelectors.refUrl)
             .pipe(mergeMap((url) => this.httpClient.delete(encodeURI(`${url}/model/fields/${id}`))));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: FieldService, deps: [{ token: i1$2.HttpClient }, { token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: FieldService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FieldService, deps: [{ token: i1$2.HttpClient }, { token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FieldService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: FieldService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FieldService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -4317,10 +4430,10 @@ class FieldEffects {
         this.fieldService = fieldService;
         this.loadFields$ = createEffect(() => this.actions$.pipe(ofType(FieldActions.load), debounceTime$1(200), mergeMap$1((action) => this.fieldService.getFields().pipe(map$1((fields) => FieldActions.loadSuccess({ fields })), catchError((error) => [FieldActions.loadFailure({ error: error })])))));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: FieldEffects, deps: [{ token: i1$3.Actions }, { token: FieldService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: FieldEffects }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FieldEffects, deps: [{ token: i1$3.Actions }, { token: FieldService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FieldEffects }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: FieldEffects, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FieldEffects, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1$3.Actions }, { type: FieldService }]; } });
 
@@ -4331,23 +4444,23 @@ class ImageEffects {
         this.loadImages$ = createEffect(() => this.actions$.pipe(ofType(ImageActions.load), debounceTime$1(50), mergeMap$1(() => this.imageService.getImages().pipe(map$1((images) => ImageActions.loadSuccess({ images })), catchError((error) => [ImageActions.loadFailure({ error })])))));
         this.addImages$ = createEffect(() => this.actions$.pipe(ofType(ImageActions.add), mergeMap$1((action) => this.imageService.upload(action.file, action.mediaType, action.imageType).pipe(mergeMap$1((name) => [ImageActions.load(), ImageActions.added({ name })]), catchError((error) => [ImageActions.loadFailure({ error })])))));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ImageEffects, deps: [{ token: i1$3.Actions }, { token: ImageService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ImageEffects }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ImageEffects, deps: [{ token: i1$3.Actions }, { token: ImageService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ImageEffects }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ImageEffects, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ImageEffects, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1$3.Actions }, { type: ImageService }]; } });
 
-const feature$3 = createFeatureSelector(contextMenuFeatureKey);
-const opened = createSelector(feature$3, (state) => state?.opened);
-const position = createSelector(feature$3, (state) => ({ clientX: state?.clientX ?? 0, clientY: state?.clientY ?? 0 }));
-const itemId = createSelector(feature$3, (state) => state.itemId);
-const from = createSelector(feature$3, (state) => state.from);
-const coordinates = createSelector(feature$3, (state) => state.coordinates);
-const resultSet = createSelector(feature$3, (state) => state.resultSet);
-const allowObjectCreation = createSelector(feature$3, (state) => state.allowObjectCreation);
+const feature$2 = createFeatureSelector(contextMenuFeatureKey);
+const opened = createSelector(feature$2, (state) => state?.opened);
+const position = createSelector(feature$2, (state) => ({ clientX: state?.clientX ?? 0, clientY: state?.clientY ?? 0 }));
+const itemId = createSelector(feature$2, (state) => state.itemId);
+const from = createSelector(feature$2, (state) => state.from);
+const coordinates = createSelector(feature$2, (state) => state.coordinates);
+const resultSet = createSelector(feature$2, (state) => state.resultSet);
+const allowObjectCreation = createSelector(feature$2, (state) => state.allowObjectCreation);
 const ContextMenuSelectors = {
-    feature: feature$3,
+    feature: feature$2,
     opened,
     position,
     itemId,
@@ -4363,6 +4476,36 @@ const ItemActions = {
     createFailure: createAction('[Item] create failure', props())
 };
 
+var FieldType;
+(function (FieldType) {
+    FieldType["STRING"] = "string";
+    FieldType["KEYWORD"] = "keyword";
+    FieldType["INTEGER"] = "integer";
+    FieldType["DECIMAL"] = "decimal";
+    FieldType["INSTANT"] = "instant";
+    FieldType["LONG"] = "long";
+    FieldType["RAW"] = "raw";
+    FieldType["POINT"] = "Point";
+    FieldType["MULTIPOINT"] = "MultiPoint";
+    FieldType["LINE"] = "LineString";
+    FieldType["MULTILINE"] = "MultiLineString";
+    FieldType["POLYGON"] = "Polygon";
+    FieldType["MULTIPOLYGON"] = "MultiPolygon";
+    FieldType["GEOMETRYCOLLECTION"] = "GeometryCollection";
+    FieldType["OCLASS"] = "mod\u00E8le de donn\u00E9es";
+    FieldType["DATASET"] = "test";
+})(FieldType || (FieldType = {}));
+const GeometricFieldTypes = [
+    FieldType.POINT,
+    FieldType.MULTIPOINT,
+    FieldType.LINE,
+    FieldType.MULTILINE,
+    FieldType.POLYGON,
+    FieldType.MULTIPOLYGON,
+    FieldType.GEOMETRYCOLLECTION
+];
+const NumericFieldTypes = [FieldType.INTEGER, FieldType.DECIMAL, FieldType.INSTANT, FieldType.LONG];
+
 const hiddenFieldText = '*********';
 class ItemUtils {
     static getAttributeValue(item, attribute) {
@@ -4424,19 +4567,13 @@ class ItemUtils {
                 .filter((prop) => prop !== 'attributes'))
         ];
     }
-    static findInResultSet(resultSet, id) {
-        return Object.keys(resultSet.items)
-            .map((classId) => resultSet.items[classId].filter((item) => item.id === id))
-            .reduce((p, c) => [...p, ...c], []).find((item) => !!item);
-    }
-    static getFieldsFromAvailabilityInResultSet(resultSet, classes, fields) {
+    static getFieldsForClasses(classesId, classes, fields) {
         return [
-            ...new Set(Object.keys(resultSet?.items || {})
+            ...new Set(classesId
                 .map((classId) => classes.find((cl) => cl.id === classId))
                 .filter((oClass) => oClass !== undefined)
-                .map((oClass) => fields
-                .filter((f) => oClass.attributes.map((attr) => attr.field).includes(f.id))
-                .filter((f) => f !== undefined))
+                .map((oClass) => oClass.attributes.map((attr) => fields.find((f) => f.id === attr.field)))
+                .map((fields) => fields.filter((f) => !!f))
                 .reduce((p, c) => [...p, ...c], []))
         ];
     }
@@ -4452,13 +4589,19 @@ class ItemUtils {
             ...new Set(Object.keys(resultSet?.items || {})
                 .map((classId) => classes.find((cl) => cl.id === classId))
                 .filter((oClass) => oClass !== undefined)
-                .map((oClass) => oClass.attributes.filter((attr) => ItemUtils.getAttributesDefinitionForClass(oClass, definitions).includes(attr.name)))
+                .map((oClass) => oClass.attributes.filter((attr) => ItemUtils.getAttributesDefinitionForClass(oClass, definitions, fields).includes(attr.name)))
                 .reduce((p, c) => [...p, ...c], [])
                 .filter((attr) => !!fields.find((f) => f.id === attr.field)))
         ];
     }
-    static getAttributesDefinitionForClass(clazz, defs) {
-        return defs[clazz.id ?? ''] ?? (clazz ?? { attributes: [] }).attributes.map((attr) => attr.name);
+    static getAttributesDefinitionForClass(clazz, defs, fields) {
+        return (defs[clazz.id ?? ''] ??
+            (clazz ?? { attributes: [] }).attributes
+                .filter((attr) => {
+                const attrField = fields.find((f) => f.id === attr.field);
+                return attrField && !GeometricFieldTypes.includes(attrField.type);
+            })
+                .map((attr) => attr.name));
     }
     static ensureItemIdHasCorrectFormat(item) {
         if (!item.id.includes('@')) {
@@ -4504,10 +4647,10 @@ class ItemService {
             .select(ConfigSelectors.dataUrl)
             .pipe(mergeMap((url) => this.httpClient.post(`${url}/items`, [toSendItem])));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ItemService, deps: [{ token: i1.Store }, { token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ItemService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ItemService, deps: [{ token: i1.Store }, { token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ItemService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ItemService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ItemService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -4539,10 +4682,10 @@ class ItemEffects {
             });
         })), { dispatch: false });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ItemEffects, deps: [{ token: i1$3.Actions }, { token: ItemService }, { token: i1.Store }, { token: PrySnackbarService }, { token: PryI18nService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ItemEffects }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ItemEffects, deps: [{ token: i1$3.Actions }, { token: ItemService }, { token: i1.Store }, { token: PrySnackbarService }, { token: PryI18nService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ItemEffects }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ItemEffects, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ItemEffects, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1$3.Actions }, { type: ItemService }, { type: i1.Store }, { type: PrySnackbarService }, { type: PryI18nService }]; } });
 
@@ -4597,10 +4740,10 @@ class RelationTypesService {
         }
         return this.store.select(ConfigSelectors.dataUrl).pipe(mergeMap((url) => this.httpClient.post(`${url}/relations`, relations)), map(() => relations));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: RelationTypesService, deps: [{ token: i1.Store }, { token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: RelationTypesService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RelationTypesService, deps: [{ token: i1.Store }, { token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RelationTypesService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: RelationTypesService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RelationTypesService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -4637,10 +4780,10 @@ class RelationTypesEffects {
             DashboardActions.addRelationsToResultSets({ relations })
         ]), catchError((error) => [RelationTypesActions.createRelationFailure({ error })])))));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: RelationTypesEffects, deps: [{ token: i1$3.Actions }, { token: RelationTypesService }, { token: i2.Router }, { token: PryDialogService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: RelationTypesEffects }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RelationTypesEffects, deps: [{ token: i1$3.Actions }, { token: RelationTypesService }, { token: i2.Router }, { token: PryDialogService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RelationTypesEffects }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: RelationTypesEffects, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RelationTypesEffects, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1$3.Actions }, { type: RelationTypesService }, { type: i2.Router }, { type: PryDialogService }]; } });
 
@@ -4680,7 +4823,7 @@ class SearchEffects {
         this.actions$ = actions$;
         this.searchService = searchService;
         this.store = store;
-        this.searchNamed$ = createEffect(() => this.actions$.pipe(ofType(SearchActions.getDatasourceItems), withLatestFrom$1(this.store.select(DashboardSelectors.rank), this.store.select(DashboardSelectors.quickOrder)), filter(([_, rank]) => rank === 0), filter(([props, rank]) => props.id !== DEFAULT_NAMED_QUERY_ID && props.id !== EXPLORE_NAMED_QUERY_ID), mergeMap(([props, rank, quickOrder]) => this.searchService.getItems(props.id, quickOrder[props.id]).pipe(map((resultSet) => SearchActions.searchSuccess({
+        this.searchNamed$ = createEffect(() => this.actions$.pipe(ofType(SearchActions.getDatasourceItems), withLatestFrom$1(this.store.select(DashboardSelectors.rank), this.store.select(DashboardSelectors.quickOrder)), filter(([_, rank]) => rank === 0), filter(([props, rank]) => props.id !== DEFAULT_NAMED_QUERY_ID && props.id !== EXPLORE_NAMED_QUERY_ID), mergeMap(([props, rank, quickOrder]) => this.searchService.getItems(props.id, quickOrder[props.id], props.excludeGeo).pipe(map((resultSet) => SearchActions.searchSuccess({
             resultSet,
             id: props.id,
             params: this.searchService.getItemsSerializedParams(props.id, quickOrder)
@@ -4692,46 +4835,19 @@ class SearchEffects {
             params: action.params
         }))));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SearchEffects, deps: [{ token: i1$3.Actions }, { token: SearchService }, { token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SearchEffects }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SearchEffects, deps: [{ token: i1$3.Actions }, { token: SearchService }, { token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SearchEffects }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SearchEffects, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SearchEffects, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1$3.Actions }, { type: SearchService }, { type: i1.Store }]; } });
 
-const searchFeatureKey = '@pry/search';
-const initialSearchState = {
-    searchLoading: [],
-    payload: undefined,
-    id: undefined
-};
-const searchReducer = createReducer(initialSearchState, on(SearchActions.search, (state, action) => ({
-    ...state,
-    searchLoading: [...new Set([...state.searchLoading, DEFAULT_NAMED_QUERY_ID])],
-    payload: action.payload,
-    id: action.id
-})), on(SearchActions.getDatasourceItems, (state, action) => ({
-    ...state,
-    searchLoading: [...new Set([...state.searchLoading, action.id])]
-})), on(SearchActions.searchSuccess, (state, action) => ({
-    ...state,
-    searchLoading: [...state.searchLoading.filter((id) => id !== (action.id ?? DEFAULT_NAMED_QUERY_ID))]
-})), on(SearchActions.searchFailure, (state, action) => ({
-    ...state,
-    searchLoading: [...state.searchLoading.filter((id) => id !== (action.id ?? DEFAULT_NAMED_QUERY_ID))]
-})), on(SearchActions.setSearchLoading, (state, action) => ({
-    ...state,
-    searchLoading: action.start
-        ? [...new Set([...state.searchLoading, ...action.datasources])]
-        : [...state.searchLoading.filter((id) => !action.datasources.includes(id))]
-})));
-
 class AccordionComponent {
     constructor() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: AccordionComponent, selector: "pry-accordion", ngImport: i0, template: "<cdk-accordion class=\"o-accordion\">\n  <ng-content></ng-content>\n</cdk-accordion>\n", dependencies: [{ kind: "directive", type: i1$4.CdkAccordion, selector: "cdk-accordion, [cdkAccordion]", inputs: ["multi"], exportAs: ["cdkAccordion"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AccordionComponent, selector: "pry-accordion", ngImport: i0, template: "<cdk-accordion class=\"o-accordion\">\n  <ng-content></ng-content>\n</cdk-accordion>\n", dependencies: [{ kind: "directive", type: i1$4.CdkAccordion, selector: "cdk-accordion, [cdkAccordion]", inputs: ["multi"], exportAs: ["cdkAccordion"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AccordionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AccordionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-accordion', template: "<cdk-accordion class=\"o-accordion\">\n  <ng-content></ng-content>\n</cdk-accordion>\n" }]
         }], ctorParameters: function () { return []; } });
@@ -4747,10 +4863,10 @@ class AccordionItemComponent {
     onSearch(item, $event) {
         this.search.emit({ ...this.search$.getValue(), [item]: $event });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AccordionItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: AccordionItemComponent, selector: "pry-accordion-item", inputs: { item: "item", borderColor: "borderColor", index: "index", translationStringBase: "translationStringBase", length: "length", showSearchBar: "showSearchBar", search$: "search$" }, outputs: { search: "search" }, ngImport: i0, template: "<cdk-accordion-item\n  #accordionItem=\"cdkAccordionItem\"\n  [id]=\"'button_' + item\"\n  role=\"tab\"\n  [attr.aria-controls]=\"'panel_' + item\"\n  [attr.aria-selected]=\"accordionItem.expanded\"\n  [attr.aria-expanded]=\"accordionItem.expanded\"\n>\n  <div class=\"o-accordion__title\" [class.is-active]=\"accordionItem.expanded\" [style.--border-color]=\"borderColor\">\n    <button type=\"button\" class=\"o-accordion__title__btn\" (click)=\"accordionItem.toggle()\">\n      <span>\n        {{ translationStringBase + item | i18n }}\n        <ng-container *ngIf=\"length\">&nbsp;({{ length }}) </ng-container>\n      </span>\n      <pry-icon\n        [width]=\"15\"\n        [height]=\"15\"\n        [iconSvg]=\"accordionItem.expanded ? 'chevron_top_rounded' : 'chevron_bottom_rounded'\"\n      ></pry-icon>\n    </button>\n  </div>\n  <div\n    *ngIf=\"accordionItem.expanded\"\n    class=\"o-accordion__panel\"\n    role=\"tabpanel\"\n    [attr.aria-labelledby]=\"'button_' + item\"\n    [id]=\"'panel_' + item\"\n    [attr.aria-hidden]=\"!accordionItem.expanded\"\n    [style.--border-color]=\"borderColor\"\n  >\n    <div *ngIf=\"showSearchBar\" class=\"o-accordion__panel__head\">\n      <input\n        type=\"text\"\n        class=\"a-form-field\"\n        [placeholder]=\"'@pry.toolbox.catalog.filter.name' | i18n\"\n        [ngModel]=\"(search$ | async)[item]\"\n        (ngModelChange)=\"onSearch(item, $event)\"\n      />\n      <pry-icon iconSvg=\"search\" [width]=\"17\" [height]=\"17\"></pry-icon>\n    </div>\n    <ng-content></ng-content>\n  </div>\n</cdk-accordion-item>\n", dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i1$4.CdkAccordionItem, selector: "cdk-accordion-item, [cdkAccordionItem]", inputs: ["expanded", "disabled"], outputs: ["closed", "opened", "destroyed", "expandedChange"], exportAs: ["cdkAccordionItem"] }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AccordionItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AccordionItemComponent, selector: "pry-accordion-item", inputs: { item: "item", borderColor: "borderColor", index: "index", translationStringBase: "translationStringBase", length: "length", showSearchBar: "showSearchBar", search$: "search$" }, outputs: { search: "search" }, ngImport: i0, template: "<cdk-accordion-item\n  #accordionItem=\"cdkAccordionItem\"\n  [id]=\"'button_' + item\"\n  role=\"tab\"\n  [attr.aria-controls]=\"'panel_' + item\"\n  [attr.aria-selected]=\"accordionItem.expanded\"\n  [attr.aria-expanded]=\"accordionItem.expanded\"\n>\n  <div class=\"o-accordion__title\" [class.is-active]=\"accordionItem.expanded\" [style.--border-color]=\"borderColor\">\n    <button type=\"button\" class=\"o-accordion__title__btn\" (click)=\"accordionItem.toggle()\">\n      <span>\n        {{ translationStringBase + item | i18n }}\n        <ng-container *ngIf=\"length\">&nbsp;({{ length }}) </ng-container>\n      </span>\n      <pry-icon\n        [width]=\"15\"\n        [height]=\"15\"\n        [iconSvg]=\"accordionItem.expanded ? 'chevron_top_rounded' : 'chevron_bottom_rounded'\"\n      ></pry-icon>\n    </button>\n  </div>\n  <div\n    *ngIf=\"accordionItem.expanded\"\n    class=\"o-accordion__panel\"\n    role=\"tabpanel\"\n    [attr.aria-labelledby]=\"'button_' + item\"\n    [id]=\"'panel_' + item\"\n    [attr.aria-hidden]=\"!accordionItem.expanded\"\n    [style.--border-color]=\"borderColor\"\n  >\n    <div *ngIf=\"showSearchBar\" class=\"o-accordion__panel__head\">\n      <input\n        type=\"text\"\n        class=\"a-form-field\"\n        [placeholder]=\"'@pry.toolbox.catalog.filter.name' | i18n\"\n        [ngModel]=\"(search$ | async)[item]\"\n        (ngModelChange)=\"onSearch(item, $event)\"\n      />\n      <pry-icon iconSvg=\"search\" [width]=\"17\" [height]=\"17\"></pry-icon>\n    </div>\n    <ng-content></ng-content>\n  </div>\n</cdk-accordion-item>\n", dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i1$4.CdkAccordionItem, selector: "cdk-accordion-item, [cdkAccordionItem]", inputs: ["expanded", "disabled"], outputs: ["closed", "opened", "destroyed", "expandedChange"], exportAs: ["cdkAccordionItem"] }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AccordionItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AccordionItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-accordion-item', template: "<cdk-accordion-item\n  #accordionItem=\"cdkAccordionItem\"\n  [id]=\"'button_' + item\"\n  role=\"tab\"\n  [attr.aria-controls]=\"'panel_' + item\"\n  [attr.aria-selected]=\"accordionItem.expanded\"\n  [attr.aria-expanded]=\"accordionItem.expanded\"\n>\n  <div class=\"o-accordion__title\" [class.is-active]=\"accordionItem.expanded\" [style.--border-color]=\"borderColor\">\n    <button type=\"button\" class=\"o-accordion__title__btn\" (click)=\"accordionItem.toggle()\">\n      <span>\n        {{ translationStringBase + item | i18n }}\n        <ng-container *ngIf=\"length\">&nbsp;({{ length }}) </ng-container>\n      </span>\n      <pry-icon\n        [width]=\"15\"\n        [height]=\"15\"\n        [iconSvg]=\"accordionItem.expanded ? 'chevron_top_rounded' : 'chevron_bottom_rounded'\"\n      ></pry-icon>\n    </button>\n  </div>\n  <div\n    *ngIf=\"accordionItem.expanded\"\n    class=\"o-accordion__panel\"\n    role=\"tabpanel\"\n    [attr.aria-labelledby]=\"'button_' + item\"\n    [id]=\"'panel_' + item\"\n    [attr.aria-hidden]=\"!accordionItem.expanded\"\n    [style.--border-color]=\"borderColor\"\n  >\n    <div *ngIf=\"showSearchBar\" class=\"o-accordion__panel__head\">\n      <input\n        type=\"text\"\n        class=\"a-form-field\"\n        [placeholder]=\"'@pry.toolbox.catalog.filter.name' | i18n\"\n        [ngModel]=\"(search$ | async)[item]\"\n        (ngModelChange)=\"onSearch(item, $event)\"\n      />\n      <pry-icon iconSvg=\"search\" [width]=\"17\" [height]=\"17\"></pry-icon>\n    </div>\n    <ng-content></ng-content>\n  </div>\n</cdk-accordion-item>\n" }]
         }], ctorParameters: function () { return []; }, propDecorators: { item: [{
@@ -4775,10 +4891,10 @@ class TabComponent {
     constructor() {
         this.name = '';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: TabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: TabComponent, selector: "pry-tab", inputs: { name: "name", templateRef: "templateRef", index: "index" }, ngImport: i0, template: '', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TabComponent, selector: "pry-tab", inputs: { name: "name", templateRef: "templateRef", index: "index" }, ngImport: i0, template: '', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: TabComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TabComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'pry-tab',
@@ -4810,10 +4926,10 @@ class TabGroupComponent {
         this.currentTab = tab;
         this.currentTabIndex = index;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: TabGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: TabGroupComponent, selector: "pry-tab-group", inputs: { translationStringBase: "translationStringBase" }, queries: [{ propertyName: "tabs", predicate: TabComponent }], ngImport: i0, template: "<div class=\"o-tabs\">\n  <div class=\"o-tabs__list\" role=\"tablist\" [attr.aria-label]=\"'tab-panel-' + instanceId\">\n    <button\n      *ngFor=\"let tab of tabs; let index = index\"\n      type=\"button\"\n      class=\"o-tabs__list__btn\"\n      role=\"tab\"\n      [id]=\"'tab-' + instanceId + '-' + index\"\n      [attr.aria-selected]=\"index === currentTabIndex\"\n      [attr.tabindex]=\"index === currentTabIndex ? 0 : -1\"\n      [attr.aria-controls]=\"'tabpanel-' + instanceId + '-' + index\"\n      (click)=\"switch(tab, index)\"\n    >\n      {{ translationStringBase + tab.name | i18n }}\n    </button>\n  </div>\n  <div\n    class=\"o-tabs__panel\"\n    [id]=\"'tabpanel-' + instanceId + '-' + currentTabIndex\"\n    role=\"tabpanel\"\n    [attr.aria-labelledby]=\"'tab-' + instanceId + '-' + currentTabIndex\"\n  >\n    <div class=\"o-tabs__panel__content\">\n      <ng-template [ngTemplateOutlet]=\"currentTab.templateRef\"></ng-template>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TabGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TabGroupComponent, selector: "pry-tab-group", inputs: { translationStringBase: "translationStringBase" }, queries: [{ propertyName: "tabs", predicate: TabComponent }], ngImport: i0, template: "<div class=\"o-tabs\">\n  <div class=\"o-tabs__list\" role=\"tablist\" [attr.aria-label]=\"'tab-panel-' + instanceId\">\n    <button\n      *ngFor=\"let tab of tabs; let index = index\"\n      type=\"button\"\n      class=\"o-tabs__list__btn\"\n      role=\"tab\"\n      [id]=\"'tab-' + instanceId + '-' + index\"\n      [attr.aria-selected]=\"index === currentTabIndex\"\n      [attr.tabindex]=\"index === currentTabIndex ? 0 : -1\"\n      [attr.aria-controls]=\"'tabpanel-' + instanceId + '-' + index\"\n      (click)=\"switch(tab, index)\"\n    >\n      {{ translationStringBase + tab.name | i18n }}\n    </button>\n  </div>\n  <div\n    class=\"o-tabs__panel\"\n    [id]=\"'tabpanel-' + instanceId + '-' + currentTabIndex\"\n    role=\"tabpanel\"\n    [attr.aria-labelledby]=\"'tab-' + instanceId + '-' + currentTabIndex\"\n  >\n    <div class=\"o-tabs__panel__content\">\n      <ng-template [ngTemplateOutlet]=\"currentTab.templateRef\"></ng-template>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: TabGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TabGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-tab-group', template: "<div class=\"o-tabs\">\n  <div class=\"o-tabs__list\" role=\"tablist\" [attr.aria-label]=\"'tab-panel-' + instanceId\">\n    <button\n      *ngFor=\"let tab of tabs; let index = index\"\n      type=\"button\"\n      class=\"o-tabs__list__btn\"\n      role=\"tab\"\n      [id]=\"'tab-' + instanceId + '-' + index\"\n      [attr.aria-selected]=\"index === currentTabIndex\"\n      [attr.tabindex]=\"index === currentTabIndex ? 0 : -1\"\n      [attr.aria-controls]=\"'tabpanel-' + instanceId + '-' + index\"\n      (click)=\"switch(tab, index)\"\n    >\n      {{ translationStringBase + tab.name | i18n }}\n    </button>\n  </div>\n  <div\n    class=\"o-tabs__panel\"\n    [id]=\"'tabpanel-' + instanceId + '-' + currentTabIndex\"\n    role=\"tabpanel\"\n    [attr.aria-labelledby]=\"'tab-' + instanceId + '-' + currentTabIndex\"\n  >\n    <div class=\"o-tabs__panel__content\">\n      <ng-template [ngTemplateOutlet]=\"currentTab.templateRef\"></ng-template>\n    </div>\n  </div>\n</div>\n" }]
         }], ctorParameters: function () { return []; }, propDecorators: { translationStringBase: [{
@@ -4836,10 +4952,10 @@ class PryDefaultGeoAuthService extends PryGeoAuthService {
             tile.getImage().src = URL.createObjectURL(blob.body);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryDefaultGeoAuthService, deps: [{ token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryDefaultGeoAuthService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryDefaultGeoAuthService, deps: [{ token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryDefaultGeoAuthService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryDefaultGeoAuthService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryDefaultGeoAuthService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1$2.HttpClient }]; } });
 
@@ -4877,8 +4993,8 @@ class PryCoreModule {
             ]
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryCoreModule, deps: [{ token: PryI18nService }], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: PryCoreModule, declarations: [TranslateIdPipe,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryCoreModule, deps: [{ token: PryI18nService }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PryCoreModule, declarations: [TranslateIdPipe,
             TranslateItemToSymbolPipe,
             GetSecuredImagePipe,
             BaseLayoutComponent,
@@ -4913,7 +5029,7 @@ class PryCoreModule {
             AccordionItemComponent,
             TabGroupComponent,
             TabComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryCoreModule, providers: [AsyncPipe, TranslateIdPipe, TranslateItemToSymbolPipe], imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryCoreModule, providers: [AsyncPipe, TranslateIdPipe, TranslateItemToSymbolPipe], imports: [CommonModule,
             RouterModule,
             HttpClientModule,
             StoreModule.forFeature(searchFeatureKey, searchReducer),
@@ -4942,7 +5058,7 @@ class PryCoreModule {
             CdkAccordionModule,
             FormsModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryCoreModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryCoreModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [...SELECTORS, BaseToolboxActionComponent],
@@ -4981,42 +5097,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
                 }]
         }], ctorParameters: function () { return [{ type: PryI18nService }]; } });
 
-var FieldType;
-(function (FieldType) {
-    FieldType["STRING"] = "string";
-    FieldType["KEYWORD"] = "keyword";
-    FieldType["INTEGER"] = "integer";
-    FieldType["DECIMAL"] = "decimal";
-    FieldType["INSTANT"] = "instant";
-    FieldType["LONG"] = "long";
-    FieldType["RAW"] = "raw";
-    FieldType["POINT"] = "Point";
-    FieldType["MULTIPOINT"] = "MultiPoint";
-    FieldType["LINE"] = "LineString";
-    FieldType["MULTILINE"] = "MultiLineString";
-    FieldType["POLYGON"] = "Polygon";
-    FieldType["MULTIPOLYGON"] = "MultiPolygon";
-    FieldType["GEOMETRYCOLLECTION"] = "GeometryCollection";
-    FieldType["OCLASS"] = "mod\u00E8le de donn\u00E9es";
-    FieldType["DATASET"] = "test";
-})(FieldType || (FieldType = {}));
-const GeometricFieldTypes = [
-    FieldType.POINT,
-    FieldType.MULTIPOINT,
-    FieldType.LINE,
-    FieldType.MULTILINE,
-    FieldType.POLYGON,
-    FieldType.MULTIPOLYGON,
-    FieldType.GEOMETRYCOLLECTION
-];
-
-const feature$2 = createFeatureSelector(searchFeatureKey);
-const searchLoading = createSelector(feature$2, (state) => state.searchLoading);
-const SearchSelectors = {
-    feature: feature$2,
-    searchLoading
-};
-
 const latLonToGeographicFieldTransformation = (latAttrName, lonAttrName, locAttrName, datasetIds = []) => (id, result) => {
     if (datasetIds.length > 0 && !datasetIds.includes(id)) {
         return result;
@@ -5080,10 +5160,10 @@ class PryAggregationService {
     aggregate(datasource, options) {
         throw new Error('You must declare the use of an aggregation service. Add PryBackendAggregationService, PryFrontendAggregationService or a custom service');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryAggregationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryAggregationService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryAggregationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryAggregationService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryAggregationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryAggregationService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -5189,7 +5269,7 @@ class PryBackendAggregationService extends PryAggregationService {
             params = params.set('groupBy', options.groupBy.attribute);
         }
         if (options.graph && options.graph.sort) {
-            params = params.set('sort', `${options.graph.sort.direction},${options.graph.sort.attribute === options.abscissa.attribute ? 'KEY' : 'VALUE'}`);
+            params = params.set('sort', `${options.graph.sort.direction},${(options.graph.sort.value ?? '').toUpperCase()}`);
         }
         params = this.searchService.getItemsFilter(targetDatasource, params);
         const key = `${this.dataUrl}_${params.toString()}`;
@@ -5208,10 +5288,10 @@ class PryBackendAggregationService extends PryAggregationService {
         }
         return this.cache[key].response;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryBackendAggregationService, deps: [{ token: i1.Store }, { token: PrySnackbarService }, { token: PryI18nService }, { token: i1$2.HttpClient }, { token: SearchService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryBackendAggregationService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryBackendAggregationService, deps: [{ token: i1.Store }, { token: PrySnackbarService }, { token: PryI18nService }, { token: i1$2.HttpClient }, { token: SearchService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryBackendAggregationService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryBackendAggregationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryBackendAggregationService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -5517,10 +5597,10 @@ class PryFrontendAggregationService extends PryAggregationService {
             result = AggregationUtils.formatByLimit(result, limit, operation);
         return result;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryFrontendAggregationService, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryFrontendAggregationService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryFrontendAggregationService, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryFrontendAggregationService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryFrontendAggregationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryFrontendAggregationService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -5599,10 +5679,10 @@ class LoopScrollColumnComponent {
             }, 40);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: LoopScrollColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: LoopScrollColumnComponent, selector: "loop-scroll-column", inputs: { list: "list", selectedItem: "selectedItem" }, outputs: { selection: "selection" }, viewQueries: [{ propertyName: "column", first: true, predicate: ["column"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ul class=\"m-time-picker__list\" (scroll)=\"onScroll()\" [class.disable-scroll]=\"disableScroll\" #column>\n  <ng-container *ngFor=\"let index of LOOP_COUNTER\">\n    <li *ngFor=\"let item of list\" class=\"m-time-picker__list__item\" [class.is-clone]=\"index === 0\">\n      <button (click)=\"select(item)\" [class.-selected]=\"selectedItem === item\">{{ item }}</button>\n    </li>\n  </ng-container>\n</ul>\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoopScrollColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LoopScrollColumnComponent, selector: "loop-scroll-column", inputs: { list: "list", selectedItem: "selectedItem" }, outputs: { selection: "selection" }, viewQueries: [{ propertyName: "column", first: true, predicate: ["column"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ul class=\"m-time-picker__list\" (scroll)=\"onScroll()\" [class.disable-scroll]=\"disableScroll\" #column>\n  <ng-container *ngFor=\"let index of LOOP_COUNTER\">\n    <li *ngFor=\"let item of list\" class=\"m-time-picker__list__item\" [class.is-clone]=\"index === 0\">\n      <button (click)=\"select(item)\" [class.-selected]=\"selectedItem === item\">{{ item }}</button>\n    </li>\n  </ng-container>\n</ul>\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: LoopScrollColumnComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoopScrollColumnComponent, decorators: [{
             type: Component,
             args: [{ selector: 'loop-scroll-column', template: "<ul class=\"m-time-picker__list\" (scroll)=\"onScroll()\" [class.disable-scroll]=\"disableScroll\" #column>\n  <ng-container *ngFor=\"let index of LOOP_COUNTER\">\n    <li *ngFor=\"let item of list\" class=\"m-time-picker__list__item\" [class.is-clone]=\"index === 0\">\n      <button (click)=\"select(item)\" [class.-selected]=\"selectedItem === item\">{{ item }}</button>\n    </li>\n  </ng-container>\n</ul>\n" }]
         }], ctorParameters: function () { return []; }, propDecorators: { column: [{
@@ -5663,8 +5743,8 @@ class PryTimePickerComponent {
             this.touched = true;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryTimePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PryTimePickerComponent, selector: "pry-time-picker", inputs: { AMPMFormat: "AMPMFormat" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryTimePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PryTimePickerComponent, selector: "pry-time-picker", inputs: { AMPMFormat: "AMPMFormat" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => PryTimePickerComponent),
@@ -5672,7 +5752,7 @@ class PryTimePickerComponent {
             }
         ], viewQueries: [{ propertyName: "hourInput", first: true, predicate: ["hourInput"], descendants: true }, { propertyName: "minuteInput", first: true, predicate: ["minuteInput"], descendants: true }], ngImport: i0, template: "<div class=\"m-time-picker\" *ngIf=\"{ hour: selectedHour | async, minute: selectedMinute | async } as time\">\n  <loop-scroll-column\n    [list]=\"HOURS\"\n    [selectedItem]=\"time.hour\"\n    (selection)=\"selectHour($event)\"\n    #hourInput\n  ></loop-scroll-column>\n  <loop-scroll-column\n    [list]=\"MINUTES\"\n    [selectedItem]=\"time.minute\"\n    (selection)=\"selectMinute($event)\"\n    #minuteInput\n  ></loop-scroll-column>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: LoopScrollColumnComponent, selector: "loop-scroll-column", inputs: ["list", "selectedItem"], outputs: ["selection"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryTimePickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryTimePickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-time-picker', providers: [
                         {
@@ -5721,10 +5801,10 @@ class DateRangeHighlightPipe {
         }
         return false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: DateRangeHighlightPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: DateRangeHighlightPipe, name: "dateRangeHighlight" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateRangeHighlightPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DateRangeHighlightPipe, name: "dateRangeHighlight" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: DateRangeHighlightPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateRangeHighlightPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'dateRangeHighlight'
@@ -5897,8 +5977,8 @@ class PryDatePickerComponent {
             this.onChange(start);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryDatePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PryDatePickerComponent, selector: "pry-date-picker", inputs: { rangePicker: "rangePicker", timePicker: "timePicker", maxYear: "maxYear", minYear: "minYear", roundSelection: "roundSelection" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryDatePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PryDatePickerComponent, selector: "pry-date-picker", inputs: { rangePicker: "rangePicker", timePicker: "timePicker", maxYear: "maxYear", minYear: "minYear", roundSelection: "roundSelection" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => PryDatePickerComponent),
@@ -5906,7 +5986,7 @@ class PryDatePickerComponent {
             }
         ], ngImport: i0, template: "<div class=\"o-date-picker-wrapper\">\n  <div\n    class=\"o-date-picker\"\n    *ngIf=\"{\n      month: currentMonth | async,\n      year: currentYear | async,\n      firstDay: firstDay | async,\n      count: dayCount | async\n    } as data\"\n  >\n    <div class=\"o-date-picker__header\">\n      <div>\n        <select\n          class=\"o-date-picker__header__dropdown\"\n          name=\"months\"\n          id=\"months\"\n          [ngModel]=\"data.month\"\n          (ngModelChange)=\"changeMonth($event)\"\n        >\n          <option *ngFor=\"let month of MONTHS\" [ngValue]=\"month\" [selected]=\"month === data.month\">\n            {{ '@pry.theme.months.' + month | i18n }}\n          </option>\n        </select>\n        <select\n          class=\"o-date-picker__header__dropdown\"\n          name=\"year\"\n          id=\"year\"\n          [ngModel]=\"data.year\"\n          (ngModelChange)=\"changeYear($event)\"\n        >\n          <option *ngFor=\"let year of YEARS\" [ngValue]=\"year\" [selected]=\"data.year === year\">\n            {{ year }}\n          </option>\n        </select>\n      </div>\n      <div>\n        <button\n          type=\"button\"\n          class=\"a-arrow a-arrow--left\"\n          (click)=\"goBack()\"\n          [disabled]=\"data.year === minYear && data.month === 0\"\n          [class.disabled]=\"disabled\"\n        >\n          <pry-icon iconSvg=\"fleche_bas\" [width]=\"15\" [height]=\"15\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.theme.previousMonth' | i18n }}</span>\n        </button>\n        <button\n          type=\"button\"\n          class=\"a-arrow a-arrow--right\"\n          (click)=\"goForward()\"\n          [disabled]=\"data.year === maxYear && data.month === 11\"\n          [class.disabled]=\"disabled\"\n        >\n          <pry-icon iconSvg=\"fleche_bas\" [width]=\"15\" [height]=\"15\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.theme.nextMonth' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n\n    <ul class=\"o-date-picker__weekdays\">\n      <li *ngFor=\"let weekday of WEEKDAYS\" class=\"o-date-picker__weekdays__item\">\n        <span>{{ '@pry.theme.shortWeekdays.' + weekday | i18n }}</span>\n      </li>\n    </ul>\n\n    <div class=\"o-date-picker__days-grid\" *ngIf=\"data.month !== null && data.year !== null\">\n      <button\n        *ngFor=\"let day of DAY$ | async; first as first\"\n        (click)=\"setDateRange(day + 1); onClick()\"\n        class=\"o-date-picker__days-grid__item\"\n        [ngClass]=\"[\n          roundSelection ? 'round' : '',\n          first ? 'start-' + data.firstDay : '',\n          day | dateRangeHighlight: data.month : data.year : dateRangeStart : dateRangeEnd\n        ]\"\n      >\n        <time class=\"a-time\" [dateTime]=\"data.year + '-' + addLeadingZero(data.year) + '-' + addLeadingZero(day)\">{{\n          day + 1\n        }}</time>\n      </button>\n    </div>\n  </div>\n\n  <div class=\"m-time-picker-wrapper\" *ngIf=\"timePicker && !rangePicker\">\n    <pry-time-picker (click)=\"onClick()\" [ngModel]=\"time | async\" (ngModelChange)=\"setTime($event)\"></pry-time-picker>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: PryTimePickerComponent, selector: "pry-time-picker", inputs: ["AMPMFormat"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: I18nPipe, name: "i18n" }, { kind: "pipe", type: DateRangeHighlightPipe, name: "dateRangeHighlight" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryDatePickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryDatePickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-date-picker', providers: [
                         {
@@ -5934,17 +6014,17 @@ const PRY_DATE_PICKER_COMPONENTS = [
     LoopScrollColumnComponent
 ];
 class PryDatePickerModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryDatePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: PryDatePickerModule, declarations: [PryDatePickerComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryDatePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PryDatePickerModule, declarations: [PryDatePickerComponent,
             DateRangeHighlightPipe,
             PryTimePickerComponent,
             LoopScrollColumnComponent], imports: [CommonModule, FormsModule, PryIconModule, PryI18nModule], exports: [PryDatePickerComponent,
             DateRangeHighlightPipe,
             PryTimePickerComponent,
             LoopScrollColumnComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryDatePickerModule, imports: [CommonModule, FormsModule, PryIconModule, PryI18nModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryDatePickerModule, imports: [CommonModule, FormsModule, PryIconModule, PryI18nModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryDatePickerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryDatePickerModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [...PRY_DATE_PICKER_COMPONENTS],
@@ -5984,8 +6064,8 @@ class PryEditInputComponent {
     toggle(force) {
         this.editMode = force !== undefined ? force : !this.editMode;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryEditInputComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PryEditInputComponent, selector: "pry-edit-input", inputs: { label: "label" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryEditInputComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PryEditInputComponent, selector: "pry-edit-input", inputs: { label: "label" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => PryEditInputComponent),
@@ -5993,7 +6073,7 @@ class PryEditInputComponent {
             }
         ], ngImport: i0, template: "<div class=\"o-pry-edit\" [class.-edit]=\"editMode\">\n  <div class=\"m-form-label-field\">\n    <label id=\"edit-input-label-{{ id }}\" for=\"edit-input-{{ id }}\" class=\"a-label\">\n      {{ label | i18n }}\n      <span class=\"u-visually-hidden\">({{ label | i18n }})</span>\n    </label>\n    <div class=\"m-form-label-field__edit-inline\">\n      <p class=\"m-form-label-field__edit-inline__txtvalue\" *ngIf=\"!editMode\">\n        {{ value }}\n      </p>\n      <input\n        id=\"edit-input-{{ id }}\"\n        type=\"text\"\n        class=\"a-form-field\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"writeValue($event)\"\n        *ngIf=\"editMode\"\n      />\n      <button type=\"button\" class=\"a-btn a-btn--secondary a-btn--icon-only -circle -size-xs\" (click)=\"toggle()\">\n        <pry-icon [width]=\"16\" [height]=\"16\" [iconSvg]=\"editMode ? 'check' : 'edit'\"></pry-icon>\n        <span class=\"u-visually-hidden\">{{ '@pry.theme.editInput.toggle' | i18n }}</span>\n      </button>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: I18nPipe, name: "i18n" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryEditInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryEditInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-edit-input', providers: [
                         {
@@ -6008,11 +6088,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
 
 const PRY_CARD_COMPONENTS = [PryEditInputComponent];
 class PryEditInputModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryEditInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: PryEditInputModule, declarations: [PryEditInputComponent], imports: [CommonModule, PryIconModule, FormsModule, PryI18nModule], exports: [PryEditInputComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryEditInputModule, imports: [CommonModule, PryIconModule, FormsModule, PryI18nModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryEditInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PryEditInputModule, declarations: [PryEditInputComponent], imports: [CommonModule, PryIconModule, FormsModule, PryI18nModule], exports: [PryEditInputComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryEditInputModule, imports: [CommonModule, PryIconModule, FormsModule, PryI18nModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryEditInputModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryEditInputModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, PryIconModule, FormsModule, PryI18nModule],
@@ -6036,10 +6116,10 @@ class PryHiddenWhenOverlayDirective extends SubscriptionnerDirective {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryHiddenWhenOverlayDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.Store }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.6", type: PryHiddenWhenOverlayDirective, selector: "[pryHwo]", usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryHiddenWhenOverlayDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.Store }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: PryHiddenWhenOverlayDirective, selector: "[pryHwo]", usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryHiddenWhenOverlayDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryHiddenWhenOverlayDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[pryHwo]'
@@ -6048,11 +6128,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
 
 const PRY_TOGGLE_COMPONENTS$1 = [PryHiddenWhenOverlayDirective];
 class PryHiddenWhenOverlay {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryHiddenWhenOverlay, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: PryHiddenWhenOverlay, declarations: [PryHiddenWhenOverlayDirective], imports: [CommonModule, PryOverlayModule], exports: [PryHiddenWhenOverlayDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryHiddenWhenOverlay, imports: [CommonModule, PryOverlayModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryHiddenWhenOverlay, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PryHiddenWhenOverlay, declarations: [PryHiddenWhenOverlayDirective], imports: [CommonModule, PryOverlayModule], exports: [PryHiddenWhenOverlayDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryHiddenWhenOverlay, imports: [CommonModule, PryOverlayModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryHiddenWhenOverlay, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryHiddenWhenOverlay, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, PryOverlayModule],
@@ -6070,10 +6150,10 @@ class PryModalComponent {
         this.cancelLabel = '';
         this.cancelAction = () => { };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PryModalComponent, selector: "pry-modal", inputs: { titleModal: "titleModal", opened: "opened", validateLabel: "validateLabel", validateAction: "validateAction", cancelLabel: "cancelLabel", cancelAction: "cancelAction" }, ngImport: i0, template: "<div class=\"o-modal-wrapper\" *ngIf=\"opened\">\n  <div class=\"o-modal backdrop\">\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">\n          {{ titleModal }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" (click)=\"cancelAction()\">\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    <ng-content></ng-content>\n\n    <div class=\"m-btn-group\">\n      <button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"cancelAction()\">\n        {{ cancelLabel }}\n      </button>\n      <button type=\"button\" class=\"a-btn a-btn--primary\" (click)=\"validateAction()\">\n        {{ validateLabel }}\n      </button>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PryModalComponent, selector: "pry-modal", inputs: { titleModal: "titleModal", opened: "opened", validateLabel: "validateLabel", validateAction: "validateAction", cancelLabel: "cancelLabel", cancelAction: "cancelAction" }, ngImport: i0, template: "<div class=\"o-modal-wrapper\" *ngIf=\"opened\">\n  <div class=\"o-modal backdrop\">\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">\n          {{ titleModal }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" (click)=\"cancelAction()\">\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    <ng-content></ng-content>\n\n    <div class=\"m-btn-group\">\n      <button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"cancelAction()\">\n        {{ cancelLabel }}\n      </button>\n      <button type=\"button\" class=\"a-btn a-btn--primary\" (click)=\"validateAction()\">\n        {{ validateLabel }}\n      </button>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryModalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryModalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-modal', template: "<div class=\"o-modal-wrapper\" *ngIf=\"opened\">\n  <div class=\"o-modal backdrop\">\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">\n          {{ titleModal }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" (click)=\"cancelAction()\">\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    <ng-content></ng-content>\n\n    <div class=\"m-btn-group\">\n      <button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"cancelAction()\">\n        {{ cancelLabel }}\n      </button>\n      <button type=\"button\" class=\"a-btn a-btn--primary\" (click)=\"validateAction()\">\n        {{ validateLabel }}\n      </button>\n    </div>\n  </div>\n</div>\n" }]
         }], propDecorators: { titleModal: [{
@@ -6092,11 +6172,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
 
 const PRY_MODAL_COMPONENTS = [PryModalComponent];
 class PryModalModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: PryModalModule, declarations: [PryModalComponent], imports: [CommonModule, FormsModule, PryIconModule, PryI18nModule], exports: [PryModalComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryModalModule, imports: [CommonModule, FormsModule, PryIconModule, PryI18nModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PryModalModule, declarations: [PryModalComponent], imports: [CommonModule, FormsModule, PryIconModule, PryI18nModule], exports: [PryModalComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryModalModule, imports: [CommonModule, FormsModule, PryIconModule, PryI18nModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryModalModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryModalModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, FormsModule, PryIconModule, PryI18nModule],
@@ -6159,8 +6239,8 @@ class PryToggleComponent {
     get hasTextInside() {
         return !!this.leftword || !!this.rightword;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryToggleComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PryToggleComponent, selector: "pry-toggle", inputs: { alwaysActive: "alwaysActive", disabled: "disabled", mode: "mode", size: "size", dir: "dir", leftword: "leftword", rightword: "rightword" }, host: { properties: { "class": "this.class" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryToggleComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PryToggleComponent, selector: "pry-toggle", inputs: { alwaysActive: "alwaysActive", disabled: "disabled", mode: "mode", size: "size", dir: "dir", leftword: "leftword", rightword: "rightword" }, host: { properties: { "class": "this.class" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => PryToggleComponent),
@@ -6168,7 +6248,7 @@ class PryToggleComponent {
             }
         ], viewQueries: [{ propertyName: "_inputElement", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"mode !== 'action'\">\n  <label\n    class=\"a-toggle a-tooltip\"\n    [for]=\"'toggle-' + _id\"\n    [dir]=\"dir\"\n    [ngClass]=\"{\n      '-disabled': disabled,\n      '-always-active': alwaysActive,\n      '-size-sm': size === 'sm',\n      '-txt-inside': hasTextInside\n    }\"\n    [attr.data-tooltip]=\"'@pry.toolbox.edit' | i18n\"\n    data-tooltip-position=\"bottom\"\n  >\n    <input\n      #input\n      type=\"checkbox\"\n      name=\"toggle\"\n      [id]=\"'toggle-' + _id\"\n      class=\"a-toggle__input\"\n      [checked]=\"checked\"\n      [disabled]=\"disabled\"\n      (change)=\"onChangeValue($event)\"\n      (click)=\"onInputClick($event)\"\n    />\n    <ng-container *ngTemplateOutlet=\"contentTpl\"></ng-container>\n  </label>\n</ng-container>\n<ng-container *ngIf=\"mode === 'action'\">\n  <button\n    type=\"button\"\n    class=\"a-toggle\"\n    [dir]=\"dir\"\n    [ngClass]=\"{\n      '-disabled': disabled,\n      '-always-active': alwaysActive,\n      '-size-sm': size === 'sm',\n      '-txt-inside': hasTextInside\n    }\"\n    [attr.aria-pressed]=\"checked\"\n    [disabled]=\"disabled\"\n    (change)=\"onChangeValue($event)\"\n    (click)=\"onInputClick($event)\"\n    #button\n  >\n    <ng-container *ngTemplateOutlet=\"contentTpl\"></ng-container>\n  </button>\n</ng-container>\n\n<ng-template #contentTpl>\n  <span class=\"a-toggle__display\" aria-hidden=\"true\">\n    <span class=\"a-toggle__display__txtleft\">{{ leftword }}</span>\n    <span class=\"a-toggle__display__txtright\">{{ rightword }}</span>\n  </span>\n  <span class=\"a-toggle__wording\">\n    <ng-content></ng-content>\n  </span>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: I18nPipe, name: "i18n" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryToggleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryToggleComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-toggle', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
@@ -6201,11 +6281,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
 
 const PRY_TOGGLE_COMPONENTS = [PryToggleComponent];
 class PryToggleModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryToggleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: PryToggleModule, declarations: [PryToggleComponent], imports: [CommonModule, PryOverlayModule, PryI18nModule], exports: [PryToggleComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryToggleModule, imports: [CommonModule, PryOverlayModule, PryI18nModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryToggleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PryToggleModule, declarations: [PryToggleComponent], imports: [CommonModule, PryOverlayModule, PryI18nModule], exports: [PryToggleComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryToggleModule, imports: [CommonModule, PryOverlayModule, PryI18nModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryToggleModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryToggleModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, PryOverlayModule, PryI18nModule],
@@ -6256,10 +6336,10 @@ class PrySortDataPipe {
     compareBoolean(a, b, isAsc) {
         return (a && !b ? -1 : 1) * (isAsc ? 1 : -1);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySortDataPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: PrySortDataPipe, name: "prySortData" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PrySortDataPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PrySortDataPipe, name: "prySortData" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySortDataPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PrySortDataPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'prySortData'
@@ -6267,10 +6347,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
         }] });
 
 class PrySortHeaderDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySortHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.6", type: PrySortHeaderDirective, selector: "[prySortHeader]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PrySortHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: PrySortHeaderDirective, selector: "[prySortHeader]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySortHeaderDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PrySortHeaderDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[prySortHeader]'
@@ -6314,10 +6394,10 @@ class PrySortHeaderComponent {
             this._renderer.removeAttribute(this._elRef.nativeElement, 'aria-sort');
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySortHeaderComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PrySortHeaderComponent, selector: "th[prySortHeader]", inputs: { prySortHeader: "prySortHeader" }, outputs: { sortChange: "sortChange" }, ngImport: i0, template: "<button type=\"button\" class=\"m-btn-sorttable\" (click)=\"onChangeSort()\">\n  <span class=\"m-btn-sorttable__content\">\n    <span class=\"m-btn-sorttable__title\">\n      <ng-content></ng-content>\n    </span>\n    <pry-icon iconSvg=\"chevron_top\" class=\"m-btn-sorttable__icnmark -asc\"></pry-icon>\n    <pry-icon iconSvg=\"chevron_bottom\" class=\"m-btn-sorttable__icnmark -desc\"></pry-icon>\n  </span>\n</button>\n", dependencies: [{ kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PrySortHeaderComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PrySortHeaderComponent, selector: "th[prySortHeader]", inputs: { prySortHeader: "prySortHeader" }, outputs: { sortChange: "sortChange" }, ngImport: i0, template: "<button type=\"button\" class=\"m-btn-sorttable\" (click)=\"onChangeSort()\">\n  <span class=\"m-btn-sorttable__content\">\n    <span class=\"m-btn-sorttable__title\">\n      <ng-content></ng-content>\n    </span>\n    <pry-icon iconSvg=\"chevron_top\" class=\"m-btn-sorttable__icnmark -asc\"></pry-icon>\n    <pry-icon iconSvg=\"chevron_bottom\" class=\"m-btn-sorttable__icnmark -desc\"></pry-icon>\n  </span>\n</button>\n", dependencies: [{ kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySortHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PrySortHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'th[prySortHeader]', template: "<button type=\"button\" class=\"m-btn-sorttable\" (click)=\"onChangeSort()\">\n  <span class=\"m-btn-sorttable__content\">\n    <span class=\"m-btn-sorttable__title\">\n      <ng-content></ng-content>\n    </span>\n    <pry-icon iconSvg=\"chevron_top\" class=\"m-btn-sorttable__icnmark -asc\"></pry-icon>\n    <pry-icon iconSvg=\"chevron_bottom\" class=\"m-btn-sorttable__icnmark -desc\"></pry-icon>\n  </span>\n</button>\n" }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { prySortHeader: [{
@@ -6367,10 +6447,10 @@ class PrySortTableDirective {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySortTableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.6", type: PrySortTableDirective, selector: "[prySortTable]", inputs: { prySortActive: "prySortActive", prySortDirection: "prySortDirection" }, outputs: { prySortChange: "prySortChange" }, queries: [{ propertyName: "contentChildrenC", predicate: PrySortHeaderComponent, descendants: true }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PrySortTableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: PrySortTableDirective, selector: "[prySortTable]", inputs: { prySortActive: "prySortActive", prySortDirection: "prySortDirection" }, outputs: { prySortChange: "prySortChange" }, queries: [{ propertyName: "contentChildrenC", predicate: PrySortHeaderComponent, descendants: true }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySortTableDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PrySortTableDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[prySortTable]'
@@ -6388,11 +6468,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
 
 const PRY_SORT_COMPONENTS = [PrySortHeaderComponent, PrySortHeaderDirective, PrySortTableDirective, PrySortDataPipe];
 class PrySortModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySortModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: PrySortModule, declarations: [PrySortHeaderComponent, PrySortHeaderDirective, PrySortTableDirective, PrySortDataPipe], imports: [CommonModule, PryIconModule], exports: [PrySortHeaderComponent, PrySortHeaderDirective, PrySortTableDirective, PrySortDataPipe] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySortModule, imports: [CommonModule, PryIconModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PrySortModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PrySortModule, declarations: [PrySortHeaderComponent, PrySortHeaderDirective, PrySortTableDirective, PrySortDataPipe], imports: [CommonModule, PryIconModule], exports: [PrySortHeaderComponent, PrySortHeaderDirective, PrySortTableDirective, PrySortDataPipe] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PrySortModule, imports: [CommonModule, PryIconModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySortModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PrySortModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [...PRY_SORT_COMPONENTS],
@@ -6444,20 +6524,16 @@ class PrySelectComponent {
             this._cd.markForCheck();
         }
     }
-    customSearchFn(term, item) {
-        term = term.toLocaleLowerCase();
-        return item.code.toLocaleLowerCase().indexOf(term) > -1 || item.countryName.toLocaleLowerCase().indexOf(term) > -1;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySelectComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PrySelectComponent, selector: "pry-select", inputs: { labelTranslate: "labelTranslate", baseTranslate: "baseTranslate", translationFn: "translationFn", translationFnArgs: "translationFnArgs", clearable: "clearable", multiple: "multiple", multipleClearRight: "multipleClearRight", closeOnSelect: "closeOnSelect", placeholder: "placeholder", isForm: "isForm", required: "required", name: "name", readonly: "readonly", items: "items", itemsAsOption: "itemsAsOption", bindData: "bindData", bindValue: "bindValue", bindLabel: "bindLabel", bindIcon: "bindIcon", iconSize: "iconSize", templateLabel: "templateLabel", templateOption: "templateOption", autocomplete: "autocomplete" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PrySelectComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PrySelectComponent, selector: "pry-select", inputs: { labelTranslate: "labelTranslate", baseTranslate: "baseTranslate", translationFn: "translationFn", translationFnArgs: "translationFnArgs", clearable: "clearable", multiple: "multiple", multipleClearRight: "multipleClearRight", closeOnSelect: "closeOnSelect", placeholder: "placeholder", isForm: "isForm", required: "required", name: "name", readonly: "readonly", items: "items", itemsAsOption: "itemsAsOption", bindData: "bindData", bindValue: "bindValue", bindLabel: "bindLabel", bindIcon: "bindIcon", iconSize: "iconSize", templateLabel: "templateLabel", templateOption: "templateOption", autocomplete: "autocomplete" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => PrySelectComponent),
                 multi: true
             }
-        ], ngImport: i0, template: "<ng-container *ngIf=\"itemsAsOption; else itemAsInput\">\n  <ng-select\n    class=\"a-pry-select\"\n    [class.pry-select-form]=\"isForm\"\n    [multiple]=\"multiple\"\n    [closeOnSelect]=\"closeOnSelect\"\n    [items]=\"items\"\n    [bindValue]=\"bindData ? undefined : bindValue\"\n    [bindLabel]=\"bindData ? undefined : bindLabel\"\n    [clearable]=\"clearable\"\n    [ngModel]=\"value\"\n    (ngModelChange)=\"writeValue($event)\"\n    [searchable]=\"autocomplete\"\n    [disabled]=\"disabled\"\n    [readonly]=\"readonly\"\n    [required]=\"required\"\n    [name]=\"name\"\n    [placeholder]=\"placeholder!\"\n    [clearAllText]=\"'@pry.filters.clear' | i18n\"\n  >\n    <!-- Label part -->\n    <ng-container *ngIf=\"templateLabel; else noTemplateLabel\">\n      <ng-template ng-label-tmp let-item=\"item\" let-clear=\"clear\">\n        <ng-container [ngTemplateOutlet]=\"templateLabel\" [ngTemplateOutletContext]=\"{ item, clear }\"></ng-container>\n      </ng-template>\n    </ng-container>\n    <ng-template #noTemplateLabel>\n      <ng-template ng-label-tmp let-item=\"item\" let-clear=\"clear\">\n        <span\n          *ngIf=\"multiple && !multipleClearRight\"\n          class=\"ng-value-icon left\"\n          (click)=\"clear(item)\"\n          aria-hidden=\"true\"\n          >\u00D7</span\n        >\n        <span class=\"ng-value-label\">\n          <ng-container *ngIf=\"bindIcon\">\n            <pry-icon\n              style=\"margin-right: 0.25em\"\n              [iconSvg]=\"item[bindIcon]\"\n              [width]=\"iconSize[0]\"\n              [height]=\"iconSize[1]\"\n              [animation]=\"false\"\n            ></pry-icon>\n          </ng-container>\n          <ng-container *ngIf=\"labelTranslate; else noTranslate\">\n            <ng-container *ngIf=\"translationFn; else noTranslationFn\">\n              {{ translationFn(bindData ? item : item?.[bindLabel], translationFnArgs) | i18n }}\n            </ng-container>\n            <ng-template #noTranslationFn>\n              <ng-container *ngIf=\"baseTranslate + (bindData ? item : item?.[bindLabel]) !== 'null'\">\n                {{ baseTranslate + (bindData ? item : item?.[bindLabel]) | i18n }}\n              </ng-container>\n            </ng-template>\n          </ng-container>\n          <ng-template #noTranslate>\n            {{ bindData ? item : item?.[bindLabel] }}\n          </ng-template>\n        </span>\n        <span\n          *ngIf=\"multiple && multipleClearRight\"\n          class=\"ng-value-icon right\"\n          (click)=\"clear(item)\"\n          aria-hidden=\"true\"\n          >\u00D7</span\n        >\n      </ng-template>\n    </ng-template>\n\n    <!-- Option part -->\n    <ng-container *ngIf=\"templateOption; else noTemplateOption\">\n      <ng-template ng-option-tmp let-item=\"item\">\n        <ng-container [ngTemplateOutlet]=\"templateOption\" [ngTemplateOutletContext]=\"{ item }\"></ng-container>\n      </ng-template>\n    </ng-container>\n    <ng-template #noTemplateOption>\n      <ng-template ng-option-tmp let-item=\"item\">\n        <span class=\"ng-option-label\">\n          <pry-icon\n            *ngIf=\"bindIcon\"\n            [iconSvg]=\"item[bindIcon]\"\n            [width]=\"iconSize[0]\"\n            [height]=\"iconSize[1]\"\n            [animation]=\"false\"\n          ></pry-icon>\n          <ng-container *ngIf=\"labelTranslate; else noTranslateOption\">\n            <ng-container *ngIf=\"translationFn; else noTranslationFnOption\">\n              {{ translationFn(bindData ? item : item?.[bindLabel], translationFnArgs) | i18n }}\n            </ng-container>\n            <ng-template #noTranslationFnOption>\n              {{ baseTranslate + (bindData ? item : item?.[bindLabel]) | i18n }}\n            </ng-template>\n          </ng-container>\n          <ng-template #noTranslateOption>\n            {{ bindData ? item : item?.[bindLabel] }}\n          </ng-template>\n        </span>\n      </ng-template>\n    </ng-template>\n  </ng-select>\n</ng-container>\n<ng-template #itemAsInput>\n  <ng-select\n    #select\n    class=\"pry-select\"\n    [class.pry-select-form]=\"isForm\"\n    [multiple]=\"multiple\"\n    [closeOnSelect]=\"closeOnSelect\"\n    [items]=\"items\"\n    [bindValue]=\"bindValue\"\n    [bindLabel]=\"bindLabel\"\n    [clearable]=\"clearable\"\n    [searchable]=\"autocomplete\"\n    [ngModel]=\"value\"\n    (ngModelChange)=\"writeValue($event)\"\n    [readonly]=\"readonly\"\n    [disabled]=\"disabled\"\n    [required]=\"required\"\n    [name]=\"name\"\n    [placeholder]=\"placeholder!\"\n    [clearAllText]=\"'@pry.filters.clear' | i18n\"\n  >\n  </ng-select>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$2.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "markFirst", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "directive", type: i2$2.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { kind: "directive", type: i2$2.NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: I18nPipe, name: "i18n" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], ngImport: i0, template: "<ng-container *ngIf=\"itemsAsOption; else itemAsInput\">\n  <ng-select\n    class=\"a-pry-select\"\n    [class.pry-select-form]=\"isForm\"\n    [multiple]=\"multiple\"\n    [closeOnSelect]=\"closeOnSelect\"\n    [items]=\"items\"\n    [bindValue]=\"bindData ? undefined : bindValue\"\n    [bindLabel]=\"bindData ? undefined : bindLabel\"\n    [clearable]=\"clearable\"\n    [ngModel]=\"value\"\n    (ngModelChange)=\"writeValue($event)\"\n    [searchable]=\"autocomplete\"\n    [disabled]=\"disabled\"\n    [readonly]=\"readonly\"\n    [required]=\"required\"\n    [name]=\"name\"\n    [placeholder]=\"placeholder!\"\n    [clearAllText]=\"'@pry.filters.clear' | i18n\"\n  >\n    <!-- Label part -->\n    <ng-container *ngIf=\"templateLabel; else noTemplateLabel\">\n      <ng-template ng-label-tmp let-item=\"item\" let-clear=\"clear\">\n        <ng-container [ngTemplateOutlet]=\"templateLabel\" [ngTemplateOutletContext]=\"{ item, clear }\"></ng-container>\n      </ng-template>\n    </ng-container>\n    <ng-template #noTemplateLabel>\n      <ng-template ng-label-tmp let-item=\"item\" let-clear=\"clear\">\n        <span\n          *ngIf=\"multiple && !multipleClearRight\"\n          class=\"ng-value-icon left\"\n          (click)=\"clear(item)\"\n          aria-hidden=\"true\"\n          >\u00D7</span\n        >\n        <span class=\"ng-value-label\">\n          <ng-container *ngIf=\"bindIcon\">\n            <pry-icon\n              style=\"margin-right: 0.25em\"\n              [iconSvg]=\"item[bindIcon]\"\n              [width]=\"iconSize[0]\"\n              [height]=\"iconSize[1]\"\n              [animation]=\"false\"\n            ></pry-icon>\n          </ng-container>\n          <ng-container *ngIf=\"labelTranslate; else noTranslate\">\n            <ng-container *ngIf=\"translationFn; else noTranslationFn\">\n              {{ translationFn(bindData ? item : item?.[bindLabel], translationFnArgs) | i18n }}\n            </ng-container>\n            <ng-template #noTranslationFn>\n              <ng-container *ngIf=\"baseTranslate + (bindData ? item : item?.[bindLabel]) !== 'null'\">\n                {{ baseTranslate + (bindData ? item : item?.[bindLabel]) | i18n }}\n              </ng-container>\n            </ng-template>\n          </ng-container>\n          <ng-template #noTranslate>\n            {{ bindData ? item : item?.[bindLabel] }}\n          </ng-template>\n        </span>\n        <span\n          *ngIf=\"multiple && multipleClearRight\"\n          class=\"ng-value-icon right\"\n          (click)=\"clear(item)\"\n          aria-hidden=\"true\"\n          >\u00D7</span\n        >\n      </ng-template>\n    </ng-template>\n\n    <!-- Option part -->\n    <ng-container *ngIf=\"templateOption; else noTemplateOption\">\n      <ng-template ng-option-tmp let-item=\"item\">\n        <ng-container [ngTemplateOutlet]=\"templateOption\" [ngTemplateOutletContext]=\"{ item }\"></ng-container>\n      </ng-template>\n    </ng-container>\n    <ng-template #noTemplateOption>\n      <ng-template ng-option-tmp let-item=\"item\">\n        <span class=\"ng-option-label\">\n          <pry-icon\n            *ngIf=\"bindIcon\"\n            [iconSvg]=\"item[bindIcon]\"\n            [width]=\"iconSize[0]\"\n            [height]=\"iconSize[1]\"\n            [animation]=\"false\"\n          ></pry-icon>\n          <ng-container *ngIf=\"labelTranslate; else noTranslateOption\">\n            <ng-container *ngIf=\"translationFn; else noTranslationFnOption\">\n              {{ translationFn(bindData ? item : item?.[bindLabel], translationFnArgs) | i18n }}\n            </ng-container>\n            <ng-template #noTranslationFnOption>\n              {{ baseTranslate + (bindData ? item : item?.[bindLabel]) | i18n }}\n            </ng-template>\n          </ng-container>\n          <ng-template #noTranslateOption>\n            {{ bindData ? item : item?.[bindLabel] }}\n          </ng-template>\n        </span>\n      </ng-template>\n    </ng-template>\n  </ng-select>\n</ng-container>\n<ng-template #itemAsInput>\n  <ng-select\n    #select\n    class=\"pry-select\"\n    [class.pry-select-form]=\"isForm\"\n    [multiple]=\"multiple\"\n    [closeOnSelect]=\"closeOnSelect\"\n    [items]=\"items\"\n    [bindValue]=\"bindValue\"\n    [bindLabel]=\"bindLabel\"\n    [clearable]=\"clearable\"\n    [searchable]=\"autocomplete\"\n    [ngModel]=\"value\"\n    (ngModelChange)=\"writeValue($event)\"\n    [readonly]=\"readonly\"\n    [disabled]=\"disabled\"\n    [required]=\"required\"\n    [name]=\"name\"\n    [placeholder]=\"placeholder!\"\n    [clearAllText]=\"'@pry.filters.clear' | i18n\"\n  >\n  </ng-select>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$2.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "markFirst", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "deselectOnClick"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "directive", type: i2$2.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { kind: "directive", type: i2$2.NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySelectComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PrySelectComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-select', providers: [
                         {
@@ -6465,7 +6541,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
                             useExisting: forwardRef(() => PrySelectComponent),
                             multi: true
                         }
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"itemsAsOption; else itemAsInput\">\n  <ng-select\n    class=\"a-pry-select\"\n    [class.pry-select-form]=\"isForm\"\n    [multiple]=\"multiple\"\n    [closeOnSelect]=\"closeOnSelect\"\n    [items]=\"items\"\n    [bindValue]=\"bindData ? undefined : bindValue\"\n    [bindLabel]=\"bindData ? undefined : bindLabel\"\n    [clearable]=\"clearable\"\n    [ngModel]=\"value\"\n    (ngModelChange)=\"writeValue($event)\"\n    [searchable]=\"autocomplete\"\n    [disabled]=\"disabled\"\n    [readonly]=\"readonly\"\n    [required]=\"required\"\n    [name]=\"name\"\n    [placeholder]=\"placeholder!\"\n    [clearAllText]=\"'@pry.filters.clear' | i18n\"\n  >\n    <!-- Label part -->\n    <ng-container *ngIf=\"templateLabel; else noTemplateLabel\">\n      <ng-template ng-label-tmp let-item=\"item\" let-clear=\"clear\">\n        <ng-container [ngTemplateOutlet]=\"templateLabel\" [ngTemplateOutletContext]=\"{ item, clear }\"></ng-container>\n      </ng-template>\n    </ng-container>\n    <ng-template #noTemplateLabel>\n      <ng-template ng-label-tmp let-item=\"item\" let-clear=\"clear\">\n        <span\n          *ngIf=\"multiple && !multipleClearRight\"\n          class=\"ng-value-icon left\"\n          (click)=\"clear(item)\"\n          aria-hidden=\"true\"\n          >\u00D7</span\n        >\n        <span class=\"ng-value-label\">\n          <ng-container *ngIf=\"bindIcon\">\n            <pry-icon\n              style=\"margin-right: 0.25em\"\n              [iconSvg]=\"item[bindIcon]\"\n              [width]=\"iconSize[0]\"\n              [height]=\"iconSize[1]\"\n              [animation]=\"false\"\n            ></pry-icon>\n          </ng-container>\n          <ng-container *ngIf=\"labelTranslate; else noTranslate\">\n            <ng-container *ngIf=\"translationFn; else noTranslationFn\">\n              {{ translationFn(bindData ? item : item?.[bindLabel], translationFnArgs) | i18n }}\n            </ng-container>\n            <ng-template #noTranslationFn>\n              <ng-container *ngIf=\"baseTranslate + (bindData ? item : item?.[bindLabel]) !== 'null'\">\n                {{ baseTranslate + (bindData ? item : item?.[bindLabel]) | i18n }}\n              </ng-container>\n            </ng-template>\n          </ng-container>\n          <ng-template #noTranslate>\n            {{ bindData ? item : item?.[bindLabel] }}\n          </ng-template>\n        </span>\n        <span\n          *ngIf=\"multiple && multipleClearRight\"\n          class=\"ng-value-icon right\"\n          (click)=\"clear(item)\"\n          aria-hidden=\"true\"\n          >\u00D7</span\n        >\n      </ng-template>\n    </ng-template>\n\n    <!-- Option part -->\n    <ng-container *ngIf=\"templateOption; else noTemplateOption\">\n      <ng-template ng-option-tmp let-item=\"item\">\n        <ng-container [ngTemplateOutlet]=\"templateOption\" [ngTemplateOutletContext]=\"{ item }\"></ng-container>\n      </ng-template>\n    </ng-container>\n    <ng-template #noTemplateOption>\n      <ng-template ng-option-tmp let-item=\"item\">\n        <span class=\"ng-option-label\">\n          <pry-icon\n            *ngIf=\"bindIcon\"\n            [iconSvg]=\"item[bindIcon]\"\n            [width]=\"iconSize[0]\"\n            [height]=\"iconSize[1]\"\n            [animation]=\"false\"\n          ></pry-icon>\n          <ng-container *ngIf=\"labelTranslate; else noTranslateOption\">\n            <ng-container *ngIf=\"translationFn; else noTranslationFnOption\">\n              {{ translationFn(bindData ? item : item?.[bindLabel], translationFnArgs) | i18n }}\n            </ng-container>\n            <ng-template #noTranslationFnOption>\n              {{ baseTranslate + (bindData ? item : item?.[bindLabel]) | i18n }}\n            </ng-template>\n          </ng-container>\n          <ng-template #noTranslateOption>\n            {{ bindData ? item : item?.[bindLabel] }}\n          </ng-template>\n        </span>\n      </ng-template>\n    </ng-template>\n  </ng-select>\n</ng-container>\n<ng-template #itemAsInput>\n  <ng-select\n    #select\n    class=\"pry-select\"\n    [class.pry-select-form]=\"isForm\"\n    [multiple]=\"multiple\"\n    [closeOnSelect]=\"closeOnSelect\"\n    [items]=\"items\"\n    [bindValue]=\"bindValue\"\n    [bindLabel]=\"bindLabel\"\n    [clearable]=\"clearable\"\n    [searchable]=\"autocomplete\"\n    [ngModel]=\"value\"\n    (ngModelChange)=\"writeValue($event)\"\n    [readonly]=\"readonly\"\n    [disabled]=\"disabled\"\n    [required]=\"required\"\n    [name]=\"name\"\n    [placeholder]=\"placeholder!\"\n    [clearAllText]=\"'@pry.filters.clear' | i18n\"\n  >\n  </ng-select>\n</ng-template>\n" }]
+                    ], template: "<ng-container *ngIf=\"itemsAsOption; else itemAsInput\">\n  <ng-select\n    class=\"a-pry-select\"\n    [class.pry-select-form]=\"isForm\"\n    [multiple]=\"multiple\"\n    [closeOnSelect]=\"closeOnSelect\"\n    [items]=\"items\"\n    [bindValue]=\"bindData ? undefined : bindValue\"\n    [bindLabel]=\"bindData ? undefined : bindLabel\"\n    [clearable]=\"clearable\"\n    [ngModel]=\"value\"\n    (ngModelChange)=\"writeValue($event)\"\n    [searchable]=\"autocomplete\"\n    [disabled]=\"disabled\"\n    [readonly]=\"readonly\"\n    [required]=\"required\"\n    [name]=\"name\"\n    [placeholder]=\"placeholder!\"\n    [clearAllText]=\"'@pry.filters.clear' | i18n\"\n  >\n    <!-- Label part -->\n    <ng-container *ngIf=\"templateLabel; else noTemplateLabel\">\n      <ng-template ng-label-tmp let-item=\"item\" let-clear=\"clear\">\n        <ng-container [ngTemplateOutlet]=\"templateLabel\" [ngTemplateOutletContext]=\"{ item, clear }\"></ng-container>\n      </ng-template>\n    </ng-container>\n    <ng-template #noTemplateLabel>\n      <ng-template ng-label-tmp let-item=\"item\" let-clear=\"clear\">\n        <span\n          *ngIf=\"multiple && !multipleClearRight\"\n          class=\"ng-value-icon left\"\n          (click)=\"clear(item)\"\n          aria-hidden=\"true\"\n          >\u00D7</span\n        >\n        <span class=\"ng-value-label\">\n          <ng-container *ngIf=\"bindIcon\">\n            <pry-icon\n              style=\"margin-right: 0.25em\"\n              [iconSvg]=\"item[bindIcon]\"\n              [width]=\"iconSize[0]\"\n              [height]=\"iconSize[1]\"\n              [animation]=\"false\"\n            ></pry-icon>\n          </ng-container>\n          <ng-container *ngIf=\"labelTranslate; else noTranslate\">\n            <ng-container *ngIf=\"translationFn; else noTranslationFn\">\n              {{ translationFn(bindData ? item : item?.[bindLabel], translationFnArgs) | i18n }}\n            </ng-container>\n            <ng-template #noTranslationFn>\n              <ng-container *ngIf=\"baseTranslate + (bindData ? item : item?.[bindLabel]) !== 'null'\">\n                {{ baseTranslate + (bindData ? item : item?.[bindLabel]) | i18n }}\n              </ng-container>\n            </ng-template>\n          </ng-container>\n          <ng-template #noTranslate>\n            {{ bindData ? item : item?.[bindLabel] }}\n          </ng-template>\n        </span>\n        <span\n          *ngIf=\"multiple && multipleClearRight\"\n          class=\"ng-value-icon right\"\n          (click)=\"clear(item)\"\n          aria-hidden=\"true\"\n          >\u00D7</span\n        >\n      </ng-template>\n    </ng-template>\n\n    <!-- Option part -->\n    <ng-container *ngIf=\"templateOption; else noTemplateOption\">\n      <ng-template ng-option-tmp let-item=\"item\">\n        <ng-container [ngTemplateOutlet]=\"templateOption\" [ngTemplateOutletContext]=\"{ item }\"></ng-container>\n      </ng-template>\n    </ng-container>\n    <ng-template #noTemplateOption>\n      <ng-template ng-option-tmp let-item=\"item\">\n        <span class=\"ng-option-label\">\n          <pry-icon\n            *ngIf=\"bindIcon\"\n            [iconSvg]=\"item[bindIcon]\"\n            [width]=\"iconSize[0]\"\n            [height]=\"iconSize[1]\"\n            [animation]=\"false\"\n          ></pry-icon>\n          <ng-container *ngIf=\"labelTranslate; else noTranslateOption\">\n            <ng-container *ngIf=\"translationFn; else noTranslationFnOption\">\n              {{ translationFn(bindData ? item : item?.[bindLabel], translationFnArgs) | i18n }}\n            </ng-container>\n            <ng-template #noTranslationFnOption>\n              {{ baseTranslate + (bindData ? item : item?.[bindLabel]) | i18n }}\n            </ng-template>\n          </ng-container>\n          <ng-template #noTranslateOption>\n            {{ bindData ? item : item?.[bindLabel] }}\n          </ng-template>\n        </span>\n      </ng-template>\n    </ng-template>\n  </ng-select>\n</ng-container>\n<ng-template #itemAsInput>\n  <ng-select\n    #select\n    class=\"pry-select\"\n    [class.pry-select-form]=\"isForm\"\n    [multiple]=\"multiple\"\n    [closeOnSelect]=\"closeOnSelect\"\n    [items]=\"items\"\n    [bindValue]=\"bindValue\"\n    [bindLabel]=\"bindLabel\"\n    [clearable]=\"clearable\"\n    [searchable]=\"autocomplete\"\n    [ngModel]=\"value\"\n    (ngModelChange)=\"writeValue($event)\"\n    [readonly]=\"readonly\"\n    [disabled]=\"disabled\"\n    [required]=\"required\"\n    [name]=\"name\"\n    [placeholder]=\"placeholder!\"\n    [clearAllText]=\"'@pry.filters.clear' | i18n\"\n  >\n  </ng-select>\n</ng-template>\n" }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { labelTranslate: [{
                 type: Input
             }], baseTranslate: [{
@@ -6515,11 +6591,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
             }] } });
 
 class PrySelectModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: PrySelectModule, declarations: [PrySelectComponent], imports: [CommonModule, NgSelectModule, FormsModule, PryIconModule, PryI18nModule], exports: [PrySelectComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySelectModule, imports: [CommonModule, NgSelectModule, FormsModule, PryIconModule, PryI18nModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PrySelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PrySelectModule, declarations: [PrySelectComponent], imports: [CommonModule, NgSelectModule, FormsModule, PryIconModule, PryI18nModule], exports: [PrySelectComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PrySelectModule, imports: [CommonModule, NgSelectModule, FormsModule, PryIconModule, PryI18nModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySelectModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PrySelectModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, NgSelectModule, FormsModule, PryIconModule, PryI18nModule],
@@ -6593,8 +6669,8 @@ class PryRangeComponent {
     ngDoCheck() {
         this.updateView();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryRangeComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PryRangeComponent, selector: "pry-range", inputs: { min: "min", max: "max", step: "step", disabled: "disabled", labelTranslate: "labelTranslate" }, host: { listeners: { "window:resize": "ngDoCheck()" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryRangeComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PryRangeComponent, selector: "pry-range", inputs: { min: "min", max: "max", step: "step", disabled: "disabled", labelTranslate: "labelTranslate" }, host: { listeners: { "window:resize": "ngDoCheck()" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => PryRangeComponent),
@@ -6602,7 +6678,7 @@ class PryRangeComponent {
             }
         ], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<div class=\"m-form-label-field\">\n  <label class=\"a-label\" for=\"range-{{ id }}\" *ngIf=\"labelTranslate\">{{ labelTranslate | i18n }}</label>\n  <div class=\"a-range-slider-wrapper\">\n    <span aria-hidden=\"true\" class=\"a-range-slider__min\">{{ min }}</span>\n    <input\n      (input)=\"writeValueEvent($event)\"\n      [value]=\"value\"\n      class=\"a-range-slider\"\n      [min]=\"min\"\n      [max]=\"max\"\n      [step]=\"step\"\n      [disabled]=\"disabled\"\n      type=\"range\"\n      id=\"range-{{ id }}\"\n      [style.background-size]=\"info.backgroundSize + '% 100%'\"\n      #input\n    />\n    <output\n      aria-hidden=\"true\"\n      for=\"range-{{ id }}\"\n      class=\"a-range-slider__selected-value\"\n      [style.left.px]=\"info.left\"\n      >{{ info.text }}</output\n    >\n    <span aria-hidden=\"true\" class=\"a-range-slider__max\">{{ max }}</span>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryRangeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryRangeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-range', providers: [
                         {
@@ -6630,11 +6706,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
             }] } });
 
 class PryRangeModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryRangeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: PryRangeModule, declarations: [PryRangeComponent], imports: [PryI18nModule, CommonModule], exports: [PryRangeComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryRangeModule, imports: [PryI18nModule, CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryRangeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PryRangeModule, declarations: [PryRangeComponent], imports: [PryI18nModule, CommonModule], exports: [PryRangeComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryRangeModule, imports: [PryI18nModule, CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryRangeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryRangeModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [PryI18nModule, CommonModule],
@@ -6696,8 +6772,8 @@ class PryShareComponent {
             this._cd.markForCheck();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryShareComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PryShareComponent, selector: "pry-share", inputs: { value: "value", labelProperty: "labelProperty", valueProperty: "valueProperty", users$: "users$" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryShareComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PryShareComponent, selector: "pry-share", inputs: { value: "value", labelProperty: "labelProperty", valueProperty: "valueProperty", users$: "users$" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => PryShareComponent),
@@ -6705,7 +6781,7 @@ class PryShareComponent {
             }
         ], ngImport: i0, template: "<div class=\"m-form-label-field\">\n  <label class=\"a-label\" for=\"share_type\">{{ '@pry.share.type' | i18n }}</label>\n  <pry-select\n    (ngModelChange)=\"writeValueType($event)\"\n    [itemsAsOption]=\"true\"\n    [items]=\"visibilityTypes\"\n    [labelTranslate]=\"true\"\n    [ngModel]=\"value?.type\"\n    [disabled]=\"_disabled\"\n    baseTranslate=\"@pry.share.\"\n    class=\"a-pry-select\"\n    bindValue=\"value\"\n    bindLabel=\"label\"\n    id=\"share_type\"\n    bindIcon=\"icon\"\n    [iconSize]=\"[21, 18]\"\n  ></pry-select>\n</div>\n\n<ng-container *ngIf=\"value?.type === PryVisibilityType.RESTRICTED\">\n  <div class=\"m-form-label-field\">\n    <label class=\"a-label\" for=\"users\">{{ '@pry.share.users' | i18n }}</label>\n    <pry-select\n      (ngModelChange)=\"writeValueUsers($event)\"\n      [itemsAsOption]=\"true\"\n      [items]=\"users$ | async\"\n      [multiple]=\"true\"\n      [closeOnSelect]=\"false\"\n      [ngModel]=\"value?.users\"\n      [disabled]=\"_disabled\"\n      [bindLabel]=\"labelProperty\"\n      [bindValue]=\"valueProperty\"\n      [autocomplete]=\"true\"\n      class=\"a-pry-select\"\n      id=\"users\"\n    ></pry-select>\n  </div>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: PrySelectComponent, selector: "pry-select", inputs: ["labelTranslate", "baseTranslate", "translationFn", "translationFnArgs", "clearable", "multiple", "multipleClearRight", "closeOnSelect", "placeholder", "isForm", "required", "name", "readonly", "items", "itemsAsOption", "bindData", "bindValue", "bindLabel", "bindIcon", "iconSize", "templateLabel", "templateOption", "autocomplete"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: I18nPipe, name: "i18n" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryShareComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryShareComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-share', providers: [
                         {
@@ -6725,11 +6801,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
             }] } });
 
 class PryShareModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryShareModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: PryShareModule, declarations: [PryShareComponent], imports: [CommonModule, FormsModule, PrySelectModule, PryI18nModule], exports: [PryShareComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryShareModule, imports: [CommonModule, FormsModule, PrySelectModule, PryI18nModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryShareModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PryShareModule, declarations: [PryShareComponent], imports: [CommonModule, FormsModule, PrySelectModule, PryI18nModule], exports: [PryShareComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryShareModule, imports: [CommonModule, FormsModule, PrySelectModule, PryI18nModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryShareModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryShareModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, FormsModule, PrySelectModule, PryI18nModule],
@@ -6739,11 +6815,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
         }] });
 
 class PrySnackbarModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySnackbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: PrySnackbarModule, declarations: [PrySnackbarComponent], imports: [CommonModule, PryIconModule], exports: [PrySnackbarComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySnackbarModule, imports: [CommonModule, PryIconModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PrySnackbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PrySnackbarModule, declarations: [PrySnackbarComponent], imports: [CommonModule, PryIconModule], exports: [PrySnackbarComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PrySnackbarModule, imports: [CommonModule, PryIconModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySnackbarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PrySnackbarModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [PrySnackbarComponent],
@@ -6911,10 +6987,10 @@ class WebsocketService {
             this.websocket = undefined;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: WebsocketService, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: WebsocketService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WebsocketService, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WebsocketService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: WebsocketService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WebsocketService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -7295,10 +7371,10 @@ class BaseWidgetComponent extends SubscriptionnerDirective {
     changeWidgetTitle($event) {
         this.manifest.title = $event;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: BaseWidgetComponent, deps: [{ token: i1.Store }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: BaseWidgetComponent, selector: "pry-base-widget", inputs: { open$: "open$", widgetIndex: "widgetIndex", staticManifest: "staticManifest" }, outputs: { manifestModified: "manifestModified" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseWidgetComponent, deps: [{ token: i1.Store }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BaseWidgetComponent, selector: "pry-base-widget", inputs: { open$: "open$", widgetIndex: "widgetIndex", staticManifest: "staticManifest" }, outputs: { manifestModified: "manifestModified" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: BaseWidgetComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseWidgetComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-base-widget', template: '' }]
         }], ctorParameters: function () { return [{ type: i1.Store }, { type: i0.ElementRef }]; }, propDecorators: { open$: [{
@@ -7315,10 +7391,10 @@ class WidgetPlaceholderComponent extends BaseWidgetComponent {
     constructor(store, el) {
         super(store, el);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: WidgetPlaceholderComponent, deps: [{ token: i1.Store }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: WidgetPlaceholderComponent, selector: "pry-widget-placeholder", usesInheritance: true, ngImport: i0, template: "<p>{{ '@pry.widget.unrecognized' | i18n: { type: manifest ? manifest.type : 'placeholder' } }}</p>\n", dependencies: [{ kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WidgetPlaceholderComponent, deps: [{ token: i1.Store }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: WidgetPlaceholderComponent, selector: "pry-widget-placeholder", usesInheritance: true, ngImport: i0, template: "<p>{{ '@pry.widget.unrecognized' | i18n: { type: manifest ? manifest.type : 'placeholder' } }}</p>\n", dependencies: [{ kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: WidgetPlaceholderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WidgetPlaceholderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-widget-placeholder', template: "<p>{{ '@pry.widget.unrecognized' | i18n: { type: manifest ? manifest.type : 'placeholder' } }}</p>\n" }]
         }], ctorParameters: function () { return [{ type: i1.Store }, { type: i0.ElementRef }]; } });
@@ -7331,10 +7407,10 @@ class WidgetFillerComponent extends BaseWidgetComponent {
         // @ts-ignore
         return this.manifest.options?.index ?? 0;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: WidgetFillerComponent, deps: [{ token: i1.Store }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: WidgetFillerComponent, selector: "pry-widget-filler", usesInheritance: true, ngImport: i0, template: "<div class=\"a-indicator-block\">\n  <p>{{ index + 1 }}</p>\n</div>\n" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WidgetFillerComponent, deps: [{ token: i1.Store }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: WidgetFillerComponent, selector: "pry-widget-filler", usesInheritance: true, ngImport: i0, template: "<div class=\"a-indicator-block\">\n  <p>{{ index + 1 }}</p>\n</div>\n" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: WidgetFillerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WidgetFillerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-widget-filler', template: "<div class=\"a-indicator-block\">\n  <p>{{ index + 1 }}</p>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i1.Store }, { type: i0.ElementRef }]; } });
@@ -7389,13 +7465,15 @@ class WidgetFactoryService {
         const datasourcesArray = Array.isArray(manifest.datasource ?? [])
             ? (manifest.datasource ?? [])
             : [manifest.datasource];
-        return datasourcesArray.filter((datasource) => {
+        return datasourcesArray
+            .filter((datasource) => {
             const matching = this.datasources.find((ds) => ds.id === datasource);
             return (widgetDefinition.autoLoadDatasource === undefined ||
                 widgetDefinition.autoLoadDatasource === 'all' ||
                 (widgetDefinition.autoLoadDatasource === 'geo' && DatasourceUtils.isGeo(matching)) ||
                 (widgetDefinition.autoLoadDatasource === 'not-geo' && !DatasourceUtils.isGeo(matching)));
-        });
+        })
+            .map((ds) => ({ datasetId: ds, excludeGeo: manifest.type !== 'map' }));
     }
     aggregatesToAutoLoad(manifest) {
         const widgetDefinition = this.reference$.getValue()[manifest.type];
@@ -7404,10 +7482,10 @@ class WidgetFactoryService {
             : [manifest.datasource];
         return datasourcesArray.filter(() => widgetDefinition.autoLoadDatasource === undefined || widgetDefinition.autoLoadDatasource === 'aggregate');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: WidgetFactoryService, deps: [{ token: i0.Injector }, { token: WIDGET_DEFINITION }, { token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: WidgetFactoryService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WidgetFactoryService, deps: [{ token: i0.Injector }, { token: WIDGET_DEFINITION }, { token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WidgetFactoryService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: WidgetFactoryService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WidgetFactoryService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -7473,10 +7551,10 @@ class WidgetInstanciatorComponent extends SubscriptionnerDirective {
         }
         this.cdRef.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: WidgetInstanciatorComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: WidgetFactoryService }, { token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: WidgetInstanciatorComponent, selector: "pry-widget-instanciator", inputs: { widgetIndex: "widgetIndex", staticManifest: "staticManifest", standalone: "standalone", open$: "open$" }, outputs: { manifestModified: "manifestModified" }, viewQueries: [{ propertyName: "componentRef", first: true, predicate: ["componentRef"], descendants: true, read: ViewContainerRef }], usesInheritance: true, ngImport: i0, template: "<ng-container #componentRef></ng-container>\n" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WidgetInstanciatorComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: WidgetFactoryService }, { token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: WidgetInstanciatorComponent, selector: "pry-widget-instanciator", inputs: { widgetIndex: "widgetIndex", staticManifest: "staticManifest", standalone: "standalone", open$: "open$" }, outputs: { manifestModified: "manifestModified" }, viewQueries: [{ propertyName: "componentRef", first: true, predicate: ["componentRef"], descendants: true, read: ViewContainerRef }], usesInheritance: true, ngImport: i0, template: "<ng-container #componentRef></ng-container>\n" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: WidgetInstanciatorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WidgetInstanciatorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-widget-instanciator', template: "<ng-container #componentRef></ng-container>\n" }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: WidgetFactoryService }, { type: i1.Store }]; }, propDecorators: { widgetIndex: [{
@@ -7721,10 +7799,10 @@ class PryObjectEditionComponent extends SubscriptionnerDirective {
     toggleInversion() {
         this.inversion = !this.inversion;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryObjectEditionComponent, deps: [{ token: i2$1.Overlay }, { token: i0.ViewContainerRef }, { token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PryObjectEditionComponent, selector: "pry-object-creation", inputs: { link: "link", object: "object", menu: "menu" }, outputs: { closed: "closed" }, viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<button type=\"button\" class=\"a-btn -link-like\" (click)=\"openCreateObjectPanel($event)\" *ngIf=\"menu\">\n  {{ '@pry.context.createObject.title.' + (link && object ? 'linkedObject' : link ? 'link' : 'object') | i18n }}\n</button>\n<button\n  id=\"object_creator_link\"\n  type=\"button\"\n  (click)=\"openCreateObjectPanel($event)\"\n  *ngIf=\"!menu\"\n  class=\"a-btn a-btn--ghost -circle u-floating u-floating--bottom-right\"\n  [title]=\"'@pry.context.createObject.title.object' | i18n\"\n>\n  <span class=\"u-visually-hidden\">{{ '@pry.context.createObject.title.object' | i18n }}</span>\n  <pry-icon iconSvg=\"add_column\" [width]=\"24\" [height]=\"24\" aria-hidden=\"true\"></pry-icon>\n</button>\n\n<ng-template #template>\n  <div class=\"o-settings__popup\">\n    <div class=\"o-settings__popup__content\">\n      <ng-container *ngIf=\"link\">\n        <div class=\"m-form-label-field\">\n          <label class=\"a-label\" for=\"createobject_link\">{{ '@pry.context.createObject.title.link' | i18n }}</label>\n          <pry-select\n            [(ngModel)]=\"relation.typeId\"\n            [items]=\"relations$ | async\"\n            [itemsAsOption]=\"true\"\n            bindLabel=\"label\"\n            bindValue=\"id\"\n            class=\"a-pry-select\"\n            id=\"createobject_link\"\n          ></pry-select>\n        </div>\n        <div class=\"m-form-label-field\">\n          <label class=\"a-label\" for=\"createobject_inversion\">{{\n            '@pry.context.createObject.title.inversion' | i18n\n          }}</label>\n          <pry-checkbox\n            id=\"createobject_inversion\"\n            [ngModel]=\"inversion\"\n            (ngModelChange)=\"toggleInversion()\"\n          ></pry-checkbox>\n        </div>\n      </ng-container>\n\n      <div class=\"o-object-panel\" *ngIf=\"object\">\n        <div class=\"m-form-label-field\">\n          <label class=\"a-label\" for=\"createobject_class\">{{ '@pry.context.createObject.class' | i18n }}</label>\n          <pry-select\n            [ngModel]=\"tmpObject.oClass\"\n            (ngModelChange)=\"changeClass($event)\"\n            [items]=\"classes\"\n            [itemsAsOption]=\"true\"\n            bindValue=\"id\"\n            bindLabel=\"name\"\n            class=\"a-pry-select\"\n            id=\"createobject_class\"\n          ></pry-select>\n        </div>\n\n        <ng-container *ngFor=\"let attribute of attributes\" [class.multi-value]=\"attribute.multiValued\">\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\">{{ attribute.name }}</label>\n            <ng-container *ngIf=\"!attribute.multiValued\">\n              <ng-container [ngSwitch]=\"fieldType(attribute)\">\n                <ng-container *ngSwitchCase=\"FieldType.INSTANT\">\n                  <div class=\"a-date-input\" tabindex=\"-1\" (blur)=\"closeDatePicker($event)\">\n                    <input\n                      type=\"datetime-local\"\n                      class=\"a-form-field\"\n                      [ngModel]=\"value(attribute)\"\n                      (ngModelChange)=\"assignValue(attribute, $event)\"\n                    />\n                    <div class=\"a-open-date-picker\" (mousedown)=\"toggleDatePicker($event, attribute.id)\"></div>\n                    <div class=\"date-picker-container\" *ngIf=\"selectedDatePicker === attribute.id\">\n                      <pry-date-picker\n                        [ngModel]=\"value(attribute)\"\n                        (ngModelChange)=\"assignValue(attribute, $event)\"\n                        [roundSelection]=\"true\"\n                        [timePicker]=\"true\"\n                      ></pry-date-picker>\n                    </div>\n                  </div>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"FieldType.DECIMAL\">\n                  <input\n                    type=\"number\"\n                    step=\"any\"\n                    class=\"a-form-field\"\n                    [ngModel]=\"value(attribute)\"\n                    (ngModelChange)=\"assignValue(attribute, $event)\"\n                  />\n                </ng-container>\n                <ng-container *ngSwitchCase=\"FieldType.INTEGER\">\n                  <input\n                    type=\"number\"\n                    class=\"a-form-field\"\n                    [ngModel]=\"value(attribute)\"\n                    (ngModelChange)=\"assignValue(attribute, $event)\"\n                  />\n                </ng-container>\n                <ng-container *ngSwitchDefault>\n                  <input\n                    type=\"text\"\n                    class=\"a-form-field\"\n                    [ngModel]=\"value(attribute)\"\n                    (ngModelChange)=\"assignValue(attribute, $event)\"\n                  />\n                </ng-container>\n                <ng-container *ngSwitchCase=\"FieldType.RAW\">\n                  <pry-select\n                    [ngModel]=\"method\"\n                    (ngModelChange)=\"setRawMethod(attribute, $event)\"\n                    [items]=\"rawMethods\"\n                    [itemsAsOption]=\"true\"\n                    bindValue=\"id\"\n                    bindLabel=\"name\"\n                    [labelTranslate]=\"true\"\n                    class=\"a-pry-select\"\n                  ></pry-select>\n                  <input\n                    type=\"text\"\n                    class=\"a-form-field\"\n                    *ngIf=\"method === HTTP_ORIGIN_METHOD\"\n                    [ngModel]=\"valueMetadata(attribute, HTTP_ORIGIN_METADATA)\"\n                    (ngModelChange)=\"assignMetadata(attribute, $event, HTTP_ORIGIN_METADATA)\"\n                  />\n                  <ng-container *ngIf=\"method === UPLOAD_METHOD\">\n                    <pry-upload\n                      mode=\"doc\"\n                      accept=\"image/*,video/*\"\n                      (uploaded)=\"assignValue(attribute, $event)\"\n                    ></pry-upload>\n                  </ng-container>\n                </ng-container>\n              </ng-container>\n            </ng-container>\n          </div>\n\n          <div class=\"multi-value-container\" *ngIf=\"attribute.multiValued\">\n            <button\n              class=\"button-add a-btn a-btn--secondary a-btn--icon-text -size-sm\"\n              (click)=\"addMultiValued(attribute)\"\n            >\n              <pry-icon iconSvg=\"add\"></pry-icon>\n              <span>{{ '@pry.context.createObject.addMultiField' | i18n: { name: attribute.name } }}</span>\n            </button>\n            <div class=\"multi-value\" *ngFor=\"let multiValue of multiValues(attribute); let i = index\">\n              <ng-container [ngSwitch]=\"fieldType(attribute)\">\n                <ng-container *ngSwitchCase=\"FieldType.INSTANT\">\n                  <input\n                    type=\"datetime-local\"\n                    [ngModel]=\"valueMulti(attribute, i)\"\n                    (focusout)=\"assignValueMulti(attribute, $event, i)\"\n                  />\n                </ng-container>\n                <ng-container *ngSwitchCase=\"FieldType.DECIMAL\">\n                  <input\n                    type=\"number\"\n                    step=\"any\"\n                    [ngModel]=\"valueMulti(attribute, i)\"\n                    (ngModelChange)=\"assignValueMulti(attribute, $event, i)\"\n                  />\n                </ng-container>\n                <ng-container *ngSwitchCase=\"FieldType.INTEGER\">\n                  <input\n                    type=\"number\"\n                    [ngModel]=\"valueMulti(attribute, i)\"\n                    (ngModelChange)=\"assignValueMulti(attribute, $event, i)\"\n                  />\n                </ng-container>\n                <ng-container *ngSwitchDefault>\n                  <input\n                    type=\"text\"\n                    [ngModel]=\"valueMulti(attribute, i)\"\n                    (ngModelChange)=\"assignValueMulti(attribute, $event, i)\"\n                  />\n                </ng-container>\n                <button (click)=\"removeMultiValued(attribute, i)\">\n                  <pry-icon iconSvg=\"delete\"></pry-icon>\n                </button>\n              </ng-container>\n            </div>\n          </div>\n        </ng-container>\n      </div>\n    </div>\n    <div class=\"m-btn-group\">\n      <button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"hide()\">\n        {{ '@pry.context.cancel' | i18n }}\n      </button>\n      <button type=\"button\" class=\"a-btn a-btn--primary\" (click)=\"createObjects()\" [disabled]=\"!valid\">\n        {{ '@pry.context.create' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: PrySelectComponent, selector: "pry-select", inputs: ["labelTranslate", "baseTranslate", "translationFn", "translationFnArgs", "clearable", "multiple", "multipleClearRight", "closeOnSelect", "placeholder", "isForm", "required", "name", "readonly", "items", "itemsAsOption", "bindData", "bindValue", "bindLabel", "bindIcon", "iconSize", "templateLabel", "templateOption", "autocomplete"] }, { kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: PryUploadComponent, selector: "pry-upload", inputs: ["mode", "accept", "labelTranslate"], outputs: ["uploaded", "uploadedFile"] }, { kind: "component", type: i8.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle"] }, { kind: "component", type: PryDatePickerComponent, selector: "pry-date-picker", inputs: ["rangePicker", "timePicker", "maxYear", "minYear", "roundSelection"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryObjectEditionComponent, deps: [{ token: i2$1.Overlay }, { token: i0.ViewContainerRef }, { token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PryObjectEditionComponent, selector: "pry-object-creation", inputs: { link: "link", object: "object", menu: "menu" }, outputs: { closed: "closed" }, viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<button type=\"button\" class=\"a-btn -link-like\" (click)=\"openCreateObjectPanel($event)\" *ngIf=\"menu\">\n  {{ '@pry.context.createObject.title.' + (link && object ? 'linkedObject' : link ? 'link' : 'object') | i18n }}\n</button>\n<button\n  id=\"object_creator_link\"\n  type=\"button\"\n  (click)=\"openCreateObjectPanel($event)\"\n  *ngIf=\"!menu\"\n  class=\"a-btn a-btn--ghost -circle u-floating u-floating--bottom-right\"\n  [title]=\"'@pry.context.createObject.title.object' | i18n\"\n>\n  <span class=\"u-visually-hidden\">{{ '@pry.context.createObject.title.object' | i18n }}</span>\n  <pry-icon iconSvg=\"add_column\" [width]=\"24\" [height]=\"24\" aria-hidden=\"true\"></pry-icon>\n</button>\n\n<ng-template #template>\n  <div class=\"o-settings__popup\">\n    <div class=\"o-settings__popup__content\">\n      <ng-container *ngIf=\"link\">\n        <div class=\"m-form-label-field\">\n          <label class=\"a-label\" for=\"createobject_link\">{{ '@pry.context.createObject.title.link' | i18n }}</label>\n          <pry-select\n            [(ngModel)]=\"relation.typeId\"\n            [items]=\"relations$ | async\"\n            [itemsAsOption]=\"true\"\n            bindLabel=\"label\"\n            bindValue=\"id\"\n            class=\"a-pry-select\"\n            id=\"createobject_link\"\n          ></pry-select>\n        </div>\n        <div class=\"m-form-label-field\">\n          <label class=\"a-label\" for=\"createobject_inversion\">{{\n            '@pry.context.createObject.title.inversion' | i18n\n          }}</label>\n          <pry-checkbox\n            id=\"createobject_inversion\"\n            [ngModel]=\"inversion\"\n            (ngModelChange)=\"toggleInversion()\"\n          ></pry-checkbox>\n        </div>\n      </ng-container>\n\n      <div class=\"o-object-panel\" *ngIf=\"object\">\n        <div class=\"m-form-label-field\">\n          <label class=\"a-label\" for=\"createobject_class\">{{ '@pry.context.createObject.class' | i18n }}</label>\n          <pry-select\n            [ngModel]=\"tmpObject.oClass\"\n            (ngModelChange)=\"changeClass($event)\"\n            [items]=\"classes\"\n            [itemsAsOption]=\"true\"\n            bindValue=\"id\"\n            bindLabel=\"name\"\n            class=\"a-pry-select\"\n            id=\"createobject_class\"\n          ></pry-select>\n        </div>\n\n        <ng-container *ngFor=\"let attribute of attributes\" [class.multi-value]=\"attribute.multiValued\">\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\">{{ attribute.name }}</label>\n            <ng-container *ngIf=\"!attribute.multiValued\">\n              <ng-container [ngSwitch]=\"fieldType(attribute)\">\n                <ng-container *ngSwitchCase=\"FieldType.INSTANT\">\n                  <div class=\"a-date-input\" tabindex=\"-1\" (blur)=\"closeDatePicker($event)\">\n                    <input\n                      type=\"datetime-local\"\n                      class=\"a-form-field\"\n                      [ngModel]=\"value(attribute)\"\n                      (ngModelChange)=\"assignValue(attribute, $event)\"\n                    />\n                    <div class=\"a-open-date-picker\" (mousedown)=\"toggleDatePicker($event, attribute.id)\"></div>\n                    <div class=\"date-picker-container\" *ngIf=\"selectedDatePicker === attribute.id\">\n                      <pry-date-picker\n                        [ngModel]=\"value(attribute)\"\n                        (ngModelChange)=\"assignValue(attribute, $event)\"\n                        [roundSelection]=\"true\"\n                        [timePicker]=\"true\"\n                      ></pry-date-picker>\n                    </div>\n                  </div>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"FieldType.DECIMAL\">\n                  <input\n                    type=\"number\"\n                    step=\"any\"\n                    class=\"a-form-field\"\n                    [ngModel]=\"value(attribute)\"\n                    (ngModelChange)=\"assignValue(attribute, $event)\"\n                  />\n                </ng-container>\n                <ng-container *ngSwitchCase=\"FieldType.INTEGER\">\n                  <input\n                    type=\"number\"\n                    class=\"a-form-field\"\n                    [ngModel]=\"value(attribute)\"\n                    (ngModelChange)=\"assignValue(attribute, $event)\"\n                  />\n                </ng-container>\n                <ng-container *ngSwitchDefault>\n                  <input\n                    type=\"text\"\n                    class=\"a-form-field\"\n                    [ngModel]=\"value(attribute)\"\n                    (ngModelChange)=\"assignValue(attribute, $event)\"\n                  />\n                </ng-container>\n                <ng-container *ngSwitchCase=\"FieldType.RAW\">\n                  <pry-select\n                    [ngModel]=\"method\"\n                    (ngModelChange)=\"setRawMethod(attribute, $event)\"\n                    [items]=\"rawMethods\"\n                    [itemsAsOption]=\"true\"\n                    bindValue=\"id\"\n                    bindLabel=\"name\"\n                    [labelTranslate]=\"true\"\n                    class=\"a-pry-select\"\n                  ></pry-select>\n                  <input\n                    type=\"text\"\n                    class=\"a-form-field\"\n                    *ngIf=\"method === HTTP_ORIGIN_METHOD\"\n                    [ngModel]=\"valueMetadata(attribute, HTTP_ORIGIN_METADATA)\"\n                    (ngModelChange)=\"assignMetadata(attribute, $event, HTTP_ORIGIN_METADATA)\"\n                  />\n                  <ng-container *ngIf=\"method === UPLOAD_METHOD\">\n                    <pry-upload\n                      mode=\"doc\"\n                      accept=\"image/*,video/*\"\n                      (uploaded)=\"assignValue(attribute, $event)\"\n                    ></pry-upload>\n                  </ng-container>\n                </ng-container>\n              </ng-container>\n            </ng-container>\n          </div>\n\n          <div class=\"multi-value-container\" *ngIf=\"attribute.multiValued\">\n            <button\n              class=\"button-add a-btn a-btn--secondary a-btn--icon-text -size-sm\"\n              (click)=\"addMultiValued(attribute)\"\n            >\n              <pry-icon iconSvg=\"add\"></pry-icon>\n              <span>{{ '@pry.context.createObject.addMultiField' | i18n: { name: attribute.name } }}</span>\n            </button>\n            <div class=\"multi-value\" *ngFor=\"let multiValue of multiValues(attribute); let i = index\">\n              <ng-container [ngSwitch]=\"fieldType(attribute)\">\n                <ng-container *ngSwitchCase=\"FieldType.INSTANT\">\n                  <input\n                    type=\"datetime-local\"\n                    [ngModel]=\"valueMulti(attribute, i)\"\n                    (focusout)=\"assignValueMulti(attribute, $event, i)\"\n                  />\n                </ng-container>\n                <ng-container *ngSwitchCase=\"FieldType.DECIMAL\">\n                  <input\n                    type=\"number\"\n                    step=\"any\"\n                    [ngModel]=\"valueMulti(attribute, i)\"\n                    (ngModelChange)=\"assignValueMulti(attribute, $event, i)\"\n                  />\n                </ng-container>\n                <ng-container *ngSwitchCase=\"FieldType.INTEGER\">\n                  <input\n                    type=\"number\"\n                    [ngModel]=\"valueMulti(attribute, i)\"\n                    (ngModelChange)=\"assignValueMulti(attribute, $event, i)\"\n                  />\n                </ng-container>\n                <ng-container *ngSwitchDefault>\n                  <input\n                    type=\"text\"\n                    [ngModel]=\"valueMulti(attribute, i)\"\n                    (ngModelChange)=\"assignValueMulti(attribute, $event, i)\"\n                  />\n                </ng-container>\n                <button (click)=\"removeMultiValued(attribute, i)\">\n                  <pry-icon iconSvg=\"delete\"></pry-icon>\n                </button>\n              </ng-container>\n            </div>\n          </div>\n        </ng-container>\n      </div>\n    </div>\n    <div class=\"m-btn-group\">\n      <button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"hide()\">\n        {{ '@pry.context.cancel' | i18n }}\n      </button>\n      <button type=\"button\" class=\"a-btn a-btn--primary\" (click)=\"createObjects()\" [disabled]=\"!valid\">\n        {{ '@pry.context.create' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: PrySelectComponent, selector: "pry-select", inputs: ["labelTranslate", "baseTranslate", "translationFn", "translationFnArgs", "clearable", "multiple", "multipleClearRight", "closeOnSelect", "placeholder", "isForm", "required", "name", "readonly", "items", "itemsAsOption", "bindData", "bindValue", "bindLabel", "bindIcon", "iconSize", "templateLabel", "templateOption", "autocomplete"] }, { kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: PryUploadComponent, selector: "pry-upload", inputs: ["mode", "accept", "labelTranslate"], outputs: ["uploaded", "uploadedFile"] }, { kind: "component", type: i8.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle"] }, { kind: "component", type: PryDatePickerComponent, selector: "pry-date-picker", inputs: ["rangePicker", "timePicker", "maxYear", "minYear", "roundSelection"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryObjectEditionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryObjectEditionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-object-creation', template: "<button type=\"button\" class=\"a-btn -link-like\" (click)=\"openCreateObjectPanel($event)\" *ngIf=\"menu\">\n  {{ '@pry.context.createObject.title.' + (link && object ? 'linkedObject' : link ? 'link' : 'object') | i18n }}\n</button>\n<button\n  id=\"object_creator_link\"\n  type=\"button\"\n  (click)=\"openCreateObjectPanel($event)\"\n  *ngIf=\"!menu\"\n  class=\"a-btn a-btn--ghost -circle u-floating u-floating--bottom-right\"\n  [title]=\"'@pry.context.createObject.title.object' | i18n\"\n>\n  <span class=\"u-visually-hidden\">{{ '@pry.context.createObject.title.object' | i18n }}</span>\n  <pry-icon iconSvg=\"add_column\" [width]=\"24\" [height]=\"24\" aria-hidden=\"true\"></pry-icon>\n</button>\n\n<ng-template #template>\n  <div class=\"o-settings__popup\">\n    <div class=\"o-settings__popup__content\">\n      <ng-container *ngIf=\"link\">\n        <div class=\"m-form-label-field\">\n          <label class=\"a-label\" for=\"createobject_link\">{{ '@pry.context.createObject.title.link' | i18n }}</label>\n          <pry-select\n            [(ngModel)]=\"relation.typeId\"\n            [items]=\"relations$ | async\"\n            [itemsAsOption]=\"true\"\n            bindLabel=\"label\"\n            bindValue=\"id\"\n            class=\"a-pry-select\"\n            id=\"createobject_link\"\n          ></pry-select>\n        </div>\n        <div class=\"m-form-label-field\">\n          <label class=\"a-label\" for=\"createobject_inversion\">{{\n            '@pry.context.createObject.title.inversion' | i18n\n          }}</label>\n          <pry-checkbox\n            id=\"createobject_inversion\"\n            [ngModel]=\"inversion\"\n            (ngModelChange)=\"toggleInversion()\"\n          ></pry-checkbox>\n        </div>\n      </ng-container>\n\n      <div class=\"o-object-panel\" *ngIf=\"object\">\n        <div class=\"m-form-label-field\">\n          <label class=\"a-label\" for=\"createobject_class\">{{ '@pry.context.createObject.class' | i18n }}</label>\n          <pry-select\n            [ngModel]=\"tmpObject.oClass\"\n            (ngModelChange)=\"changeClass($event)\"\n            [items]=\"classes\"\n            [itemsAsOption]=\"true\"\n            bindValue=\"id\"\n            bindLabel=\"name\"\n            class=\"a-pry-select\"\n            id=\"createobject_class\"\n          ></pry-select>\n        </div>\n\n        <ng-container *ngFor=\"let attribute of attributes\" [class.multi-value]=\"attribute.multiValued\">\n          <div class=\"m-form-label-field\">\n            <label class=\"a-label\">{{ attribute.name }}</label>\n            <ng-container *ngIf=\"!attribute.multiValued\">\n              <ng-container [ngSwitch]=\"fieldType(attribute)\">\n                <ng-container *ngSwitchCase=\"FieldType.INSTANT\">\n                  <div class=\"a-date-input\" tabindex=\"-1\" (blur)=\"closeDatePicker($event)\">\n                    <input\n                      type=\"datetime-local\"\n                      class=\"a-form-field\"\n                      [ngModel]=\"value(attribute)\"\n                      (ngModelChange)=\"assignValue(attribute, $event)\"\n                    />\n                    <div class=\"a-open-date-picker\" (mousedown)=\"toggleDatePicker($event, attribute.id)\"></div>\n                    <div class=\"date-picker-container\" *ngIf=\"selectedDatePicker === attribute.id\">\n                      <pry-date-picker\n                        [ngModel]=\"value(attribute)\"\n                        (ngModelChange)=\"assignValue(attribute, $event)\"\n                        [roundSelection]=\"true\"\n                        [timePicker]=\"true\"\n                      ></pry-date-picker>\n                    </div>\n                  </div>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"FieldType.DECIMAL\">\n                  <input\n                    type=\"number\"\n                    step=\"any\"\n                    class=\"a-form-field\"\n                    [ngModel]=\"value(attribute)\"\n                    (ngModelChange)=\"assignValue(attribute, $event)\"\n                  />\n                </ng-container>\n                <ng-container *ngSwitchCase=\"FieldType.INTEGER\">\n                  <input\n                    type=\"number\"\n                    class=\"a-form-field\"\n                    [ngModel]=\"value(attribute)\"\n                    (ngModelChange)=\"assignValue(attribute, $event)\"\n                  />\n                </ng-container>\n                <ng-container *ngSwitchDefault>\n                  <input\n                    type=\"text\"\n                    class=\"a-form-field\"\n                    [ngModel]=\"value(attribute)\"\n                    (ngModelChange)=\"assignValue(attribute, $event)\"\n                  />\n                </ng-container>\n                <ng-container *ngSwitchCase=\"FieldType.RAW\">\n                  <pry-select\n                    [ngModel]=\"method\"\n                    (ngModelChange)=\"setRawMethod(attribute, $event)\"\n                    [items]=\"rawMethods\"\n                    [itemsAsOption]=\"true\"\n                    bindValue=\"id\"\n                    bindLabel=\"name\"\n                    [labelTranslate]=\"true\"\n                    class=\"a-pry-select\"\n                  ></pry-select>\n                  <input\n                    type=\"text\"\n                    class=\"a-form-field\"\n                    *ngIf=\"method === HTTP_ORIGIN_METHOD\"\n                    [ngModel]=\"valueMetadata(attribute, HTTP_ORIGIN_METADATA)\"\n                    (ngModelChange)=\"assignMetadata(attribute, $event, HTTP_ORIGIN_METADATA)\"\n                  />\n                  <ng-container *ngIf=\"method === UPLOAD_METHOD\">\n                    <pry-upload\n                      mode=\"doc\"\n                      accept=\"image/*,video/*\"\n                      (uploaded)=\"assignValue(attribute, $event)\"\n                    ></pry-upload>\n                  </ng-container>\n                </ng-container>\n              </ng-container>\n            </ng-container>\n          </div>\n\n          <div class=\"multi-value-container\" *ngIf=\"attribute.multiValued\">\n            <button\n              class=\"button-add a-btn a-btn--secondary a-btn--icon-text -size-sm\"\n              (click)=\"addMultiValued(attribute)\"\n            >\n              <pry-icon iconSvg=\"add\"></pry-icon>\n              <span>{{ '@pry.context.createObject.addMultiField' | i18n: { name: attribute.name } }}</span>\n            </button>\n            <div class=\"multi-value\" *ngFor=\"let multiValue of multiValues(attribute); let i = index\">\n              <ng-container [ngSwitch]=\"fieldType(attribute)\">\n                <ng-container *ngSwitchCase=\"FieldType.INSTANT\">\n                  <input\n                    type=\"datetime-local\"\n                    [ngModel]=\"valueMulti(attribute, i)\"\n                    (focusout)=\"assignValueMulti(attribute, $event, i)\"\n                  />\n                </ng-container>\n                <ng-container *ngSwitchCase=\"FieldType.DECIMAL\">\n                  <input\n                    type=\"number\"\n                    step=\"any\"\n                    [ngModel]=\"valueMulti(attribute, i)\"\n                    (ngModelChange)=\"assignValueMulti(attribute, $event, i)\"\n                  />\n                </ng-container>\n                <ng-container *ngSwitchCase=\"FieldType.INTEGER\">\n                  <input\n                    type=\"number\"\n                    [ngModel]=\"valueMulti(attribute, i)\"\n                    (ngModelChange)=\"assignValueMulti(attribute, $event, i)\"\n                  />\n                </ng-container>\n                <ng-container *ngSwitchDefault>\n                  <input\n                    type=\"text\"\n                    [ngModel]=\"valueMulti(attribute, i)\"\n                    (ngModelChange)=\"assignValueMulti(attribute, $event, i)\"\n                  />\n                </ng-container>\n                <button (click)=\"removeMultiValued(attribute, i)\">\n                  <pry-icon iconSvg=\"delete\"></pry-icon>\n                </button>\n              </ng-container>\n            </div>\n          </div>\n        </ng-container>\n      </div>\n    </div>\n    <div class=\"m-btn-group\">\n      <button type=\"button\" class=\"a-btn a-btn--secondary\" (click)=\"hide()\">\n        {{ '@pry.context.cancel' | i18n }}\n      </button>\n      <button type=\"button\" class=\"a-btn a-btn--primary\" (click)=\"createObjects()\" [disabled]=\"!valid\">\n        {{ '@pry.context.create' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n" }]
         }], ctorParameters: function () { return [{ type: i2$1.Overlay }, { type: i0.ViewContainerRef }, { type: i1.Store }]; }, propDecorators: { link: [{
@@ -7838,10 +7916,10 @@ class ContextMenuComponent extends SubscriptionnerDirective {
         this.overlayDetailRef?.dispose();
         this.store.dispatch(ConfigActions.closeOverlay({ id: this.constructor.name + '-detail' }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ContextMenuComponent, deps: [{ token: i1.Store }, { token: i2$1.Overlay }, { token: i0.ViewContainerRef }, { token: WidgetFactoryService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: ContextMenuComponent, selector: "pry-context-menu", viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, read: TemplateRef }, { propertyName: "detailTemplate", first: true, predicate: ["detailTemplate"], descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n  <ul class=\"m-context-menu__list\">\n    <ng-container *ngIf=\"!!itemId\">\n      <li class=\"m-context-menu__list__item\">\n        <button type=\"button\" class=\"a-btn -link-like\" (click)=\"selectionAddOrRemove()\">\n          {{ ((isSelected$ | async) ? '@pry.context.remove' : '@pry.context.add') | i18n }}\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\">\n        <button type=\"button\" class=\"a-btn -link-like\" (click)=\"selectionInvert()\">\n          {{ '@pry.context.invert' | i18n }}\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\" *ngIf=\"!!resultSet\">\n        <button type=\"button\" class=\"a-btn -link-like\" (click)=\"proximity()\" *ngIf=\"!!resultSet\">\n          {{ '@pry.context.proximity' | i18n }}\n        </button>\n      </li>\n      <ng-container *ngIf=\"isModuleLoaded['graph']\">\n        <li class=\"m-context-menu__list__item\">\n          <button type=\"button\" class=\"a-btn -link-like\" (click)=\"explore()\">\n            {{ '@pry.context.explore' | i18n }}\n          </button>\n        </li>\n      </ng-container>\n      <ng-container *ngIf=\"isModuleLoaded['detail']\">\n        <li class=\"m-context-menu__list__item\">\n          <button type=\"button\" class=\"a-btn -link-like\" (click)=\"detail()\">\n            {{ '@pry.context.detail' | i18n }}\n          </button>\n        </li>\n        <li class=\"m-context-menu__list__item\">\n          <button type=\"button\" class=\"a-btn -link-like\" (click)=\"flyingDetail()\">\n            {{ '@pry.context.flyingDetail' | i18n }}\n          </button>\n        </li>\n      </ng-container>\n      <ng-container *pryAccess=\"{ module: 'dashboard', page: 'dashboard', action: 'edit_object' }\">\n        <li class=\"m-context-menu__list__item\">\n          <pry-object-creation\n            (closed)=\"hide()\"\n            [link]=\"true\"\n            [object]=\"false\"\n            [menu]=\"true\"\n            *ngIf=\"(selectedItemsIds?.length ?? 0) > 0\"\n          ></pry-object-creation>\n          <ng-container *ngIf=\"allowObjectCreation$ | async\">\n            <pry-object-creation (closed)=\"hide()\" [link]=\"true\" [object]=\"true\" [menu]=\"true\"></pry-object-creation>\n          </ng-container>\n        </li>\n      </ng-container>\n    </ng-container>\n    <ng-container *pryAccess=\"{ module: 'dashboard', page: 'dashboard', action: 'edit_object' }\">\n      <li *ngIf=\"allowObjectCreation$| async\" class=\"m-context-menu__list__item\">\n        <pry-object-creation (closed)=\"hide()\" [object]=\"true\" [menu]=\"true\"></pry-object-creation>\n      </li>\n    </ng-container>\n  </ul>\n</ng-template>\n<ng-template #detailTemplate>\n  <div class=\"o-settings__popup__header\">\n    <h2 class=\"a-h2\">{{ '@pry.context.flyingDetail' | i18n }}</h2>\n    <button type=\"button\" (click)=\"hideDetail()\" class=\"a-btn a-btn--icon-only -close\">\n      <pry-icon iconSvg=\"close\"></pry-icon>\n      <span class=\"u-visually-hidden\">{{ '@pry.action.close' | i18n }}</span>\n    </button>\n  </div>\n  <div class=\"o-settings__popup__content\">\n    <pry-widget-instanciator [staticManifest]=\"detailManifest\"></pry-widget-instanciator>\n  </div>\n  <div class=\"o-settings__popup__footer\">\n    <button (click)=\"hideDetail()\" class=\"a-btn a-btn--primary\">\n      {{ '@pry.action.close' | i18n }}\n    </button>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: PryAccessDirective, selector: "[pryAccess]", inputs: ["pryAccess"] }, { kind: "component", type: WidgetInstanciatorComponent, selector: "pry-widget-instanciator", inputs: ["widgetIndex", "staticManifest", "standalone", "open$"], outputs: ["manifestModified"] }, { kind: "component", type: PryObjectEditionComponent, selector: "pry-object-creation", inputs: ["link", "object", "menu"], outputs: ["closed"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextMenuComponent, deps: [{ token: i1.Store }, { token: i2$1.Overlay }, { token: i0.ViewContainerRef }, { token: WidgetFactoryService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ContextMenuComponent, selector: "pry-context-menu", viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, read: TemplateRef }, { propertyName: "detailTemplate", first: true, predicate: ["detailTemplate"], descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<ng-template #template>\n  <ul class=\"m-context-menu__list\">\n    <ng-container *ngIf=\"!!itemId\">\n      <li class=\"m-context-menu__list__item\">\n        <button type=\"button\" class=\"a-btn -link-like\" (click)=\"selectionAddOrRemove()\">\n          {{ ((isSelected$ | async) ? '@pry.context.remove' : '@pry.context.add') | i18n }}\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\">\n        <button type=\"button\" class=\"a-btn -link-like\" (click)=\"selectionInvert()\">\n          {{ '@pry.context.invert' | i18n }}\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\" *ngIf=\"!!resultSet\">\n        <button type=\"button\" class=\"a-btn -link-like\" (click)=\"proximity()\" *ngIf=\"!!resultSet\">\n          {{ '@pry.context.proximity' | i18n }}\n        </button>\n      </li>\n      <ng-container *ngIf=\"isModuleLoaded['graph']\">\n        <li class=\"m-context-menu__list__item\">\n          <button type=\"button\" class=\"a-btn -link-like\" (click)=\"explore()\">\n            {{ '@pry.context.explore' | i18n }}\n          </button>\n        </li>\n      </ng-container>\n      <ng-container *ngIf=\"isModuleLoaded['detail']\">\n        <li class=\"m-context-menu__list__item\">\n          <button type=\"button\" class=\"a-btn -link-like\" (click)=\"detail()\">\n            {{ '@pry.context.detail' | i18n }}\n          </button>\n        </li>\n        <li class=\"m-context-menu__list__item\">\n          <button type=\"button\" class=\"a-btn -link-like\" (click)=\"flyingDetail()\">\n            {{ '@pry.context.flyingDetail' | i18n }}\n          </button>\n        </li>\n      </ng-container>\n      <ng-container *pryAccess=\"{ module: 'dashboard', page: 'dashboard', action: 'edit_object' }\">\n        <li class=\"m-context-menu__list__item\">\n          <pry-object-creation\n            (closed)=\"hide()\"\n            [link]=\"true\"\n            [object]=\"false\"\n            [menu]=\"true\"\n            *ngIf=\"(selectedItemsIds?.length ?? 0) > 0\"\n          ></pry-object-creation>\n          <ng-container *ngIf=\"allowObjectCreation$ | async\">\n            <pry-object-creation (closed)=\"hide()\" [link]=\"true\" [object]=\"true\" [menu]=\"true\"></pry-object-creation>\n          </ng-container>\n        </li>\n      </ng-container>\n    </ng-container>\n    <ng-container *pryAccess=\"{ module: 'dashboard', page: 'dashboard', action: 'edit_object' }\">\n      <li *ngIf=\"allowObjectCreation$| async\" class=\"m-context-menu__list__item\">\n        <pry-object-creation (closed)=\"hide()\" [object]=\"true\" [menu]=\"true\"></pry-object-creation>\n      </li>\n    </ng-container>\n  </ul>\n</ng-template>\n<ng-template #detailTemplate>\n  <div class=\"o-settings__popup__header\">\n    <h2 class=\"a-h2\">{{ '@pry.context.flyingDetail' | i18n }}</h2>\n    <button type=\"button\" (click)=\"hideDetail()\" class=\"a-btn a-btn--icon-only -close\">\n      <pry-icon iconSvg=\"close\"></pry-icon>\n      <span class=\"u-visually-hidden\">{{ '@pry.action.close' | i18n }}</span>\n    </button>\n  </div>\n  <div class=\"o-settings__popup__content\">\n    <pry-widget-instanciator [staticManifest]=\"detailManifest\"></pry-widget-instanciator>\n  </div>\n  <div class=\"o-settings__popup__footer\">\n    <button (click)=\"hideDetail()\" class=\"a-btn a-btn--primary\">\n      {{ '@pry.action.close' | i18n }}\n    </button>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: PryAccessDirective, selector: "[pryAccess]", inputs: ["pryAccess"] }, { kind: "component", type: WidgetInstanciatorComponent, selector: "pry-widget-instanciator", inputs: ["widgetIndex", "staticManifest", "standalone", "open$"], outputs: ["manifestModified"] }, { kind: "component", type: PryObjectEditionComponent, selector: "pry-object-creation", inputs: ["link", "object", "menu"], outputs: ["closed"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ContextMenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextMenuComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-context-menu', template: "<ng-template #template>\n  <ul class=\"m-context-menu__list\">\n    <ng-container *ngIf=\"!!itemId\">\n      <li class=\"m-context-menu__list__item\">\n        <button type=\"button\" class=\"a-btn -link-like\" (click)=\"selectionAddOrRemove()\">\n          {{ ((isSelected$ | async) ? '@pry.context.remove' : '@pry.context.add') | i18n }}\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\">\n        <button type=\"button\" class=\"a-btn -link-like\" (click)=\"selectionInvert()\">\n          {{ '@pry.context.invert' | i18n }}\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\" *ngIf=\"!!resultSet\">\n        <button type=\"button\" class=\"a-btn -link-like\" (click)=\"proximity()\" *ngIf=\"!!resultSet\">\n          {{ '@pry.context.proximity' | i18n }}\n        </button>\n      </li>\n      <ng-container *ngIf=\"isModuleLoaded['graph']\">\n        <li class=\"m-context-menu__list__item\">\n          <button type=\"button\" class=\"a-btn -link-like\" (click)=\"explore()\">\n            {{ '@pry.context.explore' | i18n }}\n          </button>\n        </li>\n      </ng-container>\n      <ng-container *ngIf=\"isModuleLoaded['detail']\">\n        <li class=\"m-context-menu__list__item\">\n          <button type=\"button\" class=\"a-btn -link-like\" (click)=\"detail()\">\n            {{ '@pry.context.detail' | i18n }}\n          </button>\n        </li>\n        <li class=\"m-context-menu__list__item\">\n          <button type=\"button\" class=\"a-btn -link-like\" (click)=\"flyingDetail()\">\n            {{ '@pry.context.flyingDetail' | i18n }}\n          </button>\n        </li>\n      </ng-container>\n      <ng-container *pryAccess=\"{ module: 'dashboard', page: 'dashboard', action: 'edit_object' }\">\n        <li class=\"m-context-menu__list__item\">\n          <pry-object-creation\n            (closed)=\"hide()\"\n            [link]=\"true\"\n            [object]=\"false\"\n            [menu]=\"true\"\n            *ngIf=\"(selectedItemsIds?.length ?? 0) > 0\"\n          ></pry-object-creation>\n          <ng-container *ngIf=\"allowObjectCreation$ | async\">\n            <pry-object-creation (closed)=\"hide()\" [link]=\"true\" [object]=\"true\" [menu]=\"true\"></pry-object-creation>\n          </ng-container>\n        </li>\n      </ng-container>\n    </ng-container>\n    <ng-container *pryAccess=\"{ module: 'dashboard', page: 'dashboard', action: 'edit_object' }\">\n      <li *ngIf=\"allowObjectCreation$| async\" class=\"m-context-menu__list__item\">\n        <pry-object-creation (closed)=\"hide()\" [object]=\"true\" [menu]=\"true\"></pry-object-creation>\n      </li>\n    </ng-container>\n  </ul>\n</ng-template>\n<ng-template #detailTemplate>\n  <div class=\"o-settings__popup__header\">\n    <h2 class=\"a-h2\">{{ '@pry.context.flyingDetail' | i18n }}</h2>\n    <button type=\"button\" (click)=\"hideDetail()\" class=\"a-btn a-btn--icon-only -close\">\n      <pry-icon iconSvg=\"close\"></pry-icon>\n      <span class=\"u-visually-hidden\">{{ '@pry.action.close' | i18n }}</span>\n    </button>\n  </div>\n  <div class=\"o-settings__popup__content\">\n    <pry-widget-instanciator [staticManifest]=\"detailManifest\"></pry-widget-instanciator>\n  </div>\n  <div class=\"o-settings__popup__footer\">\n    <button (click)=\"hideDetail()\" class=\"a-btn a-btn--primary\">\n      {{ '@pry.action.close' | i18n }}\n    </button>\n  </div>\n</ng-template>\n" }]
         }], ctorParameters: function () { return [{ type: i1.Store }, { type: i2$1.Overlay }, { type: i0.ViewContainerRef }, { type: WidgetFactoryService }]; }, propDecorators: { template: [{
@@ -7901,7 +7979,7 @@ class DashboardComponent extends SubscriptionnerDirective {
         this.DashboardGridLayout = DashboardGridLayout;
         this.layout = DashboardGridLayout.MANUAL;
         this.loading$ = this.store.select(DashboardSelectors.loading);
-        this.dataFetching$ = this.store.select(SearchSelectors.searchLoading);
+        this.dataFetching$ = this.store.select(SearchSelectors.searchLoading).pipe(delay$1(10));
         this.modeEdition$ = this.store.select(DashboardSelectors.dashboardEditionMode);
         this.subscriptions.add(this.modeEdition$.subscribe((mode) => {
             this.modeEdition = mode;
@@ -8014,7 +8092,7 @@ class DashboardComponent extends SubscriptionnerDirective {
                 : this.manifest?.widgets.reduce((p, c) => p + c.layout.height, 0) ?? 1;
             this.params = {
                 gridWidth,
-                // Calculate height to parennt the parent's
+                // Calculate height to parent the parent's
                 gridHeight: element.getBoundingClientRect().height,
                 gridGap: 1,
                 columns: (!!this.manifest && !!this.manifest.grid && this.manifest.grid.columns) || DEFAULT_COLUMNS_NUMBER,
@@ -8367,12 +8445,12 @@ class DashboardComponent extends SubscriptionnerDirective {
     trackWidgets(index, widgetManifest) {
         return index + '-' + widgetManifest.type + '-' + JSON.stringify(widgetManifest.layout);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: DashboardComponent, deps: [{ token: i1.Store }, { token: i2$1.Overlay }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: DashboardComponent, selector: "pry-dashboard", inputs: { staticDashboard: "staticDashboard", CloseOnDragOut: "CloseOnDragOut", displayOptions: "displayOptions" }, outputs: { rowHeight: "rowHeight", rows: "rows" }, viewQueries: [{ propertyName: "templateModal", first: true, predicate: ["templateModal"], descendants: true, read: TemplateRef }, { propertyName: "gridRef", first: true, predicate: ["grid"], descendants: true }, { propertyName: "instanciators", predicate: WidgetInstanciatorComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\n  class=\"o-dashboard-grid\"\n  [style.gridTemplateColumns]=\"gridTemplateColumns$ | async\"\n  [style.gridTemplateRows]=\"gridTemplateRows$ | async\"\n  [style.gridGap]=\"dashboardParams.gridGap + 'px'\"\n  #grid\n  (mousemove)=\"movingMouse($event)\"\n  (drop)=\"dropping($event)\"\n  (dragover)=\"dragMove($event)\"\n  (dragleave)=\"dragLeave($event)\"\n  (dragenter)=\"dragEnter($event)\"\n>\n  <ng-container\n    *ngFor=\"\n      let widgetManifest of (windowManifest$ | async)?.widgets || [];\n      let widgetIndex = index;\n      trackBy: trackWidgets\n    \"\n  >\n    <div\n      class=\"o-dashboard-widget\"\n      [class.-edited]=\"modeEdition\"\n      [style.gridColumn]=\"gridColumn(widgetManifest.layout)\"\n      [style.gridRow]=\"gridRow(widgetManifest.layout)\"\n      (drop)=\"droppingInWidget($event, widgetIndex)\"\n    >\n      <ng-container *ngIf=\"modeEdition\">\n        <div class=\"resize nw-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-nw')\">\n          <pry-icon iconSvg=\"north_west\" [animation]=\"false\"></pry-icon>\n        </div>\n        <div class=\"resize sw-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-sw')\">\n          <pry-icon iconSvg=\"south_west\" [animation]=\"false\"></pry-icon>\n        </div>\n        <div class=\"resize ne-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-ne')\">\n          <pry-icon iconSvg=\"north_east\" [animation]=\"false\"></pry-icon>\n        </div>\n        <div class=\"resize se-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-se')\">\n          <pry-icon iconSvg=\"south_east\" [animation]=\"false\"></pry-icon>\n        </div>\n        <div class=\"resize delete\" (mousedown)=\"toggleRemoveConfirm($event, widgetIndex)\">\n          <pry-icon iconSvg=\"close\" [animation]=\"false\"></pry-icon>\n        </div>\n        <div class=\"move\" draggable=\"true\" (dragstart)=\"dragStart($event, widgetIndex)\">\n          <div class=\"move-inside move-{{ widgetManifest.type }}\">\n            <span>{{ widgetManifest.title ?? ('@pry.toolbox.' + widgetManifest.type | i18n) }}</span>\n          </div>\n        </div>\n      </ng-container>\n      <ng-container *ngIf=\"!modeEdition\">\n        <pry-widget-instanciator\n          [staticManifest]=\"widgetManifest\"\n          [widgetIndex]=\"widgetIndex\"\n        ></pry-widget-instanciator>\n      </ng-container>\n    </div>\n  </ng-container>\n\n  <ng-container *ngIf=\"(nonFillerWidgets$ | async) === 0\">\n    <ng-container *ngIf=\"loading$ | async; else notLoading\">\n      <div class=\"no-widget\" [style.grid-area]=\"backgroundArea$ | async\">\n        <pry-icon\n          iconSvg=\"loader\"\n          class=\"no-widget__loading\"\n          [alt]=\"'@pry.widget.target.loading' | i18n\"\n          [width]=\"100\"\n          [height]=\"100\"\n        />\n        <span class=\"no-widget__text\">{{ '@pry.widget.target.loading' | i18n }}...</span>\n      </div>\n    </ng-container>\n    <ng-template #notLoading>\n      <div class=\"no-widget\" [style.grid-area]=\"backgroundArea$ | async\">\n        <img\n          class=\"no-widget__search\"\n          src=\"../../../assets/svgs/pry_recherche.svg\"\n          alt=\"{{\n            (layout === DashboardGridLayout.MANUAL ? '@pry.widget.target.none_manual' : '@pry.widget.target.none_auto')\n              | i18n\n          }} {{ backgroundArea$ | async }}\"\n        />\n        <span class=\"no-widget__text\">{{\n          (layout === DashboardGridLayout.MANUAL ? '@pry.widget.target.none_manual' : '@pry.widget.target.none_auto')\n            | i18n\n        }}</span>\n      </div>\n    </ng-template>\n  </ng-container>\n  <div\n    class=\"a-page-loader backdrop\"\n    [style.display]=\"(dataFetching$ | async)?.length ?? 1 > 0 ? 'flex' : 'none'\"\n    [style.width.px]=\"params.gridWidth\"\n    [style.height.px]=\"params.gridHeight\"\n  >\n    <pry-icon\n      iconSvg=\"loader\"\n      class=\"no-widget__loading\"\n      [alt]=\"'@pry.widget.target.loading' | i18n\"\n      [width]=\"200\"\n      [height]=\"200\"\n    />\n    <p>{{ '@pry.widget.target.loading' | i18n }}...</p>\n  </div>\n</div>\n<pry-context-menu></pry-context-menu>\n\n<ng-template #templateModal>\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.widget.modalTitle' | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" (click)=\"cancelRemoveConfirm()\">\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <div class=\"m-btn-group\">\n      <button type=\"button\" (click)=\"cancelRemoveConfirm()\" class=\"a-btn a-btn--secondary\">\n        {{ '@pry.toolbox.manifest.close' | i18n }}\n      </button>\n      <button type=\"submit\" (click)=\"confirmRemove()\" class=\"a-btn a-btn--primary\">\n        {{ '@pry.toolbox.manifest.validate' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: WidgetInstanciatorComponent, selector: "pry-widget-instanciator", inputs: ["widgetIndex", "staticManifest", "standalone", "open$"], outputs: ["manifestModified"] }, { kind: "component", type: ContextMenuComponent, selector: "pry-context-menu" }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DashboardComponent, deps: [{ token: i1.Store }, { token: i2$1.Overlay }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DashboardComponent, selector: "pry-dashboard", inputs: { staticDashboard: "staticDashboard", CloseOnDragOut: "CloseOnDragOut", displayOptions: "displayOptions" }, outputs: { rowHeight: "rowHeight", rows: "rows" }, viewQueries: [{ propertyName: "templateModal", first: true, predicate: ["templateModal"], descendants: true, read: TemplateRef }, { propertyName: "gridRef", first: true, predicate: ["grid"], descendants: true }, { propertyName: "instanciators", predicate: WidgetInstanciatorComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\n  class=\"o-dashboard-grid\"\n  [style.gridTemplateColumns]=\"gridTemplateColumns$ | async\"\n  [style.gridTemplateRows]=\"gridTemplateRows$ | async\"\n  [style.gridGap]=\"dashboardParams.gridGap + 'px'\"\n  [style.padding]=\"'0 ' + dashboardParams.gridGap + 'px'\"\n  #grid\n  (mousemove)=\"movingMouse($event)\"\n  (drop)=\"dropping($event)\"\n  (dragover)=\"dragMove($event)\"\n  (dragleave)=\"dragLeave($event)\"\n  (dragenter)=\"dragEnter($event)\"\n>\n  <ng-container\n    *ngFor=\"\n      let widgetManifest of (windowManifest$ | async)?.widgets || [];\n      let widgetIndex = index;\n      trackBy: trackWidgets\n    \"\n  >\n    <div\n      class=\"o-dashboard-widget\"\n      [class.-edited]=\"modeEdition\"\n      [style.gridColumn]=\"gridColumn(widgetManifest.layout)\"\n      [style.gridRow]=\"gridRow(widgetManifest.layout)\"\n      (drop)=\"droppingInWidget($event, widgetIndex)\"\n    >\n      <ng-container *ngIf=\"modeEdition\">\n        <div class=\"resize nw-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-nw')\">\n          <pry-icon iconSvg=\"north_west\" [animation]=\"false\"></pry-icon>\n        </div>\n        <div class=\"resize sw-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-sw')\">\n          <pry-icon iconSvg=\"south_west\" [animation]=\"false\"></pry-icon>\n        </div>\n        <div class=\"resize ne-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-ne')\">\n          <pry-icon iconSvg=\"north_east\" [animation]=\"false\"></pry-icon>\n        </div>\n        <div class=\"resize se-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-se')\">\n          <pry-icon iconSvg=\"south_east\" [animation]=\"false\"></pry-icon>\n        </div>\n        <div class=\"resize delete\" (mousedown)=\"toggleRemoveConfirm($event, widgetIndex)\">\n          <pry-icon iconSvg=\"close\" [animation]=\"false\"></pry-icon>\n        </div>\n        <div class=\"move\" draggable=\"true\" (dragstart)=\"dragStart($event, widgetIndex)\">\n          <div class=\"move-inside move-{{ widgetManifest.type }}\">\n            <span>{{ widgetManifest.title ?? ('@pry.toolbox.' + widgetManifest.type | i18n) }}</span>\n          </div>\n        </div>\n      </ng-container>\n      <ng-container *ngIf=\"!modeEdition\">\n        <pry-widget-instanciator\n          [staticManifest]=\"widgetManifest\"\n          [widgetIndex]=\"widgetIndex\"\n        ></pry-widget-instanciator>\n      </ng-container>\n    </div>\n  </ng-container>\n\n  <ng-container *ngIf=\"(nonFillerWidgets$ | async) === 0\">\n    <ng-container *ngIf=\"loading$ | async; else notLoading\">\n      <div class=\"no-widget\" [style.grid-area]=\"backgroundArea$ | async\">\n        <pry-icon\n          iconSvg=\"loader\"\n          class=\"no-widget__loading\"\n          [alt]=\"'@pry.widget.target.loading' | i18n\"\n          [width]=\"100\"\n          [height]=\"100\"\n        />\n        <span class=\"no-widget__text\">{{ '@pry.widget.target.loading' | i18n }}...</span>\n      </div>\n    </ng-container>\n    <ng-template #notLoading>\n      <div class=\"no-widget\" [style.grid-area]=\"backgroundArea$ | async\">\n        <img\n          class=\"no-widget__search\"\n          src=\"../../../assets/svgs/pry_recherche.svg\"\n          alt=\"{{\n            (layout === DashboardGridLayout.MANUAL ? '@pry.widget.target.none_manual' : '@pry.widget.target.none_auto')\n              | i18n\n          }} {{ backgroundArea$ | async }}\"\n        />\n        <span class=\"no-widget__text\">{{\n          (layout === DashboardGridLayout.MANUAL ? '@pry.widget.target.none_manual' : '@pry.widget.target.none_auto')\n            | i18n\n        }}</span>\n      </div>\n    </ng-template>\n  </ng-container>\n  <div\n    class=\"a-page-loader backdrop\"\n    [style.display]=\"(dataFetching$ | async)?.length ?? 1 > 0 ? 'flex' : 'none'\"\n    [style.width.px]=\"params.gridWidth\"\n    [style.height.px]=\"params.gridHeight\"\n  >\n    <pry-icon\n      iconSvg=\"loader\"\n      class=\"no-widget__loading\"\n      [alt]=\"'@pry.widget.target.loading' | i18n\"\n      [width]=\"200\"\n      [height]=\"200\"\n    />\n    <p>{{ '@pry.widget.target.loading' | i18n }}...</p>\n  </div>\n</div>\n<pry-context-menu></pry-context-menu>\n\n<ng-template #templateModal>\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.widget.modalTitle' | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" (click)=\"cancelRemoveConfirm()\">\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <div class=\"m-btn-group\">\n      <button type=\"button\" (click)=\"cancelRemoveConfirm()\" class=\"a-btn a-btn--secondary\">\n        {{ '@pry.toolbox.manifest.close' | i18n }}\n      </button>\n      <button type=\"submit\" (click)=\"confirmRemove()\" class=\"a-btn a-btn--primary\">\n        {{ '@pry.toolbox.manifest.validate' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: WidgetInstanciatorComponent, selector: "pry-widget-instanciator", inputs: ["widgetIndex", "staticManifest", "standalone", "open$"], outputs: ["manifestModified"] }, { kind: "component", type: ContextMenuComponent, selector: "pry-context-menu" }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: DashboardComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DashboardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-dashboard', template: "<div\n  class=\"o-dashboard-grid\"\n  [style.gridTemplateColumns]=\"gridTemplateColumns$ | async\"\n  [style.gridTemplateRows]=\"gridTemplateRows$ | async\"\n  [style.gridGap]=\"dashboardParams.gridGap + 'px'\"\n  #grid\n  (mousemove)=\"movingMouse($event)\"\n  (drop)=\"dropping($event)\"\n  (dragover)=\"dragMove($event)\"\n  (dragleave)=\"dragLeave($event)\"\n  (dragenter)=\"dragEnter($event)\"\n>\n  <ng-container\n    *ngFor=\"\n      let widgetManifest of (windowManifest$ | async)?.widgets || [];\n      let widgetIndex = index;\n      trackBy: trackWidgets\n    \"\n  >\n    <div\n      class=\"o-dashboard-widget\"\n      [class.-edited]=\"modeEdition\"\n      [style.gridColumn]=\"gridColumn(widgetManifest.layout)\"\n      [style.gridRow]=\"gridRow(widgetManifest.layout)\"\n      (drop)=\"droppingInWidget($event, widgetIndex)\"\n    >\n      <ng-container *ngIf=\"modeEdition\">\n        <div class=\"resize nw-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-nw')\">\n          <pry-icon iconSvg=\"north_west\" [animation]=\"false\"></pry-icon>\n        </div>\n        <div class=\"resize sw-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-sw')\">\n          <pry-icon iconSvg=\"south_west\" [animation]=\"false\"></pry-icon>\n        </div>\n        <div class=\"resize ne-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-ne')\">\n          <pry-icon iconSvg=\"north_east\" [animation]=\"false\"></pry-icon>\n        </div>\n        <div class=\"resize se-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-se')\">\n          <pry-icon iconSvg=\"south_east\" [animation]=\"false\"></pry-icon>\n        </div>\n        <div class=\"resize delete\" (mousedown)=\"toggleRemoveConfirm($event, widgetIndex)\">\n          <pry-icon iconSvg=\"close\" [animation]=\"false\"></pry-icon>\n        </div>\n        <div class=\"move\" draggable=\"true\" (dragstart)=\"dragStart($event, widgetIndex)\">\n          <div class=\"move-inside move-{{ widgetManifest.type }}\">\n            <span>{{ widgetManifest.title ?? ('@pry.toolbox.' + widgetManifest.type | i18n) }}</span>\n          </div>\n        </div>\n      </ng-container>\n      <ng-container *ngIf=\"!modeEdition\">\n        <pry-widget-instanciator\n          [staticManifest]=\"widgetManifest\"\n          [widgetIndex]=\"widgetIndex\"\n        ></pry-widget-instanciator>\n      </ng-container>\n    </div>\n  </ng-container>\n\n  <ng-container *ngIf=\"(nonFillerWidgets$ | async) === 0\">\n    <ng-container *ngIf=\"loading$ | async; else notLoading\">\n      <div class=\"no-widget\" [style.grid-area]=\"backgroundArea$ | async\">\n        <pry-icon\n          iconSvg=\"loader\"\n          class=\"no-widget__loading\"\n          [alt]=\"'@pry.widget.target.loading' | i18n\"\n          [width]=\"100\"\n          [height]=\"100\"\n        />\n        <span class=\"no-widget__text\">{{ '@pry.widget.target.loading' | i18n }}...</span>\n      </div>\n    </ng-container>\n    <ng-template #notLoading>\n      <div class=\"no-widget\" [style.grid-area]=\"backgroundArea$ | async\">\n        <img\n          class=\"no-widget__search\"\n          src=\"../../../assets/svgs/pry_recherche.svg\"\n          alt=\"{{\n            (layout === DashboardGridLayout.MANUAL ? '@pry.widget.target.none_manual' : '@pry.widget.target.none_auto')\n              | i18n\n          }} {{ backgroundArea$ | async }}\"\n        />\n        <span class=\"no-widget__text\">{{\n          (layout === DashboardGridLayout.MANUAL ? '@pry.widget.target.none_manual' : '@pry.widget.target.none_auto')\n            | i18n\n        }}</span>\n      </div>\n    </ng-template>\n  </ng-container>\n  <div\n    class=\"a-page-loader backdrop\"\n    [style.display]=\"(dataFetching$ | async)?.length ?? 1 > 0 ? 'flex' : 'none'\"\n    [style.width.px]=\"params.gridWidth\"\n    [style.height.px]=\"params.gridHeight\"\n  >\n    <pry-icon\n      iconSvg=\"loader\"\n      class=\"no-widget__loading\"\n      [alt]=\"'@pry.widget.target.loading' | i18n\"\n      [width]=\"200\"\n      [height]=\"200\"\n    />\n    <p>{{ '@pry.widget.target.loading' | i18n }}...</p>\n  </div>\n</div>\n<pry-context-menu></pry-context-menu>\n\n<ng-template #templateModal>\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.widget.modalTitle' | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" (click)=\"cancelRemoveConfirm()\">\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <div class=\"m-btn-group\">\n      <button type=\"button\" (click)=\"cancelRemoveConfirm()\" class=\"a-btn a-btn--secondary\">\n        {{ '@pry.toolbox.manifest.close' | i18n }}\n      </button>\n      <button type=\"submit\" (click)=\"confirmRemove()\" class=\"a-btn a-btn--primary\">\n        {{ '@pry.toolbox.manifest.validate' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n" }]
+            args: [{ selector: 'pry-dashboard', template: "<div\n  class=\"o-dashboard-grid\"\n  [style.gridTemplateColumns]=\"gridTemplateColumns$ | async\"\n  [style.gridTemplateRows]=\"gridTemplateRows$ | async\"\n  [style.gridGap]=\"dashboardParams.gridGap + 'px'\"\n  [style.padding]=\"'0 ' + dashboardParams.gridGap + 'px'\"\n  #grid\n  (mousemove)=\"movingMouse($event)\"\n  (drop)=\"dropping($event)\"\n  (dragover)=\"dragMove($event)\"\n  (dragleave)=\"dragLeave($event)\"\n  (dragenter)=\"dragEnter($event)\"\n>\n  <ng-container\n    *ngFor=\"\n      let widgetManifest of (windowManifest$ | async)?.widgets || [];\n      let widgetIndex = index;\n      trackBy: trackWidgets\n    \"\n  >\n    <div\n      class=\"o-dashboard-widget\"\n      [class.-edited]=\"modeEdition\"\n      [style.gridColumn]=\"gridColumn(widgetManifest.layout)\"\n      [style.gridRow]=\"gridRow(widgetManifest.layout)\"\n      (drop)=\"droppingInWidget($event, widgetIndex)\"\n    >\n      <ng-container *ngIf=\"modeEdition\">\n        <div class=\"resize nw-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-nw')\">\n          <pry-icon iconSvg=\"north_west\" [animation]=\"false\"></pry-icon>\n        </div>\n        <div class=\"resize sw-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-sw')\">\n          <pry-icon iconSvg=\"south_west\" [animation]=\"false\"></pry-icon>\n        </div>\n        <div class=\"resize ne-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-ne')\">\n          <pry-icon iconSvg=\"north_east\" [animation]=\"false\"></pry-icon>\n        </div>\n        <div class=\"resize se-resize\" (mousedown)=\"startResize($event, widgetIndex, 'resize-se')\">\n          <pry-icon iconSvg=\"south_east\" [animation]=\"false\"></pry-icon>\n        </div>\n        <div class=\"resize delete\" (mousedown)=\"toggleRemoveConfirm($event, widgetIndex)\">\n          <pry-icon iconSvg=\"close\" [animation]=\"false\"></pry-icon>\n        </div>\n        <div class=\"move\" draggable=\"true\" (dragstart)=\"dragStart($event, widgetIndex)\">\n          <div class=\"move-inside move-{{ widgetManifest.type }}\">\n            <span>{{ widgetManifest.title ?? ('@pry.toolbox.' + widgetManifest.type | i18n) }}</span>\n          </div>\n        </div>\n      </ng-container>\n      <ng-container *ngIf=\"!modeEdition\">\n        <pry-widget-instanciator\n          [staticManifest]=\"widgetManifest\"\n          [widgetIndex]=\"widgetIndex\"\n        ></pry-widget-instanciator>\n      </ng-container>\n    </div>\n  </ng-container>\n\n  <ng-container *ngIf=\"(nonFillerWidgets$ | async) === 0\">\n    <ng-container *ngIf=\"loading$ | async; else notLoading\">\n      <div class=\"no-widget\" [style.grid-area]=\"backgroundArea$ | async\">\n        <pry-icon\n          iconSvg=\"loader\"\n          class=\"no-widget__loading\"\n          [alt]=\"'@pry.widget.target.loading' | i18n\"\n          [width]=\"100\"\n          [height]=\"100\"\n        />\n        <span class=\"no-widget__text\">{{ '@pry.widget.target.loading' | i18n }}...</span>\n      </div>\n    </ng-container>\n    <ng-template #notLoading>\n      <div class=\"no-widget\" [style.grid-area]=\"backgroundArea$ | async\">\n        <img\n          class=\"no-widget__search\"\n          src=\"../../../assets/svgs/pry_recherche.svg\"\n          alt=\"{{\n            (layout === DashboardGridLayout.MANUAL ? '@pry.widget.target.none_manual' : '@pry.widget.target.none_auto')\n              | i18n\n          }} {{ backgroundArea$ | async }}\"\n        />\n        <span class=\"no-widget__text\">{{\n          (layout === DashboardGridLayout.MANUAL ? '@pry.widget.target.none_manual' : '@pry.widget.target.none_auto')\n            | i18n\n        }}</span>\n      </div>\n    </ng-template>\n  </ng-container>\n  <div\n    class=\"a-page-loader backdrop\"\n    [style.display]=\"(dataFetching$ | async)?.length ?? 1 > 0 ? 'flex' : 'none'\"\n    [style.width.px]=\"params.gridWidth\"\n    [style.height.px]=\"params.gridHeight\"\n  >\n    <pry-icon\n      iconSvg=\"loader\"\n      class=\"no-widget__loading\"\n      [alt]=\"'@pry.widget.target.loading' | i18n\"\n      [width]=\"200\"\n      [height]=\"200\"\n    />\n    <p>{{ '@pry.widget.target.loading' | i18n }}...</p>\n  </div>\n</div>\n<pry-context-menu></pry-context-menu>\n\n<ng-template #templateModal>\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.widget.modalTitle' | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" (click)=\"cancelRemoveConfirm()\">\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <div class=\"m-btn-group\">\n      <button type=\"button\" (click)=\"cancelRemoveConfirm()\" class=\"a-btn a-btn--secondary\">\n        {{ '@pry.toolbox.manifest.close' | i18n }}\n      </button>\n      <button type=\"submit\" (click)=\"confirmRemove()\" class=\"a-btn a-btn--primary\">\n        {{ '@pry.toolbox.manifest.validate' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n" }]
         }], ctorParameters: function () { return [{ type: i1.Store }, { type: i2$1.Overlay }, { type: i0.ViewContainerRef }]; }, propDecorators: { templateModal: [{
                 type: ViewChild,
                 args: ['templateModal', { read: TemplateRef }]
@@ -8679,10 +8757,10 @@ class ToolboxManifestService extends SubscriptionnerDirective {
             $event.dataTransfer.setData(MIME_TYPE_WIDGET_TYPE + manifest.type, 'unused');
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ToolboxManifestService, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ToolboxManifestService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolboxManifestService, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolboxManifestService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ToolboxManifestService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolboxManifestService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -8838,10 +8916,10 @@ class ToolboxMenuService {
     isValidForCatalog(name) {
         return !!name && name.length > 3 && !this.toolboxManifestService.get(name);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ToolboxMenuService, deps: [{ token: WidgetFactoryService }, { token: ToolboxManifestService }, { token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ToolboxMenuService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolboxMenuService, deps: [{ token: WidgetFactoryService }, { token: ToolboxManifestService }, { token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolboxMenuService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ToolboxMenuService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolboxMenuService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -8995,10 +9073,10 @@ class PryHttpErrorInterceptorService {
             return throwError(() => error);
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryHttpErrorInterceptorService, deps: [{ token: PrySnackbarService }, { token: PryI18nService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryHttpErrorInterceptorService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryHttpErrorInterceptorService, deps: [{ token: PrySnackbarService }, { token: PryI18nService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryHttpErrorInterceptorService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryHttpErrorInterceptorService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryHttpErrorInterceptorService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: PrySnackbarService }, { type: PryI18nService }]; } });
@@ -9012,8 +9090,8 @@ class PryAboutComponent {
     }
     displayVersion(value) {
         const backVersion = value;
-        if (!!backVersion.chartVersion) {
-            return `${backVersion.chartVersion}[${backVersion.applicationVersion}]`;
+        if (!!backVersion.applicationVersion) {
+            return `${backVersion.applicationVersion}`;
         }
         const frontVersion = value;
         if (!!frontVersion.libVersion) {
@@ -9026,21 +9104,21 @@ class PryAboutComponent {
         const frontVersion = value;
         return !!value && (!!backVersion.chartVersion || !!frontVersion.libVersion);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryAboutComponent, deps: [{ token: i1.Store }, { token: PryI18nService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PryAboutComponent, selector: "pry-about", ngImport: i0, template: "<div class=\"o-about\">\n  <div class=\"info-icon description-container description\">\n    <span class=\"info-text\">i</span>\n  </div>\n  <div class=\"description-tooltip title-tooltip\">\n    <ng-container *ngFor=\"let version of (version$ | async) ?? {} | keyvalue\">\n      <div class=\"o-about__line\">\n        {{ '@pry.about.' + version.key | i18n }}\n        <p class=\"a-chips -md\" [class.-not-found]=\"!hasVersion(version.value)\">\n          {{ displayVersion(version.value) }}\n        </p>\n      </div>\n    </ng-container>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryAboutComponent, deps: [{ token: i1.Store }, { token: PryI18nService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PryAboutComponent, selector: "pry-about", ngImport: i0, template: "<div class=\"o-about\">\n  <div class=\"info-icon description-container description\">\n    <span class=\"info-text\">i</span>\n  </div>\n  <div class=\"description-tooltip title-tooltip\">\n    <ng-container *ngFor=\"let version of (version$ | async) ?? {} | keyvalue\">\n      <div class=\"o-about__line\">\n        {{ '@pry.about.' + version.key | i18n }}\n        <p class=\"a-chips -md\" [class.-not-found]=\"!hasVersion(version.value)\">\n          {{ displayVersion(version.value) }}\n        </p>\n      </div>\n    </ng-container>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryAboutComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryAboutComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-about', template: "<div class=\"o-about\">\n  <div class=\"info-icon description-container description\">\n    <span class=\"info-text\">i</span>\n  </div>\n  <div class=\"description-tooltip title-tooltip\">\n    <ng-container *ngFor=\"let version of (version$ | async) ?? {} | keyvalue\">\n      <div class=\"o-about__line\">\n        {{ '@pry.about.' + version.key | i18n }}\n        <p class=\"a-chips -md\" [class.-not-found]=\"!hasVersion(version.value)\">\n          {{ displayVersion(version.value) }}\n        </p>\n      </div>\n    </ng-container>\n  </div>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i1.Store }, { type: PryI18nService }]; } });
 
 const PRY_ABOUT_COMPONENTS = [PryAboutComponent];
 class PryAboutModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryAboutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: PryAboutModule, declarations: [PryAboutComponent], imports: [CommonModule, PryIconModule, PryI18nModule], exports: [PryAboutComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryAboutModule, imports: [CommonModule, PryIconModule, PryI18nModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryAboutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PryAboutModule, declarations: [PryAboutComponent], imports: [CommonModule, PryIconModule, PryI18nModule], exports: [PryAboutComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryAboutModule, imports: [CommonModule, PryIconModule, PryI18nModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryAboutModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryAboutModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, PryIconModule, PryI18nModule],
@@ -9120,10 +9198,10 @@ class BusService {
         });
         this.buffer.length = 0;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: BusService, deps: [{ token: i1.Store }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: BusService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BusService, deps: [{ token: i1.Store }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BusService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: BusService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BusService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -9139,10 +9217,10 @@ class ActionBusEffects {
         // For actions with type containing "(bus)", automatically transfer it on the data-bus to propagate to other windows
         filter$1((action) => action.type.includes('(bus)')), tap((action) => this.busService.postData(action))), { dispatch: false });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ActionBusEffects, deps: [{ token: i1$3.Actions }, { token: i1.Store }, { token: BusService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ActionBusEffects }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionBusEffects, deps: [{ token: i1$3.Actions }, { token: i1.Store }, { token: BusService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionBusEffects }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ActionBusEffects, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionBusEffects, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1$3.Actions }, { type: i1.Store }, { type: BusService }]; } });
 
@@ -9187,10 +9265,10 @@ class ManifestsComponent {
     default(id, name) {
         this.store.dispatch(DashboardActions.defaultManifest({ id, name }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ManifestsComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: ManifestsComponent, selector: "pry-manifests", viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true }], ngImport: i0, template: "<div class=\"o-manifest-layout\">\n  <div class=\"o-manifest-layout__toolbox\">\n    <button\n      class=\"a-btn a-btn--action\"\n      type=\"button\"\n      (click)=\"triggerFileInput()\"\n      title=\"{{ '@pry.manifest.importAlt' | i18n }}\"\n    >\n      <pry-icon iconSvg=\"upload\"></pry-icon>\n      {{ '@pry.manifest.import' | i18n }}\n    </button>\n    <input\n      type=\"file\"\n      id=\"file\"\n      (change)=\"handleFileInput($event)\"\n      #fileInput\n      multiple=\"true\"\n      class=\"u-visually-hidden\"\n    />\n  </div>\n\n  <div class=\"o-manifest-layout__content\">\n    <h1 class=\"a-h1\">{{ '@pry.manifest.title' | i18n }}</h1>\n\n    <div class=\"o-card-manifest\" *ngFor=\"let manifest of manifests$ | async\">\n      <div class=\"o-card-manifest__content\">\n        <p class=\"a-p\">\n          <span class=\"a-p__title\">{{ '@pry.manifest.name' | i18n }}</span>\n          {{ manifest.name }}\n        </p>\n        <p class=\"a-p\">\n          <span class=\"a-p__title\">{{ '@pry.manifest.description' | i18n }}</span>\n          {{ manifest.description }}\n        </p>\n        <p class=\"a-p\">\n          <span class=\"a-p__title\">{{ '@pry.manifest.modification' | i18n }}</span>\n          {{ manifest.modificationDate | date: ('@pry.format.datetime' | i18n) }}\n        </p>\n        <p class=\"a-p\">\n          <span class=\"a-p__title\">{{ '@pry.manifest.creation' | i18n }}</span>\n          {{ manifest.creationDate | date: ('@pry.format.datetime' | i18n) }}\n        </p>\n      </div>\n\n      <div class=\"m-btn-group\">\n        <button type=\"button\" class=\"a-btn a-btn--icon-only\" (click)=\"default(manifest.id, manifest.name)\">\n          <pry-icon [iconSvg]=\"manifest.default ? 'home-fill' : 'home-line'\"></pry-icon>\n          <span class=\"u-visually-hidden\">TODO</span>\n        </button>\n\n        <button type=\"button\" class=\"a-btn a-btn--icon-only\" (click)=\"download(manifest.id, manifest.name)\">\n          <pry-icon iconSvg=\"download\"></pry-icon>\n          <span class=\"u-visually-hidden\">TODO</span>\n        </button>\n\n        <button type=\"button\" class=\"a-btn a-btn--icon-only\" (click)=\"fetch(manifest.id)\">\n          <pry-icon iconSvg=\"eye\"></pry-icon>\n          <span class=\"u-visually-hidden\">TODO</span>\n        </button>\n\n        <button type=\"button\" class=\"a-btn a-btn--icon-only\" (click)=\"delete(manifest.id)\">\n          <pry-icon iconSvg=\"delete\"></pry-icon>\n          <span class=\"u-visually-hidden\">TODO</span>\n        </button>\n      </div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.DatePipe, name: "date" }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ManifestsComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ManifestsComponent, selector: "pry-manifests", viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true }], ngImport: i0, template: "<div class=\"o-manifest-layout\">\n  <div class=\"o-manifest-layout__toolbox\">\n    <button\n      class=\"a-btn a-btn--action\"\n      type=\"button\"\n      (click)=\"triggerFileInput()\"\n      title=\"{{ '@pry.manifest.importAlt' | i18n }}\"\n    >\n      <pry-icon iconSvg=\"upload\"></pry-icon>\n      {{ '@pry.manifest.import' | i18n }}\n    </button>\n    <input\n      type=\"file\"\n      id=\"file\"\n      (change)=\"handleFileInput($event)\"\n      #fileInput\n      multiple=\"true\"\n      class=\"u-visually-hidden\"\n    />\n  </div>\n\n  <div class=\"o-manifest-layout__content\">\n    <h1 class=\"a-h1\">{{ '@pry.manifest.title' | i18n }}</h1>\n\n    <div class=\"o-card-manifest\" *ngFor=\"let manifest of manifests$ | async\">\n      <div class=\"o-card-manifest__content\">\n        <p class=\"a-p\">\n          <span class=\"a-p__title\">{{ '@pry.manifest.name' | i18n }}</span>\n          {{ manifest.name }}\n        </p>\n        <p class=\"a-p\">\n          <span class=\"a-p__title\">{{ '@pry.manifest.description' | i18n }}</span>\n          {{ manifest.description }}\n        </p>\n        <p class=\"a-p\">\n          <span class=\"a-p__title\">{{ '@pry.manifest.modification' | i18n }}</span>\n          {{ manifest.modificationDate | date: ('@pry.format.datetime' | i18n) }}\n        </p>\n        <p class=\"a-p\">\n          <span class=\"a-p__title\">{{ '@pry.manifest.creation' | i18n }}</span>\n          {{ manifest.creationDate | date: ('@pry.format.datetime' | i18n) }}\n        </p>\n      </div>\n\n      <div class=\"m-btn-group\">\n        <button type=\"button\" class=\"a-btn a-btn--icon-only\" (click)=\"default(manifest.id, manifest.name)\">\n          <pry-icon [iconSvg]=\"manifest.default ? 'home-fill' : 'home-line'\"></pry-icon>\n          <span class=\"u-visually-hidden\">TODO</span>\n        </button>\n\n        <button type=\"button\" class=\"a-btn a-btn--icon-only\" (click)=\"download(manifest.id, manifest.name)\">\n          <pry-icon iconSvg=\"download\"></pry-icon>\n          <span class=\"u-visually-hidden\">TODO</span>\n        </button>\n\n        <button type=\"button\" class=\"a-btn a-btn--icon-only\" (click)=\"fetch(manifest.id)\">\n          <pry-icon iconSvg=\"eye\"></pry-icon>\n          <span class=\"u-visually-hidden\">TODO</span>\n        </button>\n\n        <button type=\"button\" class=\"a-btn a-btn--icon-only\" (click)=\"delete(manifest.id)\">\n          <pry-icon iconSvg=\"delete\"></pry-icon>\n          <span class=\"u-visually-hidden\">TODO</span>\n        </button>\n      </div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.DatePipe, name: "date" }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ManifestsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ManifestsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-manifests', template: "<div class=\"o-manifest-layout\">\n  <div class=\"o-manifest-layout__toolbox\">\n    <button\n      class=\"a-btn a-btn--action\"\n      type=\"button\"\n      (click)=\"triggerFileInput()\"\n      title=\"{{ '@pry.manifest.importAlt' | i18n }}\"\n    >\n      <pry-icon iconSvg=\"upload\"></pry-icon>\n      {{ '@pry.manifest.import' | i18n }}\n    </button>\n    <input\n      type=\"file\"\n      id=\"file\"\n      (change)=\"handleFileInput($event)\"\n      #fileInput\n      multiple=\"true\"\n      class=\"u-visually-hidden\"\n    />\n  </div>\n\n  <div class=\"o-manifest-layout__content\">\n    <h1 class=\"a-h1\">{{ '@pry.manifest.title' | i18n }}</h1>\n\n    <div class=\"o-card-manifest\" *ngFor=\"let manifest of manifests$ | async\">\n      <div class=\"o-card-manifest__content\">\n        <p class=\"a-p\">\n          <span class=\"a-p__title\">{{ '@pry.manifest.name' | i18n }}</span>\n          {{ manifest.name }}\n        </p>\n        <p class=\"a-p\">\n          <span class=\"a-p__title\">{{ '@pry.manifest.description' | i18n }}</span>\n          {{ manifest.description }}\n        </p>\n        <p class=\"a-p\">\n          <span class=\"a-p__title\">{{ '@pry.manifest.modification' | i18n }}</span>\n          {{ manifest.modificationDate | date: ('@pry.format.datetime' | i18n) }}\n        </p>\n        <p class=\"a-p\">\n          <span class=\"a-p__title\">{{ '@pry.manifest.creation' | i18n }}</span>\n          {{ manifest.creationDate | date: ('@pry.format.datetime' | i18n) }}\n        </p>\n      </div>\n\n      <div class=\"m-btn-group\">\n        <button type=\"button\" class=\"a-btn a-btn--icon-only\" (click)=\"default(manifest.id, manifest.name)\">\n          <pry-icon [iconSvg]=\"manifest.default ? 'home-fill' : 'home-line'\"></pry-icon>\n          <span class=\"u-visually-hidden\">TODO</span>\n        </button>\n\n        <button type=\"button\" class=\"a-btn a-btn--icon-only\" (click)=\"download(manifest.id, manifest.name)\">\n          <pry-icon iconSvg=\"download\"></pry-icon>\n          <span class=\"u-visually-hidden\">TODO</span>\n        </button>\n\n        <button type=\"button\" class=\"a-btn a-btn--icon-only\" (click)=\"fetch(manifest.id)\">\n          <pry-icon iconSvg=\"eye\"></pry-icon>\n          <span class=\"u-visually-hidden\">TODO</span>\n        </button>\n\n        <button type=\"button\" class=\"a-btn a-btn--icon-only\" (click)=\"delete(manifest.id)\">\n          <pry-icon iconSvg=\"delete\"></pry-icon>\n          <span class=\"u-visually-hidden\">TODO</span>\n        </button>\n      </div>\n    </div>\n  </div>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i1.Store }]; }, propDecorators: { fileInput: [{
@@ -9216,10 +9294,10 @@ class MetadataComponent {
     toggle() {
         this.opened = !this.opened;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: MetadataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: MetadataComponent, selector: "pry-metadata", inputs: { item: "item" }, ngImport: i0, template: "<div class=\"m-metadata-tag\">\n  <button\n    type=\"button\"\n    class=\"a-btn a-btn--icon-text -link-like\"\n    [attr.aria-expanded]=\"opened\"\n    [attr.aria-controls]=\"'metadata_' + id\"\n    (click)=\"toggle()\"\n  >\n    <pry-icon [width]=\"18\" [height]=\"18\" iconSvg=\"tags\"></pry-icon>\n    {{ '@pry.metadata.view' | i18n }}\n  </button>\n\n  <ul [id]=\"'metadata_' + id\" class=\"m-metadata-tag__list\">\n    <li *ngFor=\"let meta of metadata\" class=\"m-metadata-tag__list__item\">\n      <p class=\"m-metadata-tag__chip\" [title]=\"meta.name + ': ' + meta.value\">\n        <span class=\"m-metadata-tag__chip__label\">{{ meta.name }}: </span>\n        {{ meta.value }}\n      </p>\n    </li>\n  </ul>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MetadataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MetadataComponent, selector: "pry-metadata", inputs: { item: "item" }, ngImport: i0, template: "<div class=\"m-metadata-tag\">\n  <button\n    type=\"button\"\n    class=\"a-btn a-btn--icon-text -link-like\"\n    [attr.aria-expanded]=\"opened\"\n    [attr.aria-controls]=\"'metadata_' + id\"\n    (click)=\"toggle()\"\n  >\n    <pry-icon [width]=\"18\" [height]=\"18\" iconSvg=\"tags\"></pry-icon>\n    {{ '@pry.metadata.view' | i18n }}\n  </button>\n\n  <ul [id]=\"'metadata_' + id\" class=\"m-metadata-tag__list\">\n    <li *ngFor=\"let meta of metadata\" class=\"m-metadata-tag__list__item\">\n      <p class=\"m-metadata-tag__chip\" [title]=\"meta.name + ': ' + meta.value\">\n        <span class=\"m-metadata-tag__chip__label\">{{ meta.name }}: </span>\n        {{ meta.value }}\n      </p>\n    </li>\n  </ul>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: MetadataComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MetadataComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-metadata', template: "<div class=\"m-metadata-tag\">\n  <button\n    type=\"button\"\n    class=\"a-btn a-btn--icon-text -link-like\"\n    [attr.aria-expanded]=\"opened\"\n    [attr.aria-controls]=\"'metadata_' + id\"\n    (click)=\"toggle()\"\n  >\n    <pry-icon [width]=\"18\" [height]=\"18\" iconSvg=\"tags\"></pry-icon>\n    {{ '@pry.metadata.view' | i18n }}\n  </button>\n\n  <ul [id]=\"'metadata_' + id\" class=\"m-metadata-tag__list\">\n    <li *ngFor=\"let meta of metadata\" class=\"m-metadata-tag__list__item\">\n      <p class=\"m-metadata-tag__chip\" [title]=\"meta.name + ': ' + meta.value\">\n        <span class=\"m-metadata-tag__chip__label\">{{ meta.name }}: </span>\n        {{ meta.value }}\n      </p>\n    </li>\n  </ul>\n</div>\n" }]
         }], ctorParameters: function () { return []; }, propDecorators: { item: [{
@@ -9252,10 +9330,10 @@ class VizualizeRawComponent {
             }, 10);
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: VizualizeRawComponent, deps: [{ token: RawService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: VizualizeRawComponent, selector: "pry-vizualize-raw", inputs: { item: "item", propertyName: "propertyName", alt: "alt" }, ngImport: i0, template: "<ng-container *ngIf=\"rawDatas[item?.id + '@' + propertyName] as rawData\">\n  <ng-container *ngIf=\"rawData.type.includes('image')\">\n    <img [src]=\"rawData.url\" [alt]=\"altValue\" />\n  </ng-container>\n  <ng-container *ngIf=\"rawData.type.includes('video')\">\n    <video [preload]=\"true\" class=\"preview\" controls>\n      <source [src]=\"rawData.url\" [type]=\"rawData.type\" />\n    </video>\n  </ng-container>\n</ng-container>\n<ng-container *ngIf=\"!rawDatas[item?.id + '@' + propertyName]\">\n  <ng-container *ngIf=\"getRawData(item?.id ?? '', propertyName) | async\"> Downloading...</ng-container>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: VizualizeRawComponent, deps: [{ token: RawService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: VizualizeRawComponent, selector: "pry-vizualize-raw", inputs: { item: "item", propertyName: "propertyName", alt: "alt" }, ngImport: i0, template: "<ng-container *ngIf=\"rawDatas[item?.id + '@' + propertyName] as rawData\">\n  <ng-container *ngIf=\"rawData.type.includes('image')\">\n    <img [src]=\"rawData.url\" [alt]=\"altValue\" />\n  </ng-container>\n  <ng-container *ngIf=\"rawData.type.includes('video')\">\n    <video [preload]=\"true\" class=\"preview\" controls>\n      <source [src]=\"rawData.url\" [type]=\"rawData.type\" />\n    </video>\n  </ng-container>\n</ng-container>\n<ng-container *ngIf=\"!rawDatas[item?.id + '@' + propertyName]\">\n  <ng-container *ngIf=\"getRawData(item?.id ?? '', propertyName) | async\"> Downloading...</ng-container>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: VizualizeRawComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: VizualizeRawComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-vizualize-raw', template: "<ng-container *ngIf=\"rawDatas[item?.id + '@' + propertyName] as rawData\">\n  <ng-container *ngIf=\"rawData.type.includes('image')\">\n    <img [src]=\"rawData.url\" [alt]=\"altValue\" />\n  </ng-container>\n  <ng-container *ngIf=\"rawData.type.includes('video')\">\n    <video [preload]=\"true\" class=\"preview\" controls>\n      <source [src]=\"rawData.url\" [type]=\"rawData.type\" />\n    </video>\n  </ng-container>\n</ng-container>\n<ng-container *ngIf=\"!rawDatas[item?.id + '@' + propertyName]\">\n  <ng-container *ngIf=\"getRawData(item?.id ?? '', propertyName) | async\"> Downloading...</ng-container>\n</ng-container>\n" }]
         }], ctorParameters: function () { return [{ type: RawService }]; }, propDecorators: { item: [{
@@ -9305,10 +9383,10 @@ class DataWidgetComponent extends BaseWidgetComponent {
             });
         }), distinctUntilChanged$1((p, v) => equal(p, v)));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: DataWidgetComponent, deps: [{ token: i1.Store }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: DataWidgetComponent, selector: "pry-data-widget", inputs: { openData$: "openData$", staticResultSet: "staticResultSet" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DataWidgetComponent, deps: [{ token: i1.Store }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DataWidgetComponent, selector: "pry-data-widget", inputs: { openData$: "openData$", staticResultSet: "staticResultSet" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: DataWidgetComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DataWidgetComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-data-widget', template: '' }]
         }], ctorParameters: function () { return [{ type: i1.Store }, { type: i0.ElementRef }]; }, propDecorators: { openData$: [{
@@ -9379,10 +9457,10 @@ class DatasourceSelectorComponent extends SubscriptionnerDirective {
         this.search$.next($event);
         this.cdr.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: DatasourceSelectorComponent, deps: [{ token: i1.Store }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: DatasourceSelectorComponent, selector: "pry-datasource-selector", inputs: { manifest: "manifest", datasourceIds: "datasourceIds" }, outputs: { cancel: "cancel", validated: "validated", previousTab: "previousTab", nextTab: "nextTab", datasourcesChanged: "datasourcesChanged" }, usesInheritance: true, ngImport: i0, template: "<div class=\"m-namedqueries-wrapper\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"dialog_namedqueries\">\n  <div class=\"o-widget__search\">\n    <input\n      id=\"catalog-search\"\n      (keydown.shift.tab)=\"previousTab.emit()\"\n      type=\"text\"\n      class=\"a-form-field\"\n      [placeholder]=\"'Recherchez une donn\u00E9e'\"\n      [ngModel]=\"search$ | async\"\n      (ngModelChange)=\"search($event)\"\n    />\n    <pry-icon iconSvg=\"search\" [width]=\"17\" [height]=\"17\"></pry-icon>\n  </div>\n  <div *ngIf=\"((usedDatasources$ | async) ?? []).length > 0; else noDataSource\">\n    <h4 class=\"a-h4\">{{ '@pry.restitution.selection' | i18n }}</h4>\n    <div>\n      <ul class=\"o-datasources__list o-datasources__list--selected\">\n        <li *ngFor=\"let ds of usedDatasources$ | async\" class=\"o-datasources__item\">\n          <button class=\"o-datasources__card -selected\" (click)=\"toogleDataSource(ds.id)\" type=\"button\">\n            <p>\n              {{ ds.name }}\n            </p>\n            <pry-icon *ngIf=\"isGeo(ds)\" iconSvg=\"globe\"></pry-icon>\n            <div class=\"a-btn a-btn--primary a-btn--icon-only\">\n              <pry-icon [iconSvg]=\"'close'\" [width]=\"17\" [height]=\"17\"></pry-icon>\n              <span class=\"u-visually-hidden\">{{ '@pry.restitution.unselectDataSource' | i18n }}</span>\n            </div>\n          </button>\n        </li>\n      </ul>\n    </div>\n  </div>\n  <ng-template #noDataSource>\n    <h4 class=\"a-h4\">{{ '@pry.restitution.noDataSourceSelected' | i18n }}</h4>\n  </ng-template>\n  <h4 class=\"a-h4\">{{ '@pry.restitution.select' | i18n }}</h4>\n  <div class=\"o-datasources__main\">\n    <ul class=\"o-datasources__list\">\n      <li *ngFor=\"let ds of unusedDatasources$ | async\" class=\"o-datasources__item\">\n        <button class=\"o-datasources__card\" (click)=\"toogleDataSource(ds.id)\">\n          <span class=\"u-visually-hidden\">{{ '@pry.restitution.selectDataSource' | i18n }}</span>\n          <p class=\"a-p\">{{ ds.id | translateId : { type: 'datasource', output: 'name' } | async }}</p>\n          <pry-icon *ngIf=\"isGeo(ds)\" iconSvg=\"globe\"></pry-icon>\n        </button>\n      </li>\n    </ul>\n  </div>\n  <div class=\"m-btn-group o-datasources__bottom\">\n    <button type=\"button\" (click)=\"cancel.emit()\" class=\"a-btn a-btn--secondary\">\n      {{ '@pry.toolbox.manifest.close' | i18n }}\n    </button>\n    <button\n      type=\"button\"\n      (click)=\"validated.emit()\"\n      #validate\n      (keydown.tab)=\"nextTab.emit()\"\n      class=\"a-btn a-btn--primary\"\n    >\n      {{ '@pry.toolbox.manifest.validated' | i18n }}\n    </button>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslateIdPipe, name: "translateId" }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DatasourceSelectorComponent, deps: [{ token: i1.Store }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DatasourceSelectorComponent, selector: "pry-datasource-selector", inputs: { manifest: "manifest", datasourceIds: "datasourceIds" }, outputs: { cancel: "cancel", validated: "validated", previousTab: "previousTab", nextTab: "nextTab", datasourcesChanged: "datasourcesChanged" }, usesInheritance: true, ngImport: i0, template: "<div class=\"m-namedqueries-wrapper\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"dialog_namedqueries\">\n  <div class=\"o-widget__search\">\n    <input\n      id=\"catalog-search\"\n      (keydown.shift.tab)=\"previousTab.emit()\"\n      type=\"text\"\n      class=\"a-form-field\"\n      [placeholder]=\"'Recherchez une donn\u00E9e'\"\n      [ngModel]=\"search$ | async\"\n      (ngModelChange)=\"search($event)\"\n    />\n    <pry-icon iconSvg=\"search\" [width]=\"17\" [height]=\"17\"></pry-icon>\n  </div>\n  <div *ngIf=\"((usedDatasources$ | async) ?? []).length > 0; else noDataSource\">\n    <h4 class=\"a-h4\">{{ '@pry.restitution.selection' | i18n }}</h4>\n    <div>\n      <ul class=\"o-datasources__list o-datasources__list--selected\">\n        <li *ngFor=\"let ds of usedDatasources$ | async\" class=\"o-datasources__item\">\n          <button class=\"o-datasources__card -selected\" (click)=\"toogleDataSource(ds.id)\" type=\"button\">\n            <p>\n              {{ ds.name }}\n            </p>\n            <pry-icon *ngIf=\"isGeo(ds)\" iconSvg=\"globe\"></pry-icon>\n            <div class=\"a-btn a-btn--primary a-btn--icon-only\">\n              <pry-icon [iconSvg]=\"'close'\" [width]=\"17\" [height]=\"17\"></pry-icon>\n              <span class=\"u-visually-hidden\">{{ '@pry.restitution.unselectDataSource' | i18n }}</span>\n            </div>\n          </button>\n        </li>\n      </ul>\n    </div>\n  </div>\n  <ng-template #noDataSource>\n    <h4 class=\"a-h4\">{{ '@pry.restitution.noDataSourceSelected' | i18n }}</h4>\n  </ng-template>\n  <h4 class=\"a-h4\">{{ '@pry.restitution.select' | i18n }}</h4>\n  <div class=\"o-datasources__main\">\n    <ul class=\"o-datasources__list\">\n      <li *ngFor=\"let ds of unusedDatasources$ | async\" class=\"o-datasources__item\">\n        <button class=\"o-datasources__card\" (click)=\"toogleDataSource(ds.id)\">\n          <span class=\"u-visually-hidden\">{{ '@pry.restitution.selectDataSource' | i18n }}</span>\n          <p class=\"a-p\">{{ ds.id | translateId : { type: 'datasource', output: 'name' } | async }}</p>\n          <pry-icon *ngIf=\"isGeo(ds)\" iconSvg=\"globe\"></pry-icon>\n        </button>\n      </li>\n    </ul>\n  </div>\n  <div class=\"m-btn-group o-datasources__bottom\">\n    <button type=\"button\" (click)=\"cancel.emit()\" class=\"a-btn a-btn--secondary\">\n      {{ '@pry.toolbox.manifest.close' | i18n }}\n    </button>\n    <button\n      type=\"button\"\n      (click)=\"validated.emit()\"\n      #validate\n      (keydown.tab)=\"nextTab.emit()\"\n      class=\"a-btn a-btn--primary\"\n    >\n      {{ '@pry.toolbox.manifest.validated' | i18n }}\n    </button>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslateIdPipe, name: "translateId" }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: DatasourceSelectorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DatasourceSelectorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-datasource-selector', template: "<div class=\"m-namedqueries-wrapper\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"dialog_namedqueries\">\n  <div class=\"o-widget__search\">\n    <input\n      id=\"catalog-search\"\n      (keydown.shift.tab)=\"previousTab.emit()\"\n      type=\"text\"\n      class=\"a-form-field\"\n      [placeholder]=\"'Recherchez une donn\u00E9e'\"\n      [ngModel]=\"search$ | async\"\n      (ngModelChange)=\"search($event)\"\n    />\n    <pry-icon iconSvg=\"search\" [width]=\"17\" [height]=\"17\"></pry-icon>\n  </div>\n  <div *ngIf=\"((usedDatasources$ | async) ?? []).length > 0; else noDataSource\">\n    <h4 class=\"a-h4\">{{ '@pry.restitution.selection' | i18n }}</h4>\n    <div>\n      <ul class=\"o-datasources__list o-datasources__list--selected\">\n        <li *ngFor=\"let ds of usedDatasources$ | async\" class=\"o-datasources__item\">\n          <button class=\"o-datasources__card -selected\" (click)=\"toogleDataSource(ds.id)\" type=\"button\">\n            <p>\n              {{ ds.name }}\n            </p>\n            <pry-icon *ngIf=\"isGeo(ds)\" iconSvg=\"globe\"></pry-icon>\n            <div class=\"a-btn a-btn--primary a-btn--icon-only\">\n              <pry-icon [iconSvg]=\"'close'\" [width]=\"17\" [height]=\"17\"></pry-icon>\n              <span class=\"u-visually-hidden\">{{ '@pry.restitution.unselectDataSource' | i18n }}</span>\n            </div>\n          </button>\n        </li>\n      </ul>\n    </div>\n  </div>\n  <ng-template #noDataSource>\n    <h4 class=\"a-h4\">{{ '@pry.restitution.noDataSourceSelected' | i18n }}</h4>\n  </ng-template>\n  <h4 class=\"a-h4\">{{ '@pry.restitution.select' | i18n }}</h4>\n  <div class=\"o-datasources__main\">\n    <ul class=\"o-datasources__list\">\n      <li *ngFor=\"let ds of unusedDatasources$ | async\" class=\"o-datasources__item\">\n        <button class=\"o-datasources__card\" (click)=\"toogleDataSource(ds.id)\">\n          <span class=\"u-visually-hidden\">{{ '@pry.restitution.selectDataSource' | i18n }}</span>\n          <p class=\"a-p\">{{ ds.id | translateId : { type: 'datasource', output: 'name' } | async }}</p>\n          <pry-icon *ngIf=\"isGeo(ds)\" iconSvg=\"globe\"></pry-icon>\n        </button>\n      </li>\n    </ul>\n  </div>\n  <div class=\"m-btn-group o-datasources__bottom\">\n    <button type=\"button\" (click)=\"cancel.emit()\" class=\"a-btn a-btn--secondary\">\n      {{ '@pry.toolbox.manifest.close' | i18n }}\n    </button>\n    <button\n      type=\"button\"\n      (click)=\"validated.emit()\"\n      #validate\n      (keydown.tab)=\"nextTab.emit()\"\n      class=\"a-btn a-btn--primary\"\n    >\n      {{ '@pry.toolbox.manifest.validated' | i18n }}\n    </button>\n  </div>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i1.Store }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { manifest: [{
@@ -9430,10 +9508,10 @@ class ResultSetSizePipe {
             }), { displayed: 0, accurate: true, total: 0 });
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ResultSetSizePipe, deps: [{ token: i1.Store }, { token: PryI18nService }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: ResultSetSizePipe, name: "resultSetSize" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResultSetSizePipe, deps: [{ token: i1.Store }, { token: PryI18nService }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: ResultSetSizePipe, name: "resultSetSize" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ResultSetSizePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResultSetSizePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'resultSetSize'
@@ -9803,10 +9881,10 @@ class PryWidgetHeaderComponent extends SubscriptionnerDirective {
         this.subscription?.unsubscribe();
         this.openSub?.unsubscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryWidgetHeaderComponent, deps: [{ token: i1.Store }, { token: i2$1.Overlay }, { token: i0.ViewContainerRef }, { token: ToolboxMenuService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PryWidgetHeaderComponent, selector: "pry-widget-header", inputs: { manifest: "manifest", openData$: "openData$", additionalOptions: "additionalOptions", headerOptions: "headerOptions", displayCount: "displayCount", datasourceIds: "datasourceIds", widgetIndex: "widgetIndex" }, outputs: { manifestModified: "manifestModified" }, viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, read: TemplateRef }, { propertyName: "templateModal", first: true, predicate: ["templateModal"], descendants: true, read: TemplateRef }, { propertyName: "toggle", first: true, predicate: ["toggle"], descendants: true, read: TemplateRef }, { propertyName: "overlayMenu", first: true, predicate: ["overlayMenu"], descendants: true, read: TemplateRef }, { propertyName: "overlayCatalog", first: true, predicate: ["overlayCatalog"], descendants: true, read: TemplateRef }, { propertyName: "overlaySpot", first: true, predicate: ["overlaySpot"], descendants: true, read: TemplateRef }, { propertyName: "togglePanel", first: true, predicate: ["togglePanel"], descendants: true }, { propertyName: "cross", first: true, predicate: ["cross"], descendants: true }, { propertyName: "validate", first: true, predicate: ["validate"], descendants: true }, { propertyName: "validateCatalog", first: true, predicate: ["validateCatalog"], descendants: true }, { propertyName: "cancel", first: true, predicate: ["cancel"], descendants: true }, { propertyName: "crossCatalog", first: true, predicate: ["crossCatalog"], descendants: true }, { propertyName: "inputCatalog", first: true, predicate: ["inputCatalog"], descendants: true }, { propertyName: "menuList", first: true, predicate: ["menuList"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"o-widget__header\">\n  <div class=\"o-widget__header__content\">\n    <h2 class=\"o-widget__header__content__title\" *ngIf=\"(manifest$ | async)?.title; else querySelector\">\n      {{ (manifest$ | async)?.title }}\n    </h2>\n    <ng-template #querySelector>\n      <div *ngFor=\"let ds of usedDatasources$ | async\" class=\"o-widget__header__content__query\">\n        <ng-container\n          *ngIf=\"ds.id | translateId : { type: 'datasource', output: 'icon', noDefault: true } | async as url\"\n        >\n          <img [height]=\"20\" [src]=\"url\" [width]=\"20\" alt=\"\" class=\"o-widget__header__content__query__icon\" />\n        </ng-container>\n        <h3 class=\"o-widget__header__content__query__name\">{{ ds.name }}</h3>\n        <h3 class=\"o-widget__header__content__query__name\" *ngIf=\"displayCount && !isGeo(ds)\">\n          ({{ [ds.id] | resultSetSize | async }})\n        </h3>\n      </div>\n      <div *ngIf=\"((usedDatasources$ | async) ?? []).length === 0\" class=\"o-widget__header__content__no-data\">\n        <h2 class=\"o-widget__header__content__title\">{{ '@pry.widget.noData' | i18n }}</h2>\n      </div>\n    </ng-template>\n  </div>\n  <div class=\"m-btn-group\" *ngIf=\"!(lockedView$ | async) && displaySettings(headerOptions)\">\n    <button\n      type=\"button\"\n      id=\"dialog_Menu\"\n      aria-controls=\"menu\"\n      [attr.aria-expanded]=\"this.menu\"\n      #togglePanel\n      class=\"a-btn a-btn--more\"\n      (click)=\"menuOpen($event)\"\n    >\n      <pry-icon [height]=\"25\" [width]=\"25\" iconSvg=\"more_horiz\"></pry-icon>\n      <span class=\"u-visually-hidden\">{{ '@pry.action.openMenuWidget' | i18n }}</span>\n    </button>\n  </div>\n</div>\n\n<ng-template #overlayMenu>\n  <div class=\"m-context-menu\">\n    <ul\n      class=\"m-context-menu__list\"\n      #menuList\n      id=\"menu\"\n      role=\"menu\"\n      aria-modal=\"true\"\n      aria-labelledby=\"dialog_Menu\"\n      (keydown.arrowDown)=\"onArrowDown()\"\n      (keydown.arrowUp)=\"onArrowUp()\"\n      (keydown.escape)=\"menuOpen()\"\n    >\n      <li\n        class=\"m-context-menu__list__item\"\n        role=\"none\"\n        *ngIf=\"(manifest$ | async)?.datasource && displayOption(headerOptions, 'datasourceSelection')\"\n      >\n        <button\n          type=\"button\"\n          role=\"menuitem\"\n          tabindex=\"-1\"\n          id=\"toggleActions\"\n          (click)=\"toggleDatasourceSelection()\"\n          *pryAccess=\"{ module: 'dashboard', page: 'widget', action: 'select_named_query' }\"\n          class=\"a-btn a-tooltip\"\n          [attr.data-tooltip]=\"'@pry.widget.tooltip.readSearch' | i18n\"\n          data-tooltip-position=\"bottom\"\n        >\n          <pry-icon [height]=\"17\" [width]=\"17\" iconSvg=\"stack-fill\"></pry-icon>\n          <span>{{ '@pry.widget.tooltip.readSearch' | i18n }}</span>\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\" role=\"none\" *ngIf=\"displayOption(headerOptions, 'parameters')\">\n        <ng-content></ng-content>\n      </li>\n      <ng-container *ngIf=\"displayOption(headerOptions, 'window')\">\n        <li class=\"m-context-menu__list__item\" role=\"none\" *ngFor=\"let targetIndex of targetIndexes$ | async\">\n          <button\n            type=\"button\"\n            (click)=\"moveInNewWindow(_widgetIndex, targetIndex)\"\n            class=\"a-btn\"\n            role=\"menuitem\"\n            tabindex=\"-1\"\n          >\n            <pry-icon [height]=\"17\" [width]=\"17\" iconSvg=\"launch\"></pry-icon>\n            {{\n              (targetIndex !== -1 ? '@pry.widget.target.existing' : '@pry.widget.target.new')\n                | i18n : { targetIndex: this.targetIndex + 1 }\n            }}\n          </button>\n        </li>\n      </ng-container>\n      <li class=\"m-context-menu__list__item\" role=\"none\" *ngIf=\"hasGrid && displayOption(headerOptions, 'changeSpot')\">\n        <button\n          type=\"button\"\n          role=\"menuitem\"\n          (click)=\"toggleChangeSpot()\"\n          class=\"a-btn a-tooltip\"\n          tabindex=\"-1\"\n          [attr.data-tooltip]=\"'@pry.widget.tooltip.changeSpot' | i18n\"\n        >\n          <pry-icon [height]=\"17\" [width]=\"17\" iconSvg=\"move\"></pry-icon>\n          <span>{{ '@pry.widget.tooltip.changeSpot' | i18n }}</span>\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\" role=\"none\" *ngIf=\"displayOption(headerOptions, 'maximize')\">\n        <button\n          type=\"button\"\n          role=\"menuitem\"\n          tabindex=\"-1\"\n          (click)=\"maximize(_widgetIndex)\"\n          class=\"a-btn\"\n          (keydown.escape)=\"menuOpen()\"\n        >\n          <pry-icon [height]=\"17\" [width]=\"17\" iconSvg=\"fullscreen\"></pry-icon>\n          {{ '@pry.widget.target.maximize' | i18n }}\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\" role=\"none\" *ngIf=\"displayOption(headerOptions, 'addToCatalog')\">\n        <button\n          type=\"button\"\n          role=\"menuitem\"\n          tabindex=\"-1\"\n          (click)=\"toggleCatalog()\"\n          class=\"a-btn a-tooltip\"\n          [attr.data-tooltip]=\"'@pry.widget.tooltip.catalogWidget' | i18n\"\n        >\n          <pry-icon [height]=\"17\" [width]=\"17\" iconSvg=\"library_add\"></pry-icon>\n          <span>{{ '@pry.widget.tooltip.catalogWidget' | i18n }}</span>\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\" role=\"none\" *ngIf=\"displayOption(headerOptions, 'delete')\">\n        <button\n          type=\"button\"\n          role=\"menuitem\"\n          tabindex=\"-1\"\n          (click)=\"toggleRemoveConfirm($event)\"\n          class=\"a-btn a-tooltip\"\n          [attr.data-tooltip]=\"'@pry.widget.tooltip.deleteWidget' | i18n\"\n          (keydown.tab)=\"menuOpen()\"\n        >\n          <pry-icon [height]=\"17\" [width]=\"17\" iconSvg=\"delete\"></pry-icon>\n          <span>{{ '@pry.widget.tooltip.deleteWidget' | i18n }}</span>\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\" role=\"none\" *ngFor=\"let option of additionalOptions\">\n        <button\n          type=\"button\"\n          class=\"a-btn\"\n          role=\"menuitem\"\n          tabindex=\"-1\"\n          (click)=\"executeAction(option)\"\n          [disabled]=\"isActionDisabled(option)\"\n        >\n          <pry-icon [height]=\"17\" [width]=\"17\" [iconSvg]=\"option.icon\"></pry-icon>\n          {{ option.label | i18n }}\n        </button>\n      </li>\n    </ul>\n  </div>\n</ng-template>\n\n<ng-template #templateModal>\n  <div\n    class=\"o-modal\"\n    (keydown.escape)=\"cancelRemoveConfirm()\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-labelledby=\"dialog confirm delete presentation\"\n  >\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">\n          {{ '@pry.widget.modalTitle' | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" #cross (click)=\"cancelRemoveConfirm()\">\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <div class=\"m-btn-group\">\n      <button type=\"button\" (click)=\"cancelRemoveConfirm()\" class=\"a-btn a-btn--secondary\">\n        {{ '@pry.toolbox.manifest.close' | i18n }}\n      </button>\n      <button type=\"submit\" (click)=\"confirmRemove()\" class=\"a-btn a-btn--primary\" (keydown.tab)=\"focusCrossElement()\">\n        {{ '@pry.toolbox.manifest.validate' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #template>\n  <pry-datasource-selector\n    (cancel)=\"toggleDatasourceSelection()\"\n    (validated)=\"emitManifest()\"\n    (nextTab)=\"focusInputCatalog()\"\n    (previousTab)=\"focusValidation()\"\n    (datasourcesChanged)=\"datasourcesChanged($event)\"\n    [datasourceIds]=\"(selectedDataSourceIds$ | async) ?? []\"\n  ></pry-datasource-selector>\n</ng-template>\n\n<ng-template #overlayCatalog>\n  <div\n    class=\"o-modal\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-labelledby=\"dialog_Catalog\"\n    (keydown.escape)=\"toggleCatalog()\"\n  >\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\">\n          {{ '@pry.widget.defineCatalog' | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button\n          class=\"a-btn a-btn--icon-only\"\n          (keydown.shift.tab)=\"focusValidation()\"\n          #crossCatalog\n          (click)=\"toggleCatalog()\"\n        >\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <div class=\"m-form-label-field\">\n      <label class=\"a-label\" for=\"name\">{{ '@pry.toolbox.catalog.label' | i18n }}</label>\n      <input [(ngModel)]=\"catalogInfo.name\" id=\"name\" type=\"text\" class=\"a-form-field\" required />\n    </div>\n    <div class=\"m-form-label-field\">\n      <label class=\"a-label\" for=\"description\">{{ '@pry.toolbox.catalog.description' | i18n }}</label>\n      <input [(ngModel)]=\"catalogInfo.description\" id=\"description\" type=\"text\" class=\"a-form-field\" required />\n    </div>\n    <div class=\"m-form-label-field\">\n      <pry-select-image\n        [iconUrl]=\"catalogInfo.image\"\n        (changed)=\"catalogInfo.image = $event\"\n        [mode]=\"type\"\n      ></pry-select-image>\n    </div>\n    <div class=\"m-btn-group\">\n      <button\n        type=\"button\"\n        (click)=\"toggleCatalog()\"\n        #cancel\n        (keydown.tab)=\"disableValidation()\"\n        class=\"a-btn a-btn--secondary\"\n      >\n        {{ '@pry.toolbox.manifest.close' | i18n }}\n      </button>\n      <button\n        type=\"submit\"\n        #validateCatalog\n        (click)=\"confirmCatalog()\"\n        [disabled]=\"!toolboxMenuService.isValidForCatalog(catalogInfo.name)\"\n        class=\"a-btn a-btn--primary\"\n        (keydown.tab)=\"focusCrossElement()\"\n      >\n        {{ '@pry.toolbox.manifest.validate' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #overlaySpot>\n  <div class=\"o-modal\">\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\">\n          {{ '@pry.widget.tooltip.changeSpot' | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" (click)=\"toggleChangeSpot()\">\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    <ng-container *ngFor=\"let place of places; let i = index\">\n      <ng-container *ngIf=\"currentPlacementIndex !== i\">\n        <button type=\"button\" class=\"a-btn\" (click)=\"moveToPlace(place)\">\n          <span>{{ '@pry.widget.tooltip.spotName' | i18n : { place: i + 1 } }}</span>\n        </button>\n      </ng-container>\n    </ng-container>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: PryAccessDirective, selector: "[pryAccess]", inputs: ["pryAccess"] }, { kind: "component", type: PrySelectImageComponent, selector: "pry-select-image", inputs: ["iconUrl", "size", "mode"], outputs: ["toggled", "changed"] }, { kind: "component", type: DatasourceSelectorComponent, selector: "pry-datasource-selector", inputs: ["manifest", "datasourceIds"], outputs: ["cancel", "validated", "previousTab", "nextTab", "datasourcesChanged"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslateIdPipe, name: "translateId" }, { kind: "pipe", type: I18nPipe, name: "i18n" }, { kind: "pipe", type: ResultSetSizePipe, name: "resultSetSize" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryWidgetHeaderComponent, deps: [{ token: i1.Store }, { token: i2$1.Overlay }, { token: i0.ViewContainerRef }, { token: ToolboxMenuService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PryWidgetHeaderComponent, selector: "pry-widget-header", inputs: { manifest: "manifest", openData$: "openData$", additionalOptions: "additionalOptions", headerOptions: "headerOptions", displayCount: "displayCount", datasourceIds: "datasourceIds", widgetIndex: "widgetIndex" }, outputs: { manifestModified: "manifestModified" }, viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, read: TemplateRef }, { propertyName: "templateModal", first: true, predicate: ["templateModal"], descendants: true, read: TemplateRef }, { propertyName: "toggle", first: true, predicate: ["toggle"], descendants: true, read: TemplateRef }, { propertyName: "overlayMenu", first: true, predicate: ["overlayMenu"], descendants: true, read: TemplateRef }, { propertyName: "overlayCatalog", first: true, predicate: ["overlayCatalog"], descendants: true, read: TemplateRef }, { propertyName: "overlaySpot", first: true, predicate: ["overlaySpot"], descendants: true, read: TemplateRef }, { propertyName: "togglePanel", first: true, predicate: ["togglePanel"], descendants: true }, { propertyName: "cross", first: true, predicate: ["cross"], descendants: true }, { propertyName: "validate", first: true, predicate: ["validate"], descendants: true }, { propertyName: "validateCatalog", first: true, predicate: ["validateCatalog"], descendants: true }, { propertyName: "cancel", first: true, predicate: ["cancel"], descendants: true }, { propertyName: "crossCatalog", first: true, predicate: ["crossCatalog"], descendants: true }, { propertyName: "inputCatalog", first: true, predicate: ["inputCatalog"], descendants: true }, { propertyName: "menuList", first: true, predicate: ["menuList"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"o-widget__header\">\n  <div class=\"o-widget__header__content\">\n    <h2 class=\"o-widget__header__content__title\" *ngIf=\"(manifest$ | async)?.title; else querySelector\">\n      {{ (manifest$ | async)?.title }}\n    </h2>\n    <ng-template #querySelector>\n      <div *ngFor=\"let ds of usedDatasources$ | async\" class=\"o-widget__header__content__query\">\n        <ng-container\n          *ngIf=\"ds.id | translateId : { type: 'datasource', output: 'icon', noDefault: true } | async as url\"\n        >\n          <img [height]=\"20\" [src]=\"url\" [width]=\"20\" alt=\"\" class=\"o-widget__header__content__query__icon\" />\n        </ng-container>\n        <h3 class=\"o-widget__header__content__query__name\">{{ ds.name }}</h3>\n        <h3 class=\"o-widget__header__content__query__name\" *ngIf=\"displayCount && !isGeo(ds)\">\n          ({{ [ds.id] | resultSetSize | async }})\n        </h3>\n      </div>\n      <div *ngIf=\"((usedDatasources$ | async) ?? []).length === 0\" class=\"o-widget__header__content__no-data\">\n        <h2 class=\"o-widget__header__content__title\">{{ '@pry.widget.noData' | i18n }}</h2>\n      </div>\n    </ng-template>\n  </div>\n  <div class=\"m-btn-group\" *ngIf=\"!(lockedView$ | async) && displaySettings(headerOptions)\">\n    <button\n      type=\"button\"\n      id=\"dialog_Menu\"\n      aria-controls=\"menu\"\n      [attr.aria-expanded]=\"this.menu\"\n      #togglePanel\n      class=\"a-btn a-btn--more\"\n      (click)=\"menuOpen($event)\"\n    >\n      <pry-icon [height]=\"25\" [width]=\"25\" iconSvg=\"more_horiz\"></pry-icon>\n      <span class=\"u-visually-hidden\">{{ '@pry.action.openMenuWidget' | i18n }}</span>\n    </button>\n  </div>\n</div>\n\n<ng-template #overlayMenu>\n  <div class=\"m-context-menu\">\n    <ul\n      class=\"m-context-menu__list\"\n      #menuList\n      id=\"menu\"\n      role=\"menu\"\n      aria-modal=\"true\"\n      aria-labelledby=\"dialog_Menu\"\n      (keydown.arrowDown)=\"onArrowDown()\"\n      (keydown.arrowUp)=\"onArrowUp()\"\n      (keydown.escape)=\"menuOpen()\"\n    >\n      <li\n        class=\"m-context-menu__list__item\"\n        role=\"none\"\n        *ngIf=\"(manifest$ | async)?.datasource && displayOption(headerOptions, 'datasourceSelection')\"\n      >\n        <button\n          type=\"button\"\n          role=\"menuitem\"\n          tabindex=\"-1\"\n          id=\"toggleActions\"\n          (click)=\"toggleDatasourceSelection()\"\n          *pryAccess=\"{ module: 'dashboard', page: 'widget', action: 'select_named_query' }\"\n          class=\"a-btn a-tooltip\"\n          [attr.data-tooltip]=\"'@pry.widget.tooltip.readSearch' | i18n\"\n          data-tooltip-position=\"bottom\"\n        >\n          <pry-icon [height]=\"17\" [width]=\"17\" iconSvg=\"stack-fill\"></pry-icon>\n          <span>{{ '@pry.widget.tooltip.readSearch' | i18n }}</span>\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\" role=\"none\" *ngIf=\"displayOption(headerOptions, 'parameters')\">\n        <ng-content></ng-content>\n      </li>\n      <ng-container *ngIf=\"displayOption(headerOptions, 'window')\">\n        <li class=\"m-context-menu__list__item\" role=\"none\" *ngFor=\"let targetIndex of targetIndexes$ | async\">\n          <button\n            type=\"button\"\n            (click)=\"moveInNewWindow(_widgetIndex, targetIndex)\"\n            class=\"a-btn\"\n            role=\"menuitem\"\n            tabindex=\"-1\"\n          >\n            <pry-icon [height]=\"17\" [width]=\"17\" iconSvg=\"launch\"></pry-icon>\n            {{\n              (targetIndex !== -1 ? '@pry.widget.target.existing' : '@pry.widget.target.new')\n                | i18n : { targetIndex: this.targetIndex + 1 }\n            }}\n          </button>\n        </li>\n      </ng-container>\n      <li class=\"m-context-menu__list__item\" role=\"none\" *ngIf=\"hasGrid && displayOption(headerOptions, 'changeSpot')\">\n        <button\n          type=\"button\"\n          role=\"menuitem\"\n          (click)=\"toggleChangeSpot()\"\n          class=\"a-btn a-tooltip\"\n          tabindex=\"-1\"\n          [attr.data-tooltip]=\"'@pry.widget.tooltip.changeSpot' | i18n\"\n        >\n          <pry-icon [height]=\"17\" [width]=\"17\" iconSvg=\"move\"></pry-icon>\n          <span>{{ '@pry.widget.tooltip.changeSpot' | i18n }}</span>\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\" role=\"none\" *ngIf=\"displayOption(headerOptions, 'maximize')\">\n        <button\n          type=\"button\"\n          role=\"menuitem\"\n          tabindex=\"-1\"\n          (click)=\"maximize(_widgetIndex)\"\n          class=\"a-btn\"\n          (keydown.escape)=\"menuOpen()\"\n        >\n          <pry-icon [height]=\"17\" [width]=\"17\" iconSvg=\"fullscreen\"></pry-icon>\n          {{ '@pry.widget.target.maximize' | i18n }}\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\" role=\"none\" *ngIf=\"displayOption(headerOptions, 'addToCatalog')\">\n        <button\n          type=\"button\"\n          role=\"menuitem\"\n          tabindex=\"-1\"\n          (click)=\"toggleCatalog()\"\n          class=\"a-btn a-tooltip\"\n          [attr.data-tooltip]=\"'@pry.widget.tooltip.catalogWidget' | i18n\"\n        >\n          <pry-icon [height]=\"17\" [width]=\"17\" iconSvg=\"library_add\"></pry-icon>\n          <span>{{ '@pry.widget.tooltip.catalogWidget' | i18n }}</span>\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\" role=\"none\" *ngIf=\"displayOption(headerOptions, 'delete')\">\n        <button\n          type=\"button\"\n          role=\"menuitem\"\n          tabindex=\"-1\"\n          (click)=\"toggleRemoveConfirm($event)\"\n          class=\"a-btn a-tooltip\"\n          [attr.data-tooltip]=\"'@pry.widget.tooltip.deleteWidget' | i18n\"\n          (keydown.tab)=\"menuOpen()\"\n        >\n          <pry-icon [height]=\"17\" [width]=\"17\" iconSvg=\"delete\"></pry-icon>\n          <span>{{ '@pry.widget.tooltip.deleteWidget' | i18n }}</span>\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\" role=\"none\" *ngFor=\"let option of additionalOptions\">\n        <button\n          type=\"button\"\n          class=\"a-btn\"\n          role=\"menuitem\"\n          tabindex=\"-1\"\n          (click)=\"executeAction(option)\"\n          [disabled]=\"isActionDisabled(option)\"\n        >\n          <pry-icon [height]=\"17\" [width]=\"17\" [iconSvg]=\"option.icon\"></pry-icon>\n          {{ option.label | i18n }}\n        </button>\n      </li>\n    </ul>\n  </div>\n</ng-template>\n\n<ng-template #templateModal>\n  <div\n    class=\"o-modal\"\n    (keydown.escape)=\"cancelRemoveConfirm()\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-labelledby=\"dialog confirm delete presentation\"\n  >\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">\n          {{ '@pry.widget.modalTitle' | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" #cross (click)=\"cancelRemoveConfirm()\">\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <div class=\"m-btn-group\">\n      <button type=\"button\" (click)=\"cancelRemoveConfirm()\" class=\"a-btn a-btn--secondary\">\n        {{ '@pry.toolbox.manifest.close' | i18n }}\n      </button>\n      <button type=\"submit\" (click)=\"confirmRemove()\" class=\"a-btn a-btn--primary\" (keydown.tab)=\"focusCrossElement()\">\n        {{ '@pry.toolbox.manifest.validate' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #template>\n  <pry-datasource-selector\n    (cancel)=\"toggleDatasourceSelection()\"\n    (validated)=\"emitManifest()\"\n    (nextTab)=\"focusInputCatalog()\"\n    (previousTab)=\"focusValidation()\"\n    (datasourcesChanged)=\"datasourcesChanged($event)\"\n    [datasourceIds]=\"(selectedDataSourceIds$ | async) ?? []\"\n  ></pry-datasource-selector>\n</ng-template>\n\n<ng-template #overlayCatalog>\n  <div\n    class=\"o-modal\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-labelledby=\"dialog_Catalog\"\n    (keydown.escape)=\"toggleCatalog()\"\n  >\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\">\n          {{ '@pry.widget.defineCatalog' | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button\n          class=\"a-btn a-btn--icon-only\"\n          (keydown.shift.tab)=\"focusValidation()\"\n          #crossCatalog\n          (click)=\"toggleCatalog()\"\n        >\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <div class=\"m-form-label-field\">\n      <label class=\"a-label\" for=\"name\">{{ '@pry.toolbox.catalog.label' | i18n }}</label>\n      <input [(ngModel)]=\"catalogInfo.name\" id=\"name\" type=\"text\" class=\"a-form-field\" required />\n    </div>\n    <div class=\"m-form-label-field\">\n      <label class=\"a-label\" for=\"description\">{{ '@pry.toolbox.catalog.description' | i18n }}</label>\n      <input [(ngModel)]=\"catalogInfo.description\" id=\"description\" type=\"text\" class=\"a-form-field\" required />\n    </div>\n    <div class=\"m-form-label-field\">\n      <pry-select-image\n        [iconUrl]=\"catalogInfo.image\"\n        (changed)=\"catalogInfo.image = $event\"\n        [mode]=\"type\"\n      ></pry-select-image>\n    </div>\n    <div class=\"m-btn-group\">\n      <button\n        type=\"button\"\n        (click)=\"toggleCatalog()\"\n        #cancel\n        (keydown.tab)=\"disableValidation()\"\n        class=\"a-btn a-btn--secondary\"\n      >\n        {{ '@pry.toolbox.manifest.close' | i18n }}\n      </button>\n      <button\n        type=\"submit\"\n        #validateCatalog\n        (click)=\"confirmCatalog()\"\n        [disabled]=\"!toolboxMenuService.isValidForCatalog(catalogInfo.name)\"\n        class=\"a-btn a-btn--primary\"\n        (keydown.tab)=\"focusCrossElement()\"\n      >\n        {{ '@pry.toolbox.manifest.validate' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #overlaySpot>\n  <div class=\"o-modal\">\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\">\n          {{ '@pry.widget.tooltip.changeSpot' | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" (click)=\"toggleChangeSpot()\">\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    <ng-container *ngFor=\"let place of places; let i = index\">\n      <ng-container *ngIf=\"currentPlacementIndex !== i\">\n        <button type=\"button\" class=\"a-btn\" (click)=\"moveToPlace(place)\">\n          <span>{{ '@pry.widget.tooltip.spotName' | i18n : { place: i + 1 } }}</span>\n        </button>\n      </ng-container>\n    </ng-container>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "directive", type: PryAccessDirective, selector: "[pryAccess]", inputs: ["pryAccess"] }, { kind: "component", type: PrySelectImageComponent, selector: "pry-select-image", inputs: ["iconUrl", "size", "mode"], outputs: ["toggled", "changed"] }, { kind: "component", type: DatasourceSelectorComponent, selector: "pry-datasource-selector", inputs: ["manifest", "datasourceIds"], outputs: ["cancel", "validated", "previousTab", "nextTab", "datasourcesChanged"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslateIdPipe, name: "translateId" }, { kind: "pipe", type: I18nPipe, name: "i18n" }, { kind: "pipe", type: ResultSetSizePipe, name: "resultSetSize" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryWidgetHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryWidgetHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-widget-header', template: "<div class=\"o-widget__header\">\n  <div class=\"o-widget__header__content\">\n    <h2 class=\"o-widget__header__content__title\" *ngIf=\"(manifest$ | async)?.title; else querySelector\">\n      {{ (manifest$ | async)?.title }}\n    </h2>\n    <ng-template #querySelector>\n      <div *ngFor=\"let ds of usedDatasources$ | async\" class=\"o-widget__header__content__query\">\n        <ng-container\n          *ngIf=\"ds.id | translateId : { type: 'datasource', output: 'icon', noDefault: true } | async as url\"\n        >\n          <img [height]=\"20\" [src]=\"url\" [width]=\"20\" alt=\"\" class=\"o-widget__header__content__query__icon\" />\n        </ng-container>\n        <h3 class=\"o-widget__header__content__query__name\">{{ ds.name }}</h3>\n        <h3 class=\"o-widget__header__content__query__name\" *ngIf=\"displayCount && !isGeo(ds)\">\n          ({{ [ds.id] | resultSetSize | async }})\n        </h3>\n      </div>\n      <div *ngIf=\"((usedDatasources$ | async) ?? []).length === 0\" class=\"o-widget__header__content__no-data\">\n        <h2 class=\"o-widget__header__content__title\">{{ '@pry.widget.noData' | i18n }}</h2>\n      </div>\n    </ng-template>\n  </div>\n  <div class=\"m-btn-group\" *ngIf=\"!(lockedView$ | async) && displaySettings(headerOptions)\">\n    <button\n      type=\"button\"\n      id=\"dialog_Menu\"\n      aria-controls=\"menu\"\n      [attr.aria-expanded]=\"this.menu\"\n      #togglePanel\n      class=\"a-btn a-btn--more\"\n      (click)=\"menuOpen($event)\"\n    >\n      <pry-icon [height]=\"25\" [width]=\"25\" iconSvg=\"more_horiz\"></pry-icon>\n      <span class=\"u-visually-hidden\">{{ '@pry.action.openMenuWidget' | i18n }}</span>\n    </button>\n  </div>\n</div>\n\n<ng-template #overlayMenu>\n  <div class=\"m-context-menu\">\n    <ul\n      class=\"m-context-menu__list\"\n      #menuList\n      id=\"menu\"\n      role=\"menu\"\n      aria-modal=\"true\"\n      aria-labelledby=\"dialog_Menu\"\n      (keydown.arrowDown)=\"onArrowDown()\"\n      (keydown.arrowUp)=\"onArrowUp()\"\n      (keydown.escape)=\"menuOpen()\"\n    >\n      <li\n        class=\"m-context-menu__list__item\"\n        role=\"none\"\n        *ngIf=\"(manifest$ | async)?.datasource && displayOption(headerOptions, 'datasourceSelection')\"\n      >\n        <button\n          type=\"button\"\n          role=\"menuitem\"\n          tabindex=\"-1\"\n          id=\"toggleActions\"\n          (click)=\"toggleDatasourceSelection()\"\n          *pryAccess=\"{ module: 'dashboard', page: 'widget', action: 'select_named_query' }\"\n          class=\"a-btn a-tooltip\"\n          [attr.data-tooltip]=\"'@pry.widget.tooltip.readSearch' | i18n\"\n          data-tooltip-position=\"bottom\"\n        >\n          <pry-icon [height]=\"17\" [width]=\"17\" iconSvg=\"stack-fill\"></pry-icon>\n          <span>{{ '@pry.widget.tooltip.readSearch' | i18n }}</span>\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\" role=\"none\" *ngIf=\"displayOption(headerOptions, 'parameters')\">\n        <ng-content></ng-content>\n      </li>\n      <ng-container *ngIf=\"displayOption(headerOptions, 'window')\">\n        <li class=\"m-context-menu__list__item\" role=\"none\" *ngFor=\"let targetIndex of targetIndexes$ | async\">\n          <button\n            type=\"button\"\n            (click)=\"moveInNewWindow(_widgetIndex, targetIndex)\"\n            class=\"a-btn\"\n            role=\"menuitem\"\n            tabindex=\"-1\"\n          >\n            <pry-icon [height]=\"17\" [width]=\"17\" iconSvg=\"launch\"></pry-icon>\n            {{\n              (targetIndex !== -1 ? '@pry.widget.target.existing' : '@pry.widget.target.new')\n                | i18n : { targetIndex: this.targetIndex + 1 }\n            }}\n          </button>\n        </li>\n      </ng-container>\n      <li class=\"m-context-menu__list__item\" role=\"none\" *ngIf=\"hasGrid && displayOption(headerOptions, 'changeSpot')\">\n        <button\n          type=\"button\"\n          role=\"menuitem\"\n          (click)=\"toggleChangeSpot()\"\n          class=\"a-btn a-tooltip\"\n          tabindex=\"-1\"\n          [attr.data-tooltip]=\"'@pry.widget.tooltip.changeSpot' | i18n\"\n        >\n          <pry-icon [height]=\"17\" [width]=\"17\" iconSvg=\"move\"></pry-icon>\n          <span>{{ '@pry.widget.tooltip.changeSpot' | i18n }}</span>\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\" role=\"none\" *ngIf=\"displayOption(headerOptions, 'maximize')\">\n        <button\n          type=\"button\"\n          role=\"menuitem\"\n          tabindex=\"-1\"\n          (click)=\"maximize(_widgetIndex)\"\n          class=\"a-btn\"\n          (keydown.escape)=\"menuOpen()\"\n        >\n          <pry-icon [height]=\"17\" [width]=\"17\" iconSvg=\"fullscreen\"></pry-icon>\n          {{ '@pry.widget.target.maximize' | i18n }}\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\" role=\"none\" *ngIf=\"displayOption(headerOptions, 'addToCatalog')\">\n        <button\n          type=\"button\"\n          role=\"menuitem\"\n          tabindex=\"-1\"\n          (click)=\"toggleCatalog()\"\n          class=\"a-btn a-tooltip\"\n          [attr.data-tooltip]=\"'@pry.widget.tooltip.catalogWidget' | i18n\"\n        >\n          <pry-icon [height]=\"17\" [width]=\"17\" iconSvg=\"library_add\"></pry-icon>\n          <span>{{ '@pry.widget.tooltip.catalogWidget' | i18n }}</span>\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\" role=\"none\" *ngIf=\"displayOption(headerOptions, 'delete')\">\n        <button\n          type=\"button\"\n          role=\"menuitem\"\n          tabindex=\"-1\"\n          (click)=\"toggleRemoveConfirm($event)\"\n          class=\"a-btn a-tooltip\"\n          [attr.data-tooltip]=\"'@pry.widget.tooltip.deleteWidget' | i18n\"\n          (keydown.tab)=\"menuOpen()\"\n        >\n          <pry-icon [height]=\"17\" [width]=\"17\" iconSvg=\"delete\"></pry-icon>\n          <span>{{ '@pry.widget.tooltip.deleteWidget' | i18n }}</span>\n        </button>\n      </li>\n      <li class=\"m-context-menu__list__item\" role=\"none\" *ngFor=\"let option of additionalOptions\">\n        <button\n          type=\"button\"\n          class=\"a-btn\"\n          role=\"menuitem\"\n          tabindex=\"-1\"\n          (click)=\"executeAction(option)\"\n          [disabled]=\"isActionDisabled(option)\"\n        >\n          <pry-icon [height]=\"17\" [width]=\"17\" [iconSvg]=\"option.icon\"></pry-icon>\n          {{ option.label | i18n }}\n        </button>\n      </li>\n    </ul>\n  </div>\n</ng-template>\n\n<ng-template #templateModal>\n  <div\n    class=\"o-modal\"\n    (keydown.escape)=\"cancelRemoveConfirm()\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-labelledby=\"dialog confirm delete presentation\"\n  >\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\" id=\"dialog_title\">\n          {{ '@pry.widget.modalTitle' | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" #cross (click)=\"cancelRemoveConfirm()\">\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <div class=\"m-btn-group\">\n      <button type=\"button\" (click)=\"cancelRemoveConfirm()\" class=\"a-btn a-btn--secondary\">\n        {{ '@pry.toolbox.manifest.close' | i18n }}\n      </button>\n      <button type=\"submit\" (click)=\"confirmRemove()\" class=\"a-btn a-btn--primary\" (keydown.tab)=\"focusCrossElement()\">\n        {{ '@pry.toolbox.manifest.validate' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #template>\n  <pry-datasource-selector\n    (cancel)=\"toggleDatasourceSelection()\"\n    (validated)=\"emitManifest()\"\n    (nextTab)=\"focusInputCatalog()\"\n    (previousTab)=\"focusValidation()\"\n    (datasourcesChanged)=\"datasourcesChanged($event)\"\n    [datasourceIds]=\"(selectedDataSourceIds$ | async) ?? []\"\n  ></pry-datasource-selector>\n</ng-template>\n\n<ng-template #overlayCatalog>\n  <div\n    class=\"o-modal\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-labelledby=\"dialog_Catalog\"\n    (keydown.escape)=\"toggleCatalog()\"\n  >\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\">\n          {{ '@pry.widget.defineCatalog' | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button\n          class=\"a-btn a-btn--icon-only\"\n          (keydown.shift.tab)=\"focusValidation()\"\n          #crossCatalog\n          (click)=\"toggleCatalog()\"\n        >\n          <pry-icon iconSvg=\"close\" [height]=\"35\" [width]=\"35\"></pry-icon>\n          <span class=\"u-visually-hidden\">{{ '@pry.toolbox.close' | i18n }}</span>\n        </button>\n      </div>\n    </div>\n    <div class=\"m-form-label-field\">\n      <label class=\"a-label\" for=\"name\">{{ '@pry.toolbox.catalog.label' | i18n }}</label>\n      <input [(ngModel)]=\"catalogInfo.name\" id=\"name\" type=\"text\" class=\"a-form-field\" required />\n    </div>\n    <div class=\"m-form-label-field\">\n      <label class=\"a-label\" for=\"description\">{{ '@pry.toolbox.catalog.description' | i18n }}</label>\n      <input [(ngModel)]=\"catalogInfo.description\" id=\"description\" type=\"text\" class=\"a-form-field\" required />\n    </div>\n    <div class=\"m-form-label-field\">\n      <pry-select-image\n        [iconUrl]=\"catalogInfo.image\"\n        (changed)=\"catalogInfo.image = $event\"\n        [mode]=\"type\"\n      ></pry-select-image>\n    </div>\n    <div class=\"m-btn-group\">\n      <button\n        type=\"button\"\n        (click)=\"toggleCatalog()\"\n        #cancel\n        (keydown.tab)=\"disableValidation()\"\n        class=\"a-btn a-btn--secondary\"\n      >\n        {{ '@pry.toolbox.manifest.close' | i18n }}\n      </button>\n      <button\n        type=\"submit\"\n        #validateCatalog\n        (click)=\"confirmCatalog()\"\n        [disabled]=\"!toolboxMenuService.isValidForCatalog(catalogInfo.name)\"\n        class=\"a-btn a-btn--primary\"\n        (keydown.tab)=\"focusCrossElement()\"\n      >\n        {{ '@pry.toolbox.manifest.validate' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #overlaySpot>\n  <div class=\"o-modal\">\n    <div class=\"o-modal__top\">\n      <div class=\"o-modal__top__title\">\n        <h2 class=\"a-h2\">\n          {{ '@pry.widget.tooltip.changeSpot' | i18n }}\n        </h2>\n      </div>\n      <div class=\"o-modal__top__close\">\n        <button class=\"a-btn a-btn--icon-only\" (click)=\"toggleChangeSpot()\">\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    <ng-container *ngFor=\"let place of places; let i = index\">\n      <ng-container *ngIf=\"currentPlacementIndex !== i\">\n        <button type=\"button\" class=\"a-btn\" (click)=\"moveToPlace(place)\">\n          <span>{{ '@pry.widget.tooltip.spotName' | i18n : { place: i + 1 } }}</span>\n        </button>\n      </ng-container>\n    </ng-container>\n  </div>\n</ng-template>\n" }]
         }], ctorParameters: function () { return [{ type: i1.Store }, { type: i2$1.Overlay }, { type: i0.ViewContainerRef }, { type: ToolboxMenuService }]; }, propDecorators: { template: [{
@@ -9941,10 +10019,10 @@ class SettingsComponent extends SubscriptionnerDirective {
         this.openSub?.unsubscribe();
         this.subscriptions.unsubscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SettingsComponent, deps: [{ token: i1.Store }, { token: i2$1.Overlay }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: SettingsComponent, selector: "pry-settings", inputs: { widgetIndex: "widgetIndex", isDisable: "isDisable", headerPresent: "headerPresent", open$: "open$", header: "header" }, outputs: { triggerClick: "triggerClick", saveTriggered: "saveTriggered", changeTitle: "changeTitle" }, viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, read: TemplateRef }, { propertyName: "cross", first: true, predicate: ["cross"], descendants: true }, { propertyName: "validate", first: true, predicate: ["validate"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<button\n  type=\"button\"\n  (click)=\"toggle()\"\n  class=\"a-btn a-btn--icon-text -settings a-tooltip\"\n  [attr.data-tooltip]=\"'@pry.widget.tooltip.openParameter' | i18n\"\n>\n  <pry-icon [height]=\"20\" [width]=\"20\" iconSvg=\"control\"></pry-icon>\n  <span>{{ '@pry.widget.settings.title' | i18n }}</span>\n</button>\n\n<ng-template #template>\n  <div class=\"o-settings__popup\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"dialog_setting\">\n    <div class=\"o-settings__popup__header\">\n      <h2 class=\"a-h2\">{{ '@pry.widget.settings.title' | i18n }}</h2>\n      <button\n        type=\"button\"\n        #cross\n        (keydown.shift.tab)=\"focusElement(this.validate)\"\n        (click)=\"toggle()\"\n        class=\"a-btn a-btn--icon-only -close\"\n      >\n        <pry-icon iconSvg=\"close\"></pry-icon>\n        <span class=\"u-visually-hidden\">{{ '@pry.action.close' | i18n }}</span>\n      </button>\n    </div>\n\n    <div class=\"o-settings__popup__content\" (click)=\"this.triggerClick.next()\">\n      <div class=\"m-form-label-field\">\n        <label class=\"a-label\" for=\"widget_title\">{{ '@pry.widget.settings.changeTitle' | i18n }}</label>\n        <input\n          class=\"a-form-field\"\n          id=\"widget_title\"\n          type=\"text\"\n          [value]=\"manifest?.title ?? ''\"\n          (input)=\"emitTitle($event)\"\n        />\n      </div>\n      <ng-content></ng-content>\n    </div>\n\n    <div class=\"o-settings__popup__footer\">\n      <button\n        (click)=\"saveAndClose()\"\n        [class.btn-primary__disable]=\"isDisable\"\n        [disabled]=\"isDisable\"\n        (keydown.tab)=\"focusElement(this.cross)\"\n        class=\"a-btn a-btn--primary\"\n        #validate\n      >\n        {{ '@pry.widget.settings.validateUpdating' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SettingsComponent, deps: [{ token: i1.Store }, { token: i2$1.Overlay }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SettingsComponent, selector: "pry-settings", inputs: { widgetIndex: "widgetIndex", isDisable: "isDisable", headerPresent: "headerPresent", open$: "open$", header: "header" }, outputs: { triggerClick: "triggerClick", saveTriggered: "saveTriggered", changeTitle: "changeTitle" }, viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, read: TemplateRef }, { propertyName: "cross", first: true, predicate: ["cross"], descendants: true }, { propertyName: "validate", first: true, predicate: ["validate"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<button\n  type=\"button\"\n  (click)=\"toggle()\"\n  class=\"a-btn a-btn--icon-text -settings a-tooltip\"\n  [attr.data-tooltip]=\"'@pry.widget.tooltip.openParameter' | i18n\"\n>\n  <pry-icon [height]=\"20\" [width]=\"20\" iconSvg=\"control\"></pry-icon>\n  <span>{{ '@pry.widget.settings.title' | i18n }}</span>\n</button>\n\n<ng-template #template>\n  <div class=\"o-settings__popup\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"dialog_setting\">\n    <div class=\"o-settings__popup__header\">\n      <h2 class=\"a-h2\">{{ '@pry.widget.settings.title' | i18n }}</h2>\n      <button\n        type=\"button\"\n        #cross\n        (keydown.shift.tab)=\"focusElement(this.validate)\"\n        (click)=\"toggle()\"\n        class=\"a-btn a-btn--icon-only -close\"\n      >\n        <pry-icon iconSvg=\"close\"></pry-icon>\n        <span class=\"u-visually-hidden\">{{ '@pry.action.close' | i18n }}</span>\n      </button>\n    </div>\n\n    <div class=\"o-settings__popup__content\" (click)=\"this.triggerClick.next()\">\n      <div class=\"m-form-label-field\">\n        <label class=\"a-label\" for=\"widget_title\">{{ '@pry.widget.settings.changeTitle' | i18n }}</label>\n        <input\n          class=\"a-form-field\"\n          id=\"widget_title\"\n          type=\"text\"\n          [value]=\"manifest?.title ?? ''\"\n          (input)=\"emitTitle($event)\"\n        />\n      </div>\n      <ng-content></ng-content>\n    </div>\n\n    <div class=\"o-settings__popup__footer\">\n      <button\n        (click)=\"saveAndClose()\"\n        [class.btn-primary__disable]=\"isDisable\"\n        [disabled]=\"isDisable\"\n        (keydown.tab)=\"focusElement(this.cross)\"\n        class=\"a-btn a-btn--primary\"\n        #validate\n      >\n        {{ '@pry.widget.settings.validateUpdating' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SettingsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SettingsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-settings', template: "<button\n  type=\"button\"\n  (click)=\"toggle()\"\n  class=\"a-btn a-btn--icon-text -settings a-tooltip\"\n  [attr.data-tooltip]=\"'@pry.widget.tooltip.openParameter' | i18n\"\n>\n  <pry-icon [height]=\"20\" [width]=\"20\" iconSvg=\"control\"></pry-icon>\n  <span>{{ '@pry.widget.settings.title' | i18n }}</span>\n</button>\n\n<ng-template #template>\n  <div class=\"o-settings__popup\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"dialog_setting\">\n    <div class=\"o-settings__popup__header\">\n      <h2 class=\"a-h2\">{{ '@pry.widget.settings.title' | i18n }}</h2>\n      <button\n        type=\"button\"\n        #cross\n        (keydown.shift.tab)=\"focusElement(this.validate)\"\n        (click)=\"toggle()\"\n        class=\"a-btn a-btn--icon-only -close\"\n      >\n        <pry-icon iconSvg=\"close\"></pry-icon>\n        <span class=\"u-visually-hidden\">{{ '@pry.action.close' | i18n }}</span>\n      </button>\n    </div>\n\n    <div class=\"o-settings__popup__content\" (click)=\"this.triggerClick.next()\">\n      <div class=\"m-form-label-field\">\n        <label class=\"a-label\" for=\"widget_title\">{{ '@pry.widget.settings.changeTitle' | i18n }}</label>\n        <input\n          class=\"a-form-field\"\n          id=\"widget_title\"\n          type=\"text\"\n          [value]=\"manifest?.title ?? ''\"\n          (input)=\"emitTitle($event)\"\n        />\n      </div>\n      <ng-content></ng-content>\n    </div>\n\n    <div class=\"o-settings__popup__footer\">\n      <button\n        (click)=\"saveAndClose()\"\n        [class.btn-primary__disable]=\"isDisable\"\n        [disabled]=\"isDisable\"\n        (keydown.tab)=\"focusElement(this.cross)\"\n        class=\"a-btn a-btn--primary\"\n        #validate\n      >\n        {{ '@pry.widget.settings.validateUpdating' | i18n }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n" }]
         }], ctorParameters: function () { return [{ type: i1.Store }, { type: i2$1.Overlay }, { type: i0.ViewContainerRef }]; }, propDecorators: { triggerClick: [{
@@ -9997,10 +10075,10 @@ class BaseFilterComponent extends SubscriptionnerDirective {
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: BaseFilterComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: BaseFilterComponent, selector: "pry-base-filter", inputs: { filter: "filter" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseFilterComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BaseFilterComponent, selector: "pry-base-filter", inputs: { filter: "filter" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: BaseFilterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseFilterComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-base-filter', template: '' }]
         }], ctorParameters: function () { return [{ type: i1.Store }]; }, propDecorators: { filter: [{
@@ -10056,10 +10134,10 @@ class FilterFactoryService {
     addFilterDefinitions(defs) {
         this.reference$.next({ ...this.reference$.getValue(), ...defs });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: FilterFactoryService, deps: [{ token: i0.Injector }, { token: FILTER_DEFINITION }, { token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: FilterFactoryService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterFactoryService, deps: [{ token: i0.Injector }, { token: FILTER_DEFINITION }, { token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterFactoryService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: FilterFactoryService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterFactoryService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -10103,10 +10181,10 @@ class FilterInstanciatorComponent extends SubscriptionnerDirective {
         super.ngOnDestroy();
         this.applySub?.unsubscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: FilterInstanciatorComponent, deps: [{ token: i1.Store }, { token: i0.Injector }, { token: FilterFactoryService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: FilterInstanciatorComponent, selector: "pry-filter-instanciator", inputs: { filter: "filter", applyFilter$: "applyFilter$" }, viewQueries: [{ propertyName: "filterContainerRef", first: true, predicate: ["filters"], descendants: true, read: ViewContainerRef }], usesInheritance: true, ngImport: i0, template: "<ng-template #filters></ng-template>\n" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterInstanciatorComponent, deps: [{ token: i1.Store }, { token: i0.Injector }, { token: FilterFactoryService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FilterInstanciatorComponent, selector: "pry-filter-instanciator", inputs: { filter: "filter", applyFilter$: "applyFilter$" }, viewQueries: [{ propertyName: "filterContainerRef", first: true, predicate: ["filters"], descendants: true, read: ViewContainerRef }], usesInheritance: true, ngImport: i0, template: "<ng-template #filters></ng-template>\n" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: FilterInstanciatorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterInstanciatorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-filter-instanciator', template: "<ng-template #filters></ng-template>\n" }]
         }], ctorParameters: function () { return [{ type: i1.Store }, { type: i0.Injector }, { type: FilterFactoryService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { filter: [{
@@ -10119,10 +10197,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
             }] } });
 
 class PryFilterGroupCssComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryFilterGroupCssComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PryFilterGroupCssComponent, selector: "pry-filter-group-css", ngImport: i0, template: '', isInline: true, styles: [".o-container{height:100%}.o-container__filters{display:flex;padding:.5rem .625rem;max-height:60px;gap:.625rem}.o-container__filter-container{display:flex;justify-content:flex-start;margin-bottom:-.3125rem;max-height:60px;padding:.25rem 0;overflow-x:auto;overflow-y:hidden}.o-container__filter-container:has(ng-dropdown-panel.ng-dropdown-panel){padding-bottom:350px;background-clip:content-box,padding-box;overflow-x:hidden}.o-container__filter-container--ng-select-open{padding-bottom:350px;background-clip:content-box,padding-box}.o-container__filter-actions{display:flex;align-items:center;gap:.625rem;padding:0 .625rem}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryFilterGroupCssComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PryFilterGroupCssComponent, selector: "pry-filter-group-css", ngImport: i0, template: '', isInline: true, styles: [".o-container{height:100%}.o-container__filters{display:flex;padding:.5rem .625rem;max-height:60px;gap:.625rem}.o-container__filter-container{display:flex;justify-content:flex-start;margin-bottom:-.3125rem;max-height:60px;padding:.25rem 0;overflow-x:auto;overflow-y:hidden}.o-container__filter-container:has(ng-dropdown-panel.ng-dropdown-panel){padding-bottom:350px;background-clip:content-box,padding-box;overflow-x:hidden}.o-container__filter-container--ng-select-open{padding-bottom:350px;background-clip:content-box,padding-box}.o-container__filter-actions{display:flex;align-items:center;gap:.625rem;padding:0 .625rem}\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryFilterGroupCssComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryFilterGroupCssComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-filter-group-css', template: '', encapsulation: ViewEncapsulation.None, styles: [".o-container{height:100%}.o-container__filters{display:flex;padding:.5rem .625rem;max-height:60px;gap:.625rem}.o-container__filter-container{display:flex;justify-content:flex-start;margin-bottom:-.3125rem;max-height:60px;padding:.25rem 0;overflow-x:auto;overflow-y:hidden}.o-container__filter-container:has(ng-dropdown-panel.ng-dropdown-panel){padding-bottom:350px;background-clip:content-box,padding-box;overflow-x:hidden}.o-container__filter-container--ng-select-open{padding-bottom:350px;background-clip:content-box,padding-box}.o-container__filter-actions{display:flex;align-items:center;gap:.625rem;padding:0 .625rem}\n"] }]
         }] });
@@ -10148,10 +10226,10 @@ class FilterGroupComponent {
                 .querySelector('.o-container__filter-container')
                 ?.contains(document.querySelector('ng-dropdown-panel.ng-dropdown-panel')) || false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: FilterGroupComponent, deps: [{ token: i1.Store }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: FilterGroupComponent, selector: "pry-filter-group", ngImport: i0, template: "<pry-filter-group-css></pry-filter-group-css>\n  <ng-container *ngIf=\"globalManifest$ | async as manifest\">\n    <div class=\"o-container__filters\" *ngIf=\"manifest.filters && manifest.filters.length > 0\">\n      <div class=\"o-container__filter-container\" (click)=\"openSelect()\" [class.o-container__filter-container--ng-select-open]=\"isSelectOpen\">\n        <pry-filter-instanciator\n          *ngFor=\"let filter of manifest.filters\"\n          [filter]=\"filter\"\n          [applyFilter$]=\"apply$\"\n        ></pry-filter-instanciator>\n      </div>\n      <div class=\"o-container__filter-actions\">\n        <button type=\"button\" class=\"a-btn a-btn--secondary a-btn--icon-only -size-md\" (click)=\"clearFilters()\">\n          <pry-icon iconSvg=\"clear_filter\"></pry-icon>\n        </button>\n        <button type=\"button\" class=\"a-btn a-btn--primary -size-md\" (click)=\"filter()\">\n          {{ '@pry.toolbox.filter' | i18n }}\n          <pry-icon iconSvg=\"refresh_filter\"></pry-icon>\n        </button>\n      </div>\n    </div>\n  </ng-container>\n\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: FilterInstanciatorComponent, selector: "pry-filter-instanciator", inputs: ["filter", "applyFilter$"] }, { kind: "component", type: PryFilterGroupCssComponent, selector: "pry-filter-group-css" }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterGroupComponent, deps: [{ token: i1.Store }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FilterGroupComponent, selector: "pry-filter-group", ngImport: i0, template: "<pry-filter-group-css></pry-filter-group-css>\n  <ng-container *ngIf=\"globalManifest$ | async as manifest\">\n    <div class=\"o-container__filters\" *ngIf=\"manifest.filters && manifest.filters.length > 0\">\n      <div class=\"o-container__filter-container\" (click)=\"openSelect()\" [class.o-container__filter-container--ng-select-open]=\"isSelectOpen\">\n        <pry-filter-instanciator\n          *ngFor=\"let filter of manifest.filters\"\n          [filter]=\"filter\"\n          [applyFilter$]=\"apply$\"\n        ></pry-filter-instanciator>\n      </div>\n      <div class=\"o-container__filter-actions\">\n        <button type=\"button\" class=\"a-btn a-btn--secondary a-btn--icon-only -size-md\" (click)=\"clearFilters()\">\n          <pry-icon iconSvg=\"clear_filter\"></pry-icon>\n        </button>\n        <button type=\"button\" class=\"a-btn a-btn--primary -size-md\" (click)=\"filter()\">\n          {{ '@pry.toolbox.filter' | i18n }}\n          <pry-icon iconSvg=\"refresh_filter\"></pry-icon>\n        </button>\n      </div>\n    </div>\n  </ng-container>\n\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: FilterInstanciatorComponent, selector: "pry-filter-instanciator", inputs: ["filter", "applyFilter$"] }, { kind: "component", type: PryFilterGroupCssComponent, selector: "pry-filter-group-css" }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: FilterGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-filter-group', template: "<pry-filter-group-css></pry-filter-group-css>\n  <ng-container *ngIf=\"globalManifest$ | async as manifest\">\n    <div class=\"o-container__filters\" *ngIf=\"manifest.filters && manifest.filters.length > 0\">\n      <div class=\"o-container__filter-container\" (click)=\"openSelect()\" [class.o-container__filter-container--ng-select-open]=\"isSelectOpen\">\n        <pry-filter-instanciator\n          *ngFor=\"let filter of manifest.filters\"\n          [filter]=\"filter\"\n          [applyFilter$]=\"apply$\"\n        ></pry-filter-instanciator>\n      </div>\n      <div class=\"o-container__filter-actions\">\n        <button type=\"button\" class=\"a-btn a-btn--secondary a-btn--icon-only -size-md\" (click)=\"clearFilters()\">\n          <pry-icon iconSvg=\"clear_filter\"></pry-icon>\n        </button>\n        <button type=\"button\" class=\"a-btn a-btn--primary -size-md\" (click)=\"filter()\">\n          {{ '@pry.toolbox.filter' | i18n }}\n          <pry-icon iconSvg=\"refresh_filter\"></pry-icon>\n        </button>\n      </div>\n    </div>\n  </ng-container>\n\n" }]
         }], ctorParameters: function () { return [{ type: i1.Store }, { type: Document, decorators: [{
@@ -10241,10 +10319,10 @@ class ManifestService {
             .select(ConfigSelectors.refUrl)
             .pipe(mergeMap((url) => this.httpClient.delete(encodeURI(`${url}/users/me/dashboards/id/${presentationId}/metadata/id/${metadataId}`))));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ManifestService, deps: [{ token: i1$2.HttpClient }, { token: i1.Store }, { token: PrySnackbarService }, { token: PryI18nService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ManifestService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ManifestService, deps: [{ token: i1$2.HttpClient }, { token: i1.Store }, { token: PrySnackbarService }, { token: PryI18nService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ManifestService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ManifestService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ManifestService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -10275,10 +10353,10 @@ class DefaultViewGuard {
             return of(true);
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: DefaultViewGuard, deps: [{ token: ManifestService }, { token: i2.Router }, { token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: DefaultViewGuard }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DefaultViewGuard, deps: [{ token: ManifestService }, { token: i2.Router }, { token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DefaultViewGuard }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: DefaultViewGuard, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DefaultViewGuard, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: ManifestService }, { type: i2.Router }, { type: i1.Store }]; } });
 
@@ -10304,10 +10382,10 @@ class DashboardInitService {
             this.router.config.push({ path: this.baseConfig.path, component: DashboardComponent });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: DashboardInitService, deps: [{ token: i1.Store }, { token: i2.Router }, { token: BASE_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: DashboardInitService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DashboardInitService, deps: [{ token: i1.Store }, { token: i2.Router }, { token: BASE_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DashboardInitService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: DashboardInitService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DashboardInitService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -10340,10 +10418,10 @@ class PryTitleService {
             : '';
         this.title.setTitle(`${nextTitle} ${pageNumber}`);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryTitleService, deps: [{ token: i3.Title }, { token: PryI18nService }, { token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryTitleService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryTitleService, deps: [{ token: i3.Title }, { token: PryI18nService }, { token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryTitleService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryTitleService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryTitleService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -10361,20 +10439,25 @@ class RefreshService {
         if (!this.subscription) {
             this.subscription = interval(1000)
                 .pipe(withLatestFrom(this.store.select(DashboardSelectors.refreshRates), this.store.select(DashboardSelectors.manifestDatasources)), map$1(([interval, refreshRates, datasources]) => Object.keys(refreshRates)
-                .filter((key) => datasources.includes(key))
+                .filter((key) => datasources.map((ds) => ds.datasetId).includes(key))
                 .filter((key) => refreshRates[key] !== undefined && refreshRates[key] !== 0)
-                .filter((key) => interval % refreshRates[key] === 0)), filter((rs) => rs.length > 0))
+                .filter((key) => interval % refreshRates[key] === 0)
+                .map((dsId) => datasources.find((ds) => ds.datasetId === dsId))), filter((rs) => rs.length > 0))
                 .subscribe((resultSetsToUpdate) => {
                 resultSetsToUpdate.forEach((rs) => {
-                    this.store.dispatch(SearchActions.getDatasourceItems({ id: rs }));
+                    this.store.dispatch(SearchActions.getDatasourceItems({
+                        id: rs.datasetId,
+                        excludeGeo: rs.excludeGeo,
+                        from: 'RefreshService.start()'
+                    }));
                 });
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: RefreshService, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: RefreshService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RefreshService, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RefreshService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: RefreshService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RefreshService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -10419,10 +10502,10 @@ class WmsService {
     getWmsFeatures(url) {
         return this.httpClient.get(url).pipe(map((json) => json));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: WmsService, deps: [{ token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: WmsService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WmsService, deps: [{ token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WmsService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: WmsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WmsService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -10513,25 +10596,35 @@ class DashboardEffects {
                         .map((widManifest) => this.widgetFactoryService.aggregatesToAutoLoad(widManifest))
                         .reduce((p, c) => [...p, ...c], []))
                 ].map((ds) => DashboardActions.triggerAggregate({ id: ds }));
-                const toItemsActions = [
-                    ...new Set(manifest.windows
-                        .map((winManifest) => (winManifest ?? {}).widgets ?? [])
-                        .reduce((p, c) => [...p, ...c], [])
-                        .map((widManifest) => this.widgetFactoryService.datasourcesToAutoLoad(widManifest))
-                        .reduce((p, c) => [...p, ...c], []))
-                ]
-                    .filter((resultSet) => !!resultSet &&
-                    resultSet !== '' &&
-                    (!resultSets[resultSet] ||
-                        resultSetsParams[resultSet] !== this.searchService.getItemsSerializedParams(resultSet, quickOrder)))
-                    .map((resultSet) => SearchActions.getDatasourceItems({ id: resultSet }));
+                const toItemsActions = Object.values(manifest.windows
+                    .map((winManifest) => (winManifest ?? {}).widgets ?? [])
+                    .reduce((p, c) => [...p, ...c], [])
+                    .map((widManifest) => this.widgetFactoryService.datasourcesToAutoLoad(widManifest))
+                    .flat()
+                    .reduce((p, c) => ({ ...p, [c.datasetId]: { ...p[c.datasetId], ...c } }), {}))
+                    .filter((resultSet) => !!resultSet.datasetId &&
+                    resultSet.datasetId !== '' &&
+                    (!resultSets[resultSet.datasetId] ||
+                        resultSetsParams[resultSet.datasetId] !==
+                            this.searchService.getItemsSerializedParams(resultSet.datasetId, quickOrder)))
+                    .map((resultSet) => SearchActions.getDatasourceItems({
+                    id: resultSet.datasetId,
+                    excludeGeo: resultSet.excludeGeo,
+                    from: 'DashboardEffects.assertResultSets$-1'
+                }));
                 return [...toItemsActions, ...toAggregateActions];
             }
             else {
                 // @ts-ignore
                 if (!resultSets[action.id]) {
-                    // @ts-ignore
-                    return [SearchActions.getDatasourceItems({ id: action.id })];
+                    return [
+                        SearchActions.getDatasourceItems({
+                            // @ts-ignore
+                            id: action.id,
+                            excludeGeo: true,
+                            from: 'DashboardEffects.assertResultSets$-2'
+                        })
+                    ];
                 }
                 return [];
             }
@@ -10733,10 +10826,15 @@ class DashboardEffects {
             return DashboardActions.updateManifest({ manifest: manifestGlobal, selectedIds });
         })));
         this.multiSnackBar$ = createEffect(() => this.actions$.pipe(ofType(DashboardActions.multiSnackBar), tap((action) => this.snackBar.open(action.message))), { dispatch: false });
-        this.relaunchAfterOrder$ = createEffect(() => this.actions$.pipe(ofType(DashboardActions.quickOrder), map$1((action) => SearchActions.getDatasourceItems({ id: action.datasourceId }))));
+        this.relaunchAfterOrder$ = createEffect(() => this.actions$.pipe(ofType(DashboardActions.quickOrder), map$1((action) => SearchActions.getDatasourceItems({
+            id: action.datasourceId,
+            excludeGeo: true,
+            from: 'DashboardEffects.relaunchAfterOrder$'
+        }))));
         this.propagateGridLayout$ = createEffect(() => this.actions$.pipe(ofType(DashboardActions.setGridLayout), withLatestFrom(this.store.select(DashboardSelectors.rank), this.store.select(DashboardSelectors.windowManifest)), map$1(([action, rank, windowManifest]) => DashboardActions.propagateGridLayout({ manifest: windowManifest, rank }))));
         this.toggleEditionModeIfNotManual$ = createEffect(() => this.actions$.pipe(ofType(DashboardActions.setGridLayout), filter$1((action) => action.layout !== DashboardGridLayout.MANUAL), map$1(() => DashboardActions.toggleEditionMode({ force: false }))));
-        this.getCapability$ = createEffect(() => this.actions$.pipe(ofType(DashboardActions.getCapability), debounceTime$1(100), withLatestFrom(this.store.select(DashboardSelectors.capabilities)), filter$1(([action, capabilities]) => (!!capabilities && !!action.url && !capabilities[action.url]) || !!action.force), mergeMap$1(([action, _]) => this.wmsService.getCapabilities(action.url).pipe(map$1((capability) => DashboardActions.updateCapability({ url: action.url, capability })), startWith(DashboardActions.updateCapability({ url: action.url, capability: null }))))));
+        this.getCapability$ = createEffect(() => this.actions$.pipe(ofType(DashboardActions.getCapability), withLatestFrom(this.store.select(DashboardSelectors.capabilities)), filter$1(([action, capabilities]) => (!!capabilities && !!action.url && (!capabilities[action.url] || !capabilities[action.url].doc)) ||
+            !!action.force), mergeMap$1(([action, _]) => this.wmsService.getCapabilities(action.url).pipe(map$1((capability) => DashboardActions.updateCapability({ url: action.url, capability })), startWith(DashboardActions.updateCapability({ url: action.url, capability: null }))))));
         this.getWmsFeatures = createEffect(() => this.actions$.pipe(ofType(DashboardActions.getWmsFeatures), mergeMap$1((action) => combineLatest([of(action), this.wmsService.getWmsFeatures(action.url)])), map$1(([action, json]) => {
             return DashboardActions.addWmsFeatures({
                 features: json.features.map((feature) => {
@@ -10763,16 +10861,34 @@ class DashboardEffects {
             }
             return throwError(() => error);
         })))));
-        this.deleteManifestMetadata = createEffect(() => this.actions$.pipe(ofType(DashboardActions.deleteManifestMetadata), mergeMap$1((action) => this.manifestService
+        this.deleteManifestMetadata$ = createEffect(() => this.actions$.pipe(ofType(DashboardActions.deleteManifestMetadata), mergeMap$1((action) => this.manifestService
             .deleteMetadata(action.presentationId, action.metadataId)
             .pipe(map$1(() => DashboardActions.fetchManifestsList())))));
+        this.loadPresentation$ = createEffect(() => this.actions$.pipe(ofType(DashboardActions.loadPresentation), tap(() => this.store.dispatch(DashboardActions.updateManifest({
+            manifest: { windows: [] },
+            selectedIds: []
+        }))), tap((action) => this.store.dispatch(DashboardActions.selectPresentation({
+            presentation: action.presentation,
+            viewMode: ViewMode.CATALOG
+        }))), tap((action) => this.titleService.changeTitle(action.presentation.name)), mergeMap$1((action) => this.manifestService.get(action.presentation.id).pipe(mergeMap$1((manifest) => [
+            DashboardActions.updateManifest({
+                manifest,
+                selectedIds: [],
+                manifestId: action.presentation.id
+            }),
+            DashboardActions.setInitialPresentation({
+                initial: manifest
+            }),
+            DashboardActions.updateDisplayOptions({ mode: DisplayMode.CONSULT }),
+            DashboardActions.followManifestRoute()
+        ])))));
         dashboardInitService.init();
         refreshService.start();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: DashboardEffects, deps: [{ token: DashboardInitService }, { token: i1$3.Actions }, { token: i1.Store }, { token: ManifestService }, { token: ItemService }, { token: PryTitleService }, { token: PryI18nService }, { token: PrySnackbarService }, { token: i2.Router }, { token: RefreshService }, { token: ToolboxManifestService }, { token: BusService }, { token: SearchService }, { token: PryDialogService }, { token: WmsService }, { token: WidgetFactoryService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: DashboardEffects }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DashboardEffects, deps: [{ token: DashboardInitService }, { token: i1$3.Actions }, { token: i1.Store }, { token: ManifestService }, { token: ItemService }, { token: PryTitleService }, { token: PryI18nService }, { token: PrySnackbarService }, { token: i2.Router }, { token: RefreshService }, { token: ToolboxManifestService }, { token: BusService }, { token: SearchService }, { token: PryDialogService }, { token: WmsService }, { token: WidgetFactoryService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DashboardEffects }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: DashboardEffects, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DashboardEffects, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: DashboardInitService }, { type: i1$3.Actions }, { type: i1.Store }, { type: ManifestService }, { type: ItemService }, { type: PryTitleService }, { type: PryI18nService }, { type: PrySnackbarService }, { type: i2.Router }, { type: RefreshService }, { type: ToolboxManifestService }, { type: BusService }, { type: SearchService }, { type: PryDialogService }, { type: WmsService }, { type: WidgetFactoryService }]; } });
 
@@ -11426,10 +11542,10 @@ class BaseTooltipComponent extends SubscriptionnerDirective {
         this.class = 'm-tooltip__item';
         this.data = {};
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: BaseTooltipComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: BaseTooltipComponent, selector: "pry-tooltip-widget", host: { properties: { "class": "this.class" } }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseTooltipComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BaseTooltipComponent, selector: "pry-tooltip-widget", host: { properties: { "class": "this.class" } }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: BaseTooltipComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseTooltipComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-tooltip-widget', template: '' }]
         }], propDecorators: { class: [{
@@ -11438,10 +11554,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
             }] } });
 
 class DefaultTooltipComponent extends BaseTooltipComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: DefaultTooltipComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: DefaultTooltipComponent, selector: "pry-default-tooltip", usesInheritance: true, ngImport: i0, template: "<div class=\"m-tooltip__item__content\">\n  <ng-container *ngIf=\"data.item.properties; else defaultTooltip\">\n    <p *ngFor=\"let property of data.item.properties\">\n      <span>{{ property.key | titlecase }} :</span> {{ property.value }}\n    </p>\n  </ng-container>\n</div>\n<ng-template #defaultTooltip>\n  <h3 class=\"a-h3 -attribute\">\n    <img\n      [src]=\"data.item | translateItemToSymbol | async\"\n      [alt]=\"data.item.oClass | translateId : { type: 'class', output: 'name' } | async\"\n      width=\"32\"\n      aria-hidden=\"true\"\n    />\n    <span>{{ data.item.oClass | translateId : { type: 'class', output: 'name' } | async }}</span>\n  </h3>\n  <p>\n    <span>{{ '@pry.widget.itemId' | i18n }} :</span> {{ data.item?.id }}\n  </p>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: TranslateIdPipe, name: "translateId" }, { kind: "pipe", type: TranslateItemToSymbolPipe, name: "translateItemToSymbol" }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DefaultTooltipComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DefaultTooltipComponent, selector: "pry-default-tooltip", usesInheritance: true, ngImport: i0, template: "<div class=\"m-tooltip__item__content\">\n  <ng-container *ngIf=\"data.item.properties; else defaultTooltip\">\n    <p *ngFor=\"let property of data.item.properties\">\n      <span>{{ property.key | titlecase }} :</span> {{ property.value }}\n    </p>\n  </ng-container>\n</div>\n<ng-template #defaultTooltip>\n  <h3 class=\"a-h3 -attribute\">\n    <img\n      [src]=\"data.item | translateItemToSymbol | async\"\n      [alt]=\"data.item.oClass | translateId : { type: 'class', output: 'name' } | async\"\n      width=\"32\"\n      aria-hidden=\"true\"\n    />\n    <span>{{ data.item.oClass | translateId : { type: 'class', output: 'name' } | async }}</span>\n  </h3>\n  <p>\n    <span>{{ '@pry.widget.itemId' | i18n }} :</span> {{ data.item?.id }}\n  </p>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: TranslateIdPipe, name: "translateId" }, { kind: "pipe", type: TranslateItemToSymbolPipe, name: "translateItemToSymbol" }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: DefaultTooltipComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DefaultTooltipComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-default-tooltip', template: "<div class=\"m-tooltip__item__content\">\n  <ng-container *ngIf=\"data.item.properties; else defaultTooltip\">\n    <p *ngFor=\"let property of data.item.properties\">\n      <span>{{ property.key | titlecase }} :</span> {{ property.value }}\n    </p>\n  </ng-container>\n</div>\n<ng-template #defaultTooltip>\n  <h3 class=\"a-h3 -attribute\">\n    <img\n      [src]=\"data.item | translateItemToSymbol | async\"\n      [alt]=\"data.item.oClass | translateId : { type: 'class', output: 'name' } | async\"\n      width=\"32\"\n      aria-hidden=\"true\"\n    />\n    <span>{{ data.item.oClass | translateId : { type: 'class', output: 'name' } | async }}</span>\n  </h3>\n  <p>\n    <span>{{ '@pry.widget.itemId' | i18n }} :</span> {{ data.item?.id }}\n  </p>\n</ng-template>\n" }]
         }] });
@@ -11504,10 +11620,10 @@ class TooltipFactoryService {
     addTooltipDefinitions(defs) {
         this.reference$.next({ ...this.reference$.getValue(), ...defs });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: TooltipFactoryService, deps: [{ token: i0.Injector }, { token: TOOLTIP_DEFINITION }, { token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: TooltipFactoryService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipFactoryService, deps: [{ token: i0.Injector }, { token: TOOLTIP_DEFINITION }, { token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipFactoryService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: TooltipFactoryService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipFactoryService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -11561,8 +11677,11 @@ class PryDashboardModule {
             ]
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryDashboardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: PryDashboardModule, declarations: [DashboardComponent,
+    constructor(store) {
+        ProxyUtils.init(store);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryDashboardModule, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PryDashboardModule, declarations: [DashboardComponent,
             WidgetInstanciatorComponent,
             WidgetPlaceholderComponent,
             SettingsComponent,
@@ -11608,7 +11727,7 @@ class PryDashboardModule {
             FilterInstanciatorComponent,
             FilterGroupComponent,
             DatasourceSelectorComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryDashboardModule, providers: [WidgetFactoryService], imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryDashboardModule, providers: [WidgetFactoryService], imports: [CommonModule,
             FormsModule,
             PrySelectModule,
             PryIconModule,
@@ -11622,7 +11741,7 @@ class PryDashboardModule {
             PryDatePickerModule,
             PryI18nModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PryDashboardModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PryDashboardModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [...components, PryFilterGroupCssComponent],
@@ -11644,17 +11763,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
                     exports: [...components],
                     providers: [WidgetFactoryService]
                 }]
-        }] });
+        }], ctorParameters: function () { return [{ type: i1.Store }]; } });
 
 class BaseWidgetModule {
     getComponent() {
         return WidgetPlaceholderComponent;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: BaseWidgetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: BaseWidgetModule }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: BaseWidgetModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseWidgetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: BaseWidgetModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseWidgetModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: BaseWidgetModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseWidgetModule, decorators: [{
             type: NgModule,
             args: [{}]
         }] });
@@ -11683,11 +11802,11 @@ class BaseTooltipModule {
     getComponent() {
         return DefaultTooltipComponent;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: BaseTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: BaseTooltipModule }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: BaseTooltipModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: BaseTooltipModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseTooltipModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: BaseTooltipModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseTooltipModule, decorators: [{
             type: NgModule,
             args: [{}]
         }] });
@@ -11716,11 +11835,11 @@ class BaseFilterModule {
     getComponent() {
         throw new Error('Should implement a custom filter');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: BaseFilterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: BaseFilterModule }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: BaseFilterModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseFilterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: BaseFilterModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseFilterModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: BaseFilterModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseFilterModule, decorators: [{
             type: NgModule,
             args: [{}]
         }] });
@@ -11753,5 +11872,5 @@ function filterLoader(module, prop) {
  * Generated bundle index. Do not edit.
  */
 
-export { AccordionComponent, AccordionItemComponent, Aggregation, BaseFilterComponent, BaseFilterModule, BaseLayoutComponent, BaseMenuComponent, BaseToolboxComponent, BaseTooltipComponent, BaseTooltipModule, BaseWidgetComponent, BaseWidgetModule, BusService, CategoryActions, CategorySelectors, CategoryService, ChartOptionDefault, ClassActions, ClassSelectors, ClassService, ConfigActions, ConfigSelectors, ConfigService, ContextMenuActions, ContextMenuComponent, ContextMenuSelectors, DEFAULT_CATEGORY_UUID, DEFAULT_COLUMNS_NUMBER, DEFAULT_GAP_PX, DEFAULT_ICON_URL, DEFAULT_MSG_TIMEOUT, DEFAULT_NAMED_QUERY_ID, DEFAULT_PROJECTION, DEFAULT_RESTITUTION_ICON_URL, DEFAULT_ROWS_NUMBER, DEFAULT_ROW_HEIGHT_PX, DELAY_FOR_HIDE, DashboardActions, DashboardComponent, DashboardGridLayout, DashboardSelectors, DataSourceActions, DataSourceSelectors, DataSourceService, DataWidgetComponent, DatasourceSelectorComponent, DatasourceUtils, DateRangeHighlightPipe, DateUtils, DefaultTooltipComponent, DefaultViewGuard, DisplayMode, ENV_OPTIONS, EXPLORE_NAMED_QUERY_ID, FIELD_OPTIONS, FIELD_UUID, FILTERS_DOMAIN, FILTER_DEFINITION, FieldActions, FieldSelectors, FieldService, FieldType, FilterFactoryService, FilterGroupComponent, FilterInstanciatorComponent, GeoMetadata, GeometricFieldTypes, GetSecuredImagePipe, GraphType, HTTP_ORIGIN_METADATA, I18nPipe, INTERNALLY_STORED_IMAGE_PREFIX, IconPosition, ImageActions, ImageService, ImagesSelectors, ItemUtils, LibraryTypes, LoopScrollColumnComponent, METADATA_TYPE, META_OPTIONS, MIME_TYPE_RESULTSET, MIME_TYPE_WIDGET_MANIFEST, MIME_TYPE_WIDGET_SIZE, MIME_TYPE_WIDGET_TYPE, ManifestService, ManifestUtils, ManifestsComponent, MarkSubType, MarkType, MetadataComponent, NamedQueryTypes, OPERATOR_OPTIONS, Operation, PRY_ACCESS_GUARD, PRY_ACCESS_TOKEN, PRY_CUSTOMEVENT_TYPE, PRY_DIALOG_DATA, PRY_GEOAUTH_TOKEN, PryAboutComponent, PryAboutModule, PryAccessDirective, PryAccessUtils, PryAggregationService, PryBackendAggregationService, PryBaseAccess, PryBaseAccessGuard, PryCoreModule, PryDashboardModule, PryDatasetType, PryDatePickerComponent, PryDatePickerModule, PryDefaultAccessGuard, PryDefaultAccessService, PryDefaultGeoAuthService, PryDialogConfirmComponent, PryDialogRef, PryDialogService, PryEditInputComponent, PryEditInputModule, PryFilterGroupCssComponent, PryFrontendAggregationService, PryGeoAuthService, PryHiddenWhenOverlay, PryHiddenWhenOverlayDirective, PryHttpErrorInterceptorService, PryI18nModule, PryI18nService, PryIconComponent, PryIconModule, PryModalComponent, PryModalModule, PryModalStatusComponent, PryModalStatusModule, PryNqColorSelectorComponent, PryObjectEditionComponent, PryOverlayDirective, PryOverlayModule, PryRangeComponent, PryRangeModule, PrySelectComponent, PrySelectImageComponent, PrySelectModule, PryShareComponent, PryShareModule, PrySnackbarComponent, PrySnackbarModule, PrySnackbarService, PrySortDataPipe, PrySortHeaderComponent, PrySortHeaderDirective, PrySortModule, PrySortTableDirective, PryTimePickerComponent, PryTitleService, PryToggleComponent, PryToggleModule, PryUploadComponent, PryVisibilityType, PryWidgetHeaderComponent, RawService, RelationTypesActions, RelationTypesSelectors, RelationTypesService, ResultSetSizePipe, ResultsetUtils, SYMBOL_DOMAIN, SearchActions, SearchSelectors, SearchService, SettingsComponent, SubscriptionnerDirective, SymbolService, TABLE_ATTR_DOMAIN, TILE_ATTR_DOMAIN, TOOLTIPS_DOMAIN, TOOLTIP_DEFINITION, TabComponent, TabGroupComponent, ToolboxManifestService, ToolboxMenuService, TooltipFactoryService, TooltipMode, TranslateIdPipe, TranslateItemToSymbolPipe, UNKNOWN_DATASOURCE, USE_CURRENT_RESULTSET, VARIABLE_TYPE, VegaColorType, VegaType, ViewMode, VizualizeRawComponent, WIDGET_DEFINITION, WIDGET_HEADER_HEIGHT, WebsocketService, WidgetFactoryService, WidgetInstanciatorComponent, WidgetPlaceholderComponent, WidgetPlacementUtils, WmsService, adapter$2 as adapter, aggregationDefault, baseItemProperties, classReducer, classesFeatureKey, compareOperationFunctions, contextMenuFeatureKey, contextMenuReducer, createPlacedWidgetCopy, dashboardFeatureKey, dashboardInitialState, dashboardReducer, dataSourceFeatureKey, dataSourceReducer, deepMerge, defaultColors, defaultMenuStructure, enTranslations$1 as enTranslations, filterLoader, frTranslations$1 as frTranslations, getDisplayOptions, httpErrorOptions, imageFeatureKey, imageReducer, initialClassState, initialContextMenuState, initialDataSourceState, initialImageState, initialSearchState, latLonToGeographicFieldTransformation, markTypesDefault, notificationFeatureKey, orderWidgetsAccordingToPlacement, searchFeatureKey, searchReducer, selectAll$2 as selectAll, selectEntities$2 as selectEntities, selectIds$2 as selectIds, selectTotal$2 as selectTotal, solveCollisions, solvingCollisionOptions, sortByName$2 as sortByName, subTypesDefault, tooltipLoader, vegaColorSchemesDefault, widgetLoader, widgetMapConfig };
+export { AccordionComponent, AccordionItemComponent, Aggregation, BaseFilterComponent, BaseFilterModule, BaseLayoutComponent, BaseMenuComponent, BaseToolboxComponent, BaseTooltipComponent, BaseTooltipModule, BaseWidgetComponent, BaseWidgetModule, BusService, CategoryActions, CategorySelectors, CategoryService, ChartOptionDefault, ClassActions, ClassSelectors, ClassService, ConfigActions, ConfigSelectors, ConfigService, ContextMenuActions, ContextMenuComponent, ContextMenuSelectors, DEFAULT_CATEGORY_UUID, DEFAULT_COLUMNS_NUMBER, DEFAULT_GAP_PX, DEFAULT_ICON_URL, DEFAULT_MSG_TIMEOUT, DEFAULT_NAMED_QUERY_ID, DEFAULT_PROJECTION, DEFAULT_RESTITUTION_ICON_URL, DEFAULT_ROWS_NUMBER, DEFAULT_ROW_HEIGHT_PX, DELAY_FOR_HIDE, DashboardActions, DashboardComponent, DashboardGridLayout, DashboardSelectors, DataSourceActions, DataSourceSelectors, DataSourceService, DataWidgetComponent, DatasourceSelectorComponent, DatasourceUtils, DateRangeHighlightPipe, DateUtils, DefaultTooltipComponent, DefaultViewGuard, DisplayMode, ENV_OPTIONS, EXPLORE_NAMED_QUERY_ID, FIELD_OPTIONS, FIELD_UUID, FILTERS_DOMAIN, FILTER_DEFINITION, FieldActions, FieldSelectors, FieldService, FieldType, FilterFactoryService, FilterGroupComponent, FilterInstanciatorComponent, GeoMetadata, GeometricFieldTypes, GetSecuredImagePipe, GraphType, HTTP_ORIGIN_METADATA, I18nPipe, INTERNALLY_STORED_IMAGE_PREFIX, IconPosition, ImageActions, ImageService, ImagesSelectors, ItemUtils, LibraryTypes, LoopScrollColumnComponent, METADATA_TYPE, META_OPTIONS, MIME_TYPE_RESULTSET, MIME_TYPE_WIDGET_MANIFEST, MIME_TYPE_WIDGET_SIZE, MIME_TYPE_WIDGET_TYPE, ManifestService, ManifestUtils, ManifestsComponent, MarkSubType, MarkType, MetadataComponent, NamedQueryTypes, NumericFieldTypes, OPERATOR_OPTIONS, Operation, PRY_ACCESS_GUARD, PRY_ACCESS_TOKEN, PRY_CUSTOMEVENT_TYPE, PRY_DIALOG_DATA, PRY_GEOAUTH_TOKEN, PryAboutComponent, PryAboutModule, PryAccessDirective, PryAccessUtils, PryAggregationService, PryBackendAggregationService, PryBaseAccess, PryBaseAccessGuard, PryCoreModule, PryDashboardModule, PryDatasetType, PryDatePickerComponent, PryDatePickerModule, PryDefaultAccessGuard, PryDefaultAccessService, PryDefaultGeoAuthService, PryDialogConfirmComponent, PryDialogRef, PryDialogService, PryEditInputComponent, PryEditInputModule, PryFilterGroupCssComponent, PryFrontendAggregationService, PryGeoAuthService, PryHiddenWhenOverlay, PryHiddenWhenOverlayDirective, PryHttpErrorInterceptorService, PryI18nModule, PryI18nService, PryIconComponent, PryIconModule, PryModalComponent, PryModalModule, PryModalStatusComponent, PryModalStatusModule, PryNqColorSelectorComponent, PryObjectEditionComponent, PryOverlayDirective, PryOverlayModule, PryRangeComponent, PryRangeModule, PrySelectComponent, PrySelectImageComponent, PrySelectModule, PryShareComponent, PryShareModule, PrySnackbarComponent, PrySnackbarModule, PrySnackbarService, PrySortDataPipe, PrySortHeaderComponent, PrySortHeaderDirective, PrySortModule, PrySortTableDirective, PryTimePickerComponent, PryTitleService, PryToggleComponent, PryToggleModule, PryUploadComponent, PryVisibilityType, PryWidgetHeaderComponent, RawService, RelationTypesActions, RelationTypesSelectors, RelationTypesService, ResultSetSizePipe, ResultsetUtils, SYMBOL_DOMAIN, SearchActions, SearchSelectors, SearchService, SettingsComponent, SubscriptionnerDirective, SymbolService, TABLE_ATTR_DOMAIN, TILE_ATTR_DOMAIN, TOOLTIPS_DOMAIN, TOOLTIP_DEFINITION, TabComponent, TabGroupComponent, ToolboxManifestService, ToolboxMenuService, TooltipFactoryService, TooltipMode, TranslateIdPipe, TranslateItemToSymbolPipe, UNKNOWN_DATASOURCE, USE_CURRENT_RESULTSET, VARIABLE_TYPE, VegaColorType, VegaType, ViewMode, VizualizeRawComponent, WIDGET_DEFINITION, WIDGET_HEADER_HEIGHT, WebsocketService, WidgetFactoryService, WidgetInstanciatorComponent, WidgetPlaceholderComponent, WidgetPlacementUtils, WmsService, adapter$2 as adapter, aggregationDefault, baseItemProperties, classReducer, classesFeatureKey, compareOperationFunctions, contextMenuFeatureKey, contextMenuReducer, createPlacedWidgetCopy, dashboardFeatureKey, dashboardInitialState, dashboardReducer, dataSourceFeatureKey, dataSourceReducer, deepMerge, defaultColors, defaultMenuStructure, enTranslations$1 as enTranslations, filterLoader, frTranslations$1 as frTranslations, getDisplayOptions, httpErrorOptions, imageFeatureKey, imageReducer, initialClassState, initialContextMenuState, initialDataSourceState, initialImageState, initialSearchState, latLonToGeographicFieldTransformation, markTypesDefault, notificationFeatureKey, orderWidgetsAccordingToPlacement, searchFeatureKey, searchReducer, selectAll$2 as selectAll, selectEntities$2 as selectEntities, selectIds$2 as selectIds, selectTotal$2 as selectTotal, solveCollisions, solvingCollisionOptions, sortByName$2 as sortByName, subTypesDefault, tooltipLoader, vegaColorSchemesDefault, widgetLoader, widgetMapConfig };
 //# sourceMappingURL=provoly-dashboard.mjs.map