@provoly/dashboard 0.19.1 → 0.19.3

package/fesm2022/provoly-dashboard-supervision.mjs

@@ -210,10 +210,10 @@ class SupervisionBusinessDataComponent {
             ]
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SupervisionBusinessDataComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: SupervisionBusinessDataComponent, selector: "pry-supervision-business-data", ngImport: i0, template: "<div class=\"o-base-container\">\n  <h1 class=\"a-h1\">{{ '@pry.supervision.businessData.title' | i18n }}</h1>\n  <table\n    class=\"a-table\"\n    prySortTable\n    prySortActive=\"name\"\n    prySortDirection=\"asc\"\n    (prySortChange)=\"sortActive = $event.active; sortDirection = $event.direction\"\n  >\n    <caption>\n      {{\n        '@pry.supervision.businessData.title' | i18n\n      }},\n      {{\n        '@pry.action.sortableColumnHeader' | i18n\n      }}\n    </caption>\n    <thead>\n      <tr>\n        <th>\n          <pry-icon iconSvg=\"detail\"></pry-icon>\n        </th>\n        <th prySortHeader=\"name\">{{ '@pry.supervision.businessData.name' | i18n }}</th>\n        <th prySortHeader=\"count\">{{ '@pry.supervision.businessData.count' | i18n }}</th>\n        <th prySortHeader=\"date\">{{ '@pry.supervision.businessData.date' | i18n }}</th>\n      </tr>\n    </thead>\n    <tbody>\n      <tr *ngFor=\"let data of datas$ | async | prySortData: sortActive : sortDirection\">\n        <td>\n          <ng-container *ngIf=\"data.icon; else noImg\">\n            <img [height]=\"25\" [width]=\"25\" [src]=\"data.icon | getSecuredImage | async\" [alt]=\"data.title\" />\n          </ng-container>\n          <ng-template #noImg>\n            <img\n              [height]=\"25\"\n              [width]=\"25\"\n              [src]=\"data.id | translateId: { type: 'class', output: 'icon' } | async\"\n              [alt]=\"data.title\"\n            />\n          </ng-template>\n        </td>\n        <td>{{ data.name }}</td>\n        <td>{{ data.count }}</td>\n        <td>\n          {{ !data.date ? '' : (data.date | date: ('@pry.format.datetime' | i18n)) }}\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i3.PrySortHeaderComponent, selector: "th[prySortHeader]", inputs: ["prySortHeader"], outputs: ["sortChange"] }, { kind: "directive", type: i3.PrySortHeaderDirective, selector: "[prySortHeader]" }, { kind: "directive", type: i3.PrySortTableDirective, selector: "[prySortTable]", inputs: ["prySortActive", "prySortDirection"], outputs: ["prySortChange"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "pipe", type: i3.TranslateIdPipe, name: "translateId" }, { kind: "pipe", type: i3.GetSecuredImagePipe, name: "getSecuredImage" }, { kind: "pipe", type: i3.PrySortDataPipe, name: "prySortData" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SupervisionBusinessDataComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SupervisionBusinessDataComponent, selector: "pry-supervision-business-data", ngImport: i0, template: "<div class=\"o-base-container\">\n  <h1 class=\"a-h1\">{{ '@pry.supervision.businessData.title' | i18n }}</h1>\n  <table\n    class=\"a-table\"\n    prySortTable\n    prySortActive=\"name\"\n    prySortDirection=\"asc\"\n    (prySortChange)=\"sortActive = $event.active; sortDirection = $event.direction\"\n  >\n    <caption>\n      {{\n        '@pry.supervision.businessData.title' | i18n\n      }},\n      {{\n        '@pry.action.sortableColumnHeader' | i18n\n      }}\n    </caption>\n    <thead>\n      <tr>\n        <th>\n          <pry-icon iconSvg=\"detail\"></pry-icon>\n        </th>\n        <th prySortHeader=\"name\">{{ '@pry.supervision.businessData.name' | i18n }}</th>\n        <th prySortHeader=\"count\">{{ '@pry.supervision.businessData.count' | i18n }}</th>\n        <th prySortHeader=\"date\">{{ '@pry.supervision.businessData.date' | i18n }}</th>\n      </tr>\n    </thead>\n    <tbody>\n      <tr *ngFor=\"let data of datas$ | async | prySortData: sortActive : sortDirection\">\n        <td>\n          <ng-container *ngIf=\"data.icon; else noImg\">\n            <img [height]=\"25\" [width]=\"25\" [src]=\"data.icon | getSecuredImage | async\" [alt]=\"data.title\" />\n          </ng-container>\n          <ng-template #noImg>\n            <img\n              [height]=\"25\"\n              [width]=\"25\"\n              [src]=\"data.id | translateId: { type: 'class', output: 'icon' } | async\"\n              [alt]=\"data.title\"\n            />\n          </ng-template>\n        </td>\n        <td>{{ data.name }}</td>\n        <td>{{ data.count }}</td>\n        <td>\n          {{ !data.date ? '' : (data.date | date: ('@pry.format.datetime' | i18n)) }}\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i3.PrySortHeaderComponent, selector: "th[prySortHeader]", inputs: ["prySortHeader"], outputs: ["sortChange"] }, { kind: "directive", type: i3.PrySortHeaderDirective, selector: "[prySortHeader]" }, { kind: "directive", type: i3.PrySortTableDirective, selector: "[prySortTable]", inputs: ["prySortActive", "prySortDirection"], outputs: ["prySortChange"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "pipe", type: i3.TranslateIdPipe, name: "translateId" }, { kind: "pipe", type: i3.GetSecuredImagePipe, name: "getSecuredImage" }, { kind: "pipe", type: i3.PrySortDataPipe, name: "prySortData" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SupervisionBusinessDataComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SupervisionBusinessDataComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-supervision-business-data', template: "<div class=\"o-base-container\">\n  <h1 class=\"a-h1\">{{ '@pry.supervision.businessData.title' | i18n }}</h1>\n  <table\n    class=\"a-table\"\n    prySortTable\n    prySortActive=\"name\"\n    prySortDirection=\"asc\"\n    (prySortChange)=\"sortActive = $event.active; sortDirection = $event.direction\"\n  >\n    <caption>\n      {{\n        '@pry.supervision.businessData.title' | i18n\n      }},\n      {{\n        '@pry.action.sortableColumnHeader' | i18n\n      }}\n    </caption>\n    <thead>\n      <tr>\n        <th>\n          <pry-icon iconSvg=\"detail\"></pry-icon>\n        </th>\n        <th prySortHeader=\"name\">{{ '@pry.supervision.businessData.name' | i18n }}</th>\n        <th prySortHeader=\"count\">{{ '@pry.supervision.businessData.count' | i18n }}</th>\n        <th prySortHeader=\"date\">{{ '@pry.supervision.businessData.date' | i18n }}</th>\n      </tr>\n    </thead>\n    <tbody>\n      <tr *ngFor=\"let data of datas$ | async | prySortData: sortActive : sortDirection\">\n        <td>\n          <ng-container *ngIf=\"data.icon; else noImg\">\n            <img [height]=\"25\" [width]=\"25\" [src]=\"data.icon | getSecuredImage | async\" [alt]=\"data.title\" />\n          </ng-container>\n          <ng-template #noImg>\n            <img\n              [height]=\"25\"\n              [width]=\"25\"\n              [src]=\"data.id | translateId: { type: 'class', output: 'icon' } | async\"\n              [alt]=\"data.title\"\n            />\n          </ng-template>\n        </td>\n        <td>{{ data.name }}</td>\n        <td>{{ data.count }}</td>\n        <td>\n          {{ !data.date ? '' : (data.date | date: ('@pry.format.datetime' | i18n)) }}\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i1.Store }]; } });
@@ -236,10 +236,10 @@ class SupervisionFlowComponent {
             ]
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SupervisionFlowComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: SupervisionFlowComponent, selector: "pry-supervision-flow", ngImport: i0, template: "<div class=\"o-base-container\">\n  <h1 class=\"a-h1\">{{ '@pry.supervision.inputFlow.title' | i18n }}</h1>\n\n  <table\n    class=\"a-table\"\n    prySortTable\n    prySortActive=\"name\"\n    prySortDirection=\"asc\"\n    (prySortChange)=\"sortActive = $event.active; sortDirection = $event.direction\"\n  >\n    <caption>\n      {{\n        '@pry.supervision.inputFlow.title' | i18n\n      }},\n      {{\n        '@pry.action.sortableColumnHeader' | i18n\n      }}\n    </caption>\n    <thead>\n      <tr>\n        <th prySortHeader=\"name\">{{ '@pry.supervision.inputFlow.name' | i18n }}</th>\n        <th prySortHeader=\"format\">{{ '@pry.supervision.inputFlow.format' | i18n }}</th>\n        <th>{{ '@pry.supervision.inputFlow.state' | i18n }}</th>\n        <th prySortHeader=\"nbIntegrationOk\">{{ '@pry.supervision.inputFlow.oks' | i18n }}</th>\n        <th prySortHeader=\"nbIntegrationKo\">{{ '@pry.supervision.inputFlow.kos' | i18n }}</th>\n        <th prySortHeader=\"dateIntegration\">{{ '@pry.supervision.inputFlow.date' | i18n }}</th>\n      </tr>\n    </thead>\n    <tbody>\n      <tr *ngFor=\"let flow of flows$ | async | prySortData: sortActive : sortDirection\">\n        <td>\n          <div class=\"u-display-flex -align-center\">\n            {{ flow.name }}\n            <a *ngIf=\"flow.accessLink\" [href]=\"flow.accessLink\" target=\"_blank\" class=\"a-btn a-btn--icon-only\">\n              <pry-icon iconSvg=\"launch\" [height]=\"15\" [width]=\"15\"></pry-icon>\n              <span class=\"u-sr-only\">{{ '@pry.action.opensInNewTab' | i18n }}</span>\n            </a>\n          </div>\n        </td>\n        <td>{{ flow.format }}</td>\n        <td>\n          <span class=\"a-badge\" [ngClass]=\"{ '-status-ok': flow.status, '-status-inactive': !flow.status }\">\n            {{ (flow.status ? '@pry.supervision.inputFlow.active' : '@pry.supervision.inputFlow.inactive') | i18n }}\n          </span>\n        </td>\n        <td>{{ flow.nbIntegrationOk }}</td>\n        <td>{{ flow.nbIntegrationKo }}</td>\n        <td>{{ flow.dateIntegration | date: ('@pry.format.datetime' | i18n) }}</td>\n      </tr>\n    </tbody>\n  </table>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i3.PrySortHeaderComponent, selector: "th[prySortHeader]", inputs: ["prySortHeader"], outputs: ["sortChange"] }, { kind: "directive", type: i3.PrySortHeaderDirective, selector: "[prySortHeader]" }, { kind: "directive", type: i3.PrySortTableDirective, selector: "[prySortTable]", inputs: ["prySortActive", "prySortDirection"], outputs: ["prySortChange"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "pipe", type: i3.PrySortDataPipe, name: "prySortData" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SupervisionFlowComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SupervisionFlowComponent, selector: "pry-supervision-flow", ngImport: i0, template: "<div class=\"o-base-container\">\n  <h1 class=\"a-h1\">{{ '@pry.supervision.inputFlow.title' | i18n }}</h1>\n\n  <table\n    class=\"a-table\"\n    prySortTable\n    prySortActive=\"name\"\n    prySortDirection=\"asc\"\n    (prySortChange)=\"sortActive = $event.active; sortDirection = $event.direction\"\n  >\n    <caption>\n      {{\n        '@pry.supervision.inputFlow.title' | i18n\n      }},\n      {{\n        '@pry.action.sortableColumnHeader' | i18n\n      }}\n    </caption>\n    <thead>\n      <tr>\n        <th prySortHeader=\"name\">{{ '@pry.supervision.inputFlow.name' | i18n }}</th>\n        <th prySortHeader=\"format\">{{ '@pry.supervision.inputFlow.format' | i18n }}</th>\n        <th>{{ '@pry.supervision.inputFlow.state' | i18n }}</th>\n        <th prySortHeader=\"nbIntegrationOk\">{{ '@pry.supervision.inputFlow.oks' | i18n }}</th>\n        <th prySortHeader=\"nbIntegrationKo\">{{ '@pry.supervision.inputFlow.kos' | i18n }}</th>\n        <th prySortHeader=\"dateIntegration\">{{ '@pry.supervision.inputFlow.date' | i18n }}</th>\n      </tr>\n    </thead>\n    <tbody>\n      <tr *ngFor=\"let flow of flows$ | async | prySortData: sortActive : sortDirection\">\n        <td>\n          <div class=\"u-display-flex -align-center\">\n            {{ flow.name }}\n            <a *ngIf=\"flow.accessLink\" [href]=\"flow.accessLink\" target=\"_blank\" class=\"a-btn a-btn--icon-only\">\n              <pry-icon iconSvg=\"launch\" [height]=\"15\" [width]=\"15\"></pry-icon>\n              <span class=\"u-sr-only\">{{ '@pry.action.opensInNewTab' | i18n }}</span>\n            </a>\n          </div>\n        </td>\n        <td>{{ flow.format }}</td>\n        <td>\n          <span class=\"a-badge\" [ngClass]=\"{ '-status-ok': flow.status, '-status-inactive': !flow.status }\">\n            {{ (flow.status ? '@pry.supervision.inputFlow.active' : '@pry.supervision.inputFlow.inactive') | i18n }}\n          </span>\n        </td>\n        <td>{{ flow.nbIntegrationOk }}</td>\n        <td>{{ flow.nbIntegrationKo }}</td>\n        <td>{{ flow.dateIntegration | date: ('@pry.format.datetime' | i18n) }}</td>\n      </tr>\n    </tbody>\n  </table>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i3.PrySortHeaderComponent, selector: "th[prySortHeader]", inputs: ["prySortHeader"], outputs: ["sortChange"] }, { kind: "directive", type: i3.PrySortHeaderDirective, selector: "[prySortHeader]" }, { kind: "directive", type: i3.PrySortTableDirective, selector: "[prySortTable]", inputs: ["prySortActive", "prySortDirection"], outputs: ["prySortChange"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "pipe", type: i3.PrySortDataPipe, name: "prySortData" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SupervisionFlowComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SupervisionFlowComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-supervision-flow', template: "<div class=\"o-base-container\">\n  <h1 class=\"a-h1\">{{ '@pry.supervision.inputFlow.title' | i18n }}</h1>\n\n  <table\n    class=\"a-table\"\n    prySortTable\n    prySortActive=\"name\"\n    prySortDirection=\"asc\"\n    (prySortChange)=\"sortActive = $event.active; sortDirection = $event.direction\"\n  >\n    <caption>\n      {{\n        '@pry.supervision.inputFlow.title' | i18n\n      }},\n      {{\n        '@pry.action.sortableColumnHeader' | i18n\n      }}\n    </caption>\n    <thead>\n      <tr>\n        <th prySortHeader=\"name\">{{ '@pry.supervision.inputFlow.name' | i18n }}</th>\n        <th prySortHeader=\"format\">{{ '@pry.supervision.inputFlow.format' | i18n }}</th>\n        <th>{{ '@pry.supervision.inputFlow.state' | i18n }}</th>\n        <th prySortHeader=\"nbIntegrationOk\">{{ '@pry.supervision.inputFlow.oks' | i18n }}</th>\n        <th prySortHeader=\"nbIntegrationKo\">{{ '@pry.supervision.inputFlow.kos' | i18n }}</th>\n        <th prySortHeader=\"dateIntegration\">{{ '@pry.supervision.inputFlow.date' | i18n }}</th>\n      </tr>\n    </thead>\n    <tbody>\n      <tr *ngFor=\"let flow of flows$ | async | prySortData: sortActive : sortDirection\">\n        <td>\n          <div class=\"u-display-flex -align-center\">\n            {{ flow.name }}\n            <a *ngIf=\"flow.accessLink\" [href]=\"flow.accessLink\" target=\"_blank\" class=\"a-btn a-btn--icon-only\">\n              <pry-icon iconSvg=\"launch\" [height]=\"15\" [width]=\"15\"></pry-icon>\n              <span class=\"u-sr-only\">{{ '@pry.action.opensInNewTab' | i18n }}</span>\n            </a>\n          </div>\n        </td>\n        <td>{{ flow.format }}</td>\n        <td>\n          <span class=\"a-badge\" [ngClass]=\"{ '-status-ok': flow.status, '-status-inactive': !flow.status }\">\n            {{ (flow.status ? '@pry.supervision.inputFlow.active' : '@pry.supervision.inputFlow.inactive') | i18n }}\n          </span>\n        </td>\n        <td>{{ flow.nbIntegrationOk }}</td>\n        <td>{{ flow.nbIntegrationKo }}</td>\n        <td>{{ flow.dateIntegration | date: ('@pry.format.datetime' | i18n) }}</td>\n      </tr>\n    </tbody>\n  </table>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i1.Store }]; } });
@@ -280,10 +280,10 @@ class SupervisionInfrastructuresComponent {
             up: false
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SupervisionInfrastructuresComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: SupervisionInfrastructuresComponent, selector: "pry-supervision-infrastructures", ngImport: i0, template: "<div class=\"o-base-container\">\n  <h1 class=\"a-h1\">{{ '@pry.supervision.infrastructures.title' | i18n }}</h1>\n\n  <ul class=\"o-cards-list\">\n    <li *ngFor=\"let infra of infras$ | async\" class=\"o-cards-list__item\">\n      <div class=\"o-card o-card--infra\">\n        <div class=\"o-card__header\">\n          <div class=\"o-card__header__logo\"></div>\n          <div class=\"o-card__header__title\">\n            <h4 class=\"a-h4\">{{ infra.name }}</h4>\n            <p class=\"a-p\">{{ infra.title }}</p>\n          </div>\n          <div *ngIf=\"infra.status\" class=\"o-card__header__status\" [ngClass]=\"classFromStatus[infra.status]\"></div>\n        </div>\n\n        <div class=\"o-card__content\">\n          <p class=\"a-p\">\n            {{ infra.available }}\n            {{ '@pry.supervision.infrastructures.available' + (infra.available > 1 ? 's' : '') | i18n }}\n          </p>\n\n          <ng-container *ngIf=\"lastInfraScale$ | async as lastInfraScale\">\n            <span *ngIf=\"lastInfraScale.name === infra.name\" class=\"o-card__content__info\">\n              {{ '@pry.supervision.infrastructures.scaleReplica' + (lastInfraScale.up ? 'Up' : 'Down') | i18n }}\n              {{ lastInfraScale.time | date: 'HH:mm' }}\n            </span>\n          </ng-container>\n        </div>\n\n        <div class=\"o-card__footer\">\n          <div class=\"o-card__footer__message\">\n            <pry-icon iconSvg=\"grid_view\" [height]=\"20\" [width]=\"20\"></pry-icon>\n            <span>\n              {{ infra.replicas }}\n              {{ '@pry.supervision.infrastructures.replica' + (infra.replicas > 1 ? 's' : '') | i18n }}\n            </span>\n          </div>\n\n          <ng-container *pryAccess=\"{ module: 'supervision', page: 'infrastructures', action: 'scale' }\">\n            <div *ngIf=\"infra.hotScale\" class=\"m-minus-plus\">\n              <ng-container *ngIf=\"infra.replicas !== infra.available; else scaleTemplate\">\n                <button\n                  class=\"m-minus-plus__btn -minus\"\n                  disabled\n                  title=\"{{ '@pry.supervision.infrastructures.removeInstance' | i18n }}\"\n                >\n                  <span class=\"u-visually-hidden\">{{ '@pry.supervision.infrastructures.removeInstance' | i18n }}</span>\n                  <span class=\"m-minus-plus__btn__sign\" aria-hidden=\"true\"></span>\n                </button>\n                <button\n                  class=\"m-minus-plus__btn -plus\"\n                  disabled\n                  title=\"{{ '@pry.supervision.infrastructures.addInstance' | i18n }}\"\n                >\n                  <span class=\"u-visually-hidden\">{{ '@pry.supervision.infrastructures.addInstance' | i18n }}</span>\n                  <span class=\"m-minus-plus__btn__sign\" aria-hidden=\"true\"></span>\n                </button>\n              </ng-container>\n\n              <ng-template #scaleTemplate>\n                <button\n                  class=\"m-minus-plus__btn -minus scale-down\"\n                  [disabled]=\"infra.replicas === infra.minReplicas\"\n                  title=\"{{ '@pry.supervision.infrastructures.removeInstance' | i18n }}\"\n                  (click)=\"infra.replicas !== infra.minReplicas && onScaleDown(infra.name, infra.replicas)\"\n                >\n                  <span class=\"u-visually-hidden\">{{ '@pry.supervision.infrastructures.removeInstance' | i18n }}</span>\n                  <span class=\"m-minus-plus__btn__sign\" aria-hidden=\"true\"></span>\n                </button>\n                <button\n                  class=\"m-minus-plus__btn -plus scale-up\"\n                  [disabled]=\"infra.replicas === infra.maxReplicas\"\n                  title=\"{{ '@pry.supervision.infrastructures.addInstance' | i18n }}\"\n                  (click)=\"infra.replicas !== infra.maxReplicas && onScaleUp(infra.name, infra.replicas)\"\n                >\n                  <span class=\"u-visually-hidden\">{{ '@pry.supervision.infrastructures.addInstance' | i18n }}</span>\n                  <span class=\"m-minus-plus__btn__sign\" aria-hidden=\"true\"></span>\n                </button>\n              </ng-template>\n            </div>\n          </ng-container>\n        </div>\n      </div>\n    </li>\n  </ul>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.PryAccessDirective, selector: "[pryAccess]", inputs: ["pryAccess"] }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SupervisionInfrastructuresComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SupervisionInfrastructuresComponent, selector: "pry-supervision-infrastructures", ngImport: i0, template: "<div class=\"o-base-container\">\n  <h1 class=\"a-h1\">{{ '@pry.supervision.infrastructures.title' | i18n }}</h1>\n\n  <ul class=\"o-cards-list\">\n    <li *ngFor=\"let infra of infras$ | async\" class=\"o-cards-list__item\">\n      <div class=\"o-card o-card--infra\">\n        <div class=\"o-card__header\">\n          <div class=\"o-card__header__logo\"></div>\n          <div class=\"o-card__header__title\">\n            <h4 class=\"a-h4\">{{ infra.name }}</h4>\n            <p class=\"a-p\">{{ infra.title }}</p>\n          </div>\n          <div *ngIf=\"infra.status\" class=\"o-card__header__status\" [ngClass]=\"classFromStatus[infra.status]\"></div>\n        </div>\n\n        <div class=\"o-card__content\">\n          <p class=\"a-p\">\n            {{ infra.available }}\n            {{ '@pry.supervision.infrastructures.available' + (infra.available > 1 ? 's' : '') | i18n }}\n          </p>\n\n          <ng-container *ngIf=\"lastInfraScale$ | async as lastInfraScale\">\n            <span *ngIf=\"lastInfraScale.name === infra.name\" class=\"o-card__content__info\">\n              {{ '@pry.supervision.infrastructures.scaleReplica' + (lastInfraScale.up ? 'Up' : 'Down') | i18n }}\n              {{ lastInfraScale.time | date: 'HH:mm' }}\n            </span>\n          </ng-container>\n        </div>\n\n        <div class=\"o-card__footer\">\n          <div class=\"o-card__footer__message\">\n            <pry-icon iconSvg=\"grid_view\" [height]=\"20\" [width]=\"20\"></pry-icon>\n            <span>\n              {{ infra.replicas }}\n              {{ '@pry.supervision.infrastructures.replica' + (infra.replicas > 1 ? 's' : '') | i18n }}\n            </span>\n          </div>\n\n          <ng-container *pryAccess=\"{ module: 'supervision', page: 'infrastructures', action: 'scale' }\">\n            <div *ngIf=\"infra.hotScale\" class=\"m-minus-plus\">\n              <ng-container *ngIf=\"infra.replicas !== infra.available; else scaleTemplate\">\n                <button\n                  class=\"m-minus-plus__btn -minus\"\n                  disabled\n                  title=\"{{ '@pry.supervision.infrastructures.removeInstance' | i18n }}\"\n                >\n                  <span class=\"u-visually-hidden\">{{ '@pry.supervision.infrastructures.removeInstance' | i18n }}</span>\n                  <span class=\"m-minus-plus__btn__sign\" aria-hidden=\"true\"></span>\n                </button>\n                <button\n                  class=\"m-minus-plus__btn -plus\"\n                  disabled\n                  title=\"{{ '@pry.supervision.infrastructures.addInstance' | i18n }}\"\n                >\n                  <span class=\"u-visually-hidden\">{{ '@pry.supervision.infrastructures.addInstance' | i18n }}</span>\n                  <span class=\"m-minus-plus__btn__sign\" aria-hidden=\"true\"></span>\n                </button>\n              </ng-container>\n\n              <ng-template #scaleTemplate>\n                <button\n                  class=\"m-minus-plus__btn -minus scale-down\"\n                  [disabled]=\"infra.replicas === infra.minReplicas\"\n                  title=\"{{ '@pry.supervision.infrastructures.removeInstance' | i18n }}\"\n                  (click)=\"infra.replicas !== infra.minReplicas && onScaleDown(infra.name, infra.replicas)\"\n                >\n                  <span class=\"u-visually-hidden\">{{ '@pry.supervision.infrastructures.removeInstance' | i18n }}</span>\n                  <span class=\"m-minus-plus__btn__sign\" aria-hidden=\"true\"></span>\n                </button>\n                <button\n                  class=\"m-minus-plus__btn -plus scale-up\"\n                  [disabled]=\"infra.replicas === infra.maxReplicas\"\n                  title=\"{{ '@pry.supervision.infrastructures.addInstance' | i18n }}\"\n                  (click)=\"infra.replicas !== infra.maxReplicas && onScaleUp(infra.name, infra.replicas)\"\n                >\n                  <span class=\"u-visually-hidden\">{{ '@pry.supervision.infrastructures.addInstance' | i18n }}</span>\n                  <span class=\"m-minus-plus__btn__sign\" aria-hidden=\"true\"></span>\n                </button>\n              </ng-template>\n            </div>\n          </ng-container>\n        </div>\n      </div>\n    </li>\n  </ul>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.PryAccessDirective, selector: "[pryAccess]", inputs: ["pryAccess"] }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SupervisionInfrastructuresComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SupervisionInfrastructuresComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-supervision-infrastructures', template: "<div class=\"o-base-container\">\n  <h1 class=\"a-h1\">{{ '@pry.supervision.infrastructures.title' | i18n }}</h1>\n\n  <ul class=\"o-cards-list\">\n    <li *ngFor=\"let infra of infras$ | async\" class=\"o-cards-list__item\">\n      <div class=\"o-card o-card--infra\">\n        <div class=\"o-card__header\">\n          <div class=\"o-card__header__logo\"></div>\n          <div class=\"o-card__header__title\">\n            <h4 class=\"a-h4\">{{ infra.name }}</h4>\n            <p class=\"a-p\">{{ infra.title }}</p>\n          </div>\n          <div *ngIf=\"infra.status\" class=\"o-card__header__status\" [ngClass]=\"classFromStatus[infra.status]\"></div>\n        </div>\n\n        <div class=\"o-card__content\">\n          <p class=\"a-p\">\n            {{ infra.available }}\n            {{ '@pry.supervision.infrastructures.available' + (infra.available > 1 ? 's' : '') | i18n }}\n          </p>\n\n          <ng-container *ngIf=\"lastInfraScale$ | async as lastInfraScale\">\n            <span *ngIf=\"lastInfraScale.name === infra.name\" class=\"o-card__content__info\">\n              {{ '@pry.supervision.infrastructures.scaleReplica' + (lastInfraScale.up ? 'Up' : 'Down') | i18n }}\n              {{ lastInfraScale.time | date: 'HH:mm' }}\n            </span>\n          </ng-container>\n        </div>\n\n        <div class=\"o-card__footer\">\n          <div class=\"o-card__footer__message\">\n            <pry-icon iconSvg=\"grid_view\" [height]=\"20\" [width]=\"20\"></pry-icon>\n            <span>\n              {{ infra.replicas }}\n              {{ '@pry.supervision.infrastructures.replica' + (infra.replicas > 1 ? 's' : '') | i18n }}\n            </span>\n          </div>\n\n          <ng-container *pryAccess=\"{ module: 'supervision', page: 'infrastructures', action: 'scale' }\">\n            <div *ngIf=\"infra.hotScale\" class=\"m-minus-plus\">\n              <ng-container *ngIf=\"infra.replicas !== infra.available; else scaleTemplate\">\n                <button\n                  class=\"m-minus-plus__btn -minus\"\n                  disabled\n                  title=\"{{ '@pry.supervision.infrastructures.removeInstance' | i18n }}\"\n                >\n                  <span class=\"u-visually-hidden\">{{ '@pry.supervision.infrastructures.removeInstance' | i18n }}</span>\n                  <span class=\"m-minus-plus__btn__sign\" aria-hidden=\"true\"></span>\n                </button>\n                <button\n                  class=\"m-minus-plus__btn -plus\"\n                  disabled\n                  title=\"{{ '@pry.supervision.infrastructures.addInstance' | i18n }}\"\n                >\n                  <span class=\"u-visually-hidden\">{{ '@pry.supervision.infrastructures.addInstance' | i18n }}</span>\n                  <span class=\"m-minus-plus__btn__sign\" aria-hidden=\"true\"></span>\n                </button>\n              </ng-container>\n\n              <ng-template #scaleTemplate>\n                <button\n                  class=\"m-minus-plus__btn -minus scale-down\"\n                  [disabled]=\"infra.replicas === infra.minReplicas\"\n                  title=\"{{ '@pry.supervision.infrastructures.removeInstance' | i18n }}\"\n                  (click)=\"infra.replicas !== infra.minReplicas && onScaleDown(infra.name, infra.replicas)\"\n                >\n                  <span class=\"u-visually-hidden\">{{ '@pry.supervision.infrastructures.removeInstance' | i18n }}</span>\n                  <span class=\"m-minus-plus__btn__sign\" aria-hidden=\"true\"></span>\n                </button>\n                <button\n                  class=\"m-minus-plus__btn -plus scale-up\"\n                  [disabled]=\"infra.replicas === infra.maxReplicas\"\n                  title=\"{{ '@pry.supervision.infrastructures.addInstance' | i18n }}\"\n                  (click)=\"infra.replicas !== infra.maxReplicas && onScaleUp(infra.name, infra.replicas)\"\n                >\n                  <span class=\"u-visually-hidden\">{{ '@pry.supervision.infrastructures.addInstance' | i18n }}</span>\n                  <span class=\"m-minus-plus__btn__sign\" aria-hidden=\"true\"></span>\n                </button>\n              </ng-template>\n            </div>\n          </ng-container>\n        </div>\n      </div>\n    </li>\n  </ul>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i1.Store }]; } });
@@ -299,10 +299,10 @@ class SupervisionIntegrationErrorsSelectComponent {
         this.store.dispatch(SupervisionActions.loadIntegrationErrors());
         this.store.dispatch(SupervisionActions.toggleErrorDetails({ error: undefined, errorDetailsOpen: false }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SupervisionIntegrationErrorsSelectComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: SupervisionIntegrationErrorsSelectComponent, selector: "pry-supervision-integration-errors-select", ngImport: i0, template: "<div\n  *ngIf=\"currentIntegrationError$ | async as e\"\n  [id]=\"'panel-env-' + (e.oClass | translateId : { type: 'class', output: 'name' } | async)\"\n  [attr.aria-labelledby]=\"'button-env-' + (e.oClass | translateId : { type: 'class', output: 'name' } | async)\"\n  class=\"o-panel\"\n>\n  <div class=\"o-panel__header\">\n    <button type=\"button\" class=\"a-btn a-btn--icon-only\" (click)=\"closePanel()\">\n      <span class=\"u-visually-hidden\">{{ '@pry.action.closePanel' | i18n }}</span>\n      <pry-icon iconSvg=\"close\"></pry-icon>\n    </button>\n    <h3 [id]=\"'tab-title-' + (e.oClass | translateId : { type: 'class', output: 'name' } | async)\" class=\"a-h3\">\n      {{ '@pry.supervision.importErrors.details.title' | i18n }}\n    </h3>\n  </div>\n\n  <pry-tab-group translationStringBase=\"@pry.supervision.importErrors.details.\">\n    <pry-tab [templateRef]=\"errorDetails\" name=\"details\"></pry-tab>\n  </pry-tab-group>\n  <ng-template #errorDetails>\n    <div *ngFor=\"let error of e.errors\">\n      <p class=\"a-p\">\n        {{ '@pry.supervision.importErrors.details.errorLabel' | i18n }} :\n        <strong>{{ error.label }}</strong>\n      </p>\n      <p class=\"a-p\">\n        {{ '@pry.supervision.importErrors.details.errorCount' | i18n }}:\n        <strong>{{ error.count }}</strong>\n      </p>\n    </div>\n  </ng-template>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.TabGroupComponent, selector: "pry-tab-group", inputs: ["translationStringBase"] }, { kind: "component", type: i3.TabComponent, selector: "pry-tab", inputs: ["name", "templateRef", "index"] }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslateIdPipe, name: "translateId" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SupervisionIntegrationErrorsSelectComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SupervisionIntegrationErrorsSelectComponent, selector: "pry-supervision-integration-errors-select", ngImport: i0, template: "<div\n  *ngIf=\"currentIntegrationError$ | async as e\"\n  [id]=\"'panel-env-' + (e.oClass | translateId : { type: 'class', output: 'name' } | async)\"\n  [attr.aria-labelledby]=\"'button-env-' + (e.oClass | translateId : { type: 'class', output: 'name' } | async)\"\n  class=\"o-panel\"\n>\n  <div class=\"o-panel__header\">\n    <button type=\"button\" class=\"a-btn a-btn--icon-only\" (click)=\"closePanel()\">\n      <span class=\"u-visually-hidden\">{{ '@pry.action.closePanel' | i18n }}</span>\n      <pry-icon iconSvg=\"close\"></pry-icon>\n    </button>\n    <h3 [id]=\"'tab-title-' + (e.oClass | translateId : { type: 'class', output: 'name' } | async)\" class=\"a-h3\">\n      {{ '@pry.supervision.importErrors.details.title' | i18n }}\n    </h3>\n  </div>\n\n  <pry-tab-group translationStringBase=\"@pry.supervision.importErrors.details.\">\n    <pry-tab [templateRef]=\"errorDetails\" name=\"details\"></pry-tab>\n  </pry-tab-group>\n  <ng-template #errorDetails>\n    <div *ngFor=\"let error of e.errors\">\n      <p class=\"a-p\">\n        {{ '@pry.supervision.importErrors.details.errorLabel' | i18n }} :\n        <strong>{{ error.label }}</strong>\n      </p>\n      <p class=\"a-p\">\n        {{ '@pry.supervision.importErrors.details.errorCount' | i18n }}:\n        <strong>{{ error.count }}</strong>\n      </p>\n    </div>\n  </ng-template>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.TabGroupComponent, selector: "pry-tab-group", inputs: ["translationStringBase"] }, { kind: "component", type: i3.TabComponent, selector: "pry-tab", inputs: ["name", "templateRef", "index"] }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslateIdPipe, name: "translateId" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SupervisionIntegrationErrorsSelectComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SupervisionIntegrationErrorsSelectComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-supervision-integration-errors-select', template: "<div\n  *ngIf=\"currentIntegrationError$ | async as e\"\n  [id]=\"'panel-env-' + (e.oClass | translateId : { type: 'class', output: 'name' } | async)\"\n  [attr.aria-labelledby]=\"'button-env-' + (e.oClass | translateId : { type: 'class', output: 'name' } | async)\"\n  class=\"o-panel\"\n>\n  <div class=\"o-panel__header\">\n    <button type=\"button\" class=\"a-btn a-btn--icon-only\" (click)=\"closePanel()\">\n      <span class=\"u-visually-hidden\">{{ '@pry.action.closePanel' | i18n }}</span>\n      <pry-icon iconSvg=\"close\"></pry-icon>\n    </button>\n    <h3 [id]=\"'tab-title-' + (e.oClass | translateId : { type: 'class', output: 'name' } | async)\" class=\"a-h3\">\n      {{ '@pry.supervision.importErrors.details.title' | i18n }}\n    </h3>\n  </div>\n\n  <pry-tab-group translationStringBase=\"@pry.supervision.importErrors.details.\">\n    <pry-tab [templateRef]=\"errorDetails\" name=\"details\"></pry-tab>\n  </pry-tab-group>\n  <ng-template #errorDetails>\n    <div *ngFor=\"let error of e.errors\">\n      <p class=\"a-p\">\n        {{ '@pry.supervision.importErrors.details.errorLabel' | i18n }} :\n        <strong>{{ error.label }}</strong>\n      </p>\n      <p class=\"a-p\">\n        {{ '@pry.supervision.importErrors.details.errorCount' | i18n }}:\n        <strong>{{ error.count }}</strong>\n      </p>\n    </div>\n  </ng-template>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i1.Store }]; } });
@@ -384,10 +384,10 @@ class SupervisionIntegrationErrorsComponent {
         this.store.dispatch(SupervisionActions.mainActions({ actions: [] }));
         this.store.dispatch(SupervisionActions.stopAutoRefresh());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SupervisionIntegrationErrorsComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: SupervisionIntegrationErrorsComponent, selector: "pry-supervision-integration-errors", viewQueries: [{ propertyName: "detailPanel", first: true, predicate: ["detailPanel"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<div class=\"o-base-container\">\n  <h1 class=\"a-h1\">{{ '@pry.supervision.importErrors.title' | i18n }}</h1>\n\n  <div class=\"m-form-label-field m-form-label-field--inline\">\n    <label class=\"a-label\" for=\"interval_time\">Rafraichir chaque</label>\n    <pry-select\n      [ngModel]=\"refreshInterval$ | async\"\n      (ngModelChange)=\"setRefreshInterval($event)\"\n      [items]=\"possibleIntervals\"\n      id=\"interval_time\"\n      class=\"a-pry-select\"\n    ></pry-select>\n    <label class=\"a-label\">secondes</label>\n  </div>\n\n  <table\n    class=\"a-table\"\n    prySortTable\n    prySortActive=\"name\"\n    prySortDirection=\"asc\"\n    (prySortChange)=\"sortActive = $event.active; sortDirection = $event.direction\"\n  >\n    <caption>\n      {{\n        '@pry.supervision.importErrors.title' | i18n\n      }},\n      {{\n        '@pry.action.sortableColumnHeader' | i18n\n      }}\n    </caption>\n    <thead>\n      <tr>\n        <th></th>\n        <th prySortHeader=\"name\">{{ '@pry.supervision.importErrors.name' | i18n }}</th>\n        <th prySortHeader=\"count\">{{ '@pry.supervision.importErrors.totalErrorCount' | i18n }}</th>\n        <th></th>\n      </tr>\n    </thead>\n    <tbody>\n      <tr\n        *ngFor=\"let e of integrationErrors$ | async | prySortData: sortActive : sortDirection\"\n        (click)=\"toggleErrorDetails(e)\"\n        [class.is-selected]=\"(currentIntegrationError | async)?.oClass === e.oClass\"\n      >\n        <td class=\"view-details\" (click)=\"stopPropagation($event)\">\n          <button\n            [id]=\"'button-attr-' + (e.oClass | translateId: { type: 'class', output: 'name' } | async)\"\n            type=\"button\"\n            class=\"a-btn a-btn--icon-only\"\n            title=\"{{ '@pry.action.viewDetails' | i18n }}\"\n            [attr.aria-expanded]=\"(currentIntegrationError | async)?.oClass === e.oClass\"\n            aria-haspopup\n            [attr.aria-controls]=\"'panel-attr-' + (e.oClass | translateId: { type: 'class', output: 'name' } | async)\"\n          >\n            <span class=\"u-visually-hidden\">{{ e.name }}, {{ '@pry.action.viewDetails' | i18n }}</span>\n            <pry-icon iconSvg=\"eye\" [width]=\"15\" [height]=\"15\"></pry-icon>\n          </button>\n        </td>\n        <td>\n          {{ e.oClass | translateId: { type: 'class', output: 'name' } | async }}\n        </td>\n        <td>\n          {{ getTotalErrorCount(e) }}\n        </td>\n        <td (click)=\"stopPropagation($event)\">\n          <pry-checkbox\n            id=\"selectClass\"\n            [ngModel]=\"isClassSelected(e.oClass)\"\n            (ngModelChange)=\"onCheckChange(e.oClass)\"\n          ></pry-checkbox>\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i3.PrySortHeaderComponent, selector: "th[prySortHeader]", inputs: ["prySortHeader"], outputs: ["sortChange"] }, { kind: "directive", type: i3.PrySortHeaderDirective, selector: "[prySortHeader]" }, { kind: "directive", type: i3.PrySortTableDirective, selector: "[prySortTable]", inputs: ["prySortActive", "prySortDirection"], outputs: ["prySortChange"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.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: i5.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslateIdPipe, name: "translateId" }, { kind: "pipe", type: i3.PrySortDataPipe, name: "prySortData" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SupervisionIntegrationErrorsComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SupervisionIntegrationErrorsComponent, selector: "pry-supervision-integration-errors", viewQueries: [{ propertyName: "detailPanel", first: true, predicate: ["detailPanel"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<div class=\"o-base-container\">\n  <h1 class=\"a-h1\">{{ '@pry.supervision.importErrors.title' | i18n }}</h1>\n\n  <div class=\"m-form-label-field m-form-label-field--inline\">\n    <label class=\"a-label\" for=\"interval_time\">Rafraichir chaque</label>\n    <pry-select\n      [ngModel]=\"refreshInterval$ | async\"\n      (ngModelChange)=\"setRefreshInterval($event)\"\n      [items]=\"possibleIntervals\"\n      id=\"interval_time\"\n      class=\"a-pry-select\"\n    ></pry-select>\n    <label class=\"a-label\">secondes</label>\n  </div>\n\n  <table\n    class=\"a-table\"\n    prySortTable\n    prySortActive=\"name\"\n    prySortDirection=\"asc\"\n    (prySortChange)=\"sortActive = $event.active; sortDirection = $event.direction\"\n  >\n    <caption>\n      {{\n        '@pry.supervision.importErrors.title' | i18n\n      }},\n      {{\n        '@pry.action.sortableColumnHeader' | i18n\n      }}\n    </caption>\n    <thead>\n      <tr>\n        <th></th>\n        <th prySortHeader=\"name\">{{ '@pry.supervision.importErrors.name' | i18n }}</th>\n        <th prySortHeader=\"count\">{{ '@pry.supervision.importErrors.totalErrorCount' | i18n }}</th>\n        <th></th>\n      </tr>\n    </thead>\n    <tbody>\n      <tr\n        *ngFor=\"let e of integrationErrors$ | async | prySortData: sortActive : sortDirection\"\n        (click)=\"toggleErrorDetails(e)\"\n        [class.is-selected]=\"(currentIntegrationError | async)?.oClass === e.oClass\"\n      >\n        <td class=\"view-details\" (click)=\"stopPropagation($event)\">\n          <button\n            [id]=\"'button-attr-' + (e.oClass | translateId: { type: 'class', output: 'name' } | async)\"\n            type=\"button\"\n            class=\"a-btn a-btn--icon-only\"\n            title=\"{{ '@pry.action.viewDetails' | i18n }}\"\n            [attr.aria-expanded]=\"(currentIntegrationError | async)?.oClass === e.oClass\"\n            aria-haspopup\n            [attr.aria-controls]=\"'panel-attr-' + (e.oClass | translateId: { type: 'class', output: 'name' } | async)\"\n          >\n            <span class=\"u-visually-hidden\">{{ e.name }}, {{ '@pry.action.viewDetails' | i18n }}</span>\n            <pry-icon iconSvg=\"eye\" [width]=\"15\" [height]=\"15\"></pry-icon>\n          </button>\n        </td>\n        <td>\n          {{ e.oClass | translateId: { type: 'class', output: 'name' } | async }}\n        </td>\n        <td>\n          {{ getTotalErrorCount(e) }}\n        </td>\n        <td (click)=\"stopPropagation($event)\">\n          <pry-checkbox\n            id=\"selectClass\"\n            [ngModel]=\"isClassSelected(e.oClass)\"\n            (ngModelChange)=\"onCheckChange(e.oClass)\"\n          ></pry-checkbox>\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i3.PrySortHeaderComponent, selector: "th[prySortHeader]", inputs: ["prySortHeader"], outputs: ["sortChange"] }, { kind: "directive", type: i3.PrySortHeaderDirective, selector: "[prySortHeader]" }, { kind: "directive", type: i3.PrySortTableDirective, selector: "[prySortTable]", inputs: ["prySortActive", "prySortDirection"], outputs: ["prySortChange"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.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: i5.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslateIdPipe, name: "translateId" }, { kind: "pipe", type: i3.PrySortDataPipe, name: "prySortData" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SupervisionIntegrationErrorsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SupervisionIntegrationErrorsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-supervision-integration-errors', template: "<div class=\"o-base-container\">\n  <h1 class=\"a-h1\">{{ '@pry.supervision.importErrors.title' | i18n }}</h1>\n\n  <div class=\"m-form-label-field m-form-label-field--inline\">\n    <label class=\"a-label\" for=\"interval_time\">Rafraichir chaque</label>\n    <pry-select\n      [ngModel]=\"refreshInterval$ | async\"\n      (ngModelChange)=\"setRefreshInterval($event)\"\n      [items]=\"possibleIntervals\"\n      id=\"interval_time\"\n      class=\"a-pry-select\"\n    ></pry-select>\n    <label class=\"a-label\">secondes</label>\n  </div>\n\n  <table\n    class=\"a-table\"\n    prySortTable\n    prySortActive=\"name\"\n    prySortDirection=\"asc\"\n    (prySortChange)=\"sortActive = $event.active; sortDirection = $event.direction\"\n  >\n    <caption>\n      {{\n        '@pry.supervision.importErrors.title' | i18n\n      }},\n      {{\n        '@pry.action.sortableColumnHeader' | i18n\n      }}\n    </caption>\n    <thead>\n      <tr>\n        <th></th>\n        <th prySortHeader=\"name\">{{ '@pry.supervision.importErrors.name' | i18n }}</th>\n        <th prySortHeader=\"count\">{{ '@pry.supervision.importErrors.totalErrorCount' | i18n }}</th>\n        <th></th>\n      </tr>\n    </thead>\n    <tbody>\n      <tr\n        *ngFor=\"let e of integrationErrors$ | async | prySortData: sortActive : sortDirection\"\n        (click)=\"toggleErrorDetails(e)\"\n        [class.is-selected]=\"(currentIntegrationError | async)?.oClass === e.oClass\"\n      >\n        <td class=\"view-details\" (click)=\"stopPropagation($event)\">\n          <button\n            [id]=\"'button-attr-' + (e.oClass | translateId: { type: 'class', output: 'name' } | async)\"\n            type=\"button\"\n            class=\"a-btn a-btn--icon-only\"\n            title=\"{{ '@pry.action.viewDetails' | i18n }}\"\n            [attr.aria-expanded]=\"(currentIntegrationError | async)?.oClass === e.oClass\"\n            aria-haspopup\n            [attr.aria-controls]=\"'panel-attr-' + (e.oClass | translateId: { type: 'class', output: 'name' } | async)\"\n          >\n            <span class=\"u-visually-hidden\">{{ e.name }}, {{ '@pry.action.viewDetails' | i18n }}</span>\n            <pry-icon iconSvg=\"eye\" [width]=\"15\" [height]=\"15\"></pry-icon>\n          </button>\n        </td>\n        <td>\n          {{ e.oClass | translateId: { type: 'class', output: 'name' } | async }}\n        </td>\n        <td>\n          {{ getTotalErrorCount(e) }}\n        </td>\n        <td (click)=\"stopPropagation($event)\">\n          <pry-checkbox\n            id=\"selectClass\"\n            [ngModel]=\"isClassSelected(e.oClass)\"\n            (ngModelChange)=\"onCheckChange(e.oClass)\"\n          ></pry-checkbox>\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i1.Store }]; }, propDecorators: { detailPanel: [{
@@ -410,10 +410,10 @@ class SupervisionMenuComponent extends BaseMenuComponent {
         const path = this.router.createUrlTree([menu], { relativeTo: this.route });
         this.store.dispatch(SupervisionActions.routeTo({ path: path.toString() }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SupervisionMenuComponent, deps: [{ token: i1.Store }, { token: i2$1.Router }, { token: i2$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: SupervisionMenuComponent, selector: "pry-supervision-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: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.PryAccessDirective, selector: "[pryAccess]", inputs: ["pryAccess"] }, { kind: "directive", type: i2$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2$1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SupervisionMenuComponent, deps: [{ token: i1.Store }, { token: i2$1.Router }, { token: i2$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SupervisionMenuComponent, selector: "pry-supervision-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: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.PryAccessDirective, selector: "[pryAccess]", inputs: ["pryAccess"] }, { kind: "directive", type: i2$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2$1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SupervisionMenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SupervisionMenuComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-supervision-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 }, { type: i2$1.Router }, { type: i2$1.ActivatedRoute }]; } });
@@ -428,10 +428,10 @@ class SupervisionTitleComponent {
         // Toggle button aria-pressed
         $event.target.setAttribute('aria-pressed', $event.target.getAttribute('aria-pressed') === 'true' ? 'false' : 'true');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SupervisionTitleComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: SupervisionTitleComponent, selector: "pry-supervision-title", ngImport: i0, template: "<h2 class=\"a-h3\">{{ '@pry.supervision.title' | i18n }}</h2>\n<button type=\"button\" class=\"a-btn a-btn--toggle\" (click)=\"onToggleMenu($event)\" aria-pressed=\"false\">\n  <span class=\"u-visually-hidden\">{{ '@pry.supervision.titleIndication' | i18n }}</span>\n</button>\n", dependencies: [{ kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SupervisionTitleComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SupervisionTitleComponent, selector: "pry-supervision-title", ngImport: i0, template: "<h2 class=\"a-h3\">{{ '@pry.supervision.title' | i18n }}</h2>\n<button type=\"button\" class=\"a-btn a-btn--toggle\" (click)=\"onToggleMenu($event)\" aria-pressed=\"false\">\n  <span class=\"u-visually-hidden\">{{ '@pry.supervision.titleIndication' | i18n }}</span>\n</button>\n", dependencies: [{ kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SupervisionTitleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SupervisionTitleComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-supervision-title', template: "<h2 class=\"a-h3\">{{ '@pry.supervision.title' | i18n }}</h2>\n<button type=\"button\" class=\"a-btn a-btn--toggle\" (click)=\"onToggleMenu($event)\" aria-pressed=\"false\">\n  <span class=\"u-visually-hidden\">{{ '@pry.supervision.titleIndication' | i18n }}</span>\n</button>\n" }]
         }], ctorParameters: function () { return [{ type: i1.Store }]; } });
@@ -460,10 +460,10 @@ class SupervisionLayoutComponent extends BaseLayoutComponent {
     ngOnDestroy() {
         this.store.dispatch(SupervisionActions.toggleErrorDetails({ error: undefined, errorDetailsOpen: false }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SupervisionLayoutComponent, deps: [{ token: i1.Store }, { token: i2$1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: SupervisionLayoutComponent, selector: "pry-supervision-layout", viewQueries: [{ propertyName: "supervisionPanel", first: true, predicate: ["supervisionPanel"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"o-base-layout\" [ngClass]=\"{ 'is-menu-open': menuOpen$ | async }\">\n  <pry-supervision-title class=\"o-base-layout__title\"></pry-supervision-title>\n  <pry-supervision-menu *ngIf=\"menuOpen$ | async\" class=\"o-base-layout__menu\"></pry-supervision-menu>\n  <pry-base-toolbox\n    class=\"o-base-layout__toolbox\"\n    [baseToolboxTranslation]=\"baseToolboxTranslation\"\n    [actions$]=\"actions$\"\n    [subActions$]=\"subActions$\"\n  ></pry-base-toolbox>\n\n  <div class=\"o-base-layout__contentwrapper\">\n    <div class=\"o-base-layout__content\">\n      <router-outlet></router-outlet>\n    </div>\n    <div class=\"o-base-layout__panel\" [class.is-open]=\"panelOpen$ | async\">\n      <div class=\"o-base-layout__panel__content\">\n        <ng-template #supervisionPanel></ng-template>\n      </div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.BaseToolboxComponent, selector: "pry-base-toolbox", inputs: ["baseToolboxTranslation", "actions$", "subActions$"] }, { kind: "directive", type: i2$1.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: SupervisionMenuComponent, selector: "pry-supervision-menu" }, { kind: "component", type: SupervisionTitleComponent, selector: "pry-supervision-title" }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SupervisionLayoutComponent, deps: [{ token: i1.Store }, { token: i2$1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SupervisionLayoutComponent, selector: "pry-supervision-layout", viewQueries: [{ propertyName: "supervisionPanel", first: true, predicate: ["supervisionPanel"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"o-base-layout\" [ngClass]=\"{ 'is-menu-open': menuOpen$ | async }\">\n  <pry-supervision-title class=\"o-base-layout__title\"></pry-supervision-title>\n  <pry-supervision-menu *ngIf=\"menuOpen$ | async\" class=\"o-base-layout__menu\"></pry-supervision-menu>\n  <pry-base-toolbox\n    class=\"o-base-layout__toolbox\"\n    [baseToolboxTranslation]=\"baseToolboxTranslation\"\n    [actions$]=\"actions$\"\n    [subActions$]=\"subActions$\"\n  ></pry-base-toolbox>\n\n  <div class=\"o-base-layout__contentwrapper\">\n    <div class=\"o-base-layout__content\">\n      <router-outlet></router-outlet>\n    </div>\n    <div class=\"o-base-layout__panel\" [class.is-open]=\"panelOpen$ | async\">\n      <div class=\"o-base-layout__panel__content\">\n        <ng-template #supervisionPanel></ng-template>\n      </div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.BaseToolboxComponent, selector: "pry-base-toolbox", inputs: ["baseToolboxTranslation", "actions$", "subActions$"] }, { kind: "directive", type: i2$1.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: SupervisionMenuComponent, selector: "pry-supervision-menu" }, { kind: "component", type: SupervisionTitleComponent, selector: "pry-supervision-title" }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SupervisionLayoutComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SupervisionLayoutComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-supervision-layout', template: "<div class=\"o-base-layout\" [ngClass]=\"{ 'is-menu-open': menuOpen$ | async }\">\n  <pry-supervision-title class=\"o-base-layout__title\"></pry-supervision-title>\n  <pry-supervision-menu *ngIf=\"menuOpen$ | async\" class=\"o-base-layout__menu\"></pry-supervision-menu>\n  <pry-base-toolbox\n    class=\"o-base-layout__toolbox\"\n    [baseToolboxTranslation]=\"baseToolboxTranslation\"\n    [actions$]=\"actions$\"\n    [subActions$]=\"subActions$\"\n  ></pry-base-toolbox>\n\n  <div class=\"o-base-layout__contentwrapper\">\n    <div class=\"o-base-layout__content\">\n      <router-outlet></router-outlet>\n    </div>\n    <div class=\"o-base-layout__panel\" [class.is-open]=\"panelOpen$ | async\">\n      <div class=\"o-base-layout__panel__content\">\n        <ng-template #supervisionPanel></ng-template>\n      </div>\n    </div>\n  </div>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i1.Store }, { type: i2$1.Router }]; }, propDecorators: { supervisionPanel: [{
@@ -477,10 +477,10 @@ class PrySupervisionComponent {
         this.store.dispatch(SupervisionActions.resetActions());
         this.store.dispatch(SupervisionActions.toggleErrorDetails({ error: undefined, errorDetailsOpen: false }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySupervisionComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PrySupervisionComponent, selector: "pry-supervision", ngImport: i0, template: "<h1 class=\"a-h1\">{{ '@pry.supervision.title' | i18n }}</h1>\n", dependencies: [{ kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PrySupervisionComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PrySupervisionComponent, selector: "pry-supervision", ngImport: i0, template: "<h1 class=\"a-h1\">{{ '@pry.supervision.title' | i18n }}</h1>\n", dependencies: [{ kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySupervisionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PrySupervisionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pry-supervision', template: "<h1 class=\"a-h1\">{{ '@pry.supervision.title' | i18n }}</h1>\n" }]
         }], ctorParameters: function () { return [{ type: i1.Store }]; } });
@@ -639,10 +639,10 @@ class SupervisionService {
             .select(ConfigSelectors.replayUrl)
             .pipe(mergeMap((url) => this.httpClient.post(encodeURI(`${url}/integrations/errors/acknowledge`), classes)));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SupervisionService, deps: [{ token: i1$1.HttpClient }, { token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SupervisionService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SupervisionService, deps: [{ token: i1$1.HttpClient }, { token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SupervisionService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SupervisionService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SupervisionService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -690,10 +690,10 @@ class SupervisionEffects {
         })));
         this.errorAutoRefresh$ = createEffect(() => this.actions$.pipe(ofType(SupervisionActions.startAutoRefresh, SupervisionActions.setRefreshInterval), withLatestFrom(this.store.select(SupervisionSelectors.refreshInterval)), switchMap(([action, refreshInterval]) => interval(refreshInterval).pipe(takeUntil(this.actions$.pipe(ofType(SupervisionActions.stopAutoRefresh))))), map((_) => SupervisionActions.loadIntegrationErrors())));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SupervisionEffects, deps: [{ token: i1$2.Actions }, { token: SupervisionService }, { token: i2$1.Router }, { token: i3.PrySnackbarService }, { token: i3.PryI18nService }, { token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SupervisionEffects }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SupervisionEffects, deps: [{ token: i1$2.Actions }, { token: SupervisionService }, { token: i2$1.Router }, { token: i3.PrySnackbarService }, { token: i3.PryI18nService }, { token: i1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SupervisionEffects }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SupervisionEffects, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SupervisionEffects, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1$2.Actions }, { type: SupervisionService }, { type: i2$1.Router }, { type: i3.PrySnackbarService }, { type: i3.PryI18nService }, { type: i1.Store }]; } });
 
@@ -770,11 +770,11 @@ const routes = [
     }
 ];
 class SupervisionRoutingModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SupervisionRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: SupervisionRoutingModule, imports: [i2$1.RouterModule], exports: [RouterModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SupervisionRoutingModule, imports: [RouterModule.forChild(routes), RouterModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SupervisionRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SupervisionRoutingModule, imports: [i2$1.RouterModule], exports: [RouterModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SupervisionRoutingModule, imports: [RouterModule.forChild(routes), RouterModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SupervisionRoutingModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SupervisionRoutingModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [RouterModule.forChild(routes)],
@@ -788,8 +788,8 @@ class PrySupervisionModule {
         this.pryTranslateService.addLangObject('fr', 'supervision', frTranslations);
         this.pryTranslateService.addLangObject('en', 'supervision', enTranslations);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySupervisionModule, deps: [{ token: i3.PryI18nService }], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: PrySupervisionModule, declarations: [PrySupervisionComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PrySupervisionModule, deps: [{ token: i3.PryI18nService }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PrySupervisionModule, declarations: [PrySupervisionComponent,
             SupervisionLayoutComponent,
             SupervisionMenuComponent,
             SupervisionInfrastructuresComponent,
@@ -807,7 +807,7 @@ class PrySupervisionModule {
             PrySelectModule,
             PryCheckboxModule,
             PryI18nModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySupervisionModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PrySupervisionModule, imports: [CommonModule,
             PryCoreModule,
             SupervisionRoutingModule,
             StoreModule.forFeature(supervisionFeatureKey, supervisionReducer),
@@ -821,7 +821,7 @@ class PrySupervisionModule {
             PryCheckboxModule,
             PryI18nModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PrySupervisionModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PrySupervisionModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [