@provoly/hypervisor 0.0.66 → 0.0.67

package/fesm2022/provoly-hypervisor.mjs

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
-import { Injectable, Pipe, Component, Input, EventEmitter, Output, Inject, ViewContainerRef, ViewChild, model as model$1, ElementRef, TemplateRef, ContentChildren, Directive, forwardRef, signal, computed, InjectionToken, NgModule } from '@angular/core';
-import * as i3 from '@provoly/dashboard';
+import { Injectable, Pipe, Component, Input, EventEmitter, Output, Inject, ViewContainerRef, ViewChild, model as model$1, ElementRef, ViewChildren, TemplateRef, ContentChildren, Directive, forwardRef, signal, computed, InjectionToken, NgModule } from '@angular/core';
+import * as i1$3 from '@provoly/dashboard';
 import { DEFAULT_ICON_URL, SubscriptionnerDirective, PRY_DIALOG_DATA, FilterParamEncoder, PryI18nModule, PryCoreModule, PrySinceDateModule, PryIconModule, PrySelectModule, PryDatePickerModule } from '@provoly/dashboard';
 import * as i1$1 from '@ngrx/store';
 import { createAction, props, createReducer, on, createFeatureSelector, createSelector, StoreModule } from '@ngrx/store';
@@ -11,7 +11,7 @@ import { mergeMap, of, fromEvent, catchError, withLatestFrom, filter, auditTime,
 import equal from 'fast-deep-equal/es6';
 import * as i1 from '@angular/common/http';
 import { HttpParams } from '@angular/common/http';
-import * as i5 from '@angular/forms';
+import * as i1$4 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import * as i1$2 from '@angular/common';
 import { NgForOf, AsyncPipe, NgStyle, DatePipe, KeyValuePipe, JsonPipe } from '@angular/common';
@@ -21,7 +21,7 @@ import { PryCheckboxModule } from '@provoly/dashboard/components/checkbox';
 import * as i2$1 from '@angular/router';
 import { RouterLink } from '@angular/router';
 import { map, startWith, debounceTime, catchError as catchError$1, mergeMap as mergeMap$1 } from 'rxjs/operators';
-import * as i1$3 from '@ngrx/effects';
+import * as i1$5 from '@ngrx/effects';
 import { createEffect, ofType, EffectsModule } from '@ngrx/effects';
 
 const HypEventCriticality = {
@@ -141,7 +141,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImpor
 
 class IconDisplayComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: IconDisplayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: IconDisplayComponent, selector: "hvy-icon-display", inputs: { event: "event" }, ngImport: i0, template: "<div class=\"\n        m-hvy-event-summary-item__event-icon-container\n        -hvy-{{ event.criticality.toString().toLowerCase()}}\n        -hvy-{{event.type.toString().toLowerCase()}}\n      \">\n        <span\n          class=\"m-hvy-event-summary-item__event-icon a-icon\"\n          [ngStyle]=\"{\n          'mask-image': 'url(' + (event | eventIcon | async | getSecuredImage | async) + ')',\n          '-webkit-mask-image': 'url(' + (event | eventIcon | async | getSecuredImage | async) + ')'\n          }\"\n          aria-hidden=\"true\"\n          focusable=\"false\"\n        ></span>\n</div>\n", dependencies: [{ kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.GetSecuredImagePipe, name: "getSecuredImage" }, { kind: "pipe", type: EventIconPipe, name: "eventIcon" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: IconDisplayComponent, selector: "hvy-icon-display", inputs: { event: "event" }, ngImport: i0, template: "<div class=\"\n        m-hvy-event-summary-item__event-icon-container\n        -hvy-{{ event.criticality.toString().toLowerCase()}}\n        -hvy-{{event.type.toString().toLowerCase()}}\n      \">\n        <span\n          class=\"m-hvy-event-summary-item__event-icon a-icon\"\n          [ngStyle]=\"{\n          'mask-image': 'url(' + (event | eventIcon | async | getSecuredImage | async) + ')',\n          '-webkit-mask-image': 'url(' + (event | eventIcon | async | getSecuredImage | async) + ')'\n          }\"\n          aria-hidden=\"true\"\n          focusable=\"false\"\n        ></span>\n</div>\n", dependencies: [{ kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$3.GetSecuredImagePipe, name: "getSecuredImage" }, { kind: "pipe", type: EventIconPipe, name: "eventIcon" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: IconDisplayComponent, decorators: [{
             type: Component,
@@ -191,7 +191,7 @@ class StatusDisplayComponent extends SubscriptionnerDirective {
         }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: StatusDisplayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.4", type: StatusDisplayComponent, selector: "hvy-status-display", inputs: { item: "item", modifiable: "modifiable" }, outputs: { modified: "modified" }, usesInheritance: true, ngImport: i0, template: "<span class=\"a-chip -{{ item.status }} a-chip-status\" [class.-modifiable]=\"_modifiable\" (click)=\"toggle()\">\n  {{ '@hvy.event.status.' + item.status | i18n }}\n  @if (targetStatuses.length > 0) {\n    <pry-icon iconSvg=\"caret_bottom_rounded\" [width]=\"10\" [height]=\"10\"></pry-icon>\n  }\n</span>\n@if (targetsDisplayed) {\n  <div class=\"a-chip-status__target\">\n    <div class=\"a-chip-status__target__filler\"></div>\n    @for (status of targetStatuses; track status) {\n      <div class=\"a-chip-status__target__item\" (click)=\"trigger(status)\">\n        {{ '@hvy.event.status.' + status | i18n }}\n      </div>\n    }\n  </div>\n}\n", dependencies: [{ kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.4", type: StatusDisplayComponent, selector: "hvy-status-display", inputs: { item: "item", modifiable: "modifiable" }, outputs: { modified: "modified" }, usesInheritance: true, ngImport: i0, template: "<span class=\"a-chip -{{ item.status }} a-chip-status\" [class.-modifiable]=\"_modifiable\" (click)=\"toggle()\">\n  {{ '@hvy.event.status.' + item.status | i18n }}\n  @if (targetStatuses.length > 0) {\n    <pry-icon iconSvg=\"caret_bottom_rounded\" [width]=\"10\" [height]=\"10\"></pry-icon>\n  }\n</span>\n@if (targetsDisplayed) {\n  <div class=\"a-chip-status__target\">\n    <div class=\"a-chip-status__target__filler\"></div>\n    @for (status of targetStatuses; track status) {\n      <div class=\"a-chip-status__target__item\" (click)=\"trigger(status)\">\n        {{ '@hvy.event.status.' + status | i18n }}\n      </div>\n    }\n  </div>\n}\n", dependencies: [{ kind: "component", type: i1$3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: StatusDisplayComponent, decorators: [{
             type: Component,
@@ -228,13 +228,13 @@ class HvyActionMenuComponent {
     action(value) {
         this.dialog.close(value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: HvyActionMenuComponent, deps: [{ token: i3.PryDialogRef }, { token: PRY_DIALOG_DATA }, { token: i1$1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.4", type: HvyActionMenuComponent, selector: "pry-action-menu", outputs: { choice: "choice" }, ngImport: i0, template: "<div class=\"o-hvy-action-menu\">\n  @if (data.mode === 'procedure') {\n    <button (click)=\"action('comment')\">{{ '@hvy.procedure.action.comment' | i18n }}</button>\n  }\n  @if (data.action.status !== 'DONE') {\n    <button (click)=\"action('update')\">{{ '@hvy.procedure.action.update' | i18n }}</button>\n  }\n  <button (click)=\"action('delete')\">{{ '@hvy.procedure.action.delete' | i18n }}</button>\n  @if (data.action.status !== 'DONE' && data.mode === 'procedure') {\n    <button (click)=\"action('done')\">{{ '@hvy.procedure.action.done' | i18n }}</button>\n  }\n</div>\n", dependencies: [{ kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: HvyActionMenuComponent, deps: [{ token: i1$3.PryDialogRef }, { token: PRY_DIALOG_DATA }, { token: i1$1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.4", type: HvyActionMenuComponent, selector: "pry-action-menu", outputs: { choice: "choice" }, ngImport: i0, template: "<div class=\"o-hvy-action-menu\">\n  @if (data.mode === 'procedure') {\n    <button (click)=\"action('comment')\">{{ '@hvy.procedure.action.comment' | i18n }}</button>\n  }\n  @if (data.action.status === 'NEW') {\n    <button (click)=\"action('update')\">{{ '@hvy.procedure.action.update' | i18n }}</button>\n  }\n  <button (click)=\"action('delete')\">{{ '@hvy.procedure.action.delete' | i18n }}</button>\n  @if (data.action.status !== 'DONE' && data.mode === 'procedure') {\n    <button (click)=\"action('done')\">{{ '@hvy.procedure.action.done' | i18n }}</button>\n  }\n</div>\n", dependencies: [{ kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: HvyActionMenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-action-menu', template: "<div class=\"o-hvy-action-menu\">\n  @if (data.mode === 'procedure') {\n    <button (click)=\"action('comment')\">{{ '@hvy.procedure.action.comment' | i18n }}</button>\n  }\n  @if (data.action.status !== 'DONE') {\n    <button (click)=\"action('update')\">{{ '@hvy.procedure.action.update' | i18n }}</button>\n  }\n  <button (click)=\"action('delete')\">{{ '@hvy.procedure.action.delete' | i18n }}</button>\n  @if (data.action.status !== 'DONE' && data.mode === 'procedure') {\n    <button (click)=\"action('done')\">{{ '@hvy.procedure.action.done' | i18n }}</button>\n  }\n</div>\n" }]
-        }], ctorParameters: () => [{ type: i3.PryDialogRef }, { type: undefined, decorators: [{
+            args: [{ selector: 'pry-action-menu', template: "<div class=\"o-hvy-action-menu\">\n  @if (data.mode === 'procedure') {\n    <button (click)=\"action('comment')\">{{ '@hvy.procedure.action.comment' | i18n }}</button>\n  }\n  @if (data.action.status === 'NEW') {\n    <button (click)=\"action('update')\">{{ '@hvy.procedure.action.update' | i18n }}</button>\n  }\n  <button (click)=\"action('delete')\">{{ '@hvy.procedure.action.delete' | i18n }}</button>\n  @if (data.action.status !== 'DONE' && data.mode === 'procedure') {\n    <button (click)=\"action('done')\">{{ '@hvy.procedure.action.done' | i18n }}</button>\n  }\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i1$3.PryDialogRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [PRY_DIALOG_DATA]
                 }] }, { type: i1$1.Store }], propDecorators: { choice: [{
@@ -245,6 +245,9 @@ class HvyBaseParameterActionComponent {
     set action(action) {
         this._action = action;
     }
+    get action() {
+        return this._action;
+    }
     constructor() { }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: HvyBaseParameterActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: HvyBaseParameterActionComponent, selector: "hvy-base-action-parameter", inputs: { action: "action" }, ngImport: i0, template: ' <p>not used</p>', isInline: true }); }
@@ -264,25 +267,129 @@ class HvyOtherActionParameterComponent extends HvyBaseParameterActionComponent {
         super();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: HvyOtherActionParameterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: HvyOtherActionParameterComponent, selector: "hvy-other-action-parameter", usesInheritance: true, ngImport: i0, template: "<div>\n  <input type=\"text\" [(ngModel)]=\"_action.other\" />\n</div>\n", dependencies: [{ kind: "directive", type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: HvyOtherActionParameterComponent, selector: "hvy-other-action-parameter", usesInheritance: true, ngImport: i0, template: "<div>\n  <input type=\"text\" [(ngModel)]=\"_action.other\" class=\"a-form-field\" />\n</div>\n", dependencies: [{ kind: "directive", type: i1$4.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: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: HvyOtherActionParameterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'hvy-other-action-parameter', template: "<div>\n  <input type=\"text\" [(ngModel)]=\"_action.other\" />\n</div>\n" }]
+            args: [{ selector: 'hvy-other-action-parameter', template: "<div>\n  <input type=\"text\" [(ngModel)]=\"_action.other\" class=\"a-form-field\" />\n</div>\n" }]
+        }], ctorParameters: () => [] });
+
+class HvyOtherActionDisplayComponent extends HvyBaseParameterActionComponent {
+    constructor() {
+        super();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: HvyOtherActionDisplayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: HvyOtherActionDisplayComponent, selector: "hvy-other-action-display", usesInheritance: true, ngImport: i0, template: "<div class=\"param-line\">\n  <p>\n    {{ '@hvy.procedure.action.' + action.type | i18n }}: <b>{{ action.other | i18n }}</b>\n  </p>\n</div>\n", dependencies: [{ kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: HvyOtherActionDisplayComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'hvy-other-action-display', template: "<div class=\"param-line\">\n  <p>\n    {{ '@hvy.procedure.action.' + action.type | i18n }}: <b>{{ action.other | i18n }}</b>\n  </p>\n</div>\n" }]
+        }], ctorParameters: () => [] });
+
+class HvySmsActionDisplayComponent extends HvyBaseParameterActionComponent {
+    constructor() {
+        super();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: HvySmsActionDisplayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: HvySmsActionDisplayComponent, selector: "hvy-sms-action-display", usesInheritance: true, ngImport: i0, template: "<div class=\"param-line\">\n  <p>\n    {{ '@hvy.procedure.action.' + action.type | i18n }} <b>{{ action.name | i18n }}</b>\n    {{ '@hvy.procedure.action.to' | i18n }} <b>{{ action.number | i18n }}</b>\n  </p>\n</div>\n", dependencies: [{ kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: HvySmsActionDisplayComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'hvy-sms-action-display', template: "<div class=\"param-line\">\n  <p>\n    {{ '@hvy.procedure.action.' + action.type | i18n }} <b>{{ action.name | i18n }}</b>\n    {{ '@hvy.procedure.action.to' | i18n }} <b>{{ action.number | i18n }}</b>\n  </p>\n</div>\n" }]
+        }], ctorParameters: () => [] });
+
+class HvySmsActionParameterComponent extends HvyBaseParameterActionComponent {
+    static { this.PATTERN = new RegExp('^(?:(?:\\+|00)33|0)[1-9][0-9]{8}$'); }
+    constructor() {
+        super();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: HvySmsActionParameterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: HvySmsActionParameterComponent, selector: "hvy-sms-action-parameter", usesInheritance: true, ngImport: i0, template: "<div class=\"param-line\">\n  <p>{{ '@hvy.procedure.action.' + action.type | i18n }}</p>\n  <input type=\"text\" [(ngModel)]=\"_action.name\" class=\"a-form-field\" />\n  <p>{{ '@hvy.procedure.action.to' | i18n }}</p>\n  <input type=\"text\" [(ngModel)]=\"_action.number\" class=\"a-form-field\" />\n</div>\n", dependencies: [{ kind: "directive", type: i1$4.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: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: HvySmsActionParameterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'hvy-sms-action-parameter', template: "<div class=\"param-line\">\n  <p>{{ '@hvy.procedure.action.' + action.type | i18n }}</p>\n  <input type=\"text\" [(ngModel)]=\"_action.name\" class=\"a-form-field\" />\n  <p>{{ '@hvy.procedure.action.to' | i18n }}</p>\n  <input type=\"text\" [(ngModel)]=\"_action.number\" class=\"a-form-field\" />\n</div>\n" }]
+        }], ctorParameters: () => [] });
+
+class HvyEmailActionParameterComponent extends HvyBaseParameterActionComponent {
+    static { this.PATTERN = new RegExp(/^\w+([\\.-]?\w+)*@\w+([\\.-]?\w+)*(\.\w{2,3})+$/); }
+    constructor() {
+        super();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: HvyEmailActionParameterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: HvyEmailActionParameterComponent, selector: "hvy-email-action-parameter", usesInheritance: true, ngImport: i0, template: "<div class=\"param-line\">\n  <p>{{ '@hvy.procedure.action.' + action.type | i18n }}</p>\n  <input type=\"text\" [(ngModel)]=\"_action.name\" class=\"a-form-field\" />\n  <p>{{ '@hvy.procedure.action.at' | i18n }}</p>\n  <input type=\"text\" [(ngModel)]=\"_action.email\" class=\"a-form-field\" />\n</div>\n", dependencies: [{ kind: "directive", type: i1$4.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: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: HvyEmailActionParameterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'hvy-email-action-parameter', template: "<div class=\"param-line\">\n  <p>{{ '@hvy.procedure.action.' + action.type | i18n }}</p>\n  <input type=\"text\" [(ngModel)]=\"_action.name\" class=\"a-form-field\" />\n  <p>{{ '@hvy.procedure.action.at' | i18n }}</p>\n  <input type=\"text\" [(ngModel)]=\"_action.email\" class=\"a-form-field\" />\n</div>\n" }]
+        }], ctorParameters: () => [] });
+
+class HvyEmailActionDisplayComponent extends HvyBaseParameterActionComponent {
+    constructor() {
+        super();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: HvyEmailActionDisplayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: HvyEmailActionDisplayComponent, selector: "hvy-email-action-display", usesInheritance: true, ngImport: i0, template: "<div class=\"param-line\">\n  <p>\n    {{ '@hvy.procedure.action.' + action.type | i18n }} <b>{{ action.name | i18n }}</b>\n    {{ '@hvy.procedure.action.at' | i18n }} <b>{{ action.email | i18n }}</b>\n  </p>\n</div>\n", dependencies: [{ kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: HvyEmailActionDisplayComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'hvy-email-action-display', template: "<div class=\"param-line\">\n  <p>\n    {{ '@hvy.procedure.action.' + action.type | i18n }} <b>{{ action.name | i18n }}</b>\n    {{ '@hvy.procedure.action.at' | i18n }} <b>{{ action.email | i18n }}</b>\n  </p>\n</div>\n" }]
+        }], ctorParameters: () => [] });
+
+class HvyServiceActionDisplayComponent extends HvyBaseParameterActionComponent {
+    constructor() {
+        super();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: HvyServiceActionDisplayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: HvyServiceActionDisplayComponent, selector: "hvy-service-action-display", usesInheritance: true, ngImport: i0, template: "<div class=\"param-line\">\n  <p>\n    {{ '@hvy.procedure.action.' + action.type | i18n }}: <b>{{ action.service | i18n }}</b>\n  </p>\n</div>\n", dependencies: [{ kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: HvyServiceActionDisplayComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'hvy-service-action-display', template: "<div class=\"param-line\">\n  <p>\n    {{ '@hvy.procedure.action.' + action.type | i18n }}: <b>{{ action.service | i18n }}</b>\n  </p>\n</div>\n" }]
+        }], ctorParameters: () => [] });
+
+class HvyServiceActionParameterComponent extends HvyBaseParameterActionComponent {
+    constructor() {
+        super();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: HvyServiceActionParameterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: HvyServiceActionParameterComponent, selector: "hvy-service-action-parameter", usesInheritance: true, ngImport: i0, template: "<div>\n  <input type=\"text\" [(ngModel)]=\"_action.service\" class=\"a-form-field\" />\n</div>\n", dependencies: [{ kind: "directive", type: i1$4.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: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: HvyServiceActionParameterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'hvy-service-action-parameter', template: "<div>\n  <input type=\"text\" [(ngModel)]=\"_action.service\" class=\"a-form-field\" />\n</div>\n" }]
         }], ctorParameters: () => [] });
 
 const ACTIONS_TYPES = {
     values: {
-        CSU: undefined,
-        DOUTE: undefined,
-        SMS: undefined,
-        AUTRE: HvyOtherActionParameterComponent,
-        SERVICE: undefined,
-        EMAIL: undefined
+        SMS: {
+            display: HvySmsActionDisplayComponent,
+            parameter: HvySmsActionParameterComponent,
+            validator: (action) => !!action.name && !!action.number && action.number.match(HvySmsActionParameterComponent.PATTERN)
+        },
+        OTHER: {
+            display: HvyOtherActionDisplayComponent,
+            parameter: HvyOtherActionParameterComponent,
+            validator: (action) => !!action.other
+        },
+        SERVICE: {
+            display: HvyServiceActionDisplayComponent,
+            parameter: HvyServiceActionParameterComponent,
+            validator: (action) => !!action.service
+        },
+        EMAIL: {
+            display: HvyEmailActionDisplayComponent,
+            parameter: HvyEmailActionParameterComponent,
+            validator: (action) => !!action.name && !!action.email && action.number.match(HvyEmailActionParameterComponent.PATTERN)
+        }
     }
 };
 
 class HvyActionParameterComponent {
+    set isParam(param) {
+        this.param = param;
+        this.updateParameterComponent();
+    }
     set type(type) {
         this._type = type;
         this.updateParameterComponent();
@@ -293,12 +400,13 @@ class HvyActionParameterComponent {
     }
     constructor() {
         this._type = '';
+        this.param = false;
     }
     updateParameterComponent() {
         if (!!this._action && !!this._type) {
             setTimeout(() => {
                 this.componentRef?.destroy();
-                const component = ACTIONS_TYPES.values[this._type ?? ''];
+                const component = ACTIONS_TYPES.values[this._type ?? ''][this.param ? 'parameter' : 'display'];
                 if (!!component) {
                     this.componentRef = this.ref.createComponent(component);
                     this.componentRef.instance.action = this._action;
@@ -307,7 +415,7 @@ class HvyActionParameterComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: HvyActionParameterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: HvyActionParameterComponent, selector: "hvy-action-parameter", inputs: { type: "type", action: "action" }, viewQueries: [{ propertyName: "ref", first: true, predicate: ["ref"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<div #ref></div>\n" }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: HvyActionParameterComponent, selector: "hvy-action-parameter", inputs: { isParam: "isParam", type: "type", action: "action" }, viewQueries: [{ propertyName: "ref", first: true, predicate: ["ref"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<div #ref></div>\n" }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: HvyActionParameterComponent, decorators: [{
             type: Component,
@@ -315,6 +423,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImpor
         }], ctorParameters: () => [], propDecorators: { ref: [{
                 type: ViewChild,
                 args: ['ref', { read: ViewContainerRef }]
+            }], isParam: [{
+                type: Input
             }], type: [{
                 type: Input
             }], action: [{
@@ -323,10 +433,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImpor
 
 class ProcedureActionsComponent extends SubscriptionnerDirective {
     static { this.CARD_HEIGHT = 75; }
-    constructor(pryDialog, overlay) {
+    constructor(pryDialog, overlay, i18nService) {
         super();
         this.pryDialog = pryDialog;
         this.overlay = overlay;
+        this.i18nService = i18nService;
         this.moveStart = 0;
         this.moveInitialIndex = 0;
         this.initialActionList = [];
@@ -343,6 +454,9 @@ class ProcedureActionsComponent extends SubscriptionnerDirective {
     get actions() {
         return this._actions;
     }
+    get editing() {
+        return !!this.actions.find((action) => action._status);
+    }
     onMouseDown($event) {
         this.dragTarget = $event.target;
     }
@@ -391,7 +505,7 @@ class ProcedureActionsComponent extends SubscriptionnerDirective {
         }
     }
     add() {
-        this.actions.push({ type: '', status: 'NEW', id: v4(), _create: true });
+        this.actions.push({ type: '', status: 'NEW', id: v4(), _status: 'create' });
     }
     update(idx, prop, $event) {
         // @ts-ignore
@@ -405,7 +519,7 @@ class ProcedureActionsComponent extends SubscriptionnerDirective {
                 backdropClass: 'backdrop',
                 positionStrategy: this.overlay
                     .position()
-                    .flexibleConnectedTo(this.menuButton)
+                    .flexibleConnectedTo(this.menuButtons.get(idx))
                     .withPositions([
                     {
                         originX: 'start',
@@ -425,7 +539,8 @@ class ProcedureActionsComponent extends SubscriptionnerDirective {
                 case 'comment':
                     throw new Error('Not Yet Implemented');
                 case 'update':
-                    action._modify = true;
+                    action._initial = JSON.parse(JSON.stringify(action));
+                    action._status = 'modify';
                     break;
                 case 'delete':
                     this.actions.splice(idx, 1);
@@ -438,18 +553,43 @@ class ProcedureActionsComponent extends SubscriptionnerDirective {
             }, 100);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ProcedureActionsComponent, deps: [{ token: i3.PryDialogService }, { token: i2.Overlay }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.4", type: ProcedureActionsComponent, selector: "hvy-procedure-actions", inputs: { mode: "mode", actions: "actions" }, outputs: { modified: "modified" }, viewQueries: [{ propertyName: "menuButton", first: true, predicate: ["menuButton"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "<div\n  class=\"o-hvy-events-detail__procedure__actions\"\n  (drag)=\"move($event)\"\n  (drop)=\"drop($event)\"\n  (dragover)=\"allowDrop($event)\"\n>\n  @for (action of actions; track action.id; let idx = $index) {\n    <div\n      class=\"o-hvy-events-detail__procedure__actions__action\"\n      [draggable]=\"true\"\n      (dragstart)=\"dragStart($event, action, idx)\"\n      (mousedown)=\"onMouseDown($event)\"\n      [class.-updating]=\"!!action._modify || !!action._create\"\n    >\n      <pry-icon iconSvg=\"six_dot\" #handle></pry-icon>\n      @if (!action._modify && !action._create) {\n        @if (mode === 'procedure') {\n          <pry-checkbox\n            [ngModel]=\"action.status !== 'NEW'\"\n            (click)=\"toggleActionStatus(idx, $event)\"\n            [disabled]=\"action.status === 'DONE'\"\n          ></pry-checkbox>\n        }\n        <div [class.-done]=\"action.status === 'DONE'\">{{ '@hvy.procedure.action.' + action.type | i18n }}</div>\n        <pry-icon iconSvg=\"more_horiz\" (click)=\"openModal(action, idx)\" #menuButton></pry-icon>\n      } @else {\n        <div class=\"o-hvy-events-detail__procedure__actions__action__create\">\n          <div>{{ '@hvy.procedure.action.' + (action._create ? 'create' : 'modify') | i18n }}</div>\n          <div>\n            <pry-select\n              [ngModel]=\"action.type\"\n              [items]=\"ACTIONS_TYPES\"\n              (ngModelChange)=\"update(idx, 'type', $event)\"\n              i18nPrefix=\"@hvy.procedure.action.\"\n            ></pry-select>\n          </div>\n          <hvy-action-parameter [action]=\"action\" [type]=\"action.type\"></hvy-action-parameter>\n        </div>\n      }\n    </div>\n  } @empty {\n    @if (actions.length === 0) {\n      <div>{{ '@hvy.event.log.procedure.noAction' | i18n }}</div>\n    }\n  }\n  <div class=\"o-hvy-events-detail__procedure__button\">\n    <button class=\"a-btn a-btn--primary\" (click)=\"add()\">\n      <pry-icon iconSvg=\"add\"></pry-icon>\n      {{ '@hvy.procedure.action.add' | i18n }}\n    </button>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: i4.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i3.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "isForm", "required", "name", "readonly", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked"] }, { kind: "component", type: HvyActionParameterComponent, selector: "hvy-action-parameter", inputs: ["type", "action"] }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
+    saveAction(action, idx) {
+        delete action._initial;
+        delete action._status;
+    }
+    cancelAction(action, idx) {
+        if (action._status === 'modify') {
+            this.actions[idx] = { ...action._initial };
+            delete this.actions[idx]._initial;
+            delete this.actions[idx]._status;
+        }
+        else if (action._status === 'create') {
+            this.actions.splice(idx, 1);
+        }
+        else {
+            throw new Error('Cannot happen');
+        }
+    }
+    isValid(action) {
+        return (action.type &&
+            (ACTIONS_TYPES.values[action.type].validator === undefined ||
+                ACTIONS_TYPES.values[action.type].validator(action)));
+    }
+    isDraggable(action) {
+        return !this.editing && action.status === 'NEW';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ProcedureActionsComponent, deps: [{ token: i1$3.PryDialogService }, { token: i2.Overlay }, { token: i1$3.PryI18nService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.4", type: ProcedureActionsComponent, selector: "hvy-procedure-actions", inputs: { mode: "mode", actions: "actions" }, outputs: { modified: "modified" }, viewQueries: [{ propertyName: "menuButtons", predicate: ["menuButton"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "<div\n  class=\"o-hvy-events-detail__procedure__actions\"\n  (drag)=\"move($event)\"\n  (drop)=\"drop($event)\"\n  (dragover)=\"allowDrop($event)\"\n>\n  @for (action of actions; track action.id; let idx = $index) {\n    <div\n      class=\"o-hvy-events-detail__procedure__actions__action\"\n      [draggable]=\"isDraggable(action)\"\n      (dragstart)=\"dragStart($event, action, idx)\"\n      (mousedown)=\"onMouseDown($event)\"\n      [class.-updating]=\"!!action._status\"\n      [class.-other-updating]=\"editing\"\n    >\n      <pry-icon\n        iconSvg=\"six_dot\"\n        #handle\n        [class.-disabled]=\"!isDraggable(action)\"\n        [class.-hidden]=\"action._status\"\n      ></pry-icon>\n      @if (!action._status) {\n        @if (mode === 'procedure') {\n          <pry-checkbox\n            [ngModel]=\"action.status !== 'NEW'\"\n            (click)=\"toggleActionStatus(idx, $event)\"\n            [disabled]=\"action.status === 'DONE'\"\n          ></pry-checkbox>\n        }\n        <div [class.-done]=\"action.status === 'DONE'\" [class.-disabled]=\"editing\">\n          <hvy-action-parameter [action]=\"action\" [type]=\"action.type\" [isParam]=\"false\"></hvy-action-parameter>\n        </div>\n        <button class=\"a-btn a-btn--icon-only\" (click)=\"openModal(action, idx)\" [disabled]=\"editing\">\n          <pry-icon iconSvg=\"more_horiz\" #menuButton></pry-icon>\n        </button>\n      } @else {\n        <div class=\"o-hvy-events-detail__procedure__actions__action__create\">\n          <div class=\"o-hvy-events-detail__procedure__actions__action__create__header\">\n            <p>{{ '@hvy.procedure.action.' + action._status | i18n }}</p>\n            <button class=\"a-btn a-btn--icon-only\" (click)=\"saveAction(action, idx)\" [disabled]=\"!isValid(action)\">\n              <pry-icon iconSvg=\"check\"></pry-icon>\n            </button>\n            <button class=\"a-btn a-btn--icon-only\" (click)=\"cancelAction(action, idx)\">\n              <pry-icon iconSvg=\"close\"></pry-icon>\n            </button>\n          </div>\n          <div>\n            <pry-select\n              [ngModel]=\"action.type\"\n              [items]=\"ACTIONS_TYPES\"\n              (ngModelChange)=\"update(idx, 'type', $event)\"\n              i18nPrefix=\"@hvy.procedure.action.\"\n            ></pry-select>\n          </div>\n          <hvy-action-parameter [action]=\"action\" [type]=\"action.type\" [isParam]=\"true\"></hvy-action-parameter>\n        </div>\n      }\n    </div>\n  } @empty {\n    @if (actions.length === 0) {\n      <div>{{ '@hvy.event.log.procedure.noAction' | i18n }}</div>\n    }\n  }\n  <div class=\"o-hvy-events-detail__procedure__button\">\n    <button class=\"a-btn a-btn--primary\" (click)=\"add()\" [disabled]=\"editing\">\n      <pry-icon iconSvg=\"add\"></pry-icon>\n      {{ '@hvy.procedure.action.add' | i18n }}\n    </button>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: i4.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle"] }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1$3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i1$3.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "isForm", "required", "name", "readonly", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked"] }, { kind: "component", type: HvyActionParameterComponent, selector: "hvy-action-parameter", inputs: ["isParam", "type", "action"] }, { kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ProcedureActionsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'hvy-procedure-actions', template: "<div\n  class=\"o-hvy-events-detail__procedure__actions\"\n  (drag)=\"move($event)\"\n  (drop)=\"drop($event)\"\n  (dragover)=\"allowDrop($event)\"\n>\n  @for (action of actions; track action.id; let idx = $index) {\n    <div\n      class=\"o-hvy-events-detail__procedure__actions__action\"\n      [draggable]=\"true\"\n      (dragstart)=\"dragStart($event, action, idx)\"\n      (mousedown)=\"onMouseDown($event)\"\n      [class.-updating]=\"!!action._modify || !!action._create\"\n    >\n      <pry-icon iconSvg=\"six_dot\" #handle></pry-icon>\n      @if (!action._modify && !action._create) {\n        @if (mode === 'procedure') {\n          <pry-checkbox\n            [ngModel]=\"action.status !== 'NEW'\"\n            (click)=\"toggleActionStatus(idx, $event)\"\n            [disabled]=\"action.status === 'DONE'\"\n          ></pry-checkbox>\n        }\n        <div [class.-done]=\"action.status === 'DONE'\">{{ '@hvy.procedure.action.' + action.type | i18n }}</div>\n        <pry-icon iconSvg=\"more_horiz\" (click)=\"openModal(action, idx)\" #menuButton></pry-icon>\n      } @else {\n        <div class=\"o-hvy-events-detail__procedure__actions__action__create\">\n          <div>{{ '@hvy.procedure.action.' + (action._create ? 'create' : 'modify') | i18n }}</div>\n          <div>\n            <pry-select\n              [ngModel]=\"action.type\"\n              [items]=\"ACTIONS_TYPES\"\n              (ngModelChange)=\"update(idx, 'type', $event)\"\n              i18nPrefix=\"@hvy.procedure.action.\"\n            ></pry-select>\n          </div>\n          <hvy-action-parameter [action]=\"action\" [type]=\"action.type\"></hvy-action-parameter>\n        </div>\n      }\n    </div>\n  } @empty {\n    @if (actions.length === 0) {\n      <div>{{ '@hvy.event.log.procedure.noAction' | i18n }}</div>\n    }\n  }\n  <div class=\"o-hvy-events-detail__procedure__button\">\n    <button class=\"a-btn a-btn--primary\" (click)=\"add()\">\n      <pry-icon iconSvg=\"add\"></pry-icon>\n      {{ '@hvy.procedure.action.add' | i18n }}\n    </button>\n  </div>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: i3.PryDialogService }, { type: i2.Overlay }], propDecorators: { modified: [{
+            args: [{ selector: 'hvy-procedure-actions', template: "<div\n  class=\"o-hvy-events-detail__procedure__actions\"\n  (drag)=\"move($event)\"\n  (drop)=\"drop($event)\"\n  (dragover)=\"allowDrop($event)\"\n>\n  @for (action of actions; track action.id; let idx = $index) {\n    <div\n      class=\"o-hvy-events-detail__procedure__actions__action\"\n      [draggable]=\"isDraggable(action)\"\n      (dragstart)=\"dragStart($event, action, idx)\"\n      (mousedown)=\"onMouseDown($event)\"\n      [class.-updating]=\"!!action._status\"\n      [class.-other-updating]=\"editing\"\n    >\n      <pry-icon\n        iconSvg=\"six_dot\"\n        #handle\n        [class.-disabled]=\"!isDraggable(action)\"\n        [class.-hidden]=\"action._status\"\n      ></pry-icon>\n      @if (!action._status) {\n        @if (mode === 'procedure') {\n          <pry-checkbox\n            [ngModel]=\"action.status !== 'NEW'\"\n            (click)=\"toggleActionStatus(idx, $event)\"\n            [disabled]=\"action.status === 'DONE'\"\n          ></pry-checkbox>\n        }\n        <div [class.-done]=\"action.status === 'DONE'\" [class.-disabled]=\"editing\">\n          <hvy-action-parameter [action]=\"action\" [type]=\"action.type\" [isParam]=\"false\"></hvy-action-parameter>\n        </div>\n        <button class=\"a-btn a-btn--icon-only\" (click)=\"openModal(action, idx)\" [disabled]=\"editing\">\n          <pry-icon iconSvg=\"more_horiz\" #menuButton></pry-icon>\n        </button>\n      } @else {\n        <div class=\"o-hvy-events-detail__procedure__actions__action__create\">\n          <div class=\"o-hvy-events-detail__procedure__actions__action__create__header\">\n            <p>{{ '@hvy.procedure.action.' + action._status | i18n }}</p>\n            <button class=\"a-btn a-btn--icon-only\" (click)=\"saveAction(action, idx)\" [disabled]=\"!isValid(action)\">\n              <pry-icon iconSvg=\"check\"></pry-icon>\n            </button>\n            <button class=\"a-btn a-btn--icon-only\" (click)=\"cancelAction(action, idx)\">\n              <pry-icon iconSvg=\"close\"></pry-icon>\n            </button>\n          </div>\n          <div>\n            <pry-select\n              [ngModel]=\"action.type\"\n              [items]=\"ACTIONS_TYPES\"\n              (ngModelChange)=\"update(idx, 'type', $event)\"\n              i18nPrefix=\"@hvy.procedure.action.\"\n            ></pry-select>\n          </div>\n          <hvy-action-parameter [action]=\"action\" [type]=\"action.type\" [isParam]=\"true\"></hvy-action-parameter>\n        </div>\n      }\n    </div>\n  } @empty {\n    @if (actions.length === 0) {\n      <div>{{ '@hvy.event.log.procedure.noAction' | i18n }}</div>\n    }\n  }\n  <div class=\"o-hvy-events-detail__procedure__button\">\n    <button class=\"a-btn a-btn--primary\" (click)=\"add()\" [disabled]=\"editing\">\n      <pry-icon iconSvg=\"add\"></pry-icon>\n      {{ '@hvy.procedure.action.add' | i18n }}\n    </button>\n  </div>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i1$3.PryDialogService }, { type: i2.Overlay }, { type: i1$3.PryI18nService }], propDecorators: { modified: [{
                 type: Output
             }], mode: [{
                 type: Input
-            }], menuButton: [{
-                type: ViewChild,
+            }], menuButtons: [{
+                type: ViewChildren,
                 args: ['menuButton', { read: ElementRef }]
             }], actions: [{
                 type: Input
@@ -789,13 +929,13 @@ class EventDetailComponent extends SubscriptionnerDirective {
         }
         this._outputModifications();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: EventDetailComponent, deps: [{ token: EquipmentService }, { token: i1$1.Store }, { token: i2.Overlay }, { token: i0.ViewContainerRef }, { token: i3.PrySnackbarService }, { token: i3.PryI18nService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.4", type: EventDetailComponent, selector: "hvy-event-detail", inputs: { title: "title", events: "events", procedure: "procedure", cancelModifications: "cancelModifications", equipmentName: "equipmentName" }, outputs: { modifiedEvents: "modifiedEvents", modifiedProcedure: "modifiedProcedure", eventErrors: "eventErrors" }, viewQueries: [{ propertyName: "confirmDialog", first: true, predicate: ["confirmDialog"], descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<div class=\"o-hvy-events-detail\">\n  <div class=\"o-hvy-events-detail__header\">\n    <div class=\"o-hvy-events-detail__header__split\">\n      <h1>{{ title ?? '@hvy.event.detail' | i18n }}</h1>\n      @if (events.length > 1) {\n        @if (canCloseSome) {\n          <button class=\"a-btn a-btn--secondary -fix-right\" [disabled]=\"!canCloseSome\" (click)=\"closeAll()\">\n            {{ (canCloseSome ? '@hvy.event.log.event.close' : '@hvy.event.log.event.closed') | i18n }}\n          </button>\n        }\n        @if (!canCloseSome) {\n          <div\n            class=\"a-tooltip\"\n            [attr.data-tooltip]=\"'... TODO: get closing comment ...'\"\n            data-tooltip-position=\"bottom\"\n          >\n            <pry-icon iconSvg=\"i\" [height]=\"18\" [width]=\"18\">i</pry-icon>\n          </div>\n        }\n      }\n    </div>\n    <div class=\"o-hvy-events-detail__header__split\">\n      @if (canCloseSome) {\n        <button class=\"a-btn a-btn--secondary\">{{ '@hvy.event.log.procedure.delete' | i18n }}</button>\n      }\n    </div>\n  </div>\n  <div class=\"o-hvy-events-detail__container\">\n    <div class=\"o-hvy-events-detail__container__scrollable\">\n      <div class=\"o-hvy-events-detail__events\">\n        @for (event of events; track event.id; let idx = $index) {\n          <div class=\"o-hvy-events-detail__events__event\">\n            <div class=\"o-hvy-events-detail__events__event__header\">\n              <pry-icon\n                iconSvg=\"arrow_down_rounded\"\n                [class.-rotated]=\"opened[idx]\"\n                (click)=\"toggle(idx)\"\n                [width]=\"10\"\n                [height]=\"10\"\n              ></pry-icon>\n              <hvy-icon-display [event]=\"event\"></hvy-icon-display>\n              <h2>{{ event.name }}</h2>\n              <hvy-status-display\n                [item]=\"event\"\n                [modifiable]=\"event.status !== 'DONE'\"\n                (modified)=\"changeStatus($event, event)\"\n              ></hvy-status-display>\n            </div>\n            <div class=\"o-hvy-events-detail__events__event__content\">\n              @if (!opened[idx]) {\n                <div>{{ '@hvy.event.log.event.description' | i18n }} : {{ event.description }}</div>\n                <div>{{ '@hvy.event.log.event.address' | i18n }} : {{ event.address }}</div>\n              } @else {\n                @if (access(event); as accessValue) {\n                  <div class=\"o-hvy-events-detail__events__event__content__header\">\n                    <h3>{{ '@hvy.event.log.event.detail' | i18n }}</h3>\n                    <span class=\"required\">{{ '@hvy.event.log.event.mandatory' | i18n }}</span>\n                  </div>\n                  <table>\n                    <tbody>\n                      <tr>\n                        <td>{{ '@hvy.event.log.event.name' | i18n }}<span class=\"required\">*</span> :</td>\n                        <td>\n                          <input\n                            type=\"text\"\n                            class=\"a-form-field\"\n                            [class.-error]=\"hasError('name', idx)\"\n                            [value]=\"event.name\"\n                            (change)=\"modifyEvent(idx, 'name', $event)\"\n                            [readonly]=\"accessValue.name\"\n                          />\n                        </td>\n                      </tr>\n                      @if (event.id > 0) {\n                        <tr>\n                          <td>{{ '@hvy.event.log.event.id' | i18n }}<span class=\"required\">*</span> :</td>\n                          <td>\n                            <input type=\"text\" class=\"a-form-field\" [value]=\"padId.fn(event.id)\" [readonly]=\"true\" />\n                          </td>\n                        </tr>\n                      }\n                      <tr>\n                        <td>{{ '@hvy.event.log.event.category' | i18n }}<span class=\"required\">*</span> :</td>\n                        <td>\n                          <pry-select\n                            [ngModel]=\"event.category\"\n                            [items]=\"categories(event)\"\n                            [class.-error]=\"hasError('category', idx)\"\n                            (ngModelChange)=\"modifyEvent(idx, 'category', $event)\"\n                            i18nPrefix=\"@hvy.event.category.\"\n                            [disabled]=\"accessValue.category\"\n                          ></pry-select>\n                        </td>\n                      </tr>\n                      <tr>\n                        <td>{{ '@hvy.event.criticality.name' | i18n }}<span class=\"required\">*</span> :</td>\n                        <td>\n                          <pry-select\n                            [ngModel]=\"event.criticality\"\n                            [items]=\"criticalities\"\n                            [class.-error]=\"hasError('criticality', idx)\"\n                            i18nPrefix=\"@hvy.event.criticality.\"\n                            [disabled]=\"accessValue.criticality\"\n                            (ngModelChange)=\"modifyEvent(idx, 'criticality', $event)\"\n                          ></pry-select>\n                        </td>\n                      </tr>\n                      <tr>\n                        <td>{{ '@hvy.event.log.event.description' | i18n }}<span class=\"required\">*</span> :</td>\n                        <td>\n                          <textarea\n                            [ngModel]=\"event.description\"\n                            class=\"a-form-field\"\n                            [class.-error]=\"hasError('description', idx)\"\n                            [readonly]=\"accessValue.description\"\n                            (ngModelChange)=\"modifyEvent(idx, 'description', $event)\"\n                          ></textarea>\n                        </td>\n                      </tr>\n                      <tr>\n                        <td>{{ '@hvy.event.log.event.address' | i18n }} :</td>\n                        <td>\n                          <textarea\n                            [ngModel]=\"event.address\"\n                            class=\"a-form-field\"\n                            [class.-error]=\"hasError('address', idx)\"\n                            [readonly]=\"accessValue.address\"\n                            (ngModelChange)=\"modifyEvent(idx, 'address', $event)\"\n                          ></textarea>\n                        </td>\n                      </tr>\n                      @if (['ALERT', 'REPORT'].includes(event.type)) {\n                        <tr>\n                          <td>{{ '@hvy.event.source' | i18n }} :</td>\n                          <td>\n                            <input\n                              type=\"text\"\n                              class=\"a-form-field\"\n                              [value]=\"event.externalSourceRef ?? ''\"\n                              [class.-error]=\"hasError('source', idx)\"\n                              [readonly]=\"accessValue.source\"\n                              (change)=\"modifyEvent(idx, 'source', $event)\"\n                            />\n                          </td>\n                        </tr>\n                      }\n                      <tr>\n                        <td>{{ '@hvy.event.equipment' | i18n }} :</td>\n                        <td>\n                          <input\n                            type=\"text\"\n                            class=\"a-form-field\"\n                            [value]=\"event.equipment?.name ?? ''\"\n                            [class.-error]=\"hasError('equipment', idx)\"\n                            [readonly]=\"accessValue.eqName\"\n                            (change)=\"changeEquipment(idx, $event)\"\n                          />\n                        </td>\n                      </tr>\n                      <tr>\n                        <td>{{ '@hvy.event.equipmentEntity' | i18n }} :</td>\n                        <td>\n                          <input\n                            type=\"text\"\n                            class=\"a-form-field\"\n                            [class.-error]=\"hasError('equipment', idx)\"\n                            [value]=\"\n                              (event.equipment?.entity ? '@hvy.event.entity.' + event.equipment?.entity : '') | i18n\n                            \"\n                            readonly\n                          />\n                        </td>\n                      </tr>\n                      <tr>\n                        <td>{{ '@hvy.event.domain.name' | i18n }} :</td>\n                        <td>\n                          <pry-select\n                            [items]=\"DOMAINS\"\n                            [ngModel]=\"event.domain\"\n                            i18nPrefix=\"@hvy.event.domain.\"\n                            [class.-error]=\"hasError('domain', idx)\"\n                            (ngModelChange)=\"modifyEvent(idx, 'domain', $event)\"\n                            [disabled]=\"accessValue.domain\"\n                          ></pry-select>\n                        </td>\n                      </tr>\n                      <tr>\n                        <td>\n                          {{ '@hvy.event.startDate' | i18n }}\n                          @if (event.category === 'MANIFESTATION') {\n                            <span class=\"required\">*</span>\n                          }\n                          :\n                        </td>\n                        <td>\n                          <input\n                            type=\"datetime-local\"\n                            step=\"1\"\n                            class=\"a-form-field\"\n                            [value]=\"event.startDate | forDateTimeLocal\"\n                            [class.-error]=\"hasError('startDate', idx)\"\n                            [readonly]=\"accessValue.startDate\"\n                            (change)=\"modifyEvent(idx, 'startDate', $event)\"\n                          />\n                        </td>\n                      </tr>\n                      <tr>\n                        <td>\n                          {{ '@hvy.event.endDate' | i18n }}\n                          @if (event.category === 'MANIFESTATION') {\n                            <span class=\"required\">*</span>\n                          }\n                          :\n                        </td>\n                        <td>\n                          <input\n                            type=\"datetime-local\"\n                            step=\"1\"\n                            class=\"a-form-field\"\n                            [value]=\"event.endDate | forDateTimeLocal\"\n                            [class.-error]=\"hasError('endDate', idx)\"\n                            [readonly]=\"accessValue.endDate\"\n                            (change)=\"modifyEvent(idx, 'endDate', $event)\"\n                          />\n                        </td>\n                      </tr>\n                      <tr>\n                        <td>{{ '@hvy.event.creationDate' | i18n }} :</td>\n                        <td>\n                          <input\n                            type=\"datetime-local\"\n                            step=\"1\"\n                            class=\"a-form-field\"\n                            [value]=\"event.creationDate | forDateTimeLocal\"\n                            readonly\n                          />\n                        </td>\n                      </tr>\n                      <tr>\n                        <td>{{ '@hvy.event.lastModificationDate' | i18n }} :</td>\n                        <td>\n                          <input\n                            type=\"datetime-local\"\n                            step=\"1\"\n                            class=\"a-form-field\"\n                            [value]=\"event.lastModificationDate | forDateTimeLocal\"\n                            readonly\n                          />\n                        </td>\n                      </tr>\n                      <tr>\n                        <td>{{ '@hvy.event.closeDate' | i18n }} :</td>\n                        <td>\n                          <input\n                            type=\"datetime-local\"\n                            step=\"1\"\n                            class=\"a-form-field\"\n                            [value]=\"event.closeDate | forDateTimeLocal\"\n                            readonly\n                          />\n                        </td>\n                      </tr>\n                    </tbody>\n                  </table>\n                  <div class=\"o-hvy-events-detail__events__event__content__comments\">\n                    <h3>{{ '@hvy.event.log.event.comments.name' | i18n }} :</h3>\n                    <textarea\n                      [placeholder]=\"('@hvy.event.log.event.comments.placeholder' | i18n) + '...'\"\n                      [(ngModel)]=\"newComentContent\"\n                    ></textarea>\n                    <div class=\"o-hvy-events-detail__events__event__content__comments__button\">\n                      <button class=\"a-btn a-btn--primary\" [disabled]=\"newComentContent.length === 0\">\n                        {{ '@hvy.action.comment' | i18n }}\n                      </button>\n                    </div>\n                  </div>\n                }\n              }\n            </div>\n          </div>\n        }\n      </div>\n      <div class=\"o-hvy-events-detail__procedure\">\n        <div class=\"o-hvy-events-detail__procedure__header\">\n          <h2>\n            {{ (events.length === 1 ? '@hvy.event.log.procedure.name1' : '@hvy.event.log.procedure.name') | i18n }}\n          </h2>\n        </div>\n        @if (procedure) {\n          <div class=\"o-hvy-events-detail__procedure__description\">\n            <p>{{ procedure.description }}</p>\n          </div>\n          <div class=\"o-hvy-events-detail__procedure__progress\">\n            <p>{{ '@hvy.event.log.procedure.progress' | i18n }}</p>\n            <hvy-progress-display [progress]=\"calculatedProgress\"></hvy-progress-display>\n          </div>\n          <hvy-procedure-actions\n            [actions]=\"procedure.actions\"\n            (modified)=\"modifiedActions($event)\"\n          ></hvy-procedure-actions>\n        } @else {\n          <button class=\"a-btn a-btn--secondary\" [disabled]=\"!canAssociateProcedure\">\n            {{ '@hvy.action.associate' | i18n }}\n          </button>\n        }\n      </div>\n    </div>\n  </div>\n</div>\n\n<ng-template #confirmDialog>\n  <div\n    class=\"o-hvy-close-confirm__dialog\"\n    aria-labelledby=\"confirm\"\n    tabindex=\"-1\"\n    id=\"choice\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n  >\n    <h2>\n      {{\n        (changeStatusContext.events.length === 1 ? '@hvy.event.close.oneTitle' : '@hvy.event.close.multiTitle') | i18n\n      }}\n    </h2>\n    <p>{{ (changeStatusContext.events.length === 1 ? '@hvy.event.close.one' : '@hvy.event.close.multi') | i18n }}</p>\n    <ul>\n      @for (event of changeStatusContext.events; track event.id) {\n        <li>{{ event.name }}</li>\n      }\n    </ul>\n    <p class=\"o-hvy-close-confirm__dialog__comment-title\">\n      {{ '@hvy.event.close.comment' | i18n }}<span class=\"required\">*</span> :\n    </p>\n    <div class=\"o-hvy-close-confirm__dialog__comment\">\n      <textarea [(ngModel)]=\"changeStatusContext.comment\" class=\"a-form-field\" [maxLength]=\"255\"></textarea>\n    </div>\n    <div class=\"o-hvy-close-confirm__dialog__actions\">\n      <button class=\"a-btn a-btn--primary\" (click)=\"confirmedClose()\" [disabled]=\"confirmDisabled()\">\n        {{ '@hvy.action.validate' | i18n }}\n      </button>\n      <button class=\"a-btn a-btn--secondary\" (click)=\"toggleConfirm()\">{{ '@hvy.action.cancel' | i18n }}</button>\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i3.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "isForm", "required", "name", "readonly", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked"] }, { kind: "component", type: IconDisplayComponent, selector: "hvy-icon-display", inputs: ["event"] }, { kind: "component", type: StatusDisplayComponent, selector: "hvy-status-display", inputs: ["item", "modifiable"], outputs: ["modified"] }, { kind: "component", type: ProgressDisplayComponent, selector: "hvy-progress-display", inputs: ["progress"] }, { kind: "component", type: ProcedureActionsComponent, selector: "hvy-procedure-actions", inputs: ["mode", "actions"], outputs: ["modified"] }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }, { kind: "pipe", type: ForDatetimeLocalPipe, name: "forDateTimeLocal" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: EventDetailComponent, deps: [{ token: EquipmentService }, { token: i1$1.Store }, { token: i2.Overlay }, { token: i0.ViewContainerRef }, { token: i1$3.PrySnackbarService }, { token: i1$3.PryI18nService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.4", type: EventDetailComponent, selector: "hvy-event-detail", inputs: { title: "title", events: "events", procedure: "procedure", cancelModifications: "cancelModifications", equipmentName: "equipmentName" }, outputs: { modifiedEvents: "modifiedEvents", modifiedProcedure: "modifiedProcedure", eventErrors: "eventErrors" }, viewQueries: [{ propertyName: "confirmDialog", first: true, predicate: ["confirmDialog"], descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<div class=\"o-hvy-events-detail\">\n  <div class=\"o-hvy-events-detail__header\">\n    <div class=\"o-hvy-events-detail__header__split\">\n      <h1>{{ title ?? '@hvy.event.detail' | i18n }}</h1>\n      @if (events.length > 1) {\n        @if (canCloseSome) {\n          <button class=\"a-btn a-btn--secondary -fix-right\" [disabled]=\"!canCloseSome\" (click)=\"closeAll()\">\n            {{ (canCloseSome ? '@hvy.event.log.event.close' : '@hvy.event.log.event.closed') | i18n }}\n          </button>\n        }\n        @if (!canCloseSome) {\n          <div\n            class=\"a-tooltip\"\n            [attr.data-tooltip]=\"'... TODO: get closing comment ...'\"\n            data-tooltip-position=\"bottom\"\n          >\n            <pry-icon iconSvg=\"i\" [height]=\"18\" [width]=\"18\">i</pry-icon>\n          </div>\n        }\n      }\n    </div>\n    <div class=\"o-hvy-events-detail__header__split\">\n      @if (canCloseSome) {\n        <button class=\"a-btn a-btn--secondary\">{{ '@hvy.event.log.procedure.delete' | i18n }}</button>\n      }\n    </div>\n  </div>\n  <div class=\"o-hvy-events-detail__container\">\n    <div class=\"o-hvy-events-detail__container__scrollable\">\n      <div class=\"o-hvy-events-detail__events\">\n        @for (event of events; track event.id; let idx = $index) {\n          <div class=\"o-hvy-events-detail__events__event\">\n            <div class=\"o-hvy-events-detail__events__event__header\">\n              <pry-icon\n                iconSvg=\"arrow_down_rounded\"\n                [class.-rotated]=\"opened[idx]\"\n                (click)=\"toggle(idx)\"\n                [width]=\"10\"\n                [height]=\"10\"\n              ></pry-icon>\n              <hvy-icon-display [event]=\"event\"></hvy-icon-display>\n              <h2>{{ event.name }}</h2>\n              <hvy-status-display\n                [item]=\"event\"\n                [modifiable]=\"event.status !== 'DONE'\"\n                (modified)=\"changeStatus($event, event)\"\n              ></hvy-status-display>\n            </div>\n            <div class=\"o-hvy-events-detail__events__event__content\">\n              @if (!opened[idx]) {\n                <div>{{ '@hvy.event.log.event.description' | i18n }} : {{ event.description }}</div>\n                <div>{{ '@hvy.event.log.event.address' | i18n }} : {{ event.address }}</div>\n              } @else {\n                @if (access(event); as accessValue) {\n                  <div class=\"o-hvy-events-detail__events__event__content__header\">\n                    <h3>{{ '@hvy.event.log.event.detail' | i18n }}</h3>\n                    <span class=\"required\">{{ '@hvy.event.log.event.mandatory' | i18n }}</span>\n                  </div>\n                  <table>\n                    <tbody>\n                      <tr>\n                        <td>{{ '@hvy.event.log.event.name' | i18n }}<span class=\"required\">*</span> :</td>\n                        <td>\n                          <input\n                            type=\"text\"\n                            class=\"a-form-field\"\n                            [class.-error]=\"hasError('name', idx)\"\n                            [value]=\"event.name\"\n                            (change)=\"modifyEvent(idx, 'name', $event)\"\n                            [readonly]=\"accessValue.name\"\n                          />\n                        </td>\n                      </tr>\n                      @if (event.id > 0) {\n                        <tr>\n                          <td>{{ '@hvy.event.log.event.id' | i18n }}<span class=\"required\">*</span> :</td>\n                          <td>\n                            <input type=\"text\" class=\"a-form-field\" [value]=\"padId.fn(event.id)\" [readonly]=\"true\" />\n                          </td>\n                        </tr>\n                      }\n                      <tr>\n                        <td>{{ '@hvy.event.log.event.category' | i18n }}<span class=\"required\">*</span> :</td>\n                        <td>\n                          <pry-select\n                            [ngModel]=\"event.category\"\n                            [items]=\"categories(event)\"\n                            [class.-error]=\"hasError('category', idx)\"\n                            (ngModelChange)=\"modifyEvent(idx, 'category', $event)\"\n                            i18nPrefix=\"@hvy.event.category.\"\n                            [disabled]=\"accessValue.category\"\n                          ></pry-select>\n                        </td>\n                      </tr>\n                      <tr>\n                        <td>{{ '@hvy.event.criticality.name' | i18n }}<span class=\"required\">*</span> :</td>\n                        <td>\n                          <pry-select\n                            [ngModel]=\"event.criticality\"\n                            [items]=\"criticalities\"\n                            [class.-error]=\"hasError('criticality', idx)\"\n                            i18nPrefix=\"@hvy.event.criticality.\"\n                            [disabled]=\"accessValue.criticality\"\n                            (ngModelChange)=\"modifyEvent(idx, 'criticality', $event)\"\n                          ></pry-select>\n                        </td>\n                      </tr>\n                      <tr>\n                        <td>{{ '@hvy.event.log.event.description' | i18n }}<span class=\"required\">*</span> :</td>\n                        <td>\n                          <textarea\n                            [ngModel]=\"event.description\"\n                            class=\"a-form-field\"\n                            [class.-error]=\"hasError('description', idx)\"\n                            [readonly]=\"accessValue.description\"\n                            (ngModelChange)=\"modifyEvent(idx, 'description', $event)\"\n                          ></textarea>\n                        </td>\n                      </tr>\n                      <tr>\n                        <td>{{ '@hvy.event.log.event.address' | i18n }} :</td>\n                        <td>\n                          <textarea\n                            [ngModel]=\"event.address\"\n                            class=\"a-form-field\"\n                            [class.-error]=\"hasError('address', idx)\"\n                            [readonly]=\"accessValue.address\"\n                            (ngModelChange)=\"modifyEvent(idx, 'address', $event)\"\n                          ></textarea>\n                        </td>\n                      </tr>\n                      @if (['ALERT', 'REPORT'].includes(event.type)) {\n                        <tr>\n                          <td>{{ '@hvy.event.source' | i18n }} :</td>\n                          <td>\n                            <input\n                              type=\"text\"\n                              class=\"a-form-field\"\n                              [value]=\"event.externalSourceRef ?? ''\"\n                              [class.-error]=\"hasError('source', idx)\"\n                              [readonly]=\"accessValue.source\"\n                              (change)=\"modifyEvent(idx, 'source', $event)\"\n                            />\n                          </td>\n                        </tr>\n                      }\n                      <tr>\n                        <td>{{ '@hvy.event.equipment' | i18n }} :</td>\n                        <td>\n                          <input\n                            type=\"text\"\n                            class=\"a-form-field\"\n                            [value]=\"event.equipment?.name ?? ''\"\n                            [class.-error]=\"hasError('equipment', idx)\"\n                            [readonly]=\"accessValue.eqName\"\n                            (change)=\"changeEquipment(idx, $event)\"\n                          />\n                        </td>\n                      </tr>\n                      <tr>\n                        <td>{{ '@hvy.event.equipmentEntity' | i18n }} :</td>\n                        <td>\n                          <input\n                            type=\"text\"\n                            class=\"a-form-field\"\n                            [class.-error]=\"hasError('equipment', idx)\"\n                            [value]=\"\n                              (event.equipment?.entity ? '@hvy.event.entity.' + event.equipment?.entity : '') | i18n\n                            \"\n                            readonly\n                          />\n                        </td>\n                      </tr>\n                      <tr>\n                        <td>{{ '@hvy.event.domain.name' | i18n }} :</td>\n                        <td>\n                          <pry-select\n                            [items]=\"DOMAINS\"\n                            [ngModel]=\"event.domain\"\n                            i18nPrefix=\"@hvy.event.domain.\"\n                            [class.-error]=\"hasError('domain', idx)\"\n                            (ngModelChange)=\"modifyEvent(idx, 'domain', $event)\"\n                            [disabled]=\"accessValue.domain\"\n                          ></pry-select>\n                        </td>\n                      </tr>\n                      <tr>\n                        <td>\n                          {{ '@hvy.event.startDate' | i18n }}\n                          @if (event.category === 'MANIFESTATION') {\n                            <span class=\"required\">*</span>\n                          }\n                          :\n                        </td>\n                        <td>\n                          <input\n                            type=\"datetime-local\"\n                            step=\"1\"\n                            class=\"a-form-field\"\n                            [value]=\"event.startDate | forDateTimeLocal\"\n                            [class.-error]=\"hasError('startDate', idx)\"\n                            [readonly]=\"accessValue.startDate\"\n                            (change)=\"modifyEvent(idx, 'startDate', $event)\"\n                          />\n                        </td>\n                      </tr>\n                      <tr>\n                        <td>\n                          {{ '@hvy.event.endDate' | i18n }}\n                          @if (event.category === 'MANIFESTATION') {\n                            <span class=\"required\">*</span>\n                          }\n                          :\n                        </td>\n                        <td>\n                          <input\n                            type=\"datetime-local\"\n                            step=\"1\"\n                            class=\"a-form-field\"\n                            [value]=\"event.endDate | forDateTimeLocal\"\n                            [class.-error]=\"hasError('endDate', idx)\"\n                            [readonly]=\"accessValue.endDate\"\n                            (change)=\"modifyEvent(idx, 'endDate', $event)\"\n                          />\n                        </td>\n                      </tr>\n                      <tr>\n                        <td>{{ '@hvy.event.creationDate' | i18n }} :</td>\n                        <td>\n                          <input\n                            type=\"datetime-local\"\n                            step=\"1\"\n                            class=\"a-form-field\"\n                            [value]=\"event.creationDate | forDateTimeLocal\"\n                            readonly\n                          />\n                        </td>\n                      </tr>\n                      <tr>\n                        <td>{{ '@hvy.event.lastModificationDate' | i18n }} :</td>\n                        <td>\n                          <input\n                            type=\"datetime-local\"\n                            step=\"1\"\n                            class=\"a-form-field\"\n                            [value]=\"event.lastModificationDate | forDateTimeLocal\"\n                            readonly\n                          />\n                        </td>\n                      </tr>\n                      <tr>\n                        <td>{{ '@hvy.event.closeDate' | i18n }} :</td>\n                        <td>\n                          <input\n                            type=\"datetime-local\"\n                            step=\"1\"\n                            class=\"a-form-field\"\n                            [value]=\"event.closeDate | forDateTimeLocal\"\n                            readonly\n                          />\n                        </td>\n                      </tr>\n                    </tbody>\n                  </table>\n                  <div class=\"o-hvy-events-detail__events__event__content__comments\">\n                    <h3>{{ '@hvy.event.log.event.comments.name' | i18n }} :</h3>\n                    <textarea\n                      [placeholder]=\"('@hvy.event.log.event.comments.placeholder' | i18n) + '...'\"\n                      [(ngModel)]=\"newComentContent\"\n                    ></textarea>\n                    <div class=\"o-hvy-events-detail__events__event__content__comments__button\">\n                      <button class=\"a-btn a-btn--primary\" [disabled]=\"newComentContent.length === 0\">\n                        {{ '@hvy.action.comment' | i18n }}\n                      </button>\n                    </div>\n                  </div>\n                }\n              }\n            </div>\n          </div>\n        }\n      </div>\n      <div class=\"o-hvy-events-detail__procedure\">\n        <div class=\"o-hvy-events-detail__procedure__header\">\n          <h2>\n            {{ (events.length === 1 ? '@hvy.event.log.procedure.name1' : '@hvy.event.log.procedure.name') | i18n }}\n          </h2>\n        </div>\n        @if (procedure) {\n          <div class=\"o-hvy-events-detail__procedure__description\">\n            <p>{{ procedure.description }}</p>\n          </div>\n          <div class=\"o-hvy-events-detail__procedure__progress\">\n            <p>{{ '@hvy.event.log.procedure.progress' | i18n }}</p>\n            <hvy-progress-display [progress]=\"calculatedProgress\"></hvy-progress-display>\n          </div>\n          <hvy-procedure-actions\n            [actions]=\"procedure.actions\"\n            (modified)=\"modifiedActions($event)\"\n          ></hvy-procedure-actions>\n        } @else {\n          <button class=\"a-btn a-btn--secondary\" [disabled]=\"!canAssociateProcedure\">\n            {{ '@hvy.action.associate' | i18n }}\n          </button>\n        }\n      </div>\n    </div>\n  </div>\n</div>\n\n<ng-template #confirmDialog>\n  <div\n    class=\"o-hvy-close-confirm__dialog\"\n    aria-labelledby=\"confirm\"\n    tabindex=\"-1\"\n    id=\"choice\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n  >\n    <h2>\n      {{\n        (changeStatusContext.events.length === 1 ? '@hvy.event.close.oneTitle' : '@hvy.event.close.multiTitle') | i18n\n      }}\n    </h2>\n    <p>{{ (changeStatusContext.events.length === 1 ? '@hvy.event.close.one' : '@hvy.event.close.multi') | i18n }}</p>\n    <ul>\n      @for (event of changeStatusContext.events; track event.id) {\n        <li>{{ event.name }}</li>\n      }\n    </ul>\n    <p class=\"o-hvy-close-confirm__dialog__comment-title\">\n      {{ '@hvy.event.close.comment' | i18n }}<span class=\"required\">*</span> :\n    </p>\n    <div class=\"o-hvy-close-confirm__dialog__comment\">\n      <textarea [(ngModel)]=\"changeStatusContext.comment\" class=\"a-form-field\" [maxLength]=\"255\"></textarea>\n    </div>\n    <div class=\"o-hvy-close-confirm__dialog__actions\">\n      <button class=\"a-btn a-btn--primary\" (click)=\"confirmedClose()\" [disabled]=\"confirmDisabled()\">\n        {{ '@hvy.action.validate' | i18n }}\n      </button>\n      <button class=\"a-btn a-btn--secondary\" (click)=\"toggleConfirm()\">{{ '@hvy.action.cancel' | i18n }}</button>\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1$4.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: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1$3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i1$3.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "isForm", "required", "name", "readonly", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked"] }, { kind: "component", type: IconDisplayComponent, selector: "hvy-icon-display", inputs: ["event"] }, { kind: "component", type: StatusDisplayComponent, selector: "hvy-status-display", inputs: ["item", "modifiable"], outputs: ["modified"] }, { kind: "component", type: ProgressDisplayComponent, selector: "hvy-progress-display", inputs: ["progress"] }, { kind: "component", type: ProcedureActionsComponent, selector: "hvy-procedure-actions", inputs: ["mode", "actions"], outputs: ["modified"] }, { kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }, { kind: "pipe", type: ForDatetimeLocalPipe, name: "forDateTimeLocal" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: EventDetailComponent, decorators: [{
             type: Component,
             args: [{ selector: 'hvy-event-detail', template: "<div class=\"o-hvy-events-detail\">\n  <div class=\"o-hvy-events-detail__header\">\n    <div class=\"o-hvy-events-detail__header__split\">\n      <h1>{{ title ?? '@hvy.event.detail' | i18n }}</h1>\n      @if (events.length > 1) {\n        @if (canCloseSome) {\n          <button class=\"a-btn a-btn--secondary -fix-right\" [disabled]=\"!canCloseSome\" (click)=\"closeAll()\">\n            {{ (canCloseSome ? '@hvy.event.log.event.close' : '@hvy.event.log.event.closed') | i18n }}\n          </button>\n        }\n        @if (!canCloseSome) {\n          <div\n            class=\"a-tooltip\"\n            [attr.data-tooltip]=\"'... TODO: get closing comment ...'\"\n            data-tooltip-position=\"bottom\"\n          >\n            <pry-icon iconSvg=\"i\" [height]=\"18\" [width]=\"18\">i</pry-icon>\n          </div>\n        }\n      }\n    </div>\n    <div class=\"o-hvy-events-detail__header__split\">\n      @if (canCloseSome) {\n        <button class=\"a-btn a-btn--secondary\">{{ '@hvy.event.log.procedure.delete' | i18n }}</button>\n      }\n    </div>\n  </div>\n  <div class=\"o-hvy-events-detail__container\">\n    <div class=\"o-hvy-events-detail__container__scrollable\">\n      <div class=\"o-hvy-events-detail__events\">\n        @for (event of events; track event.id; let idx = $index) {\n          <div class=\"o-hvy-events-detail__events__event\">\n            <div class=\"o-hvy-events-detail__events__event__header\">\n              <pry-icon\n                iconSvg=\"arrow_down_rounded\"\n                [class.-rotated]=\"opened[idx]\"\n                (click)=\"toggle(idx)\"\n                [width]=\"10\"\n                [height]=\"10\"\n              ></pry-icon>\n              <hvy-icon-display [event]=\"event\"></hvy-icon-display>\n              <h2>{{ event.name }}</h2>\n              <hvy-status-display\n                [item]=\"event\"\n                [modifiable]=\"event.status !== 'DONE'\"\n                (modified)=\"changeStatus($event, event)\"\n              ></hvy-status-display>\n            </div>\n            <div class=\"o-hvy-events-detail__events__event__content\">\n              @if (!opened[idx]) {\n                <div>{{ '@hvy.event.log.event.description' | i18n }} : {{ event.description }}</div>\n                <div>{{ '@hvy.event.log.event.address' | i18n }} : {{ event.address }}</div>\n              } @else {\n                @if (access(event); as accessValue) {\n                  <div class=\"o-hvy-events-detail__events__event__content__header\">\n                    <h3>{{ '@hvy.event.log.event.detail' | i18n }}</h3>\n                    <span class=\"required\">{{ '@hvy.event.log.event.mandatory' | i18n }}</span>\n                  </div>\n                  <table>\n                    <tbody>\n                      <tr>\n                        <td>{{ '@hvy.event.log.event.name' | i18n }}<span class=\"required\">*</span> :</td>\n                        <td>\n                          <input\n                            type=\"text\"\n                            class=\"a-form-field\"\n                            [class.-error]=\"hasError('name', idx)\"\n                            [value]=\"event.name\"\n                            (change)=\"modifyEvent(idx, 'name', $event)\"\n                            [readonly]=\"accessValue.name\"\n                          />\n                        </td>\n                      </tr>\n                      @if (event.id > 0) {\n                        <tr>\n                          <td>{{ '@hvy.event.log.event.id' | i18n }}<span class=\"required\">*</span> :</td>\n                          <td>\n                            <input type=\"text\" class=\"a-form-field\" [value]=\"padId.fn(event.id)\" [readonly]=\"true\" />\n                          </td>\n                        </tr>\n                      }\n                      <tr>\n                        <td>{{ '@hvy.event.log.event.category' | i18n }}<span class=\"required\">*</span> :</td>\n                        <td>\n                          <pry-select\n                            [ngModel]=\"event.category\"\n                            [items]=\"categories(event)\"\n                            [class.-error]=\"hasError('category', idx)\"\n                            (ngModelChange)=\"modifyEvent(idx, 'category', $event)\"\n                            i18nPrefix=\"@hvy.event.category.\"\n                            [disabled]=\"accessValue.category\"\n                          ></pry-select>\n                        </td>\n                      </tr>\n                      <tr>\n                        <td>{{ '@hvy.event.criticality.name' | i18n }}<span class=\"required\">*</span> :</td>\n                        <td>\n                          <pry-select\n                            [ngModel]=\"event.criticality\"\n                            [items]=\"criticalities\"\n                            [class.-error]=\"hasError('criticality', idx)\"\n                            i18nPrefix=\"@hvy.event.criticality.\"\n                            [disabled]=\"accessValue.criticality\"\n                            (ngModelChange)=\"modifyEvent(idx, 'criticality', $event)\"\n                          ></pry-select>\n                        </td>\n                      </tr>\n                      <tr>\n                        <td>{{ '@hvy.event.log.event.description' | i18n }}<span class=\"required\">*</span> :</td>\n                        <td>\n                          <textarea\n                            [ngModel]=\"event.description\"\n                            class=\"a-form-field\"\n                            [class.-error]=\"hasError('description', idx)\"\n                            [readonly]=\"accessValue.description\"\n                            (ngModelChange)=\"modifyEvent(idx, 'description', $event)\"\n                          ></textarea>\n                        </td>\n                      </tr>\n                      <tr>\n                        <td>{{ '@hvy.event.log.event.address' | i18n }} :</td>\n                        <td>\n                          <textarea\n                            [ngModel]=\"event.address\"\n                            class=\"a-form-field\"\n                            [class.-error]=\"hasError('address', idx)\"\n                            [readonly]=\"accessValue.address\"\n                            (ngModelChange)=\"modifyEvent(idx, 'address', $event)\"\n                          ></textarea>\n                        </td>\n                      </tr>\n                      @if (['ALERT', 'REPORT'].includes(event.type)) {\n                        <tr>\n                          <td>{{ '@hvy.event.source' | i18n }} :</td>\n                          <td>\n                            <input\n                              type=\"text\"\n                              class=\"a-form-field\"\n                              [value]=\"event.externalSourceRef ?? ''\"\n                              [class.-error]=\"hasError('source', idx)\"\n                              [readonly]=\"accessValue.source\"\n                              (change)=\"modifyEvent(idx, 'source', $event)\"\n                            />\n                          </td>\n                        </tr>\n                      }\n                      <tr>\n                        <td>{{ '@hvy.event.equipment' | i18n }} :</td>\n                        <td>\n                          <input\n                            type=\"text\"\n                            class=\"a-form-field\"\n                            [value]=\"event.equipment?.name ?? ''\"\n                            [class.-error]=\"hasError('equipment', idx)\"\n                            [readonly]=\"accessValue.eqName\"\n                            (change)=\"changeEquipment(idx, $event)\"\n                          />\n                        </td>\n                      </tr>\n                      <tr>\n                        <td>{{ '@hvy.event.equipmentEntity' | i18n }} :</td>\n                        <td>\n                          <input\n                            type=\"text\"\n                            class=\"a-form-field\"\n                            [class.-error]=\"hasError('equipment', idx)\"\n                            [value]=\"\n                              (event.equipment?.entity ? '@hvy.event.entity.' + event.equipment?.entity : '') | i18n\n                            \"\n                            readonly\n                          />\n                        </td>\n                      </tr>\n                      <tr>\n                        <td>{{ '@hvy.event.domain.name' | i18n }} :</td>\n                        <td>\n                          <pry-select\n                            [items]=\"DOMAINS\"\n                            [ngModel]=\"event.domain\"\n                            i18nPrefix=\"@hvy.event.domain.\"\n                            [class.-error]=\"hasError('domain', idx)\"\n                            (ngModelChange)=\"modifyEvent(idx, 'domain', $event)\"\n                            [disabled]=\"accessValue.domain\"\n                          ></pry-select>\n                        </td>\n                      </tr>\n                      <tr>\n                        <td>\n                          {{ '@hvy.event.startDate' | i18n }}\n                          @if (event.category === 'MANIFESTATION') {\n                            <span class=\"required\">*</span>\n                          }\n                          :\n                        </td>\n                        <td>\n                          <input\n                            type=\"datetime-local\"\n                            step=\"1\"\n                            class=\"a-form-field\"\n                            [value]=\"event.startDate | forDateTimeLocal\"\n                            [class.-error]=\"hasError('startDate', idx)\"\n                            [readonly]=\"accessValue.startDate\"\n                            (change)=\"modifyEvent(idx, 'startDate', $event)\"\n                          />\n                        </td>\n                      </tr>\n                      <tr>\n                        <td>\n                          {{ '@hvy.event.endDate' | i18n }}\n                          @if (event.category === 'MANIFESTATION') {\n                            <span class=\"required\">*</span>\n                          }\n                          :\n                        </td>\n                        <td>\n                          <input\n                            type=\"datetime-local\"\n                            step=\"1\"\n                            class=\"a-form-field\"\n                            [value]=\"event.endDate | forDateTimeLocal\"\n                            [class.-error]=\"hasError('endDate', idx)\"\n                            [readonly]=\"accessValue.endDate\"\n                            (change)=\"modifyEvent(idx, 'endDate', $event)\"\n                          />\n                        </td>\n                      </tr>\n                      <tr>\n                        <td>{{ '@hvy.event.creationDate' | i18n }} :</td>\n                        <td>\n                          <input\n                            type=\"datetime-local\"\n                            step=\"1\"\n                            class=\"a-form-field\"\n                            [value]=\"event.creationDate | forDateTimeLocal\"\n                            readonly\n                          />\n                        </td>\n                      </tr>\n                      <tr>\n                        <td>{{ '@hvy.event.lastModificationDate' | i18n }} :</td>\n                        <td>\n                          <input\n                            type=\"datetime-local\"\n                            step=\"1\"\n                            class=\"a-form-field\"\n                            [value]=\"event.lastModificationDate | forDateTimeLocal\"\n                            readonly\n                          />\n                        </td>\n                      </tr>\n                      <tr>\n                        <td>{{ '@hvy.event.closeDate' | i18n }} :</td>\n                        <td>\n                          <input\n                            type=\"datetime-local\"\n                            step=\"1\"\n                            class=\"a-form-field\"\n                            [value]=\"event.closeDate | forDateTimeLocal\"\n                            readonly\n                          />\n                        </td>\n                      </tr>\n                    </tbody>\n                  </table>\n                  <div class=\"o-hvy-events-detail__events__event__content__comments\">\n                    <h3>{{ '@hvy.event.log.event.comments.name' | i18n }} :</h3>\n                    <textarea\n                      [placeholder]=\"('@hvy.event.log.event.comments.placeholder' | i18n) + '...'\"\n                      [(ngModel)]=\"newComentContent\"\n                    ></textarea>\n                    <div class=\"o-hvy-events-detail__events__event__content__comments__button\">\n                      <button class=\"a-btn a-btn--primary\" [disabled]=\"newComentContent.length === 0\">\n                        {{ '@hvy.action.comment' | i18n }}\n                      </button>\n                    </div>\n                  </div>\n                }\n              }\n            </div>\n          </div>\n        }\n      </div>\n      <div class=\"o-hvy-events-detail__procedure\">\n        <div class=\"o-hvy-events-detail__procedure__header\">\n          <h2>\n            {{ (events.length === 1 ? '@hvy.event.log.procedure.name1' : '@hvy.event.log.procedure.name') | i18n }}\n          </h2>\n        </div>\n        @if (procedure) {\n          <div class=\"o-hvy-events-detail__procedure__description\">\n            <p>{{ procedure.description }}</p>\n          </div>\n          <div class=\"o-hvy-events-detail__procedure__progress\">\n            <p>{{ '@hvy.event.log.procedure.progress' | i18n }}</p>\n            <hvy-progress-display [progress]=\"calculatedProgress\"></hvy-progress-display>\n          </div>\n          <hvy-procedure-actions\n            [actions]=\"procedure.actions\"\n            (modified)=\"modifiedActions($event)\"\n          ></hvy-procedure-actions>\n        } @else {\n          <button class=\"a-btn a-btn--secondary\" [disabled]=\"!canAssociateProcedure\">\n            {{ '@hvy.action.associate' | i18n }}\n          </button>\n        }\n      </div>\n    </div>\n  </div>\n</div>\n\n<ng-template #confirmDialog>\n  <div\n    class=\"o-hvy-close-confirm__dialog\"\n    aria-labelledby=\"confirm\"\n    tabindex=\"-1\"\n    id=\"choice\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n  >\n    <h2>\n      {{\n        (changeStatusContext.events.length === 1 ? '@hvy.event.close.oneTitle' : '@hvy.event.close.multiTitle') | i18n\n      }}\n    </h2>\n    <p>{{ (changeStatusContext.events.length === 1 ? '@hvy.event.close.one' : '@hvy.event.close.multi') | i18n }}</p>\n    <ul>\n      @for (event of changeStatusContext.events; track event.id) {\n        <li>{{ event.name }}</li>\n      }\n    </ul>\n    <p class=\"o-hvy-close-confirm__dialog__comment-title\">\n      {{ '@hvy.event.close.comment' | i18n }}<span class=\"required\">*</span> :\n    </p>\n    <div class=\"o-hvy-close-confirm__dialog__comment\">\n      <textarea [(ngModel)]=\"changeStatusContext.comment\" class=\"a-form-field\" [maxLength]=\"255\"></textarea>\n    </div>\n    <div class=\"o-hvy-close-confirm__dialog__actions\">\n      <button class=\"a-btn a-btn--primary\" (click)=\"confirmedClose()\" [disabled]=\"confirmDisabled()\">\n        {{ '@hvy.action.validate' | i18n }}\n      </button>\n      <button class=\"a-btn a-btn--secondary\" (click)=\"toggleConfirm()\">{{ '@hvy.action.cancel' | i18n }}</button>\n    </div>\n  </div>\n</ng-template>\n" }]
-        }], ctorParameters: () => [{ type: EquipmentService }, { type: i1$1.Store }, { type: i2.Overlay }, { type: i0.ViewContainerRef }, { type: i3.PrySnackbarService }, { type: i3.PryI18nService }], propDecorators: { modifiedEvents: [{
+        }], ctorParameters: () => [{ type: EquipmentService }, { type: i1$1.Store }, { type: i2.Overlay }, { type: i0.ViewContainerRef }, { type: i1$3.PrySnackbarService }, { type: i1$3.PryI18nService }], propDecorators: { modifiedEvents: [{
                 type: Output
             }], modifiedProcedure: [{
                 type: Output
@@ -926,7 +1066,7 @@ class ColumnOrderComponent extends SubscriptionnerDirective {
         return this.field === this.sortValue?.field && order === this.sortValue.order;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ColumnOrderComponent, deps: [{ token: i1$1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ColumnOrderComponent, selector: "hvy-column-order", inputs: { field: "field" }, usesInheritance: true, ngImport: i0, template: "<div class=\"o-hvy-column-order\">\n  <div class=\"o-hvy-column-order__content\">\n    <ng-content></ng-content>\n  </div>\n  <div class=\"o-hvy-column-order__chevrons\">\n    <pry-icon iconSvg=\"caret_top\" (click)=\"sort('ASC')\" [height]=\"10\" [width]=\"10\" [class.-active]=\"isActive('ASC')\"></pry-icon>\n    <pry-icon iconSvg=\"caret_bottom\" (click)=\"sort('DESC')\" [height]=\"10\" [width]=\"10\" [class.-active]=\"isActive('DESC')\"></pry-icon>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ColumnOrderComponent, selector: "hvy-column-order", inputs: { field: "field" }, usesInheritance: true, ngImport: i0, template: "<div class=\"o-hvy-column-order\">\n  <div class=\"o-hvy-column-order__content\">\n    <ng-content></ng-content>\n  </div>\n  <div class=\"o-hvy-column-order__chevrons\">\n    <pry-icon iconSvg=\"caret_top\" (click)=\"sort('ASC')\" [height]=\"10\" [width]=\"10\" [class.-active]=\"isActive('ASC')\"></pry-icon>\n    <pry-icon iconSvg=\"caret_bottom\" (click)=\"sort('DESC')\" [height]=\"10\" [width]=\"10\" [class.-active]=\"isActive('DESC')\"></pry-icon>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: i1$3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ColumnOrderComponent, decorators: [{
             type: Component,
@@ -944,7 +1084,7 @@ class EventColumnOrderComponent extends ColumnOrderComponent {
         this.store.dispatch(EventActions.sort({ field: this.field, order }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: EventColumnOrderComponent, deps: [{ token: i1$1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: EventColumnOrderComponent, selector: "hvy-event-column-order", usesInheritance: true, ngImport: i0, template: "<div class=\"o-hvy-column-order\">\n  <div class=\"o-hvy-column-order__content\">\n    <ng-content></ng-content>\n  </div>\n  <div class=\"o-hvy-column-order__chevrons\">\n    <pry-icon iconSvg=\"caret_top\" (click)=\"sort('ASC')\" [height]=\"10\" [width]=\"10\" [class.-active]=\"isActive('ASC')\"></pry-icon>\n    <pry-icon iconSvg=\"caret_bottom\" (click)=\"sort('DESC')\" [height]=\"10\" [width]=\"10\" [class.-active]=\"isActive('DESC')\"></pry-icon>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: EventColumnOrderComponent, selector: "hvy-event-column-order", usesInheritance: true, ngImport: i0, template: "<div class=\"o-hvy-column-order\">\n  <div class=\"o-hvy-column-order__content\">\n    <ng-content></ng-content>\n  </div>\n  <div class=\"o-hvy-column-order__chevrons\">\n    <pry-icon iconSvg=\"caret_top\" (click)=\"sort('ASC')\" [height]=\"10\" [width]=\"10\" [class.-active]=\"isActive('ASC')\"></pry-icon>\n    <pry-icon iconSvg=\"caret_bottom\" (click)=\"sort('DESC')\" [height]=\"10\" [width]=\"10\" [class.-active]=\"isActive('DESC')\"></pry-icon>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: i1$3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: EventColumnOrderComponent, decorators: [{
             type: Component,
@@ -997,7 +1137,7 @@ class EventListComponent extends SubscriptionnerDirective {
         return this.router.navigate(this.EVENT_LINK.fn(event, this.store));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: EventListComponent, deps: [{ token: i1$1.Store }, { token: i0.ElementRef }, { token: i2$1.Router }, { token: InfiniteScrollService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.4", type: EventListComponent, selector: "hvy-event-list", usesInheritance: true, ngImport: i0, template: "<table class=\"o-hvy-events-table\">\n  <thead>\n    <tr class=\"o-hvy-events-table__header\">\n      <th class=\"-checkbox\">\n        <pry-checkbox [ngModel]=\"allSelected$ | async\" (ngModelChange)=\"selectAll($event)\"></pry-checkbox>\n      </th>\n      <th>{{ '@hvy.event.criticality.name' | i18n }}</th>\n      <th>{{ '@hvy.event.name' | i18n }}</th>\n      <th>\n        <hvy-event-column-order field=\"status\">{{ '@hvy.event.status.name' | i18n }}</hvy-event-column-order>\n      </th>\n      <th>\n        <hvy-event-column-order field=\"procedureProgress\"\n          >{{ '@hvy.procedure.progress' | i18n }}\n        </hvy-event-column-order>\n      </th>\n      <th>{{ '@hvy.event.category.name' | i18n }}</th>\n      <th>\n        <hvy-event-column-order field=\"lastModificationDate\"\n          >{{ '@hvy.event.lastModificationDate' | i18n }}\n        </hvy-event-column-order>\n      </th>\n      <th></th>\n    </tr>\n  </thead>\n  <tbody>\n    @for (event of events$ | async; track event.id) {\n      <tr class=\"o-hvy-events-table__line\" (click)=\"goTo(event)\">\n        <td class=\"o-hvy-events-table__line__cell\">\n          <pry-checkbox\n            [ngModel]=\"(selectedIds$ | async)!.includes(event.id)\"\n            (click)=\"select(event, $event)\"\n          ></pry-checkbox>\n        </td>\n        <td class=\"o-hvy-events-table__line__cell -centered\">\n          <hvy-icon-display [event]=\"event\"></hvy-icon-display>\n        </td>\n        <td class=\"o-hvy-events-table__line__cell\">\n          <div class=\"o-hvy-events-table__line__cell__name__main\">{{ event.name }}</div>\n          <div class=\"o-hvy-events-table__line__cell__name__sub\">\n            {{ event.equipment?.name ? event.equipment?.name : '' }}\n          </div>\n          <div class=\"o-hvy-events-table__line__cell__name__subsub\">\n            {{ event.address }}\n          </div>\n        </td>\n        <td class=\"o-hvy-events-table__line__cell -centered\">\n          <hvy-status-display [item]=\"event\"></hvy-status-display>\n        </td>\n        <td class=\"o-hvy-events-table__line__cell -centered\">{{ event.procedureProgress }} %</td>\n        <td class=\"o-hvy-events-table__line__cell\">{{ '@hvy.event.category.' + event.category | i18n }}</td>\n        <td class=\"o-hvy-events-table__line__cell\">\n          {{ event.lastModificationDate | sinceDate: { onlyLocale: true } }}\n        </td>\n        <td class=\"o-hvy-events-table__line__cell\">\n          <a\n            [routerLink]=\"EVENT_LINK.fn(event, _store)\"\n            [title]=\"\n              '@hvy.event.consult'\n                | i18n: { howMany: Math.max(1, event.linkedEvents), plural: event.linkedEvents > 1 ? 's' : '' }\n            \"\n          >\n            <div class=\"consult-link\">\n              <pry-icon iconSvg=\"eye\" [height]=\"30\" [width]=\"40\"></pry-icon>\n              @if (event.linkedEvents > 1) {\n                <div class=\"indicator-badge\">{{ event.linkedEvents }}</div>\n              }\n            </div>\n          </a>\n        </td>\n      </tr>\n    } @empty {\n      <tr>\n        <td class=\"o-hvy-events-table__empty\" colspan=\"50\">\n          <div>{{ '@hvy.event.log.empty' | i18n }}.</div>\n          <div>\n            <ng-content></ng-content>\n          </div>\n        </td>\n      </tr>\n    }\n  </tbody>\n</table>\n", dependencies: [{ kind: "component", type: i4.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: EventColumnOrderComponent, selector: "hvy-event-column-order" }, { kind: "component", type: IconDisplayComponent, selector: "hvy-icon-display", inputs: ["event"] }, { kind: "component", type: StatusDisplayComponent, selector: "hvy-status-display", inputs: ["item", "modifiable"], outputs: ["modified"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }, { kind: "pipe", type: i3.SinceDatePipe, name: "sinceDate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.4", type: EventListComponent, selector: "hvy-event-list", usesInheritance: true, ngImport: i0, template: "<table class=\"o-hvy-events-table\">\n  <thead>\n    <tr class=\"o-hvy-events-table__header\">\n      <th class=\"-checkbox\">\n        <pry-checkbox [ngModel]=\"allSelected$ | async\" (ngModelChange)=\"selectAll($event)\"></pry-checkbox>\n      </th>\n      <th>{{ '@hvy.event.criticality.name' | i18n }}</th>\n      <th>{{ '@hvy.event.name' | i18n }}</th>\n      <th>\n        <hvy-event-column-order field=\"status\">{{ '@hvy.event.status.name' | i18n }}</hvy-event-column-order>\n      </th>\n      <th>\n        <hvy-event-column-order field=\"procedureProgress\"\n          >{{ '@hvy.procedure.progress' | i18n }}\n        </hvy-event-column-order>\n      </th>\n      <th>{{ '@hvy.event.category.name' | i18n }}</th>\n      <th>\n        <hvy-event-column-order field=\"lastModificationDate\"\n          >{{ '@hvy.event.lastModificationDate' | i18n }}\n        </hvy-event-column-order>\n      </th>\n      <th></th>\n    </tr>\n  </thead>\n  <tbody>\n    @for (event of events$ | async; track event.id) {\n      <tr class=\"o-hvy-events-table__line\" (click)=\"goTo(event)\">\n        <td class=\"o-hvy-events-table__line__cell\">\n          <pry-checkbox\n            [ngModel]=\"(selectedIds$ | async)!.includes(event.id)\"\n            (click)=\"select(event, $event)\"\n          ></pry-checkbox>\n        </td>\n        <td class=\"o-hvy-events-table__line__cell -centered\">\n          <hvy-icon-display [event]=\"event\"></hvy-icon-display>\n        </td>\n        <td class=\"o-hvy-events-table__line__cell\">\n          <div class=\"o-hvy-events-table__line__cell__name__main\">{{ event.name }}</div>\n          <div class=\"o-hvy-events-table__line__cell__name__sub\">\n            {{ event.equipment?.name ? event.equipment?.name : '' }}\n          </div>\n          <div class=\"o-hvy-events-table__line__cell__name__subsub\">\n            {{ event.address }}\n          </div>\n        </td>\n        <td class=\"o-hvy-events-table__line__cell -centered\">\n          <hvy-status-display [item]=\"event\"></hvy-status-display>\n        </td>\n        <td class=\"o-hvy-events-table__line__cell -centered\">{{ event.procedureProgress }} %</td>\n        <td class=\"o-hvy-events-table__line__cell\">{{ '@hvy.event.category.' + event.category | i18n }}</td>\n        <td class=\"o-hvy-events-table__line__cell\">\n          {{ event.lastModificationDate | sinceDate: { onlyLocale: true } }}\n        </td>\n        <td class=\"o-hvy-events-table__line__cell\">\n          <a\n            [routerLink]=\"EVENT_LINK.fn(event, _store)\"\n            [title]=\"\n              '@hvy.event.consult'\n                | i18n: { howMany: Math.max(1, event.linkedEvents), plural: event.linkedEvents > 1 ? 's' : '' }\n            \"\n          >\n            <div class=\"consult-link\">\n              <pry-icon iconSvg=\"eye\" [height]=\"30\" [width]=\"40\"></pry-icon>\n              @if (event.linkedEvents > 1) {\n                <div class=\"indicator-badge\">{{ event.linkedEvents }}</div>\n              }\n            </div>\n          </a>\n        </td>\n      </tr>\n    } @empty {\n      <tr>\n        <td class=\"o-hvy-events-table__empty\" colspan=\"50\">\n          <div>{{ '@hvy.event.log.empty' | i18n }}.</div>\n          <div>\n            <ng-content></ng-content>\n          </div>\n        </td>\n      </tr>\n    }\n  </tbody>\n</table>\n", dependencies: [{ kind: "component", type: i4.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle"] }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i1$3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: EventColumnOrderComponent, selector: "hvy-event-column-order" }, { kind: "component", type: IconDisplayComponent, selector: "hvy-icon-display", inputs: ["event"] }, { kind: "component", type: StatusDisplayComponent, selector: "hvy-status-display", inputs: ["item", "modifiable"], outputs: ["modified"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }, { kind: "pipe", type: i1$3.SinceDatePipe, name: "sinceDate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: EventListComponent, decorators: [{
             type: Component,
@@ -1021,7 +1161,7 @@ class EventFiltersComponent extends SubscriptionnerDirective {
         this.store.dispatch(EventActions.filter({ filters: {}, filterSet: this.filterSet }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: EventFiltersComponent, deps: [{ token: i1$1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: EventFiltersComponent, selector: "hvy-event-filters", inputs: { filterSet: "filterSet" }, queries: [{ propertyName: "filters", predicate: ["filter"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"o-hvy-event-filters\">\n  <ng-content></ng-content>\n  <div class=\"o-hvy-event-filters__buttons\">\n    <button (click)=\"reset()\" class=\"a-btn a-btn--secondary\" [title]=\"'@hvy.event.filter.reset' | i18n\">\n      <pry-icon iconSvg=\"reset_filter_event\"></pry-icon>\n    </button>\n    <button (click)=\"filter()\" class=\"a-btn a-btn--primary\">\n      {{ '@hvy.event.filter.name' | i18n }}\n      <pry-icon iconSvg=\"event_filter\"></pry-icon>\n    </button>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: EventFiltersComponent, selector: "hvy-event-filters", inputs: { filterSet: "filterSet" }, queries: [{ propertyName: "filters", predicate: ["filter"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"o-hvy-event-filters\">\n  <ng-content></ng-content>\n  <div class=\"o-hvy-event-filters__buttons\">\n    <button (click)=\"reset()\" class=\"a-btn a-btn--secondary\" [title]=\"'@hvy.event.filter.reset' | i18n\">\n      <pry-icon iconSvg=\"reset_filter_event\"></pry-icon>\n    </button>\n    <button (click)=\"filter()\" class=\"a-btn a-btn--primary\">\n      {{ '@hvy.event.filter.name' | i18n }}\n      <pry-icon iconSvg=\"event_filter\"></pry-icon>\n    </button>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: i1$3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: EventFiltersComponent, decorators: [{
             type: Component,
@@ -1233,13 +1373,13 @@ class ChoiceFilterComponent extends HvyUnitFilterComponent {
         this.inhibate = this.filterSet;
         setTimeout(() => (this.inhibate = undefined), 50);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ChoiceFilterComponent, deps: [{ token: i1$1.Store }, { token: i2.Overlay }, { token: i0.ViewContainerRef }, { token: i3.PryI18nService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.4", type: ChoiceFilterComponent, selector: "hvy-choice-filter", inputs: { label: "label", i18nPrefix: "i18nPrefix", choices: "choices" }, providers: [{ provide: HvyUnitFilterComponent, useExisting: forwardRef(() => ChoiceFilterComponent) }], viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<button (click)=\"toggleModal()\" #button class=\"o-hvy-choice-filter -horizontal\"\n        [class.-highlight]=\"displayValue() !== ('@hvy.event.filter.choice.all' | i18n)\" [class.-focus]=\"overlayRef\">\n  <div class=\"o-hvy-choice-filter__choice-value\">\n    <span class=\"o-hvy-choice-filter__label\">{{ label | i18n }} :</span>\n    <span class=\"o-hvy-choice-filter__value\" type=\"text\" id=\"select_{{id}}\">{{ displayValue() }}</span>\n  </div>\n  <pry-icon [iconSvg]=\"!!overlayRef ? 'chevron_top' : 'chevron_bottom'\" [width]=\"10\" [height]=\"10\"></pry-icon>\n</button>\n\n<ng-template #template>\n  <div\n    class=\"m-context-menu o-hvy-choice-filter\"\n    aria-labelledby=\"choice\"\n    tabindex=\"-1\"\n    id=\"choice\"\n    role=\"menu\"\n    aria-modal=\"true\"\n  >\n    <div class=\"o-hvy-choice-filter__all\">\n      <pry-checkbox [ngModel]=\"allSelected()\" (ngModelChange)=\"clickAll()\">\n        <span>{{ '@hvy.event.filter.choice.all' | i18n }}</span>\n      </pry-checkbox>\n    </div>\n    @for (elt of choices; track elt.key) {\n      @if (!elt.children) {\n        <pry-checkbox [ngModel]=\"isSelected(elt)\" (ngModelChange)=\"toggle(elt)\" class=\"o-hvy-choice-filter__root\">\n          <span>{{ i18nPrefix + elt.key | i18n }}</span>\n        </pry-checkbox>\n      } @else {\n        <pry-checkbox [ngModel]=\"isSelected(elt)\" (ngModelChange)=\"toggle(elt)\" class=\"o-hvy-choice-filter__root\">\n          <span>{{ i18nPrefix + elt.key | i18n }}</span>\n        </pry-checkbox>\n        @for (child of elt.children; track child.key) {\n          <pry-checkbox [ngModel]=\"isSelected(child)\" (ngModelChange)=\"toggle(child)\"\n                        class=\"o-hvy-choice-filter__child\">\n            <span>{{ i18nPrefix + child.key | i18n }}</span>\n          </pry-checkbox>\n        }\n      }\n    }\n  </div>\n</ng-template>\n", dependencies: [{ kind: "component", type: i4.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ChoiceFilterComponent, deps: [{ token: i1$1.Store }, { token: i2.Overlay }, { token: i0.ViewContainerRef }, { token: i1$3.PryI18nService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.4", type: ChoiceFilterComponent, selector: "hvy-choice-filter", inputs: { label: "label", i18nPrefix: "i18nPrefix", choices: "choices" }, providers: [{ provide: HvyUnitFilterComponent, useExisting: forwardRef(() => ChoiceFilterComponent) }], viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<button (click)=\"toggleModal()\" #button class=\"o-hvy-choice-filter -horizontal\"\n        [class.-highlight]=\"displayValue() !== ('@hvy.event.filter.choice.all' | i18n)\" [class.-focus]=\"overlayRef\">\n  <div class=\"o-hvy-choice-filter__choice-value\">\n    <span class=\"o-hvy-choice-filter__label\">{{ label | i18n }} :</span>\n    <span class=\"o-hvy-choice-filter__value\" type=\"text\" id=\"select_{{id}}\">{{ displayValue() }}</span>\n  </div>\n  <pry-icon [iconSvg]=\"!!overlayRef ? 'chevron_top' : 'chevron_bottom'\" [width]=\"10\" [height]=\"10\"></pry-icon>\n</button>\n\n<ng-template #template>\n  <div\n    class=\"m-context-menu o-hvy-choice-filter\"\n    aria-labelledby=\"choice\"\n    tabindex=\"-1\"\n    id=\"choice\"\n    role=\"menu\"\n    aria-modal=\"true\"\n  >\n    <div class=\"o-hvy-choice-filter__all\">\n      <pry-checkbox [ngModel]=\"allSelected()\" (ngModelChange)=\"clickAll()\">\n        <span>{{ '@hvy.event.filter.choice.all' | i18n }}</span>\n      </pry-checkbox>\n    </div>\n    @for (elt of choices; track elt.key) {\n      @if (!elt.children) {\n        <pry-checkbox [ngModel]=\"isSelected(elt)\" (ngModelChange)=\"toggle(elt)\" class=\"o-hvy-choice-filter__root\">\n          <span>{{ i18nPrefix + elt.key | i18n }}</span>\n        </pry-checkbox>\n      } @else {\n        <pry-checkbox [ngModel]=\"isSelected(elt)\" (ngModelChange)=\"toggle(elt)\" class=\"o-hvy-choice-filter__root\">\n          <span>{{ i18nPrefix + elt.key | i18n }}</span>\n        </pry-checkbox>\n        @for (child of elt.children; track child.key) {\n          <pry-checkbox [ngModel]=\"isSelected(child)\" (ngModelChange)=\"toggle(child)\"\n                        class=\"o-hvy-choice-filter__child\">\n            <span>{{ i18nPrefix + child.key | i18n }}</span>\n          </pry-checkbox>\n        }\n      }\n    }\n  </div>\n</ng-template>\n", dependencies: [{ kind: "component", type: i4.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle"] }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1$3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ChoiceFilterComponent, decorators: [{
             type: Component,
             args: [{ selector: 'hvy-choice-filter', providers: [{ provide: HvyUnitFilterComponent, useExisting: forwardRef(() => ChoiceFilterComponent) }], template: "<button (click)=\"toggleModal()\" #button class=\"o-hvy-choice-filter -horizontal\"\n        [class.-highlight]=\"displayValue() !== ('@hvy.event.filter.choice.all' | i18n)\" [class.-focus]=\"overlayRef\">\n  <div class=\"o-hvy-choice-filter__choice-value\">\n    <span class=\"o-hvy-choice-filter__label\">{{ label | i18n }} :</span>\n    <span class=\"o-hvy-choice-filter__value\" type=\"text\" id=\"select_{{id}}\">{{ displayValue() }}</span>\n  </div>\n  <pry-icon [iconSvg]=\"!!overlayRef ? 'chevron_top' : 'chevron_bottom'\" [width]=\"10\" [height]=\"10\"></pry-icon>\n</button>\n\n<ng-template #template>\n  <div\n    class=\"m-context-menu o-hvy-choice-filter\"\n    aria-labelledby=\"choice\"\n    tabindex=\"-1\"\n    id=\"choice\"\n    role=\"menu\"\n    aria-modal=\"true\"\n  >\n    <div class=\"o-hvy-choice-filter__all\">\n      <pry-checkbox [ngModel]=\"allSelected()\" (ngModelChange)=\"clickAll()\">\n        <span>{{ '@hvy.event.filter.choice.all' | i18n }}</span>\n      </pry-checkbox>\n    </div>\n    @for (elt of choices; track elt.key) {\n      @if (!elt.children) {\n        <pry-checkbox [ngModel]=\"isSelected(elt)\" (ngModelChange)=\"toggle(elt)\" class=\"o-hvy-choice-filter__root\">\n          <span>{{ i18nPrefix + elt.key | i18n }}</span>\n        </pry-checkbox>\n      } @else {\n        <pry-checkbox [ngModel]=\"isSelected(elt)\" (ngModelChange)=\"toggle(elt)\" class=\"o-hvy-choice-filter__root\">\n          <span>{{ i18nPrefix + elt.key | i18n }}</span>\n        </pry-checkbox>\n        @for (child of elt.children; track child.key) {\n          <pry-checkbox [ngModel]=\"isSelected(child)\" (ngModelChange)=\"toggle(child)\"\n                        class=\"o-hvy-choice-filter__child\">\n            <span>{{ i18nPrefix + child.key | i18n }}</span>\n          </pry-checkbox>\n        }\n      }\n    }\n  </div>\n</ng-template>\n" }]
-        }], ctorParameters: () => [{ type: i1$1.Store }, { type: i2.Overlay }, { type: i0.ViewContainerRef }, { type: i3.PryI18nService }, { type: i0.ElementRef }], propDecorators: { label: [{
+        }], ctorParameters: () => [{ type: i1$1.Store }, { type: i2.Overlay }, { type: i0.ViewContainerRef }, { type: i1$3.PryI18nService }, { type: i0.ElementRef }], propDecorators: { label: [{
                 type: Input
             }], i18nPrefix: [{
                 type: Input
@@ -1271,7 +1411,7 @@ class TextFilterComponent extends HvyUnitFilterComponent {
         this.changed.next();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: TextFilterComponent, deps: [{ token: i1$1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: TextFilterComponent, selector: "hvy-text-filter", providers: [{ provide: HvyUnitFilterComponent, useExisting: forwardRef(() => TextFilterComponent) }], usesInheritance: true, ngImport: i0, template: "<div class=\"o-hvy-text-filters\">\n  <input\n    class=\"a-form-field o-hvy-text-filters__search-input\"\n    type=\"text\"\n    [value]=\"value\"\n    (input)=\"triggerChange($event)\"\n    placeholder=\"{{ '@hvy.action.search' | i18n }}...\"\n  />\n  <pry-icon iconSvg=\"search\" class=\"o-hvy-text-filters__search-icon\"></pry-icon>\n</div>\n", dependencies: [{ kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: TextFilterComponent, selector: "hvy-text-filter", providers: [{ provide: HvyUnitFilterComponent, useExisting: forwardRef(() => TextFilterComponent) }], usesInheritance: true, ngImport: i0, template: "<div class=\"o-hvy-text-filters\">\n  <input\n    class=\"a-form-field o-hvy-text-filters__search-input\"\n    type=\"text\"\n    [value]=\"value\"\n    (input)=\"triggerChange($event)\"\n    placeholder=\"{{ '@hvy.action.search' | i18n }}...\"\n  />\n  <pry-icon iconSvg=\"search\" class=\"o-hvy-text-filters__search-icon\"></pry-icon>\n</div>\n", dependencies: [{ kind: "component", type: i1$3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: TextFilterComponent, decorators: [{
             type: Component,
@@ -1458,13 +1598,13 @@ class ProcedureAssociationModalComponent extends SubscriptionnerDirective {
     closeModal() {
         this.dialog.close();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ProcedureAssociationModalComponent, deps: [{ token: i1$1.Store }, { token: ProcedureService }, { token: i3.PryDialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.4", type: ProcedureAssociationModalComponent, selector: "hvy-procedure-association-modal", usesInheritance: true, ngImport: i0, template: "<div class=\"o-hvy-association-modal u-display-flex -column -align-center\">\n  <h3>{{ '@hvy.associationModal.title' | i18n }}</h3>\n  <span class=\"o-hvy-association-modal__description\">{{ '@hvy.associationModal.description' | i18n }}</span>\n  <div class=\"o-hvy-association-modal__content u-display-flex -justify-space-between\">\n    @if (selectedEvents$ | async; as selectedEvents) {\n      <div>\n        <label>\u00C9v\u00E9nements li\u00E9s ({{ selectedEvents.length }}) :</label>\n        <ul class=\"o-hvy-association-modal__events\">\n          @for (event of selectedEvents; track event.id) {\n            <li class=\"o-hvy-association-modal__event u-display-flex -align-center\">\n              <hvy-icon-display [event]=\"event\"></hvy-icon-display>\n              <div class=\"o-hvy-association-modal__event-detail u-display-flex -column\">\n                <span class=\"o-hvy-association-modal__event-name\">{{ event.name }}</span>\n                @if (event.equipment) {\n                  <span class=\"o-hvy-association-modal__equipment-name\">{{ event.equipment.name }}</span>\n                }\n              </div>\n            </li>\n          }\n        </ul>\n      </div>\n    }\n    <div class=\"o-hvy-association-modal__form\">\n      <div class=\"m-form-label-field\">\n        <label>{{ '@hvy.associationModal.categoryFilter' | i18n }}</label>\n        <pry-select\n          [items]=\"DOMAINS\"\n          [(ngModel)]=\"selectedDomain\"\n          (ngModelChange)=\"onDomainChange()\"\n          [placeholder]=\"'@hvy.associationModal.domainPlaceholder' | i18n\"\n          i18nPrefix=\"@hvy.event.domain.\"\n          id=\"category-filter\"></pry-select>\n      </div>\n      <div class=\"m-form-label-field\">\n        <label for=\"procedure-filter\">{{ '@hvy.associationModal.searchProcedure' | i18n }}<span class=\"text-error\">*</span> : </label>\n        <pry-select\n          [items]=\"procedures$ | async\"\n          bindLabel=\"name\"\n          [(ngModel)]=\"procedureSelectValue\"\n          (ngModelChange)=\"selectedProcedureChange($event)\"\n          [autocomplete]=\"true\"\n          [externalAutocompleteService]=\"true\"\n          [placeholder]=\"'@hvy.associationModal.procedurePlaceholder' | i18n\"\n          id=\"procedure-filter\"></pry-select>\n      </div>\n    </div>\n  </div>\n  <div class=\"o-hvy-association-modal__buttons u-display-flex -justify-center\">\n    <button class=\"a-btn a-btn--primary\" [disabled]=\"!isProcedureSelected()\" (click)=\"associateProcedure()\">{{ '@hvy.action.validate' | i18n }}</button>\n    <button class=\"a-btn a-btn--secondary\" (click)=\"closeModal()\">{{ '@hvy.action.cancel' | i18n }}</button>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "isForm", "required", "name", "readonly", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked"] }, { kind: "component", type: IconDisplayComponent, selector: "hvy-icon-display", inputs: ["event"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ProcedureAssociationModalComponent, deps: [{ token: i1$1.Store }, { token: ProcedureService }, { token: i1$3.PryDialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.4", type: ProcedureAssociationModalComponent, selector: "hvy-procedure-association-modal", usesInheritance: true, ngImport: i0, template: "<div class=\"o-hvy-association-modal u-display-flex -column -align-center\">\n  <h3>{{ '@hvy.associationModal.title' | i18n }}</h3>\n  <span class=\"o-hvy-association-modal__description\">{{ '@hvy.associationModal.description' | i18n }}</span>\n  <div class=\"o-hvy-association-modal__content u-display-flex -justify-space-between\">\n    @if (selectedEvents$ | async; as selectedEvents) {\n      <div>\n        <label>\u00C9v\u00E9nements li\u00E9s ({{ selectedEvents.length }}) :</label>\n        <ul class=\"o-hvy-association-modal__events\">\n          @for (event of selectedEvents; track event.id) {\n            <li class=\"o-hvy-association-modal__event u-display-flex -align-center\">\n              <hvy-icon-display [event]=\"event\"></hvy-icon-display>\n              <div class=\"o-hvy-association-modal__event-detail u-display-flex -column\">\n                <span class=\"o-hvy-association-modal__event-name\">{{ event.name }}</span>\n                @if (event.equipment) {\n                  <span class=\"o-hvy-association-modal__equipment-name\">{{ event.equipment.name }}</span>\n                }\n              </div>\n            </li>\n          }\n        </ul>\n      </div>\n    }\n    <div class=\"o-hvy-association-modal__form\">\n      <div class=\"m-form-label-field\">\n        <label>{{ '@hvy.associationModal.categoryFilter' | i18n }}</label>\n        <pry-select\n          [items]=\"DOMAINS\"\n          [(ngModel)]=\"selectedDomain\"\n          (ngModelChange)=\"onDomainChange()\"\n          [placeholder]=\"'@hvy.associationModal.domainPlaceholder' | i18n\"\n          i18nPrefix=\"@hvy.event.domain.\"\n          id=\"category-filter\"></pry-select>\n      </div>\n      <div class=\"m-form-label-field\">\n        <label for=\"procedure-filter\">{{ '@hvy.associationModal.searchProcedure' | i18n }}<span class=\"text-error\">*</span> : </label>\n        <pry-select\n          [items]=\"procedures$ | async\"\n          bindLabel=\"name\"\n          [(ngModel)]=\"procedureSelectValue\"\n          (ngModelChange)=\"selectedProcedureChange($event)\"\n          [autocomplete]=\"true\"\n          [externalAutocompleteService]=\"true\"\n          [placeholder]=\"'@hvy.associationModal.procedurePlaceholder' | i18n\"\n          id=\"procedure-filter\"></pry-select>\n      </div>\n    </div>\n  </div>\n  <div class=\"o-hvy-association-modal__buttons u-display-flex -justify-center\">\n    <button class=\"a-btn a-btn--primary\" [disabled]=\"!isProcedureSelected()\" (click)=\"associateProcedure()\">{{ '@hvy.action.validate' | i18n }}</button>\n    <button class=\"a-btn a-btn--secondary\" (click)=\"closeModal()\">{{ '@hvy.action.cancel' | i18n }}</button>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1$3.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "isForm", "required", "name", "readonly", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked"] }, { kind: "component", type: IconDisplayComponent, selector: "hvy-icon-display", inputs: ["event"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ProcedureAssociationModalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'hvy-procedure-association-modal', template: "<div class=\"o-hvy-association-modal u-display-flex -column -align-center\">\n  <h3>{{ '@hvy.associationModal.title' | i18n }}</h3>\n  <span class=\"o-hvy-association-modal__description\">{{ '@hvy.associationModal.description' | i18n }}</span>\n  <div class=\"o-hvy-association-modal__content u-display-flex -justify-space-between\">\n    @if (selectedEvents$ | async; as selectedEvents) {\n      <div>\n        <label>\u00C9v\u00E9nements li\u00E9s ({{ selectedEvents.length }}) :</label>\n        <ul class=\"o-hvy-association-modal__events\">\n          @for (event of selectedEvents; track event.id) {\n            <li class=\"o-hvy-association-modal__event u-display-flex -align-center\">\n              <hvy-icon-display [event]=\"event\"></hvy-icon-display>\n              <div class=\"o-hvy-association-modal__event-detail u-display-flex -column\">\n                <span class=\"o-hvy-association-modal__event-name\">{{ event.name }}</span>\n                @if (event.equipment) {\n                  <span class=\"o-hvy-association-modal__equipment-name\">{{ event.equipment.name }}</span>\n                }\n              </div>\n            </li>\n          }\n        </ul>\n      </div>\n    }\n    <div class=\"o-hvy-association-modal__form\">\n      <div class=\"m-form-label-field\">\n        <label>{{ '@hvy.associationModal.categoryFilter' | i18n }}</label>\n        <pry-select\n          [items]=\"DOMAINS\"\n          [(ngModel)]=\"selectedDomain\"\n          (ngModelChange)=\"onDomainChange()\"\n          [placeholder]=\"'@hvy.associationModal.domainPlaceholder' | i18n\"\n          i18nPrefix=\"@hvy.event.domain.\"\n          id=\"category-filter\"></pry-select>\n      </div>\n      <div class=\"m-form-label-field\">\n        <label for=\"procedure-filter\">{{ '@hvy.associationModal.searchProcedure' | i18n }}<span class=\"text-error\">*</span> : </label>\n        <pry-select\n          [items]=\"procedures$ | async\"\n          bindLabel=\"name\"\n          [(ngModel)]=\"procedureSelectValue\"\n          (ngModelChange)=\"selectedProcedureChange($event)\"\n          [autocomplete]=\"true\"\n          [externalAutocompleteService]=\"true\"\n          [placeholder]=\"'@hvy.associationModal.procedurePlaceholder' | i18n\"\n          id=\"procedure-filter\"></pry-select>\n      </div>\n    </div>\n  </div>\n  <div class=\"o-hvy-association-modal__buttons u-display-flex -justify-center\">\n    <button class=\"a-btn a-btn--primary\" [disabled]=\"!isProcedureSelected()\" (click)=\"associateProcedure()\">{{ '@hvy.action.validate' | i18n }}</button>\n    <button class=\"a-btn a-btn--secondary\" (click)=\"closeModal()\">{{ '@hvy.action.cancel' | i18n }}</button>\n  </div>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: i1$1.Store }, { type: ProcedureService }, { type: i3.PryDialogRef }] });
+        }], ctorParameters: () => [{ type: i1$1.Store }, { type: ProcedureService }, { type: i1$3.PryDialogRef }] });
 
 const EventSummaryActions = {
     load: createAction('[Event] Load Summaries'),
@@ -1614,7 +1754,7 @@ class EventSummaryItemComponent {
         this.EVENT_LINK = EVENT_LINK;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: EventSummaryItemComponent, deps: [{ token: i1$1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: EventSummaryItemComponent, selector: "hvy-event-summary-item", inputs: { event: "event", linkBase: "linkBase" }, ngImport: i0, template: "<div class=\"m-hvy-event-summary-item\" [routerLink]=\"EVENT_LINK.fn(event, store)\">\n  <div class=\"m-hvy-event-summary-item__title\">\n    <h4>\n      {{ event.name }}\n    </h4>\n  </div>\n  <div class=\"m-hvy-event-summary-item__content\">\n    <span>\n          {{\n        event.manifestation ?\n          ('@hvy.eventSummary.from'|i18n) + ' ' + (event.manifestation.startDate | date :  'dd/MM HH:MM') + ' ' + ('@hvy.eventSummary.to'|i18n) + ' ' + (event.manifestation.endDate | date :  'dd/MM HH:MM') :\n          event.serviceTitle\n      }}\n    </span>\n  </div>\n  <div class=\"m-hvy-event-summary-item__footer\">\n    <div class=\"m-hvy-event-summary-item__icons\">\n      <span class=\"m-hvy-event-summary-item__intervention-counter\">{{ event.serviceCount }}</span>\n      <hvy-icon-display [event]=\"event\"></hvy-icon-display>\n    </div>\n    <div class=\"m-hvy-event-summary-item__date\">\n      <span>\n        {{ event.lastModificationDate | date :  'd MMMM . HH:MM' }}\n      </span>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: IconDisplayComponent, selector: "hvy-icon-display", inputs: ["event"] }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }, { kind: "pipe", type: i1$2.DatePipe, name: "date" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: EventSummaryItemComponent, selector: "hvy-event-summary-item", inputs: { event: "event", linkBase: "linkBase" }, ngImport: i0, template: "<div class=\"m-hvy-event-summary-item\" [routerLink]=\"EVENT_LINK.fn(event, store)\">\n  <div class=\"m-hvy-event-summary-item__title\">\n    <h4>\n      {{ event.name }}\n    </h4>\n  </div>\n  <div class=\"m-hvy-event-summary-item__content\">\n    <span>\n          {{\n        event.manifestation ?\n          ('@hvy.eventSummary.from'|i18n) + ' ' + (event.manifestation.startDate | date :  'dd/MM HH:MM') + ' ' + ('@hvy.eventSummary.to'|i18n) + ' ' + (event.manifestation.endDate | date :  'dd/MM HH:MM') :\n          event.serviceTitle\n      }}\n    </span>\n  </div>\n  <div class=\"m-hvy-event-summary-item__footer\">\n    <div class=\"m-hvy-event-summary-item__icons\">\n      <span class=\"m-hvy-event-summary-item__intervention-counter\">{{ event.serviceCount }}</span>\n      <hvy-icon-display [event]=\"event\"></hvy-icon-display>\n    </div>\n    <div class=\"m-hvy-event-summary-item__date\">\n      <span>\n        {{ event.lastModificationDate | date :  'd MMMM . HH:MM' }}\n      </span>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: IconDisplayComponent, selector: "hvy-icon-display", inputs: ["event"] }, { kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }, { kind: "pipe", type: i1$2.DatePipe, name: "date" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: EventSummaryItemComponent, decorators: [{
             type: Component,
@@ -1645,7 +1785,7 @@ class EventSummaryListComponent {
         this.store.dispatch(EventActions.filter({ filters: { status: [status] }, filterSet: KNOWN_FILTER_SETS.EVENTS }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: EventSummaryListComponent, deps: [{ token: i1$1.Store }, { token: i2$1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.4", type: EventSummaryListComponent, selector: "hvy-event-summary-list", inputs: { events: "events", totalEventCount: "totalEventCount", status: "status", consultLink: "consultLink", itemLinkBase: "itemLinkBase" }, ngImport: i0, template: "<div class=\"o-hvy-event-summary-list -hvy-{{ status.toLowerCase() }}\">\n  <div class=\"o-hvy-event-summary-list__header\">\n    <h3 class=\"o-hvy-event-summary-list__title\">\n      {{ '@hvy.eventSummary.statusLabels.' + status | i18n }}\n    </h3>\n    <span class=\"o-hvy-event-summary-list__counter\">\n      {{ totalEventCount }}\n    </span>\n  </div>\n  <div class=\"o-hvy-event-summary-list__content\">\n    @for (event of events; track event.id) {\n      <hvy-event-summary-item [event]=\"event\" [linkBase]=\"itemLinkBase\"> </hvy-event-summary-item>\n    } @empty {\n      <span class=\"o-hvy-event-summary-list__no-content\">\n        {{ '@hvy.eventSummary.noContent.' + status | i18n }}\n      </span>\n    }\n  </div>\n  <div class=\"o-hvy-event-summary-list__footer\">\n    <a class=\"o-hvy-event-summary-list__footer-button\" (click)=\"filterAndRoute(status)\">\n      <pry-icon iconSvg=\"eye\"></pry-icon>\n      {{ '@hvy.action.consult' | i18n }}\n    </a>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: EventSummaryItemComponent, selector: "hvy-event-summary-item", inputs: ["event", "linkBase"] }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.4", type: EventSummaryListComponent, selector: "hvy-event-summary-list", inputs: { events: "events", totalEventCount: "totalEventCount", status: "status", consultLink: "consultLink", itemLinkBase: "itemLinkBase" }, ngImport: i0, template: "<div class=\"o-hvy-event-summary-list -hvy-{{ status.toLowerCase() }}\">\n  <div class=\"o-hvy-event-summary-list__header\">\n    <h3 class=\"o-hvy-event-summary-list__title\">\n      {{ '@hvy.eventSummary.statusLabels.' + status | i18n }}\n    </h3>\n    <span class=\"o-hvy-event-summary-list__counter\">\n      {{ totalEventCount }}\n    </span>\n  </div>\n  <div class=\"o-hvy-event-summary-list__content\">\n    @for (event of events; track event.id) {\n      <hvy-event-summary-item [event]=\"event\" [linkBase]=\"itemLinkBase\"> </hvy-event-summary-item>\n    } @empty {\n      <span class=\"o-hvy-event-summary-list__no-content\">\n        {{ '@hvy.eventSummary.noContent.' + status | i18n }}\n      </span>\n    }\n  </div>\n  <div class=\"o-hvy-event-summary-list__footer\">\n    <a class=\"o-hvy-event-summary-list__footer-button\" (click)=\"filterAndRoute(status)\">\n      <pry-icon iconSvg=\"eye\"></pry-icon>\n      {{ '@hvy.action.consult' | i18n }}\n    </a>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: i1$3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: EventSummaryItemComponent, selector: "hvy-event-summary-item", inputs: ["event", "linkBase"] }, { kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: EventSummaryListComponent, decorators: [{
             type: Component,
@@ -1693,7 +1833,7 @@ class EventSummaryPageComponent extends SubscriptionnerDirective {
         this.store.dispatch(EventSummaryActions.load());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: EventSummaryPageComponent, deps: [{ token: i1$1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.4", type: EventSummaryPageComponent, selector: "hvy-event-summary-page", inputs: { pageTitle: "pageTitle", consultLink: "consultLink" }, usesInheritance: true, ngImport: i0, template: "<div class=\"o-hvy-event-summary-page\">\n  <div class=\"o-hvy-event-summary-page__header u-display-flex -justify-space-between\">\n    @if (pageTitle) {\n      <h3 class=\"o-hvy-event-summary-page__title\">{{ pageTitle }}</h3>\n    }\n    <div class=\"m-filter__input-wrapper m-filter__input-wrapper--dropdown\">\n      <label class=\"a-label m-filter__label\" for=\"criticality-filter\"\n        >{{ '@hvy.event.criticality.name' | i18n }} :&nbsp;</label\n      >\n      <pry-select\n        id=\"criticality-filter\"\n        class=\"o-hvy-event-summary-page__filter\"\n        [items]=\"criticalityList\"\n        [ngModel]=\"selectedCriticality$ | async\"\n        (ngModelChange)=\"filterByCriticality($event)\"\n        [translate]=\"true\"\n        i18nPrefix=\"@hvy.eventSummary.criticalityLabels.\"\n      >\n      </pry-select>\n    </div>\n  </div>\n  <div class=\"o-hvy-event-summary-page__content\">\n    <div class=\"o-hvy-event-summary-page__content__sub\">\n      @for (summaryKey of statusList; track summaryKey) {\n        <hvy-event-summary-list\n          class=\"o-hvy-event-summary-page__summary-list\"\n          [status]=\"summaryKey\"\n          [totalEventCount]=\"summaries[summaryKey].count ?? 0\"\n          [events]=\"summaries[summaryKey].events\"\n          [consultLink]=\"consultLink\"\n        >\n        </hvy-event-summary-list>\n      }\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "isForm", "required", "name", "readonly", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked"] }, { kind: "component", type: EventSummaryListComponent, selector: "hvy-event-summary-list", inputs: ["events", "totalEventCount", "status", "consultLink", "itemLinkBase"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.4", type: EventSummaryPageComponent, selector: "hvy-event-summary-page", inputs: { pageTitle: "pageTitle", consultLink: "consultLink" }, usesInheritance: true, ngImport: i0, template: "<div class=\"o-hvy-event-summary-page\">\n  <div class=\"o-hvy-event-summary-page__header u-display-flex -justify-space-between\">\n    @if (pageTitle) {\n      <h3 class=\"o-hvy-event-summary-page__title\">{{ pageTitle }}</h3>\n    }\n    <div class=\"m-filter__input-wrapper m-filter__input-wrapper--dropdown\">\n      <label class=\"a-label m-filter__label\" for=\"criticality-filter\"\n        >{{ '@hvy.event.criticality.name' | i18n }} :&nbsp;</label\n      >\n      <pry-select\n        id=\"criticality-filter\"\n        class=\"o-hvy-event-summary-page__filter\"\n        [items]=\"criticalityList\"\n        [ngModel]=\"selectedCriticality$ | async\"\n        (ngModelChange)=\"filterByCriticality($event)\"\n        [translate]=\"true\"\n        i18nPrefix=\"@hvy.eventSummary.criticalityLabels.\"\n      >\n      </pry-select>\n    </div>\n  </div>\n  <div class=\"o-hvy-event-summary-page__content\">\n    <div class=\"o-hvy-event-summary-page__content__sub\">\n      @for (summaryKey of statusList; track summaryKey) {\n        <hvy-event-summary-list\n          class=\"o-hvy-event-summary-page__summary-list\"\n          [status]=\"summaryKey\"\n          [totalEventCount]=\"summaries[summaryKey].count ?? 0\"\n          [events]=\"summaries[summaryKey].events\"\n          [consultLink]=\"consultLink\"\n        >\n        </hvy-event-summary-list>\n      }\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1$3.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "isForm", "required", "name", "readonly", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked"] }, { kind: "component", type: EventSummaryListComponent, selector: "hvy-event-summary-list", inputs: ["events", "totalEventCount", "status", "consultLink", "itemLinkBase"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: EventSummaryPageComponent, decorators: [{
             type: Component,
@@ -1713,7 +1853,7 @@ class ProcedureColumnOrderComponent extends ColumnOrderComponent {
         this.store.dispatch(ProcedureActions.sort({ field: this.field, order }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ProcedureColumnOrderComponent, deps: [{ token: i1$1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ProcedureColumnOrderComponent, selector: "hvy-procedure-column-order", usesInheritance: true, ngImport: i0, template: "<div class=\"o-hvy-column-order\">\n  <div class=\"o-hvy-column-order__content\">\n    <ng-content></ng-content>\n  </div>\n  <div class=\"o-hvy-column-order__chevrons\">\n    <pry-icon iconSvg=\"caret_top\" (click)=\"sort('ASC')\" [height]=\"10\" [width]=\"10\" [class.-active]=\"isActive('ASC')\"></pry-icon>\n    <pry-icon iconSvg=\"caret_bottom\" (click)=\"sort('DESC')\" [height]=\"10\" [width]=\"10\" [class.-active]=\"isActive('DESC')\"></pry-icon>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ProcedureColumnOrderComponent, selector: "hvy-procedure-column-order", usesInheritance: true, ngImport: i0, template: "<div class=\"o-hvy-column-order\">\n  <div class=\"o-hvy-column-order__content\">\n    <ng-content></ng-content>\n  </div>\n  <div class=\"o-hvy-column-order__chevrons\">\n    <pry-icon iconSvg=\"caret_top\" (click)=\"sort('ASC')\" [height]=\"10\" [width]=\"10\" [class.-active]=\"isActive('ASC')\"></pry-icon>\n    <pry-icon iconSvg=\"caret_bottom\" (click)=\"sort('DESC')\" [height]=\"10\" [width]=\"10\" [class.-active]=\"isActive('DESC')\"></pry-icon>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: i1$3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ProcedureColumnOrderComponent, decorators: [{
             type: Component,
@@ -1749,7 +1889,7 @@ class ProcedureListComponent extends SubscriptionnerDirective {
         return this.router.navigate(this.PROCEDURE_LINK.fn(procedure, this.store));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ProcedureListComponent, deps: [{ token: i1$1.Store }, { token: i2$1.Router }, { token: InfiniteScrollService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.4", type: ProcedureListComponent, selector: "hvy-procedure-model-list", viewQueries: [{ propertyName: "scrollable", first: true, predicate: ["scrollable"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"o-procedure-list\">\n  <div class=\"m-form-label-field o-procedure-list__action\">\n    <hvy-immediate-filters [filterSet]=\"'procedure'\">\n      <hvy-text-filter prop=\"search\" #filter></hvy-text-filter>\n      <hvy-choice-filter\n        i18nPrefix=\"@hvy.event.domain.\"\n        label=\"@hvy.event.domain.name\"\n        [choices]=\"DOMAINS\"\n        prop=\"domain\"\n        #filter\n      ></hvy-choice-filter>\n    </hvy-immediate-filters>\n  </div>\n  <div class=\"o-procedure-list__table\" #scrollable>\n    <table class=\"o-hvy-events-table\">\n      <thead>\n        <tr class=\"o-hvy-events-table__header\">\n          <th>\n            <hvy-procedure-column-order field=\"useCount\"\n              >{{ '@hvy.procedure.useCount' | i18n }}\n            </hvy-procedure-column-order>\n          </th>\n          <th>\n            <hvy-procedure-column-order field=\"title\">{{ '@hvy.procedure.title' | i18n }}</hvy-procedure-column-order>\n          </th>\n          <th>\n            <hvy-procedure-column-order field=\"domain\">{{ '@hvy.procedure.domain' | i18n }}</hvy-procedure-column-order>\n          </th>\n          <th>\n            <hvy-procedure-column-order field=\"creator\">{{\n              '@hvy.procedure.author' | i18n\n            }}</hvy-procedure-column-order>\n          </th>\n          <th>\n            <hvy-procedure-column-order field=\"id\">{{ '@hvy.procedure.id' | i18n }}</hvy-procedure-column-order>\n          </th>\n          <th>\n            <hvy-procedure-column-order field=\"creationDate\"\n              >{{ '@hvy.event.creationDate' | i18n }}\n            </hvy-procedure-column-order>\n          </th>\n          <th>\n            <hvy-procedure-column-order field=\"lastModificationDate\">\n              <span>{{ '@hvy.event.lastModificationDate' | i18n }}</span></hvy-procedure-column-order\n            >\n          </th>\n          <th></th>\n        </tr>\n      </thead>\n      <tbody>\n        @for (procedure of procedures$ | async; track procedure.id) {\n          <tr class=\"o-hvy-events-table__line\" (click)=\"goTo(procedure)\">\n            <td class=\"o-hvy-events-table__line__cell\">{{ procedure.useCount }}</td>\n            <td class=\"o-hvy-events-table__line__cell\">{{ procedure.title }}</td>\n            <td class=\"o-hvy-events-table__line__cell\">{{ procedure.domain }}</td>\n            <td class=\"o-hvy-events-table__line__cell -centered\">{{ procedure.creator }}</td>\n            <td class=\"o-hvy-events-table__line__cell\">{{ padId.fn(procedure.id) }}</td>\n            <td class=\"o-hvy-events-table__line__cell\">{{ procedure.creationDate | date: 'dd/mm/YYYY HH:MM' }}</td>\n            <td class=\"o-hvy-events-table__line__cell\">\n              {{ procedure.lastModificationDate | date: 'dd/mm/YYYY HH:MM' }}\n            </td>\n            <td class=\"o-hvy-events-table__line__cell\">\n              <a [routerLink]=\"PROCEDURE_LINK.fn(procedure, store)\">\n                <div class=\"consult-link\">\n                  <pry-icon iconSvg=\"eye\" [height]=\"30\" [width]=\"40\"></pry-icon>\n                </div>\n              </a>\n            </td>\n          </tr>\n        } @empty {\n          <tr>\n            <td class=\"o-hvy-events-table__empty\" colspan=\"50\">\n              <div>{{ '@hvy.procedure.noContent' | i18n }}</div>\n              <div>\n                <ng-content></ng-content>\n              </div>\n            </td>\n          </tr>\n        }\n      </tbody>\n    </table>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: TextFilterComponent, selector: "hvy-text-filter" }, { kind: "component", type: ChoiceFilterComponent, selector: "hvy-choice-filter", inputs: ["label", "i18nPrefix", "choices"] }, { kind: "component", type: ProcedureColumnOrderComponent, selector: "hvy-procedure-column-order" }, { kind: "component", type: ImmediateFiltersComponent, selector: "hvy-immediate-filters", inputs: ["filterSet", "delay"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }, { kind: "pipe", type: i1$2.DatePipe, name: "date" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.4", type: ProcedureListComponent, selector: "hvy-procedure-model-list", viewQueries: [{ propertyName: "scrollable", first: true, predicate: ["scrollable"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"o-procedure-list\">\n  <div class=\"m-form-label-field o-procedure-list__action\">\n    <hvy-immediate-filters [filterSet]=\"'procedure'\">\n      <hvy-text-filter prop=\"search\" #filter></hvy-text-filter>\n      <hvy-choice-filter\n        i18nPrefix=\"@hvy.event.domain.\"\n        label=\"@hvy.event.domain.name\"\n        [choices]=\"DOMAINS\"\n        prop=\"domain\"\n        #filter\n      ></hvy-choice-filter>\n    </hvy-immediate-filters>\n  </div>\n  <div class=\"o-procedure-list__table\" #scrollable>\n    <table class=\"o-hvy-events-table\">\n      <thead>\n        <tr class=\"o-hvy-events-table__header\">\n          <th>\n            <hvy-procedure-column-order field=\"useCount\"\n              >{{ '@hvy.procedure.useCount' | i18n }}\n            </hvy-procedure-column-order>\n          </th>\n          <th>\n            <hvy-procedure-column-order field=\"title\">{{ '@hvy.procedure.title' | i18n }}</hvy-procedure-column-order>\n          </th>\n          <th>\n            <hvy-procedure-column-order field=\"domain\">{{ '@hvy.procedure.domain' | i18n }}</hvy-procedure-column-order>\n          </th>\n          <th>\n            <hvy-procedure-column-order field=\"creator\">{{\n              '@hvy.procedure.author' | i18n\n            }}</hvy-procedure-column-order>\n          </th>\n          <th>\n            <hvy-procedure-column-order field=\"id\">{{ '@hvy.procedure.id' | i18n }}</hvy-procedure-column-order>\n          </th>\n          <th>\n            <hvy-procedure-column-order field=\"creationDate\"\n              >{{ '@hvy.event.creationDate' | i18n }}\n            </hvy-procedure-column-order>\n          </th>\n          <th>\n            <hvy-procedure-column-order field=\"lastModificationDate\">\n              <span>{{ '@hvy.event.lastModificationDate' | i18n }}</span></hvy-procedure-column-order\n            >\n          </th>\n          <th></th>\n        </tr>\n      </thead>\n      <tbody>\n        @for (procedure of procedures$ | async; track procedure.id) {\n          <tr class=\"o-hvy-events-table__line\" (click)=\"goTo(procedure)\">\n            <td class=\"o-hvy-events-table__line__cell\">{{ procedure.useCount }}</td>\n            <td class=\"o-hvy-events-table__line__cell\">{{ procedure.title }}</td>\n            <td class=\"o-hvy-events-table__line__cell\">{{ procedure.domain }}</td>\n            <td class=\"o-hvy-events-table__line__cell -centered\">{{ procedure.creator }}</td>\n            <td class=\"o-hvy-events-table__line__cell\">{{ padId.fn(procedure.id) }}</td>\n            <td class=\"o-hvy-events-table__line__cell\">{{ procedure.creationDate | date: 'dd/mm/YYYY HH:MM' }}</td>\n            <td class=\"o-hvy-events-table__line__cell\">\n              {{ procedure.lastModificationDate | date: 'dd/mm/YYYY HH:MM' }}\n            </td>\n            <td class=\"o-hvy-events-table__line__cell\">\n              <a [routerLink]=\"PROCEDURE_LINK.fn(procedure, store)\">\n                <div class=\"consult-link\">\n                  <pry-icon iconSvg=\"eye\" [height]=\"30\" [width]=\"40\"></pry-icon>\n                </div>\n              </a>\n            </td>\n          </tr>\n        } @empty {\n          <tr>\n            <td class=\"o-hvy-events-table__empty\" colspan=\"50\">\n              <div>{{ '@hvy.procedure.noContent' | i18n }}</div>\n              <div>\n                <ng-content></ng-content>\n              </div>\n            </td>\n          </tr>\n        }\n      </tbody>\n    </table>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i1$3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: TextFilterComponent, selector: "hvy-text-filter" }, { kind: "component", type: ChoiceFilterComponent, selector: "hvy-choice-filter", inputs: ["label", "i18nPrefix", "choices"] }, { kind: "component", type: ProcedureColumnOrderComponent, selector: "hvy-procedure-column-order" }, { kind: "component", type: ImmediateFiltersComponent, selector: "hvy-immediate-filters", inputs: ["filterSet", "delay"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }, { kind: "pipe", type: i1$2.DatePipe, name: "date" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ProcedureListComponent, decorators: [{
             type: Component,
@@ -1826,7 +1966,7 @@ class ProcedureModelDetailComponent extends SubscriptionnerDirective {
         this._outputModifications();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ProcedureModelDetailComponent, deps: [{ token: i1$1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.4", type: ProcedureModelDetailComponent, selector: "hvy-procedure-model-detail", inputs: { model: "model", username: "username", title: "title", cancelModifications: "cancelModifications" }, outputs: { eventErrors: "eventErrors", modified: "modified" }, usesInheritance: true, ngImport: i0, template: "<div class=\"o-hvy-procedure-detail\">\n  <h1>{{ title ?? '@hvy.procedure.detail' | i18n }}</h1>\n  <div class=\"o-hvy-procedure-detail__container\">\n    <div class=\"o-hvy-procedure-detail__container__scrollable\">\n      @if (modifiedModel; as model) {\n        <div class=\"o-hvy-procedure-detail__form\">\n          <table>\n            <tbody>\n              <tr>\n                <td>{{ '@hvy.procedure.title' | i18n }}<span class=\"required\">*</span> :</td>\n                <td>\n                  <input\n                    type=\"text\"\n                    class=\"a-form-field\"\n                    [class.-error]=\"hasError('title')\"\n                    [value]=\"model.title\"\n                    (change)=\"modify('title', $event)\"\n                  />\n                </td>\n              </tr>\n              <tr>\n                <td>{{ '@hvy.procedure.description' | i18n }}<span class=\"required\">*</span> :</td>\n                <td>\n                  <textarea\n                    [ngModel]=\"model.description\"\n                    class=\"a-form-field\"\n                    [class.-error]=\"hasError('description')\"\n                    (ngModelChange)=\"modify('description', $event)\"\n                  ></textarea>\n                </td>\n              </tr>\n              <tr>\n                <td>{{ '@hvy.event.domain.name' | i18n }}<span class=\"required\">*</span> :</td>\n                <td>\n                  <pry-select\n                    [items]=\"DOMAINS\"\n                    [ngModel]=\"model.domain\"\n                    i18nPrefix=\"@hvy.event.domain.\"\n                    [class.-error]=\"hasError('domain')\"\n                    (ngModelChange)=\"modify('domain', $event)\"\n                  ></pry-select>\n                </td>\n              </tr>\n              <tr>\n                <td>{{ '@hvy.procedure.creator' | i18n }} :</td>\n                <td>\n                  <input type=\"text\" class=\"a-form-field\" [value]=\"model.creator\" readonly />\n                </td>\n              </tr>\n            </tbody>\n          </table>\n        </div>\n        <div class=\"o-hvy-procedure-detail__actions\">\n          <h3>{{ '@hvy.procedure.actions' | i18n }}</h3>\n          <hvy-procedure-actions\n            [actions]=\"model.actions\"\n            (modified)=\"updateActions($event)\"\n            mode=\"model\"\n          ></hvy-procedure-actions>\n        </div>\n      }\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "isForm", "required", "name", "readonly", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked"] }, { kind: "component", type: ProcedureActionsComponent, selector: "hvy-procedure-actions", inputs: ["mode", "actions"], outputs: ["modified"] }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.4", type: ProcedureModelDetailComponent, selector: "hvy-procedure-model-detail", inputs: { model: "model", username: "username", title: "title", cancelModifications: "cancelModifications" }, outputs: { eventErrors: "eventErrors", modified: "modified" }, usesInheritance: true, ngImport: i0, template: "<div class=\"o-hvy-procedure-detail\">\n  <h1>{{ title ?? '@hvy.procedure.detail' | i18n }}</h1>\n  <div class=\"o-hvy-procedure-detail__container\">\n    <div class=\"o-hvy-procedure-detail__container__scrollable\">\n      @if (modifiedModel; as model) {\n        <div class=\"o-hvy-procedure-detail__form\">\n          <table>\n            <tbody>\n              <tr>\n                <td>{{ '@hvy.procedure.title' | i18n }}<span class=\"required\">*</span> :</td>\n                <td>\n                  <input\n                    type=\"text\"\n                    class=\"a-form-field\"\n                    [class.-error]=\"hasError('title')\"\n                    [value]=\"model.title\"\n                    (change)=\"modify('title', $event)\"\n                  />\n                </td>\n              </tr>\n              <tr>\n                <td>{{ '@hvy.procedure.description' | i18n }}<span class=\"required\">*</span> :</td>\n                <td>\n                  <textarea\n                    [ngModel]=\"model.description\"\n                    class=\"a-form-field\"\n                    [class.-error]=\"hasError('description')\"\n                    (ngModelChange)=\"modify('description', $event)\"\n                  ></textarea>\n                </td>\n              </tr>\n              <tr>\n                <td>{{ '@hvy.event.domain.name' | i18n }}<span class=\"required\">*</span> :</td>\n                <td>\n                  <pry-select\n                    [items]=\"DOMAINS\"\n                    [ngModel]=\"model.domain\"\n                    i18nPrefix=\"@hvy.event.domain.\"\n                    [class.-error]=\"hasError('domain')\"\n                    (ngModelChange)=\"modify('domain', $event)\"\n                  ></pry-select>\n                </td>\n              </tr>\n              <tr>\n                <td>{{ '@hvy.procedure.creator' | i18n }} :</td>\n                <td>\n                  <input type=\"text\" class=\"a-form-field\" [value]=\"model.creator\" readonly />\n                </td>\n              </tr>\n            </tbody>\n          </table>\n        </div>\n        <div class=\"o-hvy-procedure-detail__actions\">\n          <h3>{{ '@hvy.procedure.actions' | i18n }}</h3>\n          <hvy-procedure-actions\n            [actions]=\"model.actions\"\n            (modified)=\"updateActions($event)\"\n            mode=\"model\"\n          ></hvy-procedure-actions>\n        </div>\n      }\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1$4.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: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1$3.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "isForm", "required", "name", "readonly", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked"] }, { kind: "component", type: ProcedureActionsComponent, selector: "hvy-procedure-actions", inputs: ["mode", "actions"], outputs: ["modified"] }, { kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ProcedureModelDetailComponent, decorators: [{
             type: Component,
@@ -1981,10 +2121,8 @@ const enTranslations = {
                 delete: 'Delete',
                 update: 'Update',
                 done: 'Mark done',
-                CSU: 'Call CSU',
-                DOUTE: 'Ask for doubt removal',
                 SMS: 'Send a SMS',
-                AUTRE: 'Other',
+                OTHER: 'Other',
                 SERVICE: 'Ask service',
                 EMAIL: 'Send an email'
             }
@@ -2147,12 +2285,12 @@ const frTranslations = {
                 delete: 'Supprimer',
                 update: 'Modifier',
                 done: 'Terminer',
-                CSU: 'Appeler le CSU',
-                DOUTE: 'Demander une levée de doute',
-                SMS: 'Envoyer un SMS',
-                AUTRE: 'Autre',
+                SMS: 'Envoyer un SMS à',
+                OTHER: 'Autre',
                 SERVICE: 'Demander une intervention',
-                EMAIL: 'Envoyer un email'
+                EMAIL: 'Envoyer un email à',
+                to: 'au',
+                at: 'à'
             }
         },
         associationModal: {
@@ -2177,6 +2315,18 @@ const frTranslations = {
     }
 };
 
+class HvyNoParamsActionDisplayComponent extends HvyBaseParameterActionComponent {
+    constructor() {
+        super();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: HvyNoParamsActionDisplayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: HvyNoParamsActionDisplayComponent, selector: "hvy-no-params-action-display", usesInheritance: true, ngImport: i0, template: "<div class=\"param-line\">\n  <p>\n    {{ '@hvy.procedure.action.' + action.type | i18n }}\n  </p>\n</div>\n", dependencies: [{ kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: HvyNoParamsActionDisplayComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'hvy-no-params-action-display', template: "<div class=\"param-line\">\n  <p>\n    {{ '@hvy.procedure.action.' + action.type | i18n }}\n  </p>\n</div>\n" }]
+        }], ctorParameters: () => [] });
+
 const HypEventType = { values: ['ALERT', 'REPORT', 'OPERATOR'] };
 
 const ENTITIES = {
@@ -2216,12 +2366,12 @@ class EventEffects {
         this.filter$ = createEffect(() => this.actions$.pipe(ofType(EventActions.filter), filter((action) => action.filterSet === KNOWN_FILTER_SETS.EVENTS), debounceTime(200), map(() => EventActions.load({}))));
         this.associateProcedure$ = createEffect(() => this.actions$.pipe(ofType(EventActions.associateProcedure), mergeMap$1((action) => this.eventService.associateProcedure(action.procedureId).pipe(map(() => EventActions.load({})), catchError$1((error) => [EventActions.associateProcedureFailure({ error: error })])))));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: EventEffects, deps: [{ token: i1$3.Actions }, { token: EventService }, { token: i1$1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: EventEffects, deps: [{ token: i1$5.Actions }, { token: EventService }, { token: i1$1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: EventEffects }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: EventEffects, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i1$3.Actions }, { type: EventService }, { type: i1$1.Store }] });
+        }], ctorParameters: () => [{ type: i1$5.Actions }, { type: EventService }, { type: i1$1.Store }] });
 
 class HypervisorService {
     constructor(httpClient, store) {
@@ -2243,12 +2393,12 @@ class HypervisorEffects {
         this.actions$ = actions$;
         this.eventService = eventService;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: HypervisorEffects, deps: [{ token: i1$3.Actions }, { token: HypervisorService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: HypervisorEffects, deps: [{ token: i1$5.Actions }, { token: HypervisorService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: HypervisorEffects }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: HypervisorEffects, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i1$3.Actions }, { type: HypervisorService }] });
+        }], ctorParameters: () => [{ type: i1$5.Actions }, { type: HypervisorService }] });
 
 class EventSummaryService {
     constructor(httpClient, store) {
@@ -2283,12 +2433,12 @@ class EventSummaryEffects {
         this.eventSummaryService = eventSummaryService;
         this.loadSummaries$ = createEffect(() => this.actions$.pipe(ofType(EventSummaryActions.load), debounceTime(200), mergeMap$1((action) => this.eventSummaryService.list().pipe(map((summaries) => EventSummaryActions.loadSuccess({ summaries })), catchError$1((error) => [EventSummaryActions.loadFailure({ error: error })])))));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: EventSummaryEffects, deps: [{ token: i1$3.Actions }, { token: EventSummaryService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: EventSummaryEffects, deps: [{ token: i1$5.Actions }, { token: EventSummaryService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: EventSummaryEffects }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: EventSummaryEffects, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i1$3.Actions }, { type: EventSummaryService }] });
+        }], ctorParameters: () => [{ type: i1$5.Actions }, { type: EventSummaryService }] });
 
 class ProcedureEffects {
     constructor(actions$, procedureService, store) {
@@ -2300,12 +2450,12 @@ class ProcedureEffects {
         this.model$ = createEffect(() => this.actions$.pipe(ofType(ProcedureActions.model), debounceTime(200), mergeMap$1((action) => this.procedureService.get(action.id).pipe(map((model) => ProcedureActions.modelSuccess({ model })), catchError$1((error) => [ProcedureActions.modelFailure({ error: error })])))));
         this.save$ = createEffect(() => this.actions$.pipe(ofType(ProcedureActions.save), debounceTime(200), mergeMap$1((action) => this.procedureService.save(action.model).pipe(map((model) => ProcedureActions.saveSuccess({ model })), catchError$1((error) => [ProcedureActions.saveFailure({ error: error })])))));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ProcedureEffects, deps: [{ token: i1$3.Actions }, { token: ProcedureService }, { token: i1$1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ProcedureEffects, deps: [{ token: i1$5.Actions }, { token: ProcedureService }, { token: i1$1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ProcedureEffects }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ProcedureEffects, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i1$3.Actions }, { type: ProcedureService }, { type: i1$1.Store }] });
+        }], ctorParameters: () => [{ type: i1$5.Actions }, { type: ProcedureService }, { type: i1$1.Store }] });
 
 const components = [
     EventDetailComponent,
@@ -2332,7 +2482,15 @@ const components = [
     HvyActionMenuComponent,
     HvyActionParameterComponent,
     HvyBaseParameterActionComponent,
-    HvyOtherActionParameterComponent
+    HvyOtherActionParameterComponent,
+    HvyOtherActionDisplayComponent,
+    HvyNoParamsActionDisplayComponent,
+    HvySmsActionParameterComponent,
+    HvySmsActionDisplayComponent,
+    HvyEmailActionDisplayComponent,
+    HvyEmailActionParameterComponent,
+    HvyServiceActionParameterComponent,
+    HvyServiceActionDisplayComponent
 ];
 class PvyHypervisorModule {
     static forRoot(options) {
@@ -2349,7 +2507,7 @@ class PvyHypervisorModule {
         this.i18nService.addLangObject('en', '@hvy', enTranslations);
         this.i18nService.addLangObject('fr', '@hvy', frTranslations);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: PvyHypervisorModule, deps: [{ token: HYP_BASE_CONFIG }, { token: i1$1.Store }, { token: i3.PryI18nService }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: PvyHypervisorModule, deps: [{ token: HYP_BASE_CONFIG }, { token: i1$1.Store }, { token: i1$3.PryI18nService }], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.4", ngImport: i0, type: PvyHypervisorModule, declarations: [EventDetailComponent,
             EventListComponent,
             EventColumnOrderComponent,
@@ -2374,7 +2532,15 @@ class PvyHypervisorModule {
             HvyActionMenuComponent,
             HvyActionParameterComponent,
             HvyBaseParameterActionComponent,
-            HvyOtherActionParameterComponent, ProcedureActionsComponent], imports: [i1$1.StoreFeatureModule, i1$1.StoreFeatureModule, i1$1.StoreFeatureModule, i1$1.StoreFeatureModule, i1$3.EffectsFeatureModule, NgForOf,
+            HvyOtherActionParameterComponent,
+            HvyOtherActionDisplayComponent,
+            HvyNoParamsActionDisplayComponent,
+            HvySmsActionParameterComponent,
+            HvySmsActionDisplayComponent,
+            HvyEmailActionDisplayComponent,
+            HvyEmailActionParameterComponent,
+            HvyServiceActionParameterComponent,
+            HvyServiceActionDisplayComponent, ProcedureActionsComponent], imports: [i1$1.StoreFeatureModule, i1$1.StoreFeatureModule, i1$1.StoreFeatureModule, i1$1.StoreFeatureModule, i1$5.EffectsFeatureModule, NgForOf,
             AsyncPipe,
             PryI18nModule,
             PryCoreModule,
@@ -2412,7 +2578,15 @@ class PvyHypervisorModule {
             HvyActionMenuComponent,
             HvyActionParameterComponent,
             HvyBaseParameterActionComponent,
-            HvyOtherActionParameterComponent] }); }
+            HvyOtherActionParameterComponent,
+            HvyOtherActionDisplayComponent,
+            HvyNoParamsActionDisplayComponent,
+            HvySmsActionParameterComponent,
+            HvySmsActionDisplayComponent,
+            HvyEmailActionDisplayComponent,
+            HvyEmailActionParameterComponent,
+            HvyServiceActionParameterComponent,
+            HvyServiceActionDisplayComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: PvyHypervisorModule, imports: [StoreModule.forFeature(hypFeatureKey, hypervisorReducer),
             StoreModule.forFeature(eventFeatureKey, eventReducer),
             StoreModule.forFeature(eventSummaryFeatureKey, eventSummaryReducer),
@@ -2458,7 +2632,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImpor
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [HYP_BASE_CONFIG]
-                }] }, { type: i1$1.Store }, { type: i3.PryI18nService }] });
+                }] }, { type: i1$1.Store }, { type: i1$3.PryI18nService }] });
 
 /*
  * Public API Surface of hypervisor
@@ -2468,5 +2642,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ACTIONS_TYPES, CATEGORIES_BY_TYPE, ChoiceFilterComponent, ColumnOrderComponent, DOMAINS, DateFilterComponent, ENTITIES, EVENT_LINK, EVENT_TO_ICON, EquipmentService, EventActions, EventColumnOrderComponent, EventDetailComponent, EventEffects, EventFiltersComponent, EventIconPipe, EventListComponent, EventSelectors, EventService, EventSummaryActions, EventSummaryEffects, EventSummaryItemComponent, EventSummaryListComponent, EventSummaryPageComponent, EventSummarySelectors, ForDatetimeLocalPipe, HYP_BASE_CONFIG, HvyActionMenuComponent, HvyActionParameterComponent, HvyBaseParameterActionComponent, HvyOtherActionParameterComponent, HypEventCategory, HypEventCriticality, HypEventStatus, HypEventType, HypSelectors, HypervisorActions, HypervisorEffects, HypervisorService, IconDisplayComponent, ImmediateFiltersComponent, KNOWN_FILTER_SETS, PAGE_SIZE_FETCH, PROCEDURE_LINK, PROCEDURE_PAGE_SIZE_FETCH, ProcedureActions, ProcedureActionsComponent, ProcedureAssociationModalComponent, ProcedureColumnOrderComponent, ProcedureEffects, ProcedureListComponent, ProcedureModelDetailComponent, ProcedureSelectors, ProcedureService, ProgressDisplayComponent, PvyHypervisorModule, StatusDisplayComponent, TextFilterComponent, enTranslations, eventFeatureKey, eventForWriteAPI, eventInitialState, eventReducer, eventSummaryFeatureKey, eventSummaryInitialState, eventSummaryReducer, frTranslations, hypFeatureKey, hypInitialState, hypervisorReducer, padId, procedureFeatureKey, procedureForWriteAPI, procedureInitialState, procedureReducer };
+export { ACTIONS_TYPES, CATEGORIES_BY_TYPE, ChoiceFilterComponent, ColumnOrderComponent, DOMAINS, DateFilterComponent, ENTITIES, EVENT_LINK, EVENT_TO_ICON, EquipmentService, EventActions, EventColumnOrderComponent, EventDetailComponent, EventEffects, EventFiltersComponent, EventIconPipe, EventListComponent, EventSelectors, EventService, EventSummaryActions, EventSummaryEffects, EventSummaryItemComponent, EventSummaryListComponent, EventSummaryPageComponent, EventSummarySelectors, ForDatetimeLocalPipe, HYP_BASE_CONFIG, HvyActionMenuComponent, HvyActionParameterComponent, HvyBaseParameterActionComponent, HvyEmailActionDisplayComponent, HvyEmailActionParameterComponent, HvyNoParamsActionDisplayComponent, HvyOtherActionDisplayComponent, HvyOtherActionParameterComponent, HvyServiceActionDisplayComponent, HvyServiceActionParameterComponent, HvySmsActionDisplayComponent, HvySmsActionParameterComponent, HypEventCategory, HypEventCriticality, HypEventStatus, HypEventType, HypSelectors, HypervisorActions, HypervisorEffects, HypervisorService, IconDisplayComponent, ImmediateFiltersComponent, KNOWN_FILTER_SETS, PAGE_SIZE_FETCH, PROCEDURE_LINK, PROCEDURE_PAGE_SIZE_FETCH, ProcedureActions, ProcedureActionsComponent, ProcedureAssociationModalComponent, ProcedureColumnOrderComponent, ProcedureEffects, ProcedureListComponent, ProcedureModelDetailComponent, ProcedureSelectors, ProcedureService, ProgressDisplayComponent, PvyHypervisorModule, StatusDisplayComponent, TextFilterComponent, enTranslations, eventFeatureKey, eventForWriteAPI, eventInitialState, eventReducer, eventSummaryFeatureKey, eventSummaryInitialState, eventSummaryReducer, frTranslations, hypFeatureKey, hypInitialState, hypervisorReducer, padId, procedureFeatureKey, procedureForWriteAPI, procedureInitialState, procedureReducer };
 //# sourceMappingURL=provoly-hypervisor.mjs.map