@provoly/hypervisor 1.4.6 → 1.4.7-7.2

package/fesm2022/provoly-hypervisor.mjs

@@ -1,13 +1,13 @@
 import * as i0 from '@angular/core';
-import { Injectable, Pipe, Component, Input, EventEmitter, Output, Inject, ElementRef, ViewChild, ViewContainerRef, model as model$1, ViewChildren, TemplateRef, ContentChildren, Directive, forwardRef, signal, computed, InjectionToken, NgModule } from '@angular/core';
+import { Injectable, Pipe, Component, Input, EventEmitter, Output, Inject, ViewChild, ElementRef, ViewContainerRef, model as model$1, ViewChildren, TemplateRef, ContentChildren, Directive, forwardRef, signal, computed, InjectionToken, NgModule } from '@angular/core';
 import * as i1$3 from '@provoly/dashboard';
-import { FilterParamEncoder, DEFAULT_ICON_URL, SubscriptionnerDirective, PRY_DIALOG_DATA, PryDialogConfirmComponent, PryI18nModule, PryCoreModule, PrySinceDateModule, PryIconModule, PrySelectModule, PryDatePickerModule } from '@provoly/dashboard';
+import { FilterParamEncoder, DEFAULT_ICON_URL, SubscriptionnerDirective, PRY_DIALOG_DATA, PryDialogConfirmComponent, PryI18nModule, PryCoreModule, PrySinceDateModule, PryIconModule, PrySelectModule, PryDatePickerModule, I18nPipe } from '@provoly/dashboard';
 import * as i1$1 from '@ngrx/store';
 import { createAction, props, createReducer, on, createFeatureSelector, createSelector, StoreModule } from '@ngrx/store';
 import * as i2 from '@angular/cdk/overlay';
 import { OverlayConfig } from '@angular/cdk/overlay';
 import { TemplatePortal } from '@angular/cdk/portal';
-import { combineLatest, map, mergeMap, of, BehaviorSubject, Subject, debounceTime, switchMap, shareReplay, fromEvent, withLatestFrom, throwError, filter, auditTime, distinctUntilChanged } from 'rxjs';
+import { combineLatest, map, mergeMap, of, BehaviorSubject, Subject, debounceTime, switchMap, shareReplay, fromEvent, withLatestFrom, delay, take, throwError, zip, filter, auditTime, distinctUntilChanged } from 'rxjs';
 import equal from 'fast-deep-equal/es6';
 import { map as map$1, startWith, catchError, debounceTime as debounceTime$1, mergeMap as mergeMap$1 } from 'rxjs/operators';
 import * as i1 from '@angular/common/http';
@@ -18,7 +18,7 @@ import * as i1$2 from '@angular/common';
 import { NgForOf, AsyncPipe, NgStyle, DatePipe, KeyValuePipe, JsonPipe, NgIf } from '@angular/common';
 import { v4 } from 'uuid';
 import * as i1$5 from '@ngrx/effects';
-import { act, createEffect, ofType, EffectsModule } from '@ngrx/effects';
+import { act, ofType, createEffect, EffectsModule } from '@ngrx/effects';
 import * as i4 from '@provoly/dashboard/components/checkbox';
 import { PryCheckboxModule } from '@provoly/dashboard/components/checkbox';
 import * as i2$1 from '@angular/router';
@@ -320,14 +320,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
         }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i1$1.Store }] });
 
 const HypEventCategory = {
-    values: ['OUTOFORDER', 'LIMIT', 'ANOMALY', 'MANIFESTATION']
+    values: ['ANOMALY', 'OUTOFORDER', 'MANIFESTATION', 'LIMIT']
 };
 const HypEventSubCategory = {
     values: {
         LIMIT: [],
         MANIFESTATION: [],
         OUTOFORDER: [],
-        ANOMALY: ['UNUSUAL_FLOW', 'TRAFFIC_CONGESTION', 'WILD_STORAGE']
+        ANOMALY: ['NONE', 'UNUSUAL_FLOW', 'TRAFFIC_CONGESTION', 'WILD_STORAGE']
     }
 };
 const CategoryBackground = {
@@ -364,11 +364,11 @@ class IconDisplayComponent {
         this.CategoryBackground = CategoryBackground;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: IconDisplayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: IconDisplayComponent, selector: "hvy-icon-display", inputs: { event: "event" }, ngImport: i0, template: "<div\n  class=\"\n        m-hvy-event-summary-item__event-icon-container\n        -hvy-{{ event.criticality.toString().toLowerCase() }}\n        -hvy-{{ CategoryBackground.values[event.category] }}\n      \"\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" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: IconDisplayComponent, selector: "hvy-icon-display", inputs: { event: "event" }, ngImport: i0, template: "<div\n  class=\"\n        m-hvy-event-summary-item__event-icon-container\n        -hvy-{{ event.criticality.toString().toLowerCase() }}\n        -hvy-{{ CategoryBackground.values[event.category] }}\n      \"\n  [title]=\"'@hvy.event.category.' + event.category | i18n\"\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.I18nPipe, name: "i18n" }, { kind: "pipe", type: i1$3.GetSecuredImagePipe, name: "getSecuredImage" }, { kind: "pipe", type: EventIconPipe, name: "eventIcon" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: IconDisplayComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'hvy-icon-display', template: "<div\n  class=\"\n        m-hvy-event-summary-item__event-icon-container\n        -hvy-{{ event.criticality.toString().toLowerCase() }}\n        -hvy-{{ CategoryBackground.values[event.category] }}\n      \"\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" }]
+            args: [{ selector: 'hvy-icon-display', template: "<div\n  class=\"\n        m-hvy-event-summary-item__event-icon-container\n        -hvy-{{ event.criticality.toString().toLowerCase() }}\n        -hvy-{{ CategoryBackground.values[event.category] }}\n      \"\n  [title]=\"'@hvy.event.category.' + event.category | i18n\"\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" }]
         }], propDecorators: { event: [{
                 type: Input
             }] } });
@@ -386,6 +386,7 @@ class ProcedureAssociationModalComponent extends SubscriptionnerDirective {
         this.onProcedureSearch$ = new Subject();
         this.eventsFromInput$ = new BehaviorSubject(null);
         this.eventsForAction = [];
+        this.disableValidButton = true;
         this.DOMAINS = DOMAINS.values;
         this.selectedEvents$ = combineLatest([
             this.eventsFromInput$,
@@ -402,14 +403,17 @@ class ProcedureAssociationModalComponent extends SubscriptionnerDirective {
             this.onDomainSelect$.pipe(startWith()),
             this.onProcedureSearch$.pipe(startWith(), debounceTime(500))
         ]).pipe(switchMap(([_, __]) => {
-            const search = typeof this.procedureSelectValue === 'string' && this.procedureSelectValue.length > 2
-                ? this.procedureSelectValue
-                : undefined;
+            const search = typeof this.procedureSelectValue === 'string' && this.procedureSelectValue.length > 2 ?
+                this.cleanProcedureNameForComboBoxSearch(this.procedureSelectValue) :
+                typeof this.procedureSelectValue === 'object' ?
+                    this.procedureSelectValue.name :
+                    undefined;
             return this.procedureService.getTop10ByUsage(this.selectedDomain, search).pipe(map$1((procedures) => procedures.map((proc) => {
                 const regex = RegExp(`(${search})` ?? '(/-/-/)', 'gid');
                 const html = `${padId.fn(proc.id)} - ${proc.name} (${proc.creator})`;
                 return {
                     ...proc,
+                    initial: html,
                     html: html.replaceAll(regex, (matched, capture1) => `<b>${capture1}</b>`)
                 };
             })));
@@ -421,8 +425,34 @@ class ProcedureAssociationModalComponent extends SubscriptionnerDirective {
         this.onDomainSelect$.next();
         this.procedureSelectValue = undefined;
     }
+    cleanProcedureNameForComboBoxSearch(procedure) {
+        const indexOfTiret = procedure.indexOf('-');
+        const indexOfCreator = procedure.lastIndexOf('(');
+        if (indexOfTiret !== -1 && indexOfCreator !== -1) {
+            procedure = procedure.substring(indexOfTiret + 2, indexOfCreator - 1);
+        }
+        else if (indexOfTiret !== -1) {
+            procedure = procedure.substring(indexOfTiret + 2);
+        }
+        else if (indexOfCreator !== -1) {
+            procedure = procedure.substring(0, indexOfCreator - 1);
+        }
+        return procedure;
+    }
     selectedProcedureChange($event) {
-        this.procedureSelectValue = $event;
+        // when choose a procedure
+        if (typeof $event === 'object') {
+            this.selectedProcedureInComboBox = $event;
+            this.procedureSelectValue = $event;
+            // when click on choosen procedure
+        }
+        else if (this.selectedProcedureInComboBox?.html === $event) {
+            this.procedureSelectValue = this.selectedProcedureInComboBox;
+        }
+        else {
+            this.procedureSelectValue = $event;
+        }
+        this.disableValidButton = typeof this.procedureSelectValue !== 'object';
         this.onProcedureSearch$.next();
     }
     associateProcedure() {
@@ -432,24 +462,22 @@ class ProcedureAssociationModalComponent extends SubscriptionnerDirective {
         }));
         this.closeModal();
     }
-    isProcedureSelected() {
-        return typeof this.procedureSelectValue === 'object';
-    }
     closeModal() {
         this.dialog.close();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", 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: "18.2.6", type: ProcedureAssociationModalComponent, selector: "hvy-procedure-association-modal", inputs: { events: "events" }, 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\"\n        ></pry-select>\n      </div>\n      <div class=\"m-form-label-field\">\n        <label for=\"procedure-filter\"\n          >{{ '@hvy.associationModal.searchProcedure' | i18n }}<span class=\"text-error\">*</span> :\n        </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\"\n          [template]=\"templateOption\"\n        ></pry-select>\n        <ng-template #templateOption let-item=\"item\">\n          <div class=\"u-display-flex -column\">\n            <span [innerHTML]=\"item.html\"></span>\n          </div>\n        </ng-template>\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()\">\n      {{ '@hvy.action.validate' | i18n }}\n    </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", "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" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: ProcedureAssociationModalComponent, selector: "hvy-procedure-association-modal", inputs: { events: "events" }, 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\"\n        ></pry-select>\n      </div>\n      <div class=\"m-form-label-field\">\n        <label for=\"procedure-filter\"\n          >{{ '@hvy.associationModal.searchProcedure' | i18n }}<span class=\"text-error\">*</span> :\n        </label>\n        <pry-select\n          [items]=\"procedures$ | async\"\n          bindLabel=\"initial\"\n          [(ngModel)]=\"procedureSelectValue\"\n          (ngModelChange)=\"selectedProcedureChange($event)\"\n          [autocomplete]=\"true\"\n          [externalAutocompleteService]=\"true\"\n          [placeholder]=\"'@hvy.associationModal.procedurePlaceholder' | i18n\"\n          id=\"procedure-filter\"\n          [template]=\"templateOption\"\n        ></pry-select>\n        <ng-template #templateOption let-item=\"item\">\n          <div class=\"u-display-flex -column\">\n            <span [innerHTML]=\"item.html\"></span>\n          </div>\n        </ng-template>\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]=\"disableValidButton\" (click)=\"associateProcedure()\">\n      {{ '@hvy.action.validate' | i18n }}\n    </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", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked", "pressedEnter"] }, { 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: "18.2.6", 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\"\n        ></pry-select>\n      </div>\n      <div class=\"m-form-label-field\">\n        <label for=\"procedure-filter\"\n          >{{ '@hvy.associationModal.searchProcedure' | i18n }}<span class=\"text-error\">*</span> :\n        </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\"\n          [template]=\"templateOption\"\n        ></pry-select>\n        <ng-template #templateOption let-item=\"item\">\n          <div class=\"u-display-flex -column\">\n            <span [innerHTML]=\"item.html\"></span>\n          </div>\n        </ng-template>\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()\">\n      {{ '@hvy.action.validate' | i18n }}\n    </button>\n    <button class=\"a-btn a-btn--secondary\" (click)=\"closeModal()\">{{ '@hvy.action.cancel' | i18n }}</button>\n  </div>\n</div>\n" }]
+            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\"\n        ></pry-select>\n      </div>\n      <div class=\"m-form-label-field\">\n        <label for=\"procedure-filter\"\n          >{{ '@hvy.associationModal.searchProcedure' | i18n }}<span class=\"text-error\">*</span> :\n        </label>\n        <pry-select\n          [items]=\"procedures$ | async\"\n          bindLabel=\"initial\"\n          [(ngModel)]=\"procedureSelectValue\"\n          (ngModelChange)=\"selectedProcedureChange($event)\"\n          [autocomplete]=\"true\"\n          [externalAutocompleteService]=\"true\"\n          [placeholder]=\"'@hvy.associationModal.procedurePlaceholder' | i18n\"\n          id=\"procedure-filter\"\n          [template]=\"templateOption\"\n        ></pry-select>\n        <ng-template #templateOption let-item=\"item\">\n          <div class=\"u-display-flex -column\">\n            <span [innerHTML]=\"item.html\"></span>\n          </div>\n        </ng-template>\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]=\"disableValidButton\" (click)=\"associateProcedure()\">\n      {{ '@hvy.action.validate' | i18n }}\n    </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: i1$3.PryDialogRef }], propDecorators: { events: [{
                 type: Input
             }] } });
 
 const displayDate = (endDate) => {
-    return new Date(endDate).toLocaleDateString();
+    const date = new Date(endDate).toLocaleDateString();
+    return date === 'Invalid Date' ? undefined : date;
 };
 
 class StatusDisplayComponent extends SubscriptionnerDirective {
@@ -512,36 +540,85 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
                 type: Input
             }] } });
 
+class TruncatePipe {
+    transform(value, args) {
+        const limit = args.length > 0 ? parseInt(args[0], 10) : 20;
+        const trail = args.length > 1 ? args[1] : '...';
+        return (value ?? '').length > limit ? value.substring(0, limit) + trail : value;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: TruncatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: TruncatePipe, isStandalone: true, name: "truncate" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: TruncatePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    standalone: true,
+                    name: 'truncate'
+                }]
+        }] });
+
 class LastEventsComponent extends SubscriptionnerDirective {
     constructor() {
         super(...arguments);
         this.displayDate = displayDate;
         this.services = [];
         this.events = [];
+        this.closeDialogEmit = new EventEmitter();
+        this.closeButton = false;
+        this.references = [];
+    }
+    ngOnInit() {
+        this.initActionReference(this.services);
+    }
+    closeDialog() {
+        this.closeDialogEmit.next(true);
+    }
+    initActionReference(services) {
+        services.forEach((service, index) => {
+            if (service.externalId) {
+                if (service.additionalInfo) {
+                    this.references[index] = `${service.externalId}@${service.additionalInfo}`;
+                }
+                else {
+                    this.references[index] = service.externalId;
+                }
+            }
+            else {
+                this.references[index] = '';
+            }
+        });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: LastEventsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: LastEventsComponent, selector: "hvy-last-events", inputs: { services: "services", events: "events" }, usesInheritance: true, ngImport: i0, template: "@if (events.length > 0) {\n  <div class=\"o-hvy-last-events__events\">\n    <h3>{{ '@chh.event.lastEvents' | i18n }} ({{ events.length }})</h3>\n    @for (event of events; track event.id) {\n      <div class=\"o-hvy-last-events__events__item\">\n        <div class=\"o-hvy-last-events__events__item__icon\">\n          <hvy-icon-display [event]=\"event\"></hvy-icon-display>\n        </div>\n        <div class=\"o-hvy-last-events__events__item__title\">\n          <span>{{ event.name }}</span>\n        </div>\n        <div class=\"o-hvy-last-events__events__item__descr\">\n          <span> {{ event.description }}</span>\n        </div>\n        <div class=\"o-hvy-last-events__events__item__status\">\n          <hvy-status-display [item]=\"event\"></hvy-status-display>\n        </div>\n      </div>\n    }\n  </div>\n}\n@if (services.length > 0) {\n  <div class=\"o-hvy-last-events__services\">\n    <h3>{{ '@chh.event.services' | i18n }} ({{ services.length }})</h3>\n    @for (service of services; track service.id) {\n      <div class=\"o-hvy-last-events__services__item\">\n        <div class=\"o-hvy-last-events__services__item__icon\">\n          <pry-icon iconSvg=\"service\"></pry-icon>\n        </div>\n        <div class=\"o-hvy-last-events__services__item__title\">\n          <span>{{ service.externalId }} - {{ '@chh.intervention.' + service.category | i18n }}</span>\n        </div>\n        <div class=\"o-hvy-last-events__services__item__descr\">\n          <span>{{ '@chh.event.description' | i18n }}: {{ service.description }}</span>\n        </div>\n        <div class=\"o-hvy-last-events__services__item__date\">\n          @if (service.status === 'ASKED') {\n            <span>{{ '@chh.event.startDate' | i18n }} : {{ displayDate(service.startDate) }}</span>\n          }\n          @if (service.status === 'IN_PROGRESS') {\n            <span>{{ '@chh.event.endPlannedDate' | i18n }} : {{ displayDate(service.endDate) }}</span>\n          }\n          @if (service.status === 'DONE') {\n            <span>{{ '@chh.event.endDate' | i18n }} : {{ displayDate(service.endDate) }}</span>\n          }\n        </div>\n        <div class=\"o-hvy-last-events__services__item__status\">\n          <hvy-status-display [item]=\"service\" type=\"service\"></hvy-status-display>\n        </div>\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: "component", type: IconDisplayComponent, selector: "hvy-icon-display", inputs: ["event"] }, { kind: "component", type: StatusDisplayComponent, selector: "hvy-status-display", inputs: ["type", "readonly", "item", "modifiable"], outputs: ["modified"] }, { kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: LastEventsComponent, selector: "hvy-last-events", inputs: { services: "services", events: "events", closeButton: "closeButton" }, outputs: { closeDialogEmit: "closeDialogEmit" }, usesInheritance: true, ngImport: i0, template: "@if (events.length > 0) {\n  <div class=\"o-hvy-last-events__events\">\n    <div>\n      <h3>{{ '@chh.event.lastEvents' | i18n }} ({{ events.length }})</h3>\n      <div class=\"o-modal__equipment__close\" [hidden]=\"!closeButton\">\n        <button class=\"\" (click)=\"closeDialog()\">\n          <pry-icon iconSvg=\"close\"></pry-icon>\n        </button>\n      </div>\n    </div>\n    @for (event of events; track event.id) {\n      <div class=\"o-hvy-last-events__events__item\">\n        <div class=\"o-hvy-last-events__events__item__icon\">\n          <hvy-icon-display [event]=\"event\"></hvy-icon-display>\n        </div>\n        <div class=\"o-hvy-event-tooltip-container\">\n          <div class=\"o-hvy-last-events__events__item__title\">\n            <span>{{ event.name }}</span>\n          </div>\n          <div class=\"o-hvy-last-events__events__item__descr\">\n            <span>{{event.externalSourceRef}} - {{event.creationDate | date : 'dd/MM/yyyy'}}</span>\n          </div>\n        </div>\n        <div class=\"o-hvy-last-events__events__item__status\">\n          <hvy-status-display [item]=\"event\"></hvy-status-display>\n        </div>\n      </div>\n    }\n  </div>\n}\n@if (services.length > 0) {\n  <div class=\"o-hvy-last-events__services\">\n    @if ( !events || events.length === 0) {\n      <div>\n        <h3>{{ '@chh.event.services' | i18n }} ({{ services.length }})</h3>\n        <div class=\"o-modal__equipment__close\" [hidden]=\"!closeButton\">\n          <button class=\"\" (click)=\"closeDialog()\">\n            <pry-icon iconSvg=\"close\"></pry-icon>\n          </button>\n        </div>\n      </div>\n    } @else {\n      <h3>{{ '@chh.event.services' | i18n }} ({{ services.length }})</h3>\n    }\n    @for (service of services; track service.id) {\n      <div class=\"o-hvy-last-events__services__item\">\n        <div class=\"o-hvy-last-events__services__item__icon\">\n          <pry-icon iconSvg=\"service\"></pry-icon>\n        </div>\n        <div class=\"o-hvy-last-events__services__item__title\">\n          <span>{{ references[$index] }} - {{ '@chh.intervention.' + service.category | i18n }}</span>\n        </div>\n        <div class=\"o-hvy-last-events__services__item__descr\">\n          <span>{{ '@chh.event.description' | i18n }} : {{ service.description | truncate: [50, '...'] }}</span>\n        </div>\n        <div class=\"o-hvy-last-events__services__item__date\">\n          @if (service.status === 'ASKED') {\n            <span>{{ '@chh.event.startDate' | i18n }} : {{ displayDate(service.startDate) }}</span>\n          }\n          @if (service.status === 'IN_PROGRESS') {\n            <span>{{ '@chh.event.endPlannedDate' | i18n }} : {{ displayDate(service.endDate) }}</span>\n          }\n          @if (service.status === 'DONE') {\n            <span>{{ '@chh.event.endDate' | i18n }} : {{ displayDate(service.endDate) }}</span>\n          }\n        </div>\n        <div class=\"o-hvy-last-events__services__item__status\">\n          <hvy-status-display [item]=\"service\" type=\"service\"></hvy-status-display>\n        </div>\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: "component", type: IconDisplayComponent, selector: "hvy-icon-display", inputs: ["event"] }, { kind: "component", type: StatusDisplayComponent, selector: "hvy-status-display", inputs: ["type", "readonly", "item", "modifiable"], outputs: ["modified"] }, { kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }, { kind: "pipe", type: i1$2.DatePipe, name: "date" }, { kind: "pipe", type: TruncatePipe, name: "truncate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: LastEventsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'hvy-last-events', template: "@if (events.length > 0) {\n  <div class=\"o-hvy-last-events__events\">\n    <h3>{{ '@chh.event.lastEvents' | i18n }} ({{ events.length }})</h3>\n    @for (event of events; track event.id) {\n      <div class=\"o-hvy-last-events__events__item\">\n        <div class=\"o-hvy-last-events__events__item__icon\">\n          <hvy-icon-display [event]=\"event\"></hvy-icon-display>\n        </div>\n        <div class=\"o-hvy-last-events__events__item__title\">\n          <span>{{ event.name }}</span>\n        </div>\n        <div class=\"o-hvy-last-events__events__item__descr\">\n          <span> {{ event.description }}</span>\n        </div>\n        <div class=\"o-hvy-last-events__events__item__status\">\n          <hvy-status-display [item]=\"event\"></hvy-status-display>\n        </div>\n      </div>\n    }\n  </div>\n}\n@if (services.length > 0) {\n  <div class=\"o-hvy-last-events__services\">\n    <h3>{{ '@chh.event.services' | i18n }} ({{ services.length }})</h3>\n    @for (service of services; track service.id) {\n      <div class=\"o-hvy-last-events__services__item\">\n        <div class=\"o-hvy-last-events__services__item__icon\">\n          <pry-icon iconSvg=\"service\"></pry-icon>\n        </div>\n        <div class=\"o-hvy-last-events__services__item__title\">\n          <span>{{ service.externalId }} - {{ '@chh.intervention.' + service.category | i18n }}</span>\n        </div>\n        <div class=\"o-hvy-last-events__services__item__descr\">\n          <span>{{ '@chh.event.description' | i18n }}: {{ service.description }}</span>\n        </div>\n        <div class=\"o-hvy-last-events__services__item__date\">\n          @if (service.status === 'ASKED') {\n            <span>{{ '@chh.event.startDate' | i18n }} : {{ displayDate(service.startDate) }}</span>\n          }\n          @if (service.status === 'IN_PROGRESS') {\n            <span>{{ '@chh.event.endPlannedDate' | i18n }} : {{ displayDate(service.endDate) }}</span>\n          }\n          @if (service.status === 'DONE') {\n            <span>{{ '@chh.event.endDate' | i18n }} : {{ displayDate(service.endDate) }}</span>\n          }\n        </div>\n        <div class=\"o-hvy-last-events__services__item__status\">\n          <hvy-status-display [item]=\"service\" type=\"service\"></hvy-status-display>\n        </div>\n      </div>\n    }\n  </div>\n}\n" }]
+            args: [{ selector: 'hvy-last-events', template: "@if (events.length > 0) {\n  <div class=\"o-hvy-last-events__events\">\n    <div>\n      <h3>{{ '@chh.event.lastEvents' | i18n }} ({{ events.length }})</h3>\n      <div class=\"o-modal__equipment__close\" [hidden]=\"!closeButton\">\n        <button class=\"\" (click)=\"closeDialog()\">\n          <pry-icon iconSvg=\"close\"></pry-icon>\n        </button>\n      </div>\n    </div>\n    @for (event of events; track event.id) {\n      <div class=\"o-hvy-last-events__events__item\">\n        <div class=\"o-hvy-last-events__events__item__icon\">\n          <hvy-icon-display [event]=\"event\"></hvy-icon-display>\n        </div>\n        <div class=\"o-hvy-event-tooltip-container\">\n          <div class=\"o-hvy-last-events__events__item__title\">\n            <span>{{ event.name }}</span>\n          </div>\n          <div class=\"o-hvy-last-events__events__item__descr\">\n            <span>{{event.externalSourceRef}} - {{event.creationDate | date : 'dd/MM/yyyy'}}</span>\n          </div>\n        </div>\n        <div class=\"o-hvy-last-events__events__item__status\">\n          <hvy-status-display [item]=\"event\"></hvy-status-display>\n        </div>\n      </div>\n    }\n  </div>\n}\n@if (services.length > 0) {\n  <div class=\"o-hvy-last-events__services\">\n    @if ( !events || events.length === 0) {\n      <div>\n        <h3>{{ '@chh.event.services' | i18n }} ({{ services.length }})</h3>\n        <div class=\"o-modal__equipment__close\" [hidden]=\"!closeButton\">\n          <button class=\"\" (click)=\"closeDialog()\">\n            <pry-icon iconSvg=\"close\"></pry-icon>\n          </button>\n        </div>\n      </div>\n    } @else {\n      <h3>{{ '@chh.event.services' | i18n }} ({{ services.length }})</h3>\n    }\n    @for (service of services; track service.id) {\n      <div class=\"o-hvy-last-events__services__item\">\n        <div class=\"o-hvy-last-events__services__item__icon\">\n          <pry-icon iconSvg=\"service\"></pry-icon>\n        </div>\n        <div class=\"o-hvy-last-events__services__item__title\">\n          <span>{{ references[$index] }} - {{ '@chh.intervention.' + service.category | i18n }}</span>\n        </div>\n        <div class=\"o-hvy-last-events__services__item__descr\">\n          <span>{{ '@chh.event.description' | i18n }} : {{ service.description | truncate: [50, '...'] }}</span>\n        </div>\n        <div class=\"o-hvy-last-events__services__item__date\">\n          @if (service.status === 'ASKED') {\n            <span>{{ '@chh.event.startDate' | i18n }} : {{ displayDate(service.startDate) }}</span>\n          }\n          @if (service.status === 'IN_PROGRESS') {\n            <span>{{ '@chh.event.endPlannedDate' | i18n }} : {{ displayDate(service.endDate) }}</span>\n          }\n          @if (service.status === 'DONE') {\n            <span>{{ '@chh.event.endDate' | i18n }} : {{ displayDate(service.endDate) }}</span>\n          }\n        </div>\n        <div class=\"o-hvy-last-events__services__item__status\">\n          <hvy-status-display [item]=\"service\" type=\"service\"></hvy-status-display>\n        </div>\n      </div>\n    }\n  </div>\n}\n" }]
         }], propDecorators: { services: [{
                 type: Input
             }], events: [{
                 type: Input
+            }], closeDialogEmit: [{
+                type: Output
+            }], closeButton: [{
+                type: Input
             }] } });
 
 class HvyEventDetailsTooltipComponent {
-    constructor(data) {
+    constructor(dialog, data) {
+        this.dialog = dialog;
         this.data = data;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: HvyEventDetailsTooltipComponent, deps: [{ token: PRY_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: HvyEventDetailsTooltipComponent, selector: "hvy-event-detail-tooltip", ngImport: i0, template: "<div class=\"o-hvy-event-detail-tooltip\">\n  <hvy-last-events [events]=\"data.events ?? []\" [services]=\"data.services ?? []\"></hvy-last-events>\n</div>\n", dependencies: [{ kind: "component", type: LastEventsComponent, selector: "hvy-last-events", inputs: ["services", "events"] }] }); }
+    closeDialog($event) {
+        this.dialog.close($event);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: HvyEventDetailsTooltipComponent, deps: [{ token: i1$3.PryDialogRef }, { token: PRY_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: HvyEventDetailsTooltipComponent, selector: "hvy-event-detail-tooltip", ngImport: i0, template: "@if ((data.events && data.events.length > 0) || (data.services && data.services.length > 0)){\n  <div class=\"o-hvy-event-detail-tooltip\">\n    <hvy-last-events\n      [events]=\"data.events ?? []\"\n      [services]=\"data.services ?? []\"\n      (closeDialogEmit)=\"closeDialog($event)\"\n      [closeButton]=\"true\"\n    >\n    </hvy-last-events>\n  </div>\n} @else {\n  <div class=\"o-hvy-event-detail-tooltip o-hvy-event-detail-tooltip__no-data\">\n    {{ '@chh.event.noEvents' | i18n }}\n    <div class=\"o-modal__equipment__close\">\n      <button class=\"\" (click)=\"closeDialog(true)\">\n        <pry-icon iconSvg=\"close\"></pry-icon>\n      </button>\n    </div>\n  </div>\n}\n", dependencies: [{ kind: "component", type: i1$3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: LastEventsComponent, selector: "hvy-last-events", inputs: ["services", "events", "closeButton"], outputs: ["closeDialogEmit"] }, { kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: HvyEventDetailsTooltipComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'hvy-event-detail-tooltip', template: "<div class=\"o-hvy-event-detail-tooltip\">\n  <hvy-last-events [events]=\"data.events ?? []\" [services]=\"data.services ?? []\"></hvy-last-events>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
+            args: [{ selector: 'hvy-event-detail-tooltip', template: "@if ((data.events && data.events.length > 0) || (data.services && data.services.length > 0)){\n  <div class=\"o-hvy-event-detail-tooltip\">\n    <hvy-last-events\n      [events]=\"data.events ?? []\"\n      [services]=\"data.services ?? []\"\n      (closeDialogEmit)=\"closeDialog($event)\"\n      [closeButton]=\"true\"\n    >\n    </hvy-last-events>\n  </div>\n} @else {\n  <div class=\"o-hvy-event-detail-tooltip o-hvy-event-detail-tooltip__no-data\">\n    {{ '@chh.event.noEvents' | i18n }}\n    <div class=\"o-modal__equipment__close\">\n      <button class=\"\" (click)=\"closeDialog(true)\">\n        <pry-icon iconSvg=\"close\"></pry-icon>\n      </button>\n    </div>\n  </div>\n}\n" }]
+        }], ctorParameters: () => [{ type: i1$3.PryDialogRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [PRY_DIALOG_DATA]
                 }] }] });
@@ -549,7 +626,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
 const eventForWriteAPI = (event) => ({
     ...event,
     equipmentId: event.equipment?.id,
-    parent: event.parent && typeof event.parent === 'object' ? event.parent.id : event.parent
+    parent: event.parent && typeof event.parent === 'object' ? event.parent.id : event.parent,
+    subCategory: event.category === 'ANOMALY' ? event.subCategory : undefined
 });
 
 const procedureForWriteAPI = (procedure) => ({
@@ -717,7 +795,7 @@ class HvyEventAddEventComponent {
         this.dialog.close({ value: 'add', event: this.eventToAdd });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: HvyEventAddEventComponent, deps: [{ token: i1$3.PryDialogRef }, { token: PRY_DIALOG_DATA }, { token: EventService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: HvyEventAddEventComponent, selector: "hvy-add-event", ngImport: i0, template: "<div class=\"o-hvy-event-detail-add\">\n  <h3>{{ '@hvy.event.add.title' | i18n }}</h3>\n  <p>{{ '@hvy.event.add.description' | i18n }}</p>\n\n  <div class=\"o-hvy-event-detail-add__container\">\n    <label for=\"event\">{{ '@hvy.event.add.search' | i18n }}<span class=\"required\">*</span> :</label>\n    <pry-select\n      [items]=\"events$ | async\"\n      bindLabel=\"displayName\"\n      [ngModel]=\"eventToAdd\"\n      (ngModelChange)=\"selectedEventChange($event)\"\n      [autocomplete]=\"true\"\n      [externalAutocompleteService]=\"true\"\n      [placeholder]=\"'@hvy.event.parentEvent.placeholder' | i18n\"\n      id=\"event\"\n      [template]=\"templateOption\"\n      class=\"o-hvy-event-detail-add__event\"\n    ></pry-select>\n    <ng-template #templateOption let-item=\"item\">\n      <div class=\"u-display-flex -column\">\n        <span [innerHTML]=\"item.html\"></span>\n      </div>\n    </ng-template>\n  </div>\n\n  <div class=\"o-hvy-event-detail-add__buttons\">\n    <button class=\"a-btn a-btn--primary\" [disabled]=\"!eventToAdd\" (click)=\"add()\">\n      {{ '@hvy.action.validate' | i18n }}\n    </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", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: HvyEventAddEventComponent, selector: "hvy-add-event", ngImport: i0, template: "<div class=\"o-hvy-event-detail-add\">\n  <h3>{{ '@hvy.event.add.title' | i18n }}</h3>\n  <p>{{ '@hvy.event.add.description' | i18n }}</p>\n\n  <div class=\"o-hvy-event-detail-add__container\">\n    <label for=\"event\">{{ '@hvy.event.add.search' | i18n }}<span class=\"required\">*</span> :</label>\n    <pry-select\n      [items]=\"events$ | async\"\n      bindLabel=\"displayName\"\n      [ngModel]=\"eventToAdd\"\n      (ngModelChange)=\"selectedEventChange($event)\"\n      [autocomplete]=\"true\"\n      [externalAutocompleteService]=\"true\"\n      [placeholder]=\"'@hvy.event.parentEvent.placeholder' | i18n\"\n      id=\"event\"\n      [template]=\"templateOption\"\n      class=\"o-hvy-event-detail-add__event\"\n    ></pry-select>\n    <ng-template #templateOption let-item=\"item\">\n      <div class=\"u-display-flex -column\">\n        <span [innerHTML]=\"item.html\"></span>\n      </div>\n    </ng-template>\n  </div>\n\n  <div class=\"o-hvy-event-detail-add__buttons\">\n    <button class=\"a-btn a-btn--primary\" [disabled]=\"!eventToAdd\" (click)=\"add()\">\n      {{ '@hvy.action.validate' | i18n }}\n    </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", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked", "pressedEnter"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: HvyEventAddEventComponent, decorators: [{
             type: Component,
@@ -852,6 +930,9 @@ class HvyCommentsComponent {
     }
     editComment(comment) {
         comment.edit = true;
+        setTimeout(() => {
+            this.message.nativeElement.focus();
+        }, 200);
     }
     saveComment(comment) {
         this.commented.next({ id: comment.id, message: comment.message });
@@ -887,11 +968,11 @@ class HvyCommentsComponent {
         this.opened = !this.opened;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: HvyCommentsComponent, deps: [{ token: HypCommentsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: HvyCommentsComponent, selector: "hvy-comments", inputs: { readonly: "readonly", me: "me", type: "type", objectId: "objectId", displayEmpty: "displayEmpty", commentCount: "commentCount", lastComment: "lastComment", trigger: "trigger" }, outputs: { commented: "commented" }, ngImport: i0, template: "<div class=\"o-hvy-comments\">\n  @if (displayEmpty || commentCount > 0 || opened) {\n    <div class=\"o-hvy-comments__header\">\n      @if (type === 'actions') {\n        <pry-icon\n          iconSvg=\"arrow_down_rounded\"\n          [class.-rotated]=\"opened\"\n          class=\"-hand\"\n          (click)=\"toggle()\"\n          [width]=\"10\"\n          [height]=\"10\"\n        ></pry-icon>\n      }\n      <h3>\n        {{\n          (type === 'events' ? '@hvy.event.log.event.comments.name' : '@hvy.event.log.event.comments.actions')\n            | i18n: { nb: commentCount }\n        }}\n      </h3>\n    </div>\n\n    @if (!readonly && (displayEmpty || opened)) {\n      <textarea\n        class=\"a-form-field\"\n        [placeholder]=\"('@hvy.event.log.event.comments.placeholder' | i18n) + '...'\"\n        [(ngModel)]=\"newComment\"\n        maxlength=\"255\"\n      ></textarea>\n      <div class=\"o-hvy-comments__button\">\n        <button class=\"a-btn a-btn--primary\" [disabled]=\"newComment.length === 0\" (click)=\"addComment()\">\n          {{ '@hvy.action.comment' | i18n }}\n        </button>\n      </div>\n    }\n\n    @if (displayEmpty || opened) {\n      @for (comment of comments; track comment.id) {\n        @if ($first || more) {\n          <div class=\"o-hvy-comments__previous\">\n            <span class=\"o-hvy-comments__previous__title\">{{\n              ($first && commentCount > 1 ? '@hvy.event.comment.lastDetail' : '@hvy.event.comment.detail')\n                | i18n\n                  : {\n                      day: comment.day,\n                      hour: comment.hour,\n                      creator: comment.creatorName ?? '-'\n                    }\n            }}</span>\n            <div class=\"o-hvy-comments__previous__message\">\n              <textarea\n                class=\"a-form-field\"\n                [(ngModel)]=\"comment.message\"\n                [readonly]=\"!comment.edit\"\n                [placeholder]=\"('@hvy.event.log.event.comments.placeholder' | i18n) + '...'\"\n                maxlength=\"255\"\n              ></textarea>\n              @if (!readonly && (!me || comment.creator === me)) {\n                <button (click)=\"editComment(comment)\" [disabled]=\"comment.edit\">\n                  <pry-icon iconSvg=\"edit\" [height]=\"18\" [width]=\"18\"></pry-icon>\n                </button>\n              }\n            </div>\n            @if (comment.edit) {\n              <div class=\"o-hvy-comments__previous__actions\">\n                <button\n                  class=\"a-btn a-btn--primary\"\n                  [disabled]=\"comment.message.length === 0\"\n                  (click)=\"saveComment(comment)\"\n                >\n                  {{ '@hvy.action.update' | i18n }}\n                </button>\n                <button class=\"a-btn a-btn--secondary\" (click)=\"cancel(comment)\">\n                  {{ '@hvy.action.cancel' | i18n }}\n                </button>\n              </div>\n            }\n          </div>\n        }\n      }\n      @if (commentCount > 1) {\n        <div class=\"o-hvy-comments__more\">\n          <button (click)=\"toggleMore()\">\n            {{ (more ? '@hvy.event.comment.less' : '@hvy.event.comment.more') | i18n }}\n          </button>\n        </div>\n      }\n    }\n  }\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.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { 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" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: HvyCommentsComponent, selector: "hvy-comments", inputs: { readonly: "readonly", me: "me", type: "type", objectId: "objectId", displayEmpty: "displayEmpty", commentCount: "commentCount", lastComment: "lastComment", trigger: "trigger" }, outputs: { commented: "commented" }, viewQueries: [{ propertyName: "message", first: true, predicate: ["message"], descendants: true }], ngImport: i0, template: "<div class=\"o-hvy-comments\">\n  @if (displayEmpty || commentCount > 0 || opened) {\n    <div class=\"o-hvy-comments__header\">\n      @if (type === 'actions') {\n        <pry-icon\n          iconSvg=\"arrow_down_rounded\"\n          [class.-rotated]=\"opened\"\n          class=\"-hand\"\n          (click)=\"toggle()\"\n          [width]=\"10\"\n          [height]=\"10\"\n        ></pry-icon>\n      }\n      <h3>\n        {{\n          (type === 'events' ? '@hvy.event.log.event.comments.name' : '@hvy.event.log.event.comments.actions')\n            | i18n: { nb: commentCount }\n        }}\n      </h3>\n    </div>\n\n    @if (!readonly && (displayEmpty || opened)) {\n      <textarea\n        class=\"a-form-field\"\n        [placeholder]=\"('@hvy.event.log.event.comments.placeholder' | i18n) + '...'\"\n        [(ngModel)]=\"newComment\"\n        maxlength=\"255\"\n      ></textarea>\n      <div class=\"o-hvy-comments__button\">\n        <button class=\"a-btn a-btn--primary\" [disabled]=\"newComment.length === 0\" (click)=\"addComment()\">\n          {{ '@hvy.action.comment' | i18n }}\n        </button>\n      </div>\n    }\n\n    @if (displayEmpty || opened) {\n      @for (comment of comments; track comment.id) {\n        @if ($first || more) {\n          <div class=\"o-hvy-comments__previous\">\n            <span class=\"o-hvy-comments__previous__title\">{{\n              ($first && commentCount > 1 ? '@hvy.event.comment.lastDetail' : '@hvy.event.comment.detail')\n                | i18n\n                  : {\n                      day: comment.day,\n                      hour: comment.hour,\n                      creator: comment.creatorName ?? '-'\n                    }\n            }}</span>\n            <div class=\"o-hvy-comments__previous__message\">\n              <textarea\n                class=\"a-form-field\"\n                [(ngModel)]=\"comment.message\"\n                [readonly]=\"!comment.edit\"\n                [placeholder]=\"('@hvy.event.log.event.comments.placeholder' | i18n) + '...'\"\n                maxlength=\"255\"\n                #message\n              ></textarea>\n              @if (!readonly && (!me || comment.creator === me)) {\n                <button (click)=\"editComment(comment)\" [disabled]=\"comment.edit\">\n                  <pry-icon iconSvg=\"edit\" [height]=\"18\" [width]=\"18\"></pry-icon>\n                </button>\n              }\n            </div>\n            @if (comment.edit) {\n              <div class=\"o-hvy-comments__previous__actions\">\n                <button\n                  class=\"a-btn a-btn--primary\"\n                  [disabled]=\"comment.message.length === 0\"\n                  (click)=\"saveComment(comment)\"\n                >\n                  {{ '@hvy.action.update' | i18n }}\n                </button>\n                <button class=\"a-btn a-btn--secondary\" (click)=\"cancel(comment)\">\n                  {{ '@hvy.action.cancel' | i18n }}\n                </button>\n              </div>\n            }\n          </div>\n        }\n      }\n      @if (commentCount > 1) {\n        <div class=\"o-hvy-comments__more\">\n          <button (click)=\"toggleMore()\">\n            {{ (more ? '@hvy.event.comment.less' : '@hvy.event.comment.more') | i18n }}\n          </button>\n        </div>\n      }\n    }\n  }\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.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { 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: "18.2.6", ngImport: i0, type: HvyCommentsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'hvy-comments', template: "<div class=\"o-hvy-comments\">\n  @if (displayEmpty || commentCount > 0 || opened) {\n    <div class=\"o-hvy-comments__header\">\n      @if (type === 'actions') {\n        <pry-icon\n          iconSvg=\"arrow_down_rounded\"\n          [class.-rotated]=\"opened\"\n          class=\"-hand\"\n          (click)=\"toggle()\"\n          [width]=\"10\"\n          [height]=\"10\"\n        ></pry-icon>\n      }\n      <h3>\n        {{\n          (type === 'events' ? '@hvy.event.log.event.comments.name' : '@hvy.event.log.event.comments.actions')\n            | i18n: { nb: commentCount }\n        }}\n      </h3>\n    </div>\n\n    @if (!readonly && (displayEmpty || opened)) {\n      <textarea\n        class=\"a-form-field\"\n        [placeholder]=\"('@hvy.event.log.event.comments.placeholder' | i18n) + '...'\"\n        [(ngModel)]=\"newComment\"\n        maxlength=\"255\"\n      ></textarea>\n      <div class=\"o-hvy-comments__button\">\n        <button class=\"a-btn a-btn--primary\" [disabled]=\"newComment.length === 0\" (click)=\"addComment()\">\n          {{ '@hvy.action.comment' | i18n }}\n        </button>\n      </div>\n    }\n\n    @if (displayEmpty || opened) {\n      @for (comment of comments; track comment.id) {\n        @if ($first || more) {\n          <div class=\"o-hvy-comments__previous\">\n            <span class=\"o-hvy-comments__previous__title\">{{\n              ($first && commentCount > 1 ? '@hvy.event.comment.lastDetail' : '@hvy.event.comment.detail')\n                | i18n\n                  : {\n                      day: comment.day,\n                      hour: comment.hour,\n                      creator: comment.creatorName ?? '-'\n                    }\n            }}</span>\n            <div class=\"o-hvy-comments__previous__message\">\n              <textarea\n                class=\"a-form-field\"\n                [(ngModel)]=\"comment.message\"\n                [readonly]=\"!comment.edit\"\n                [placeholder]=\"('@hvy.event.log.event.comments.placeholder' | i18n) + '...'\"\n                maxlength=\"255\"\n              ></textarea>\n              @if (!readonly && (!me || comment.creator === me)) {\n                <button (click)=\"editComment(comment)\" [disabled]=\"comment.edit\">\n                  <pry-icon iconSvg=\"edit\" [height]=\"18\" [width]=\"18\"></pry-icon>\n                </button>\n              }\n            </div>\n            @if (comment.edit) {\n              <div class=\"o-hvy-comments__previous__actions\">\n                <button\n                  class=\"a-btn a-btn--primary\"\n                  [disabled]=\"comment.message.length === 0\"\n                  (click)=\"saveComment(comment)\"\n                >\n                  {{ '@hvy.action.update' | i18n }}\n                </button>\n                <button class=\"a-btn a-btn--secondary\" (click)=\"cancel(comment)\">\n                  {{ '@hvy.action.cancel' | i18n }}\n                </button>\n              </div>\n            }\n          </div>\n        }\n      }\n      @if (commentCount > 1) {\n        <div class=\"o-hvy-comments__more\">\n          <button (click)=\"toggleMore()\">\n            {{ (more ? '@hvy.event.comment.less' : '@hvy.event.comment.more') | i18n }}\n          </button>\n        </div>\n      }\n    }\n  }\n</div>\n" }]
+            args: [{ selector: 'hvy-comments', template: "<div class=\"o-hvy-comments\">\n  @if (displayEmpty || commentCount > 0 || opened) {\n    <div class=\"o-hvy-comments__header\">\n      @if (type === 'actions') {\n        <pry-icon\n          iconSvg=\"arrow_down_rounded\"\n          [class.-rotated]=\"opened\"\n          class=\"-hand\"\n          (click)=\"toggle()\"\n          [width]=\"10\"\n          [height]=\"10\"\n        ></pry-icon>\n      }\n      <h3>\n        {{\n          (type === 'events' ? '@hvy.event.log.event.comments.name' : '@hvy.event.log.event.comments.actions')\n            | i18n: { nb: commentCount }\n        }}\n      </h3>\n    </div>\n\n    @if (!readonly && (displayEmpty || opened)) {\n      <textarea\n        class=\"a-form-field\"\n        [placeholder]=\"('@hvy.event.log.event.comments.placeholder' | i18n) + '...'\"\n        [(ngModel)]=\"newComment\"\n        maxlength=\"255\"\n      ></textarea>\n      <div class=\"o-hvy-comments__button\">\n        <button class=\"a-btn a-btn--primary\" [disabled]=\"newComment.length === 0\" (click)=\"addComment()\">\n          {{ '@hvy.action.comment' | i18n }}\n        </button>\n      </div>\n    }\n\n    @if (displayEmpty || opened) {\n      @for (comment of comments; track comment.id) {\n        @if ($first || more) {\n          <div class=\"o-hvy-comments__previous\">\n            <span class=\"o-hvy-comments__previous__title\">{{\n              ($first && commentCount > 1 ? '@hvy.event.comment.lastDetail' : '@hvy.event.comment.detail')\n                | i18n\n                  : {\n                      day: comment.day,\n                      hour: comment.hour,\n                      creator: comment.creatorName ?? '-'\n                    }\n            }}</span>\n            <div class=\"o-hvy-comments__previous__message\">\n              <textarea\n                class=\"a-form-field\"\n                [(ngModel)]=\"comment.message\"\n                [readonly]=\"!comment.edit\"\n                [placeholder]=\"('@hvy.event.log.event.comments.placeholder' | i18n) + '...'\"\n                maxlength=\"255\"\n                #message\n              ></textarea>\n              @if (!readonly && (!me || comment.creator === me)) {\n                <button (click)=\"editComment(comment)\" [disabled]=\"comment.edit\">\n                  <pry-icon iconSvg=\"edit\" [height]=\"18\" [width]=\"18\"></pry-icon>\n                </button>\n              }\n            </div>\n            @if (comment.edit) {\n              <div class=\"o-hvy-comments__previous__actions\">\n                <button\n                  class=\"a-btn a-btn--primary\"\n                  [disabled]=\"comment.message.length === 0\"\n                  (click)=\"saveComment(comment)\"\n                >\n                  {{ '@hvy.action.update' | i18n }}\n                </button>\n                <button class=\"a-btn a-btn--secondary\" (click)=\"cancel(comment)\">\n                  {{ '@hvy.action.cancel' | i18n }}\n                </button>\n              </div>\n            }\n          </div>\n        }\n      }\n      @if (commentCount > 1) {\n        <div class=\"o-hvy-comments__more\">\n          <button (click)=\"toggleMore()\">\n            {{ (more ? '@hvy.event.comment.less' : '@hvy.event.comment.more') | i18n }}\n          </button>\n        </div>\n      }\n    }\n  }\n</div>\n" }]
         }], ctorParameters: () => [{ type: HypCommentsService }], propDecorators: { readonly: [{
                 type: Input
             }], commented: [{
@@ -906,6 +987,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
                 type: Input
             }], commentCount: [{
                 type: Input
+            }], message: [{
+                type: ViewChild,
+                args: ['message']
             }], lastComment: [{
                 type: Input
             }], trigger: [{
@@ -922,11 +1006,11 @@ class HvyActionMenuComponent {
         this.dialog.close(value);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: HvyActionMenuComponent, deps: [{ token: i1$3.PryDialogRef }, { token: PRY_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", 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' && data.enableEditActions) {\n    <button (click)=\"action('update')\">{{ '@hvy.procedure.action.update' | i18n }}</button>\n  }\n  @if (data.action.status !== 'DONE' && data.action.status !== 'IN_PROGRESS' && data.enableEditActions) {\n    <button (click)=\"action('delete')\">{{ '@hvy.procedure.action.delete' | i18n }}</button>\n  }\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" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", 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\n      (click)=\"action('comment')\"\n      [disabled]=\"!data.action.commentsCount && data.action.commentsCount !== 0\"\n    >\n      {{ '@hvy.procedure.action.comment' | i18n }}\n    </button>\n  }\n  @if (data.action.status === 'NEW' && data.enableEditActions) {\n    <button (click)=\"action('update')\">{{ '@hvy.procedure.action.update' | i18n }}</button>\n  }\n  @if (data.action.status !== 'DONE' && data.action.status !== 'IN_PROGRESS' && data.enableEditActions) {\n    <button (click)=\"action('delete')\">{{ '@hvy.procedure.action.delete' | i18n }}</button>\n  }\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: "18.2.6", 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 === 'NEW' && data.enableEditActions) {\n    <button (click)=\"action('update')\">{{ '@hvy.procedure.action.update' | i18n }}</button>\n  }\n  @if (data.action.status !== 'DONE' && data.action.status !== 'IN_PROGRESS' && data.enableEditActions) {\n    <button (click)=\"action('delete')\">{{ '@hvy.procedure.action.delete' | i18n }}</button>\n  }\n  @if (data.action.status !== 'DONE' && data.mode === 'procedure') {\n    <button (click)=\"action('done')\">{{ '@hvy.procedure.action.done' | i18n }}</button>\n  }\n</div>\n" }]
+            args: [{ selector: 'pry-action-menu', template: "<div class=\"o-hvy-action-menu\">\n  @if (data.mode === 'procedure') {\n    <button\n      (click)=\"action('comment')\"\n      [disabled]=\"!data.action.commentsCount && data.action.commentsCount !== 0\"\n    >\n      {{ '@hvy.procedure.action.comment' | i18n }}\n    </button>\n  }\n  @if (data.action.status === 'NEW' && data.enableEditActions) {\n    <button (click)=\"action('update')\">{{ '@hvy.procedure.action.update' | i18n }}</button>\n  }\n  @if (data.action.status !== 'DONE' && data.action.status !== 'IN_PROGRESS' && data.enableEditActions) {\n    <button (click)=\"action('delete')\">{{ '@hvy.procedure.action.delete' | i18n }}</button>\n  }\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]
@@ -952,7 +1036,7 @@ class HvyBaseParameterActionComponent {
         this.mode = 'procedure';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: HvyBaseParameterActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: HvyBaseParameterActionComponent, selector: "hvy-base-action-parameter", inputs: { mode: "mode", events: "events", action: "action" }, ngImport: i0, template: ' <p>not used</p>', isInline: true }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: HvyBaseParameterActionComponent, selector: "hvy-base-action-parameter", inputs: { mode: "mode", readonly: "readonly", events: "events", action: "action" }, ngImport: i0, template: ' <p>not used</p>', isInline: true }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: HvyBaseParameterActionComponent, decorators: [{
             type: Component,
@@ -962,6 +1046,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
                 }]
         }], ctorParameters: () => [], propDecorators: { mode: [{
                 type: Input
+            }], readonly: [{
+                type: Input
             }], events: [{
                 type: Input
             }], action: [{
@@ -993,7 +1079,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
         }], ctorParameters: () => [] });
 
 class HvyEmailActionParameterComponent extends HvyBaseParameterActionComponent {
-    static { this.PATTERN = new RegExp(/^\w+([\\.-]?\w+)*@\w+([\\.-]?\w+)*(\.\w{2,3})+$/); }
+    static { this.PATTERN = new RegExp(/^\w+([.-]\w+)*@\w+([.-]\w+)*(\.\w{2,3})+/); }
     constructor() {
         super();
     }
@@ -1021,6 +1107,7 @@ class ServiceService {
     constructor(httpClient, store) {
         this.httpClient = httpClient;
         this.store = store;
+        this.refreshDiAction = new Subject();
     }
     types() {
         return this.store.select(HypSelectors.url).pipe(mergeMap((url) => {
@@ -1043,11 +1130,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
         }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i1$1.Store }] });
 
 class HvyCreateServiceComponent extends SubscriptionnerDirective {
-    constructor(dialog, data, equipmentService, serviceService, i18nService) {
+    constructor(dialog, data, serviceService, i18nService) {
         super();
         this.dialog = dialog;
         this.data = data;
-        this.equipmentService = equipmentService;
         this.serviceService = serviceService;
         this.i18nService = i18nService;
         this.result = {
@@ -1067,19 +1153,22 @@ class HvyCreateServiceComponent extends SubscriptionnerDirective {
         this.allowedTypes = [];
         this.result.name =
             this.data.events && this.data.events.length > 0 ? this.data.events[0].name : this.data.action.name;
-        this.equipmentIds = this.data.events.map((ev) => ev.equipment?.id).filter((id) => !!id);
-        this.equipments$ = this.equipmentService.list().pipe(map((equips) => equips.filter((equip) => this.equipmentIds.includes(equip.id))), map((equips) => [
-            { displayName: this.i18nService.instant('@hvy.service.noEquip'), id: '__NO_EQUIPMENT__' },
-            ...equips.map((equip) => ({
-                ...equip,
-                displayName: `${equip.name} - ${this.i18nService.instant('@hvy.event.family.' + equip.family)}`
+        this.equipments = [
+            {
+                displayName: this.i18nService.instant('@hvy.service.noEquip'),
+                id: '__NO_EQUIPMENT__'
+            },
+            ...this.data.events
+                .filter((ev) => !!ev.equipment)
+                .map((ev) => ({
+                ...ev.equipment,
+                displayName: `${ev.equipment?.name} - ${this.i18nService.instant('@hvy.event.family.' + ev.equipment?.family)}`
             }))
-        ]));
+        ];
         this.serviceService.types().subscribe((types) => {
             this.types = types;
             this.updateAllowedTypes();
         });
-        this.subscriptions.add(this.equipments$.subscribe((equipments) => (this.equipments = equipments)));
     }
     action(value) {
         this.result.value = value;
@@ -1155,25 +1244,44 @@ class HvyCreateServiceComponent extends SubscriptionnerDirective {
     updateAllowedTypes() {
         this.allowedTypes = this.types.filter((type) => !this.result.domain || this.result.domain.length === 0 || type.domain === this.result.domain);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: HvyCreateServiceComponent, deps: [{ token: i1$3.PryDialogRef }, { token: PRY_DIALOG_DATA }, { token: EquipmentService }, { token: ServiceService }, { token: i1$3.PryI18nService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: HvyCreateServiceComponent, selector: "pry-create-service", usesInheritance: true, ngImport: i0, template: "<div class=\"o-hvy-create-service\">\n  <h3>{{ '@hvy.service.title' | i18n }}</h3>\n  <span>{{ '@hvy.service.subtitle' | i18n }}</span>\n  <div class=\"o-hvy-create-service__reason m-form-label-field\">\n    <label>{{ '@hvy.service.reason' | i18n }} <span class=\"required\">*</span> :</label>\n    <input class=\"a-form-field\" type=\"text\" [(ngModel)]=\"result.name\" [class.-error]=\"hasError('name')\" />\n  </div>\n  <div class=\"m-form-label-field\">\n    <label>{{ '@hvy.service.target' | i18n }} <span class=\"required\">*</span> :</label>\n    <pry-select\n      [items]=\"equipments$ | async\"\n      [ngModel]=\"result.equipment\"\n      (ngModelChange)=\"onEquipmentChange($event)\"\n      [placeholder]=\"'' | i18n\"\n      [class.-error]=\"hasError('target')\"\n      bindValue=\"id\"\n      bindLabel=\"displayName\"\n    ></pry-select>\n  </div>\n  <div class=\"m-form-label-field o-hvy-create-service__priority-nature\">\n    <div class=\"m-form-label-field\">\n      <label>{{ '@hvy.service.domain' | i18n }} <span class=\"required\">*</span> :</label>\n      <pry-select\n        [items]=\"domains\"\n        [ngModel]=\"result.domain\"\n        (ngModelChange)=\"onDomainChange($event)\"\n        [placeholder]=\"'' | i18n\"\n        [class.-error]=\"hasError('domain')\"\n        i18nPrefix=\"@hvy.event.domain.\"\n      ></pry-select>\n    </div>\n    <div class=\"m-form-label-field\">\n      <label>{{ '@hvy.service.priority' | i18n }} <span class=\"required\">*</span> :</label>\n      <pry-select\n        [items]=\"priorities\"\n        [ngModel]=\"result.priority\"\n        (ngModelChange)=\"onPriorityChange($event)\"\n        [placeholder]=\"'' | i18n\"\n        [class.-error]=\"hasError('priority')\"\n        i18nPrefix=\"@hvy.service.priorities.\"\n      ></pry-select>\n    </div>\n    <div class=\"m-form-label-field\">\n      <label>{{ '@hvy.service.type' | i18n }} <span class=\"required\">*</span> :</label>\n      <pry-select\n        [items]=\"allowedTypes\"\n        [ngModel]=\"result.type\"\n        (ngModelChange)=\"onTypeChange($event)\"\n        [placeholder]=\"'' | i18n\"\n        [class.-error]=\"hasError('type')\"\n        bindLabel=\"name\"\n        bindValue=\"name\"\n      ></pry-select>\n    </div>\n  </div>\n  <div class=\"o-hvy-create-service__hours m-form-label-field\">\n    <div class=\"o-hvy-create-service__hours__element\">\n      <label for=\"gti\">{{ '@hvy.service.gti' | i18n }} :</label>\n      <input id=\"gti\" class=\"a-form-field\" type=\"text\" [ngModel]=\"result.gti ?? '-'\" readonly [disabled]=\"true\" />\n    </div>\n    <div class=\"o-hvy-create-service__hours__element\">\n      <label for=\"gtr\">{{ '@hvy.service.gtr' | i18n }} :</label>\n      <input id=\"gtr\" class=\"a-form-field\" type=\"text\" [ngModel]=\"result.gtr ?? '-'\" readonly [disabled]=\"true\" />\n    </div>\n    <div class=\"o-hvy-create-service__hours__element\">\n      <label for=\"gtrp\">{{ '@hvy.service.gtrp' | i18n }} :</label>\n      <input id=\"gtrp\" type=\"text\" class=\"a-form-field\" [ngModel]=\"result.gtrp ?? '-'\" readonly [disabled]=\"true\" />\n    </div>\n  </div>\n  <div class=\"o-hvy-create-service__description m-form-label-field\">\n    <label for=\"description\">{{ '@hvy.service.description' | i18n }} <span class=\"required\">*</span> :</label>\n    <textarea\n      [ngModel]=\"result.description\"\n      class=\"a-form-field\"\n      [class.-error]=\"hasError('description')\"\n      (ngModelChange)=\"onDescriptionChange($event)\"\n      [maxLength]=\"256\"\n      id=\"description\"\n    ></textarea>\n  </div>\n  <div class=\"o-hvy-association-modal__buttons u-display-flex -justify-center\">\n    <button class=\"a-btn a-btn--primary\" [disabled]=\"this.errors.length !== 0\" (click)=\"createDI()\">\n      {{ '@hvy.action.validate' | i18n }}\n    </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.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", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: HvyCreateServiceComponent, deps: [{ token: i1$3.PryDialogRef }, { token: PRY_DIALOG_DATA }, { token: ServiceService }, { token: i1$3.PryI18nService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: HvyCreateServiceComponent, selector: "pry-create-service", usesInheritance: true, ngImport: i0, template: "<div class=\"o-hvy-create-service\">\n  <h3>{{ '@hvy.service.title' | i18n }}</h3>\n  <span>{{ '@hvy.service.subtitle' | i18n }}</span>\n  <div class=\"o-hvy-create-service__reason m-form-label-field\">\n    <label>{{ '@hvy.service.reason' | i18n }} <span class=\"required\">*</span> :</label>\n    <input class=\"a-form-field\" type=\"text\" [(ngModel)]=\"result.name\" [class.-error]=\"hasError('name')\" />\n  </div>\n  <div class=\"m-form-label-field\">\n    <label>{{ '@hvy.service.target' | i18n }} <span class=\"required\">*</span> :</label>\n    <pry-select\n      [items]=\"equipments\"\n      [ngModel]=\"result.equipment\"\n      (ngModelChange)=\"onEquipmentChange($event)\"\n      [placeholder]=\"'' | i18n\"\n      [class.-error]=\"hasError('target')\"\n      bindValue=\"id\"\n      bindLabel=\"displayName\"\n    ></pry-select>\n  </div>\n  <div class=\"m-form-label-field o-hvy-create-service__priority-nature\">\n    <div class=\"m-form-label-field\">\n      <label>{{ '@hvy.service.domain' | i18n }} <span class=\"required\">*</span> :</label>\n      <pry-select\n        [items]=\"domains\"\n        [ngModel]=\"result.domain\"\n        (ngModelChange)=\"onDomainChange($event)\"\n        [placeholder]=\"'' | i18n\"\n        [class.-error]=\"hasError('domain')\"\n        i18nPrefix=\"@hvy.event.domain.\"\n      ></pry-select>\n    </div>\n    <div class=\"m-form-label-field\">\n      <label>{{ '@hvy.service.priority' | i18n }} <span class=\"required\">*</span> :</label>\n      <pry-select\n        [items]=\"priorities\"\n        [ngModel]=\"result.priority\"\n        (ngModelChange)=\"onPriorityChange($event)\"\n        [placeholder]=\"'' | i18n\"\n        [class.-error]=\"hasError('priority')\"\n        i18nPrefix=\"@hvy.service.priorities.\"\n      ></pry-select>\n    </div>\n    <div class=\"m-form-label-field\">\n      <label>{{ '@hvy.service.type' | i18n }} <span class=\"required\">*</span> :</label>\n      <pry-select\n        [items]=\"allowedTypes\"\n        [ngModel]=\"result.type\"\n        (ngModelChange)=\"onTypeChange($event)\"\n        [placeholder]=\"'' | i18n\"\n        [class.-error]=\"hasError('type')\"\n        bindLabel=\"name\"\n        bindValue=\"name\"\n      ></pry-select>\n    </div>\n  </div>\n  <div class=\"o-hvy-create-service__hours m-form-label-field\">\n    <div class=\"o-hvy-create-service__hours__element\">\n      <label for=\"gti\">{{ '@hvy.service.gti' | i18n }} :</label>\n      <input id=\"gti\" class=\"a-form-field\" type=\"text\" [ngModel]=\"result.gti ?? '-'\" readonly [disabled]=\"true\" />\n    </div>\n    <div class=\"o-hvy-create-service__hours__element\">\n      <label for=\"gtr\">{{ '@hvy.service.gtr' | i18n }} :</label>\n      <input id=\"gtr\" class=\"a-form-field\" type=\"text\" [ngModel]=\"result.gtr ?? '-'\" readonly [disabled]=\"true\" />\n    </div>\n    <div class=\"o-hvy-create-service__hours__element\">\n      <label for=\"gtrp\">{{ '@hvy.service.gtrp' | i18n }} :</label>\n      <input id=\"gtrp\" type=\"text\" class=\"a-form-field\" [ngModel]=\"result.gtrp ?? '-'\" readonly [disabled]=\"true\" />\n    </div>\n  </div>\n  <div class=\"o-hvy-create-service__description m-form-label-field\">\n    <label for=\"description\">{{ '@hvy.service.description' | i18n }} <span class=\"required\">*</span> :</label>\n    <textarea\n      [ngModel]=\"result.description\"\n      class=\"a-form-field\"\n      [class.-error]=\"hasError('description')\"\n      (ngModelChange)=\"onDescriptionChange($event)\"\n      [maxLength]=\"256\"\n      id=\"description\"\n    ></textarea>\n  </div>\n  <div class=\"o-hvy-association-modal__buttons u-display-flex -justify-center\">\n    <button class=\"a-btn a-btn--primary\" [disabled]=\"this.errors.length !== 0\" (click)=\"createDI()\">\n      {{ '@hvy.action.validate' | i18n }}\n    </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.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", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked", "pressedEnter"] }, { kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: HvyCreateServiceComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-create-service', template: "<div class=\"o-hvy-create-service\">\n  <h3>{{ '@hvy.service.title' | i18n }}</h3>\n  <span>{{ '@hvy.service.subtitle' | i18n }}</span>\n  <div class=\"o-hvy-create-service__reason m-form-label-field\">\n    <label>{{ '@hvy.service.reason' | i18n }} <span class=\"required\">*</span> :</label>\n    <input class=\"a-form-field\" type=\"text\" [(ngModel)]=\"result.name\" [class.-error]=\"hasError('name')\" />\n  </div>\n  <div class=\"m-form-label-field\">\n    <label>{{ '@hvy.service.target' | i18n }} <span class=\"required\">*</span> :</label>\n    <pry-select\n      [items]=\"equipments$ | async\"\n      [ngModel]=\"result.equipment\"\n      (ngModelChange)=\"onEquipmentChange($event)\"\n      [placeholder]=\"'' | i18n\"\n      [class.-error]=\"hasError('target')\"\n      bindValue=\"id\"\n      bindLabel=\"displayName\"\n    ></pry-select>\n  </div>\n  <div class=\"m-form-label-field o-hvy-create-service__priority-nature\">\n    <div class=\"m-form-label-field\">\n      <label>{{ '@hvy.service.domain' | i18n }} <span class=\"required\">*</span> :</label>\n      <pry-select\n        [items]=\"domains\"\n        [ngModel]=\"result.domain\"\n        (ngModelChange)=\"onDomainChange($event)\"\n        [placeholder]=\"'' | i18n\"\n        [class.-error]=\"hasError('domain')\"\n        i18nPrefix=\"@hvy.event.domain.\"\n      ></pry-select>\n    </div>\n    <div class=\"m-form-label-field\">\n      <label>{{ '@hvy.service.priority' | i18n }} <span class=\"required\">*</span> :</label>\n      <pry-select\n        [items]=\"priorities\"\n        [ngModel]=\"result.priority\"\n        (ngModelChange)=\"onPriorityChange($event)\"\n        [placeholder]=\"'' | i18n\"\n        [class.-error]=\"hasError('priority')\"\n        i18nPrefix=\"@hvy.service.priorities.\"\n      ></pry-select>\n    </div>\n    <div class=\"m-form-label-field\">\n      <label>{{ '@hvy.service.type' | i18n }} <span class=\"required\">*</span> :</label>\n      <pry-select\n        [items]=\"allowedTypes\"\n        [ngModel]=\"result.type\"\n        (ngModelChange)=\"onTypeChange($event)\"\n        [placeholder]=\"'' | i18n\"\n        [class.-error]=\"hasError('type')\"\n        bindLabel=\"name\"\n        bindValue=\"name\"\n      ></pry-select>\n    </div>\n  </div>\n  <div class=\"o-hvy-create-service__hours m-form-label-field\">\n    <div class=\"o-hvy-create-service__hours__element\">\n      <label for=\"gti\">{{ '@hvy.service.gti' | i18n }} :</label>\n      <input id=\"gti\" class=\"a-form-field\" type=\"text\" [ngModel]=\"result.gti ?? '-'\" readonly [disabled]=\"true\" />\n    </div>\n    <div class=\"o-hvy-create-service__hours__element\">\n      <label for=\"gtr\">{{ '@hvy.service.gtr' | i18n }} :</label>\n      <input id=\"gtr\" class=\"a-form-field\" type=\"text\" [ngModel]=\"result.gtr ?? '-'\" readonly [disabled]=\"true\" />\n    </div>\n    <div class=\"o-hvy-create-service__hours__element\">\n      <label for=\"gtrp\">{{ '@hvy.service.gtrp' | i18n }} :</label>\n      <input id=\"gtrp\" type=\"text\" class=\"a-form-field\" [ngModel]=\"result.gtrp ?? '-'\" readonly [disabled]=\"true\" />\n    </div>\n  </div>\n  <div class=\"o-hvy-create-service__description m-form-label-field\">\n    <label for=\"description\">{{ '@hvy.service.description' | i18n }} <span class=\"required\">*</span> :</label>\n    <textarea\n      [ngModel]=\"result.description\"\n      class=\"a-form-field\"\n      [class.-error]=\"hasError('description')\"\n      (ngModelChange)=\"onDescriptionChange($event)\"\n      [maxLength]=\"256\"\n      id=\"description\"\n    ></textarea>\n  </div>\n  <div class=\"o-hvy-association-modal__buttons u-display-flex -justify-center\">\n    <button class=\"a-btn a-btn--primary\" [disabled]=\"this.errors.length !== 0\" (click)=\"createDI()\">\n      {{ '@hvy.action.validate' | i18n }}\n    </button>\n    <button class=\"a-btn a-btn--secondary\" (click)=\"closeModal()\">{{ '@hvy.action.cancel' | i18n }}</button>\n  </div>\n</div>\n" }]
+            args: [{ selector: 'pry-create-service', template: "<div class=\"o-hvy-create-service\">\n  <h3>{{ '@hvy.service.title' | i18n }}</h3>\n  <span>{{ '@hvy.service.subtitle' | i18n }}</span>\n  <div class=\"o-hvy-create-service__reason m-form-label-field\">\n    <label>{{ '@hvy.service.reason' | i18n }} <span class=\"required\">*</span> :</label>\n    <input class=\"a-form-field\" type=\"text\" [(ngModel)]=\"result.name\" [class.-error]=\"hasError('name')\" />\n  </div>\n  <div class=\"m-form-label-field\">\n    <label>{{ '@hvy.service.target' | i18n }} <span class=\"required\">*</span> :</label>\n    <pry-select\n      [items]=\"equipments\"\n      [ngModel]=\"result.equipment\"\n      (ngModelChange)=\"onEquipmentChange($event)\"\n      [placeholder]=\"'' | i18n\"\n      [class.-error]=\"hasError('target')\"\n      bindValue=\"id\"\n      bindLabel=\"displayName\"\n    ></pry-select>\n  </div>\n  <div class=\"m-form-label-field o-hvy-create-service__priority-nature\">\n    <div class=\"m-form-label-field\">\n      <label>{{ '@hvy.service.domain' | i18n }} <span class=\"required\">*</span> :</label>\n      <pry-select\n        [items]=\"domains\"\n        [ngModel]=\"result.domain\"\n        (ngModelChange)=\"onDomainChange($event)\"\n        [placeholder]=\"'' | i18n\"\n        [class.-error]=\"hasError('domain')\"\n        i18nPrefix=\"@hvy.event.domain.\"\n      ></pry-select>\n    </div>\n    <div class=\"m-form-label-field\">\n      <label>{{ '@hvy.service.priority' | i18n }} <span class=\"required\">*</span> :</label>\n      <pry-select\n        [items]=\"priorities\"\n        [ngModel]=\"result.priority\"\n        (ngModelChange)=\"onPriorityChange($event)\"\n        [placeholder]=\"'' | i18n\"\n        [class.-error]=\"hasError('priority')\"\n        i18nPrefix=\"@hvy.service.priorities.\"\n      ></pry-select>\n    </div>\n    <div class=\"m-form-label-field\">\n      <label>{{ '@hvy.service.type' | i18n }} <span class=\"required\">*</span> :</label>\n      <pry-select\n        [items]=\"allowedTypes\"\n        [ngModel]=\"result.type\"\n        (ngModelChange)=\"onTypeChange($event)\"\n        [placeholder]=\"'' | i18n\"\n        [class.-error]=\"hasError('type')\"\n        bindLabel=\"name\"\n        bindValue=\"name\"\n      ></pry-select>\n    </div>\n  </div>\n  <div class=\"o-hvy-create-service__hours m-form-label-field\">\n    <div class=\"o-hvy-create-service__hours__element\">\n      <label for=\"gti\">{{ '@hvy.service.gti' | i18n }} :</label>\n      <input id=\"gti\" class=\"a-form-field\" type=\"text\" [ngModel]=\"result.gti ?? '-'\" readonly [disabled]=\"true\" />\n    </div>\n    <div class=\"o-hvy-create-service__hours__element\">\n      <label for=\"gtr\">{{ '@hvy.service.gtr' | i18n }} :</label>\n      <input id=\"gtr\" class=\"a-form-field\" type=\"text\" [ngModel]=\"result.gtr ?? '-'\" readonly [disabled]=\"true\" />\n    </div>\n    <div class=\"o-hvy-create-service__hours__element\">\n      <label for=\"gtrp\">{{ '@hvy.service.gtrp' | i18n }} :</label>\n      <input id=\"gtrp\" type=\"text\" class=\"a-form-field\" [ngModel]=\"result.gtrp ?? '-'\" readonly [disabled]=\"true\" />\n    </div>\n  </div>\n  <div class=\"o-hvy-create-service__description m-form-label-field\">\n    <label for=\"description\">{{ '@hvy.service.description' | i18n }} <span class=\"required\">*</span> :</label>\n    <textarea\n      [ngModel]=\"result.description\"\n      class=\"a-form-field\"\n      [class.-error]=\"hasError('description')\"\n      (ngModelChange)=\"onDescriptionChange($event)\"\n      [maxLength]=\"256\"\n      id=\"description\"\n    ></textarea>\n  </div>\n  <div class=\"o-hvy-association-modal__buttons u-display-flex -justify-center\">\n    <button class=\"a-btn a-btn--primary\" [disabled]=\"this.errors.length !== 0\" (click)=\"createDI()\">\n      {{ '@hvy.action.validate' | i18n }}\n    </button>\n    <button class=\"a-btn a-btn--secondary\" (click)=\"closeModal()\">{{ '@hvy.action.cancel' | i18n }}</button>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1$3.PryDialogRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [PRY_DIALOG_DATA]
-                }] }, { type: EquipmentService }, { type: ServiceService }, { type: i1$3.PryI18nService }] });
+                }] }, { type: ServiceService }, { type: i1$3.PryI18nService }] });
 
 class HvyServiceActionDisplayComponent extends HvyBaseParameterActionComponent {
-    constructor(pryDialog, overlay, serviceService) {
+    constructor(pryDialog, overlay, serviceService, i18n) {
         super();
         this.pryDialog = pryDialog;
         this.overlay = overlay;
         this.serviceService = serviceService;
+        this.i18n = i18n;
         this.act = act;
     }
+    ngOnInit() {
+        this.status = this.action.serviceStatus ?
+            '(' + this.i18n.transform(`@hvy.procedure.status.${this.action.serviceStatus}`) + ')' : '';
+        this.initActionReference();
+    }
+    initActionReference() {
+        if (this.action.serviceExternalId) {
+            if (this.action.serviceAdditionalInfo) {
+                this.reference = `${this.action.serviceExternalId}@${this.action.serviceAdditionalInfo}`;
+            }
+            else {
+                this.reference = this.action.serviceExternalId;
+            }
+        }
+        else {
+            this.reference = this.action.name;
+        }
+    }
     toggleModal() {
         const dialogRef = this.pryDialog.open(HvyCreateServiceComponent, {
             overlayConfig: {
@@ -1192,7 +1300,11 @@ class HvyServiceActionDisplayComponent extends HvyBaseParameterActionComponent {
                 case 'ok':
                     this.serviceService
                         .create(type, this.action.id)
-                        .subscribe((name) => (this.action.serviceExternalId = name.id));
+                        .subscribe((name) => {
+                        this.action.serviceExternalId = name.id;
+                        this.initActionReference();
+                        this.serviceService.refreshDiAction.next(true);
+                    });
                     break;
                 case 'cancel':
                     break;
@@ -1202,13 +1314,13 @@ class HvyServiceActionDisplayComponent extends HvyBaseParameterActionComponent {
             }, 100);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: HvyServiceActionDisplayComponent, deps: [{ token: i1$3.PryDialogService }, { token: i2.Overlay }, { token: ServiceService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: HvyServiceActionDisplayComponent, selector: "hvy-service-action-display", viewQueries: [{ propertyName: "menuButton", first: true, predicate: ["menuButton"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "<div class=\"param-line -vertical\">\n  <p>\n    {{ '@hvy.procedure.action.service' | i18n }} : <b>{{ action.serviceExternalId ?? action.name }}</b>\n  </p>\n  @if (!action.serviceExternalId && this.mode !== 'model') {\n    <button class=\"a-link\" (click)=\"toggleModal()\" #menuButton>> {{ '@hvy.action.create' | i18n }}</button>\n  }\n</div>\n", dependencies: [{ kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: HvyServiceActionDisplayComponent, deps: [{ token: i1$3.PryDialogService }, { token: i2.Overlay }, { token: ServiceService }, { token: i1$3.I18nPipe }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: HvyServiceActionDisplayComponent, selector: "hvy-service-action-display", viewQueries: [{ propertyName: "menuButton", first: true, predicate: ["menuButton"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "<div class=\"param-line -vertical\">\n  <p>\n    {{ '@hvy.procedure.action.service' | i18n }} : <b>{{ reference }}</b> {{ status }}\n  </p>\n  @if (!action.serviceExternalId && this.mode !== 'model') {\n    <button\n      class=\"a-link\"\n      [disabled]=\"readonly || (action.type === 'ASKED_SERVICE' && action.status === 'DONE')\"\n      (click)=\"toggleModal()\"\n      #menuButton\n    >\n      > {{ '@hvy.action.create' | i18n }}\n    </button>\n  }\n</div>\n", dependencies: [{ kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: HvyServiceActionDisplayComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'hvy-service-action-display', template: "<div class=\"param-line -vertical\">\n  <p>\n    {{ '@hvy.procedure.action.service' | i18n }} : <b>{{ action.serviceExternalId ?? action.name }}</b>\n  </p>\n  @if (!action.serviceExternalId && this.mode !== 'model') {\n    <button class=\"a-link\" (click)=\"toggleModal()\" #menuButton>> {{ '@hvy.action.create' | i18n }}</button>\n  }\n</div>\n" }]
-        }], ctorParameters: () => [{ type: i1$3.PryDialogService }, { type: i2.Overlay }, { type: ServiceService }], propDecorators: { menuButton: [{
+            args: [{ selector: 'hvy-service-action-display', template: "<div class=\"param-line -vertical\">\n  <p>\n    {{ '@hvy.procedure.action.service' | i18n }} : <b>{{ reference }}</b> {{ status }}\n  </p>\n  @if (!action.serviceExternalId && this.mode !== 'model') {\n    <button\n      class=\"a-link\"\n      [disabled]=\"readonly || (action.type === 'ASKED_SERVICE' && action.status === 'DONE')\"\n      (click)=\"toggleModal()\"\n      #menuButton\n    >\n      > {{ '@hvy.action.create' | i18n }}\n    </button>\n  }\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i1$3.PryDialogService }, { type: i2.Overlay }, { type: ServiceService }, { type: i1$3.I18nPipe }], propDecorators: { menuButton: [{
                 type: ViewChild,
                 args: ['menuButton', { read: ElementRef }]
             }] } });
@@ -1238,7 +1350,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
         }], ctorParameters: () => [] });
 
 class HvyPhoneActionParameterComponent extends HvyBaseParameterActionComponent {
-    static { this.PATTERN = new RegExp('^(?:(?:\\+|00)33|0)[1-9][0-9]{8}$'); }
+    static { this.PATTERN_PHONE = new RegExp('^(?:(?:\\+|00)33|0)[1-9][0-9]{8}$'); }
+    static { this.PATTERN_SMS = new RegExp('^(?:(?:\\+|00)33|0)[6-7][0-9]{8}$'); }
     constructor() {
         super();
     }
@@ -1255,13 +1368,13 @@ const ACTIONS_TYPES = {
         PHONE: {
             display: HvyPhoneActionDisplayComponent,
             parameter: HvyPhoneActionParameterComponent,
-            validator: (action) => !!action.name && !!action.number && action.number.match(HvyPhoneActionParameterComponent.PATTERN),
+            validator: (action) => !!action.name && !!action.number && action.number.match(HvyPhoneActionParameterComponent.PATTERN_PHONE),
             order: 100
         },
         SMS: {
             display: HvyPhoneActionDisplayComponent,
             parameter: HvyPhoneActionParameterComponent,
-            validator: (action) => !!action.name && !!action.number && action.number.match(HvyPhoneActionParameterComponent.PATTERN),
+            validator: (action) => !!action.name && !!action.number && action.number.match(HvyPhoneActionParameterComponent.PATTERN_SMS),
             order: 200
         },
         OTHER: {
@@ -1320,12 +1433,13 @@ class HvyActionParameterComponent {
                     this.componentRef.instance.action = this._action;
                     this.componentRef.instance.events = this._events;
                     this.componentRef.instance.mode = this.mode;
+                    this.componentRef.instance.readonly = this.readonly;
                 }
             });
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: HvyActionParameterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: HvyActionParameterComponent, selector: "hvy-action-parameter", inputs: { mode: "mode", events: "events", isParam: "isParam", 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: "18.2.6", type: HvyActionParameterComponent, selector: "hvy-action-parameter", inputs: { mode: "mode", readonly: "readonly", events: "events", 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: "18.2.6", ngImport: i0, type: HvyActionParameterComponent, decorators: [{
             type: Component,
@@ -1335,6 +1449,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
                 args: ['ref', { read: ViewContainerRef }]
             }], mode: [{
                 type: Input
+            }], readonly: [{
+                type: Input
             }], events: [{
                 type: Input
             }], isParam: [{
@@ -1347,11 +1463,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
 
 class ProcedureActionsComponent extends SubscriptionnerDirective {
     static { this.CARD_HEIGHT = 75; }
-    constructor(pryDialog, overlay, commentsService) {
+    constructor(pryDialog, overlay, commentsService, serviceService) {
         super();
         this.pryDialog = pryDialog;
         this.overlay = overlay;
         this.commentsService = commentsService;
+        this.serviceService = serviceService;
         this.moveStart = 0;
         this.moveInitialIndex = 0;
         this.initialActionList = [];
@@ -1360,13 +1477,21 @@ class ProcedureActionsComponent extends SubscriptionnerDirective {
         this.commented = new EventEmitter();
         this.mode = 'procedure';
         this.readonly = false;
+        this.readOnlyComment = false;
         this.enableEditActions = false;
         this.events = [];
         this._actions = [];
         this.triggers = {};
+        this.ignoreFirstEvent = true;
+        this.refreshActions = new EventEmitter();
         this.model = model$1;
         this.ACTIONS_TYPES = Object.keys(ACTIONS_TYPES.values);
         this.ACTIONS_TYPES.sort((a, b) => ACTIONS_TYPES.values[a].order - ACTIONS_TYPES.values[b].order);
+        this.subscriptions.add(this.serviceService.refreshDiAction.subscribe((result) => {
+            if (result) {
+                this.refreshActions.next(this.actions);
+            }
+        }));
     }
     set actions(actions) {
         this._actions = JSON.parse(JSON.stringify(actions ?? []));
@@ -1436,6 +1561,14 @@ class ProcedureActionsComponent extends SubscriptionnerDirective {
     update(idx, prop, $event) {
         // @ts-ignore
         this.actions[idx][prop] = $event;
+        if (!this.ignoreFirstEvent) {
+            this.clearAction(idx);
+        }
+        this.ignoreFirstEvent = false;
+    }
+    clearAction(idx) {
+        const { type, status, id, _status, _initial } = this.actions[idx];
+        this.actions[idx] = { type, status, id, _status, _initial };
     }
     openModal(action, idx) {
         const dialogRef = this.pryDialog.open(HvyActionMenuComponent, {
@@ -1481,6 +1614,7 @@ class ProcedureActionsComponent extends SubscriptionnerDirective {
                 sub.unsubscribe();
             }, 100);
         });
+        this.ignoreFirstEvent = true;
     }
     saveAction(action, idx) {
         delete action._initial;
@@ -1516,13 +1650,13 @@ class ProcedureActionsComponent extends SubscriptionnerDirective {
             });
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ProcedureActionsComponent, deps: [{ token: i1$3.PryDialogService }, { token: i2.Overlay }, { token: HypCommentsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: ProcedureActionsComponent, selector: "hvy-procedure-actions", inputs: { mode: "mode", me: "me", readonly: "readonly", enableEditActions: "enableEditActions", events: "events", actions: "actions" }, outputs: { modified: "modified", commented: "commented" }, 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) && !readonly\"\n      (dragstart)=\"dragStart($event, action, idx)\"\n      (mousedown)=\"onMouseDown($event)\"\n      [class.-updating]=\"!!action._status\"\n      [class.-other-updating]=\"editing\"\n    >\n      <div class=\"o-hvy-events-detail__procedure__actions__action__header\">\n        @if (this.enableEditActions) {\n          <pry-icon\n            iconSvg=\"six_dot\"\n            #handle\n            [class.-disabled]=\"!isDraggable(action)\"\n            [class.-hidden]=\"action._status || readonly\"\n            class=\"grabbable\"\n          ></pry-icon>\n        }\n        <div class=\"number-badge\">{{ idx + 1 }}</div>\n        @if (!action._status || readonly) {\n          @if (mode === 'procedure') {\n            <pry-checkbox\n              [ngModel]=\"action.status !== 'NEW'\"\n              (click)=\"toggleActionStatus(idx, $event, action.status === 'DONE' || (readonly ?? false))\"\n              [disabled]=\"action.status === 'DONE' || (readonly ?? false)\"\n              [class.-disabled]=\"action.status === 'DONE' || (readonly ?? false)\"\n            ></pry-checkbox>\n          }\n          <div [class.-done]=\"action.status === 'DONE'\" [class.-disabled]=\"editing\">\n            <hvy-action-parameter\n              [action]=\"action\"\n              [type]=\"action.type\"\n              [isParam]=\"false\"\n              [events]=\"this.events\"\n              [mode]=\"this.mode\"\n            ></hvy-action-parameter>\n          </div>\n          @if (!readonly) {\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          }\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                [placeholder]=\"'@hvy.procedure.action.placeholder.action' | i18n\"\n              ></pry-select>\n            </div>\n            <hvy-action-parameter\n              [action]=\"action\"\n              [type]=\"action.type\"\n              [isParam]=\"true\"\n              [events]=\"this.events\"\n              [mode]=\"this.mode\"\n            ></hvy-action-parameter>\n          </div>\n        }\n      </div>\n      <hvy-comments\n        [lastComment]=\"action.lastComment\"\n        [commentCount]=\"action.commentsCount\"\n        [objectId]=\"action.id\"\n        [readonly]=\"readonly\"\n        (commented)=\"updateComment(action, $event)\"\n        [type]=\"'actions'\"\n        [trigger]=\"triggers[action.id]\"\n        [displayEmpty]=\"false\"\n        [me]=\"me\"\n      ></hvy-comments>\n    </div>\n  } @empty {\n    @if (actions.length === 0) {\n      <div>{{ '@hvy.event.log.procedure.noAction' | i18n }}</div>\n    }\n  }\n  @if (!readonly && enableEditActions) {\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  }\n</div>\n", dependencies: [{ kind: "component", type: i4.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle", "name", "inputId", "inhibit"] }, { 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", "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: ["mode", "events", "isParam", "type", "action"] }, { kind: "component", type: HvyCommentsComponent, selector: "hvy-comments", inputs: ["readonly", "me", "type", "objectId", "displayEmpty", "commentCount", "lastComment", "trigger"], outputs: ["commented"] }, { kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ProcedureActionsComponent, deps: [{ token: i1$3.PryDialogService }, { token: i2.Overlay }, { token: HypCommentsService }, { token: ServiceService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: ProcedureActionsComponent, selector: "hvy-procedure-actions", inputs: { mode: "mode", me: "me", readonly: "readonly", readOnlyComment: "readOnlyComment", enableEditActions: "enableEditActions", events: "events", actions: "actions" }, outputs: { modified: "modified", commented: "commented", refreshActions: "refreshActions" }, 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) && !readonly\"\n      (dragstart)=\"dragStart($event, action, idx)\"\n      (mousedown)=\"onMouseDown($event)\"\n      [class.-updating]=\"!!action._status\"\n      [class.-other-updating]=\"editing\"\n    >\n      <div class=\"o-hvy-events-detail__procedure__actions__action__header\">\n        @if (this.enableEditActions) {\n          <pry-icon\n            iconSvg=\"six_dot\"\n            #handle\n            [class.-disabled]=\"!isDraggable(action)\"\n            [class.-hidden]=\"action._status || readonly\"\n            class=\"grabbable\"\n          ></pry-icon>\n        }\n        <div class=\"number-badge\">{{ idx + 1 }}</div>\n        @if (!action._status || readonly) {\n          @if (mode === 'procedure') {\n            <pry-checkbox\n              [ngModel]=\"action.status !== 'NEW'\"\n              (click)=\"toggleActionStatus(idx, $event, action.status === 'DONE' || (readonly ?? false))\"\n              [disabled]=\"action.status === 'DONE' || (readonly ?? false)\"\n              [class.-disabled]=\"action.status === 'DONE' || (readonly ?? false)\"\n              [title]=\"'@hvy.procedure.checkbox.' + action.status | i18n\"\n            ></pry-checkbox>\n          }\n          <div [class.-done]=\"action.status === 'DONE'\" [class.-disabled]=\"editing\">\n            <hvy-action-parameter\n              [action]=\"action\"\n              [type]=\"action.type\"\n              [isParam]=\"false\"\n              [events]=\"this.events\"\n              [mode]=\"this.mode\"\n              [readonly]=\"readonly\"\n            ></hvy-action-parameter>\n          </div>\n          @if (!readonly) {\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          }\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                [placeholder]=\"'@hvy.procedure.action.placeholder.action' | i18n\"\n              ></pry-select>\n            </div>\n            <hvy-action-parameter\n              [action]=\"action\"\n              [type]=\"action.type\"\n              [isParam]=\"true\"\n              [events]=\"this.events\"\n              [mode]=\"this.mode\"\n            ></hvy-action-parameter>\n          </div>\n        }\n      </div>\n      <hvy-comments\n        [lastComment]=\"action.lastComment\"\n        [commentCount]=\"action.commentsCount\"\n        [objectId]=\"action.id\"\n        [readonly]=\"readOnlyComment\"\n        (commented)=\"updateComment(action, $event)\"\n        [type]=\"'actions'\"\n        [trigger]=\"triggers[action.id]\"\n        [displayEmpty]=\"false\"\n        [me]=\"me\"\n      ></hvy-comments>\n    </div>\n  } @empty {\n    @if (actions.length === 0) {\n      <div>{{ '@hvy.event.log.procedure.noAction' | i18n }}</div>\n    }\n  }\n  @if (!readonly && enableEditActions) {\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  }\n</div>\n", dependencies: [{ kind: "component", type: i4.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle", "name", "inputId", "inhibit"] }, { 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", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked", "pressedEnter"] }, { kind: "component", type: HvyActionParameterComponent, selector: "hvy-action-parameter", inputs: ["mode", "readonly", "events", "isParam", "type", "action"] }, { kind: "component", type: HvyCommentsComponent, selector: "hvy-comments", inputs: ["readonly", "me", "type", "objectId", "displayEmpty", "commentCount", "lastComment", "trigger"], outputs: ["commented"] }, { kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", 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]=\"isDraggable(action) && !readonly\"\n      (dragstart)=\"dragStart($event, action, idx)\"\n      (mousedown)=\"onMouseDown($event)\"\n      [class.-updating]=\"!!action._status\"\n      [class.-other-updating]=\"editing\"\n    >\n      <div class=\"o-hvy-events-detail__procedure__actions__action__header\">\n        @if (this.enableEditActions) {\n          <pry-icon\n            iconSvg=\"six_dot\"\n            #handle\n            [class.-disabled]=\"!isDraggable(action)\"\n            [class.-hidden]=\"action._status || readonly\"\n            class=\"grabbable\"\n          ></pry-icon>\n        }\n        <div class=\"number-badge\">{{ idx + 1 }}</div>\n        @if (!action._status || readonly) {\n          @if (mode === 'procedure') {\n            <pry-checkbox\n              [ngModel]=\"action.status !== 'NEW'\"\n              (click)=\"toggleActionStatus(idx, $event, action.status === 'DONE' || (readonly ?? false))\"\n              [disabled]=\"action.status === 'DONE' || (readonly ?? false)\"\n              [class.-disabled]=\"action.status === 'DONE' || (readonly ?? false)\"\n            ></pry-checkbox>\n          }\n          <div [class.-done]=\"action.status === 'DONE'\" [class.-disabled]=\"editing\">\n            <hvy-action-parameter\n              [action]=\"action\"\n              [type]=\"action.type\"\n              [isParam]=\"false\"\n              [events]=\"this.events\"\n              [mode]=\"this.mode\"\n            ></hvy-action-parameter>\n          </div>\n          @if (!readonly) {\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          }\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                [placeholder]=\"'@hvy.procedure.action.placeholder.action' | i18n\"\n              ></pry-select>\n            </div>\n            <hvy-action-parameter\n              [action]=\"action\"\n              [type]=\"action.type\"\n              [isParam]=\"true\"\n              [events]=\"this.events\"\n              [mode]=\"this.mode\"\n            ></hvy-action-parameter>\n          </div>\n        }\n      </div>\n      <hvy-comments\n        [lastComment]=\"action.lastComment\"\n        [commentCount]=\"action.commentsCount\"\n        [objectId]=\"action.id\"\n        [readonly]=\"readonly\"\n        (commented)=\"updateComment(action, $event)\"\n        [type]=\"'actions'\"\n        [trigger]=\"triggers[action.id]\"\n        [displayEmpty]=\"false\"\n        [me]=\"me\"\n      ></hvy-comments>\n    </div>\n  } @empty {\n    @if (actions.length === 0) {\n      <div>{{ '@hvy.event.log.procedure.noAction' | i18n }}</div>\n    }\n  }\n  @if (!readonly && enableEditActions) {\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  }\n</div>\n" }]
-        }], ctorParameters: () => [{ type: i1$3.PryDialogService }, { type: i2.Overlay }, { type: HypCommentsService }], 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) && !readonly\"\n      (dragstart)=\"dragStart($event, action, idx)\"\n      (mousedown)=\"onMouseDown($event)\"\n      [class.-updating]=\"!!action._status\"\n      [class.-other-updating]=\"editing\"\n    >\n      <div class=\"o-hvy-events-detail__procedure__actions__action__header\">\n        @if (this.enableEditActions) {\n          <pry-icon\n            iconSvg=\"six_dot\"\n            #handle\n            [class.-disabled]=\"!isDraggable(action)\"\n            [class.-hidden]=\"action._status || readonly\"\n            class=\"grabbable\"\n          ></pry-icon>\n        }\n        <div class=\"number-badge\">{{ idx + 1 }}</div>\n        @if (!action._status || readonly) {\n          @if (mode === 'procedure') {\n            <pry-checkbox\n              [ngModel]=\"action.status !== 'NEW'\"\n              (click)=\"toggleActionStatus(idx, $event, action.status === 'DONE' || (readonly ?? false))\"\n              [disabled]=\"action.status === 'DONE' || (readonly ?? false)\"\n              [class.-disabled]=\"action.status === 'DONE' || (readonly ?? false)\"\n              [title]=\"'@hvy.procedure.checkbox.' + action.status | i18n\"\n            ></pry-checkbox>\n          }\n          <div [class.-done]=\"action.status === 'DONE'\" [class.-disabled]=\"editing\">\n            <hvy-action-parameter\n              [action]=\"action\"\n              [type]=\"action.type\"\n              [isParam]=\"false\"\n              [events]=\"this.events\"\n              [mode]=\"this.mode\"\n              [readonly]=\"readonly\"\n            ></hvy-action-parameter>\n          </div>\n          @if (!readonly) {\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          }\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                [placeholder]=\"'@hvy.procedure.action.placeholder.action' | i18n\"\n              ></pry-select>\n            </div>\n            <hvy-action-parameter\n              [action]=\"action\"\n              [type]=\"action.type\"\n              [isParam]=\"true\"\n              [events]=\"this.events\"\n              [mode]=\"this.mode\"\n            ></hvy-action-parameter>\n          </div>\n        }\n      </div>\n      <hvy-comments\n        [lastComment]=\"action.lastComment\"\n        [commentCount]=\"action.commentsCount\"\n        [objectId]=\"action.id\"\n        [readonly]=\"readOnlyComment\"\n        (commented)=\"updateComment(action, $event)\"\n        [type]=\"'actions'\"\n        [trigger]=\"triggers[action.id]\"\n        [displayEmpty]=\"false\"\n        [me]=\"me\"\n      ></hvy-comments>\n    </div>\n  } @empty {\n    @if (actions.length === 0) {\n      <div>{{ '@hvy.event.log.procedure.noAction' | i18n }}</div>\n    }\n  }\n  @if (!readonly && enableEditActions) {\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  }\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i1$3.PryDialogService }, { type: i2.Overlay }, { type: HypCommentsService }, { type: ServiceService }], propDecorators: { modified: [{
                 type: Output
             }], commented: [{
                 type: Output
@@ -1532,6 +1666,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
                 type: Input
             }], readonly: [{
                 type: Input
+            }], readOnlyComment: [{
+                type: Input
             }], enableEditActions: [{
                 type: Input
             }], events: [{
@@ -1541,6 +1677,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
                 args: ['menuButton', { read: ElementRef }]
             }], actions: [{
                 type: Input
+            }], refreshActions: [{
+                type: Output
             }] } });
 
 class ForDatetimeLocalPipe {
@@ -1564,11 +1702,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
                 }]
         }], ctorParameters: () => [] });
 
+const EVENT_DETAIL_ACCESS_FN = {
+    value: (event, component) => {
+        const readonly = component.readonly ||
+            event.status === 'DONE' ||
+            (['LIMIT', 'OUTOFORDER', 'ANOMALY'].includes(event.category) && event.externalSourceRef !== 'Hyperviseur');
+        return {
+            name: readonly,
+            category: readonly,
+            subCategory: readonly,
+            criticality: readonly,
+            description: readonly,
+            address: readonly,
+            source: true,
+            domain: readonly,
+            eqName: readonly,
+            eqEntity: readonly,
+            startDate: readonly,
+            endDate: readonly,
+            parent: component.readonly || event.status === 'DONE'
+        };
+    }
+};
 class EventDetailComponent extends SubscriptionnerDirective {
+    set me(me) {
+        this.profile = me;
+        this.setCreatorForEvents();
+    }
     set events(events) {
         this._events = events.filter((ev) => !!ev);
         this.eventModifications = new Array(this._events.length);
-        this.opened = this._events.length === 1 ? [true] : [];
+        if (this._events.length === 1) {
+            this.opened = [true];
+        }
         this.canCloseSome = this._events.filter((ev) => ev.status !== 'DONE').length > 0;
         this._events.forEach((ev, idx) => {
             this.onEquipmentSearch$.next(idx);
@@ -1585,22 +1751,65 @@ class EventDetailComponent extends SubscriptionnerDirective {
                 }, idx);
             }
         });
+        this.setCreatorForEvents();
     }
     set procedure(procedure) {
         this._procedure = procedure;
         this.procedureModifications = {};
     }
     set cancelModifications(evt) {
+        this.equipmentSelectValue = this.equipmentSelectValue.map((equipment, index) => {
+            const initialEquipment = this._events[index].equipment;
+            if (initialEquipment) {
+                const regex = this.getComboBoxRegExp(initialEquipment.name);
+                const html = `${initialEquipment.name} - ${this.i18nService.instant('@hvy.event.family.' + initialEquipment.family)}`;
+                return {
+                    ...initialEquipment,
+                    html: html.replaceAll(regex, (matched, capture1) => `<b>${capture1}</b>`),
+                    displayName: html
+                };
+            }
+            else {
+                return undefined;
+            }
+        });
+        this.eventSelectValue = this.eventSelectValue.map((eventParent, index) => {
+            const initialParent = this._events[index].parent;
+            if (initialParent) {
+                const regex = this.getComboBoxRegExp(initialParent.name);
+                const html = `${padId.fn(initialParent.id)} - ${initialParent.name}`;
+                return {
+                    ...initialParent,
+                    html: html.replaceAll(regex, (matched, capture1) => `<b>${capture1}</b>`),
+                    displayName: html
+                };
+            }
+            else {
+                return undefined;
+            }
+        });
         this.eventModifications = new Array(this._events.length);
         this.procedureModifications = {};
         this._outputModifications();
     }
     set equipmentName(request) {
         if (request.equipmentName) {
-            this.selectedEquipmentChange(request.equipmentName, request.index);
+            const ind = request.equipmentName.lastIndexOf('-');
+            const equipName = request.equipmentName.slice(0, ind - 1).toUpperCase();
+            this.equipmentService.findByName(equipName).subscribe((result) => {
+                const equip = {
+                    id: result.id,
+                    name: result.name,
+                    entity: result.entity,
+                    family: result.family,
+                    domain: result.domain,
+                    displayName: request.equipmentName
+                };
+                this.selectedEquipmentChange(equip, request.index);
+            });
         }
     }
-    constructor(equipmentService, store, overlay, viewContainerRef, i18nService, pryDialog, commentsService, eventService) {
+    constructor(equipmentService, store, overlay, viewContainerRef, i18nService, pryDialog, commentsService, eventService, actions$) {
         super();
         this.equipmentService = equipmentService;
         this.store = store;
@@ -1610,6 +1819,7 @@ class EventDetailComponent extends SubscriptionnerDirective {
         this.pryDialog = pryDialog;
         this.commentsService = commentsService;
         this.eventService = eventService;
+        this.actions$ = actions$;
         this.opened = [];
         this.criticalities = HypEventCriticality.values;
         this._events = [];
@@ -1631,32 +1841,77 @@ class EventDetailComponent extends SubscriptionnerDirective {
         this.readonly = false;
         this.readonlyProcedure = false;
         this.enableEditActions = false;
+        this.readOnlyComment = false;
         this.comfirmDialogOpened = new EventEmitter();
-        this.triggerComment$ = new BehaviorSubject(undefined);
         this.onEquipmentSearch$ = new Subject();
         this.equipmentSelectValue = [];
         this.onEventSearch$ = new Subject();
         this.eventSelectValue = [];
         this.commented = new EventEmitter();
+        this.profile = null;
+        this.selectedEquipment = false;
         this.padId = padId;
         this.subCategories = [undefined, ...HypEventSubCategory.values['ANOMALY']];
         this.equipmentsEvents = [];
+        this.subscriptions.add(this.actions$.pipe(ofType(EventActions.status), delay(1000)).subscribe({
+            next: (result) => {
+                if (result.event && result.event.id) {
+                    this.eventService.get(result.event.id).subscribe((event) => {
+                        this.commentsService.get(result.event.id, 'events').subscribe((comments) => {
+                            this.commented.next([{ event, comments }]);
+                        });
+                    });
+                }
+                else if (result.procedure && result.targetStatus === 'DONE') {
+                    this.store
+                        .select(EventSelectors.details)
+                        .pipe(take(1))
+                        .subscribe((details) => {
+                        if (details.procedure && details.procedure.events) {
+                            this.canCloseSome = !!details.procedure.events.find((event) => event.status !== 'DONE');
+                            if (!this.canCloseSome) {
+                                this._events.forEach((event) => {
+                                    event.status = 'DONE';
+                                });
+                            }
+                        }
+                    });
+                }
+            }
+        }));
         this.store.dispatch(EventActions.select({ ids: [], cumulative: false }));
         this.equipments$ = this.onEquipmentSearch$.pipe(switchMap((index) => {
-            const search = typeof this.equipmentSelectValue[index] === 'string' &&
-                this.equipmentSelectValue[index].length > 2
-                ? this.equipmentSelectValue[index]
-                : //@ts-ignore
-                    this.equipmentSelectValue[index].name;
-            return this.equipmentService.search(search).pipe(map$1((equipments) => equipments.map((equipment) => {
-                const regex = RegExp(`(${search})` ?? '(/-/-/)', 'gid');
-                const html = `${equipment.name} - ${this.i18nService.instant('@hvy.event.family.' + equipment.family)}`;
-                return {
-                    ...equipment,
-                    html: html.replaceAll(regex, (matched, capture1) => `<b>${capture1}</b>`),
-                    displayName: html
-                };
-            })));
+            if (this.equipmentSelectValue[index] === undefined) {
+                this.equipmentSelectValue[index] = '';
+            }
+            let search;
+            if (typeof this.equipmentSelectValue[index] === 'string' &&
+                this.equipmentSelectValue[index].length > 2) {
+                const equipValue = this.equipmentSelectValue[index];
+                const firstIndex = equipValue.indexOf('-');
+                const lastIndex = equipValue.lastIndexOf('-');
+                if (firstIndex !== -1 && lastIndex !== firstIndex) {
+                    search = equipValue.substring(0, lastIndex - 1);
+                }
+                else {
+                    search = equipValue;
+                }
+            }
+            else {
+                search = this.equipmentSelectValue[index].name;
+            }
+            return this.equipmentService.search(search).pipe(map$1((equipments) => {
+                equipments = this.filterEquipmentsIfSelected(index, search, equipments);
+                return equipments.map((equipment) => {
+                    const regex = this.getComboBoxRegExp(search);
+                    const html = `${equipment.name} - ${this.i18nService.instant('@hvy.event.family.' + equipment.family)}`;
+                    return {
+                        ...equipment,
+                        html: html.replaceAll(regex, (matched, capture1) => `<b>${capture1}</b>`),
+                        displayName: html
+                    };
+                });
+            }));
         }), catchError(() => throwError(() => new Error('Search Equipment problem'))), shareReplay());
         this.events$ = this.onEventSearch$.pipe(startWith(), debounceTime(500)).pipe(switchMap((index) => {
             const search = typeof this.eventSelectValue[index] === 'string' && this.eventSelectValue[index].length > 2
@@ -1666,7 +1921,7 @@ class EventDetailComponent extends SubscriptionnerDirective {
                         ? padId.fn(this.eventSelectValue[index].id)
                         : undefined;
             return this.eventService.search(search, ['name', 'id']).pipe(map$1((events) => events.map((event) => {
-                const regex = RegExp(`(${search})` ?? '(/-/-/)', 'gid');
+                const regex = this.getComboBoxRegExp(search);
                 const html = `${padId.fn(event.id)} - ${event.name}`;
                 return {
                     ...event,
@@ -1678,11 +1933,81 @@ class EventDetailComponent extends SubscriptionnerDirective {
             return throwError(() => new Error('Search Equipment problem'));
         }), shareReplay());
     }
+    setCreatorForEvents() {
+        this._events = this._events.map((eve) => {
+            return {
+                ...eve,
+                creator: eve.creator
+                    ? eve.creator
+                    : eve.externalSourceRef === 'Hyperviseur'
+                        ? this.profile?.userName
+                        : '--'
+            };
+        });
+    }
+    getComboBoxRegExp(search) {
+        return RegExp(`(${search})` ?? '(/-/-/)', 'gid');
+    }
+    filterEquipmentsIfSelected(index, search, equipments) {
+        let name;
+        let family;
+        let selectedName;
+        let selectedFamily;
+        // create
+        if (this.eventModifications[index] && this.eventModifications[index].equipment) {
+            const equipment = this.eventModifications[index].equipment;
+            name = equipment?.name;
+            const displayName = equipment?.displayName;
+            const ind = displayName?.lastIndexOf('-');
+            family = displayName?.slice(ind + 2).toUpperCase();
+            // update
+        }
+        else if (this._events && this._events[index] && this._events[index].equipment) {
+            name = this._events[index].equipment.name;
+            family = this._events[index].equipment.family;
+            // le format family est de style EP_OUVRAGE ou EP_FOYER_LUMINEUX ou VP_CAM
+            // pour pouvoir faire la comparaison, il faut enlever le préfixe
+            const ind = family.indexOf('_');
+            family = family.slice(ind + 1);
+            family = family.replaceAll('_', ' ');
+            // ici on remplace CAM par CAMÉRA car en cas de combo box ouverte puis fermée avec
+            // un équipement sélectionné, la famille sera caméra et pas cam
+            if (family === 'CAM') {
+                family = 'CAMÉRA';
+            }
+        }
+        // équipement sélectionné 1 fois dans la combo box
+        if (typeof this.equipmentSelectValue[index] === 'object') {
+            const selectedEquipment = this.equipmentSelectValue[index];
+            selectedName = selectedEquipment.name;
+            const displayName = selectedEquipment.displayName;
+            const ind = displayName.lastIndexOf('-');
+            selectedFamily = displayName?.slice(ind + 2).toUpperCase();
+            // combo box ouverte puis fermée avec un équipement sélectionné
+        }
+        else if (typeof this.equipmentSelectValue[index] === 'string') {
+            let fullName = this.equipmentSelectValue[index];
+            const ind = fullName.lastIndexOf('-');
+            selectedFamily = fullName.slice(ind + 2).toUpperCase();
+            selectedName = fullName.slice(0, ind - 1).toUpperCase();
+        }
+        if (selectedName === name && selectedFamily === family) {
+            equipments = equipments.filter((equip) => equip.name === search);
+            this.selectedEquipment = true;
+        }
+        else {
+            this.selectedEquipment = false;
+        }
+        return equipments;
+    }
+    get me() {
+        return this.profile;
+    }
     get events() {
         return this._events.map((evt, idx) => ({ ...evt, ...(this.eventModifications[idx] ?? {}) }));
     }
     get canAssociateProcedure() {
-        return this._events.every((evt) => evt.status === 'NEW');
+        return this._events.every((evt) => evt.status === 'NEW' && evt.id !== -1);
     }
     get procedure() {
         return this._procedure
@@ -1700,6 +2025,13 @@ class EventDetailComponent extends SubscriptionnerDirective {
         this.opened[i] = !this.opened[i];
     }
     modifyEvent(index, prop, $event) {
+        this.eventModifications[index] = this.eventModifications[index] ?? {};
+        if (prop === 'category') {
+            delete this.eventModifications[index].subCategory;
+            if ($event === 'ANOMALY') {
+                this.eventModifications[index].subCategory = 'NONE';
+            }
+        }
         const isDate = prop.indexOf('Date') > -1;
         // @ts-ignore
         const newValue = $event instanceof Event ? $event.target?.value : $event;
@@ -1725,24 +2057,7 @@ class EventDetailComponent extends SubscriptionnerDirective {
         }
     }
     access(event) {
-        const readonly = this.readonly ||
-            event.status === 'DONE' ||
-            (['LIMIT', 'OUTOFORDER', 'ANOMALY'].includes(event.category) && event.externalSourceRef !== 'Hyperviseur');
-        return {
-            name: readonly,
-            category: readonly,
-            subCategory: readonly,
-            criticality: readonly,
-            description: readonly,
-            address: readonly,
-            source: true,
-            domain: readonly,
-            eqName: readonly,
-            eqEntity: readonly,
-            startDate: readonly,
-            endDate: readonly,
-            parent: this.readonly || event.status === 'DONE'
-        };
+        return EVENT_DETAIL_ACCESS_FN.value(event, this);
     }
     _outputModifications() {
         this.validateEvents(this.events);
@@ -1753,7 +2068,8 @@ class EventDetailComponent extends SubscriptionnerDirective {
         this.errors = [];
         events.forEach((event, idx) => {
             const eventErrors = [];
-            if (!event.name || event.name.length === 0) {
+            const regex = new RegExp(/^\s+$/);
+            if (!event.name || event.name.length === 0 || regex.test(event.name)) {
                 eventErrors.push({ field: 'name', code: 'required' });
             }
             if (!event.category || event.category.length === 0) {
@@ -1762,24 +2078,30 @@ class EventDetailComponent extends SubscriptionnerDirective {
             if (!event.criticality || event.criticality.length === 0) {
                 eventErrors.push({ field: 'criticality', code: 'required' });
             }
-            if (!event.description || event.description.length === 0) {
+            if (!event.description || event.description.length === 0 || regex.test(event.description)) {
                 eventErrors.push({ field: 'description', code: 'required' });
             }
             const equipment = event.equipment;
             if (!!equipment) {
                 const equipmentName = `${equipment.name} - ${this.i18nService.instant('@hvy.event.family.' + equipment.family)}`;
+                const selectedEquipmentName = this.equipmentSelectValue[idx]?.displayName
+                    ? this.equipmentSelectValue[idx].displayName
+                    : this.equipmentSelectValue[idx];
                 if (!!this.equipmentSelectValue[idx] &&
                     // @ts-ignore
-                    equipmentName !== this.equipmentSelectValue[idx].displayName) {
+                    equipmentName !== selectedEquipmentName) {
                     eventErrors.push({ field: 'equipment', code: 'not-found' });
                 }
             }
             const parent = event.parent;
             if (parent) {
                 const parentName = `${padId.fn(event.parent?.id ?? '')} - ${event.parent?.name}`;
+                const selectedParentName = this.eventSelectValue[idx]?.displayName
+                    ? this.eventSelectValue[idx].displayName
+                    : this.eventSelectValue[idx];
                 if (!!this.eventSelectValue[idx] &&
                     // @ts-ignore
-                    parentName !== this.eventSelectValue[idx].displayName) {
+                    parentName !== selectedParentName) {
                     eventErrors.push({ field: 'parent', code: 'not-found' });
                 }
             }
@@ -1795,6 +2117,12 @@ class EventDetailComponent extends SubscriptionnerDirective {
                     eventErrors.push({ field: 'endDate', code: 'after' });
                 }
             }
+            else {
+                if (event.startDate && event.endDate && event.startDate.localeCompare(event.endDate) > 0) {
+                    eventErrors.push({ field: 'startDate', code: 'before' });
+                    eventErrors.push({ field: 'endDate', code: 'after' });
+                }
+            }
             this.errors.push(eventErrors);
         });
         this.eventErrors.next(this.errors);
@@ -1881,6 +2209,14 @@ class EventDetailComponent extends SubscriptionnerDirective {
         }
         this._outputModifications();
     }
+    refreshActions($event) {
+        if (this.procedure && this.procedure.actions) {
+            this.procedure = {
+                ...this.procedure,
+                actions: $event
+            };
+        }
+    }
     openAssociationModal() {
         const ref = this.pryDialog.open(ProcedureAssociationModalComponent, {
             backdropClass: 'o-hvy-association-modal__backdrop'
@@ -1916,14 +2252,15 @@ class EventDetailComponent extends SubscriptionnerDirective {
         });
     }
     convertDate(newValue) {
-        return new Date(newValue).toISOString();
+        return newValue ? new Date(newValue).toISOString() : undefined;
     }
     selectedEquipmentChange($event, index) {
         this.equipmentSelectValue[index] = $event;
         this.onEquipmentSearch$.next(index);
         if (typeof $event === 'object' || $event === '') {
             const equipmentForEvent = $event !== '' ? $event : undefined;
-            if (!equipmentForEvent || this._events[index].equipment?.name !== equipmentForEvent.name) {
+            if ((!!this._events[index].equipment && !equipmentForEvent) ||
+                this._events[index].equipment?.name !== equipmentForEvent?.name) {
                 if (!this.eventModifications[index]) {
                     this.eventModifications[index] = {};
                 }
@@ -1943,7 +2280,15 @@ class EventDetailComponent extends SubscriptionnerDirective {
             }
             this.populateEquipment(equipmentForEvent, index);
         }
-        else {
+        else if (!!$event && !this.equipmentsEvents[index]?.events) {
+            const firstIndex = $event.indexOf('-');
+            const lastIndex = $event.lastIndexOf('-');
+            if (firstIndex !== -1 && lastIndex !== firstIndex) {
+                const name = $event.substring(0, lastIndex - 1);
+                this.populateEquipment({ name }, index);
+            }
+        }
+        else if (!$event) {
             this.populateEquipment(undefined, index);
             this._outputModifications();
         }
@@ -1981,6 +2326,9 @@ class EventDetailComponent extends SubscriptionnerDirective {
                     ])
                 }
             });
+            this.tooltipRef.closeValue.pipe(take(1)).subscribe((value) => {
+                this.tooltipRef = undefined;
+            });
         }
         else {
             this.tooltipRef.close();
@@ -2033,18 +2381,37 @@ class EventDetailComponent extends SubscriptionnerDirective {
     }
     updateComment(event, comment) {
         this.commentsService.save(event.id, 'events', comment).subscribe(() => {
-            this.commentsService.get(event.id, 'events').subscribe((comments) => {
-                this.commented.next({ event, comments });
+            let eventsAndComments = [];
+            let comments$ = [];
+            for (let index = 0; index < this._events.length; index++) {
+                comments$.push(this.commentsService.get(this._events[index].id, 'events'));
+            }
+            zip(comments$)
+                .pipe(take(1))
+                .subscribe({
+                next: (commentsArray) => {
+                    commentsArray.forEach((comments, index) => {
+                        eventsAndComments.push({ event: this._events[index], comments: comments });
+                    });
+                },
+                complete: () => {
+                    this.commented.next(eventsAndComments);
+                }
             });
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: EventDetailComponent, deps: [{ token: EquipmentService }, { token: i1$1.Store }, { token: i2.Overlay }, { token: i0.ViewContainerRef }, { token: i1$3.PryI18nService }, { token: i1$3.PryDialogService }, { token: HypCommentsService }, { token: EventService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: EventDetailComponent, selector: "hvy-event-detail", inputs: { title: "title", me: "me", readonly: "readonly", readonlyProcedure: "readonlyProcedure", enableEditActions: "enableEditActions", events: "events", procedure: "procedure", cancelModifications: "cancelModifications", equipmentName: "equipmentName" }, outputs: { modifiedEvents: "modifiedEvents", modifiedProcedure: "modifiedProcedure", eventErrors: "eventErrors", addedEvent: "addedEvent", comfirmDialogOpened: "comfirmDialogOpened", commented: "commented" }, viewQueries: [{ propertyName: "confirmDialog", first: true, predicate: ["confirmDialog"], descendants: true, read: TemplateRef }, { propertyName: "detailHoverIcon", predicate: ["detailHoverIcon"], descendants: true, read: ElementRef }], 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 (procedure && canCloseSome) {\n        <button class=\"add-button\" [disabled]=\"readonly\" (click)=\"addOneEvent()\">\n          <pry-icon iconSvg=\"add\" [width]=\"18\" [height]=\"18\"></pry-icon>\n        </button>\n      }\n      @if (events.length > 1) {\n        @if (canCloseSome && !readonly) {\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 && closeComment && closeComment.length > 0) {\n          <div class=\"a-tooltip\" [attr.data-tooltip]=\"closeComment\" data-tooltip-position=\"right\">\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 (procedure && !readonly) {\n        <button class=\"a-btn a-btn--secondary\" (click)=\"openDeleteModal()\" [disabled]=\"readonlyProcedure\">\n          {{ '@hvy.event.log.procedure.delete' | i18n }}\n        </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                class=\"-hand\"\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              <div class=\"o-hvy-events-detail__events__event__header__comment\">\n                @if (event.commentCount > 0) {\n                  <span>{{\n                    (event.commentCount > 1 ? '@hvy.event.comment.heads' : '@hvy.event.comment.head')\n                      | i18n: { nb: event.commentCount }\n                  }}</span>\n                }\n              </div>\n              <hvy-status-display\n                [item]=\"event\"\n                [modifiable]=\"event.status !== 'DONE'\"\n                [readonly]=\"readonly\"\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                            [maxLength]=\"50\"\n                          />\n                        </td>\n                        <td></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                          <td></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                        <td></td>\n                      </tr>\n                      @if (event.category === 'ANOMALY') {\n                        <tr>\n                          <td>{{ '@hvy.event.subCategory.name' | i18n }} :</td>\n                          <td>\n                            <pry-select\n                              [ngModel]=\"event.subCategory\"\n                              [items]=\"subCategories\"\n                              [class.-error]=\"hasError('subCategory', idx)\"\n                              (ngModelChange)=\"modifyEvent(idx, 'subCategory', $event)\"\n                              i18nPrefix=\"@hvy.event.subCategory.\"\n                              [disabled]=\"accessValue.subCategory\"\n                            ></pry-select>\n                          </td>\n                          <td></td>\n                        </tr>\n                      }\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                        <td></td>\n                      </tr>\n\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                            [maxLength]=\"256\"\n                          ></textarea>\n                        </td>\n                        <td></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                            [maxLength]=\"256\"\n                          ></textarea>\n                        </td>\n                        <td></td>\n                      </tr>\n                      <tr>\n                        <td>{{ '@hvy.event.source' | i18n }}<span class=\"required\">*</span> :</td>\n                        <td>\n                          <input\n                            type=\"text\"\n                            class=\"a-form-field\"\n                            [value]=\"event.externalSourceRef ?? ('@hvy.event.hypervisor' | i18n)\"\n                            [class.-error]=\"hasError('source', idx)\"\n                            [readonly]=\"accessValue.source\"\n                            (change)=\"modifyEvent(idx, 'source', $event)\"\n                          />\n                        </td>\n                        <td></td>\n                      </tr>\n                      <tr>\n                        <td>{{ '@hvy.event.equipment' | i18n }} :</td>\n                        <td>\n                          <pry-select\n                            [items]=\"equipments$ | async\"\n                            bindLabel=\"displayName\"\n                            [ngModel]=\"equipmentSelectValue[idx]\"\n                            (ngModelChange)=\"selectedEquipmentChange($event, idx)\"\n                            [autocomplete]=\"true\"\n                            [externalAutocompleteService]=\"true\"\n                            [placeholder]=\"'@hvy.event.equipmentPlaceholder' | i18n\"\n                            id=\"procedure-filter\"\n                            [template]=\"templateOption\"\n                            [class.-error]=\"hasError('equipment', idx)\"\n                            [disabled]=\"accessValue.eqName\"\n                            class=\"o-hvy-events-detail__events__event__content__equipment\"\n                          ></pry-select>\n                          <ng-template #templateOption let-item=\"item\">\n                            <div class=\"u-display-flex -column\">\n                              <span [innerHTML]=\"item.html\"></span>\n                            </div>\n                          </ng-template>\n                        </td>\n                        <td>\n                          @if (\n                            equipmentsEvents[idx] && (equipmentsEvents[idx].events || equipmentsEvents[idx].services)\n                          ) {\n                            <pry-icon\n                              iconSvg=\"i\"\n                              class=\"-hand\"\n                              #detailHoverIcon\n                              (mouseenter)=\"toggleDetailsTooltip(idx)\"\n                              (mouseleave)=\"toggleDetailsTooltip(idx)\"\n                              [width]=\"18\"\n                              [height]=\"18\"\n                            ></pry-icon>\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                        <td></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                        <td></td>\n                      </tr>\n                      <tr>\n                        <td>{{ '@hvy.event.parentEvent.name' | i18n }} :</td>\n                        <td>\n                          <pry-select\n                            [items]=\"events$ | async\"\n                            bindLabel=\"displayName\"\n                            [ngModel]=\"eventSelectValue[idx]\"\n                            (ngModelChange)=\"selectedParentChange($event, idx)\"\n                            [autocomplete]=\"true\"\n                            [externalAutocompleteService]=\"true\"\n                            [placeholder]=\"'@hvy.event.parentEvent.placeholder' | i18n\"\n                            id=\"parent\"\n                            [template]=\"templateParent\"\n                            [disabled]=\"accessValue.parent\"\n                            [class.-error]=\"hasError('parent', idx)\"\n                            class=\"o-hvy-events-detail__events__event__content__equipment\"\n                          ></pry-select>\n                          <ng-template #templateParent let-item=\"item\">\n                            <div class=\"u-display-flex -column\">\n                              <span [innerHTML]=\"item.html\"></span>\n                            </div>\n                          </ng-template>\n                        </td>\n                        <td></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                            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                        <td></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                            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                        <td></td>\n                      </tr>\n                      <tr>\n                        <td>{{ '@hvy.event.creationDate' | i18n }}<span class=\"required\">*</span> :</td>\n                        <td>\n                          <input\n                            type=\"datetime-local\"\n                            class=\"a-form-field\"\n                            [value]=\"event.creationDate | forDateTimeLocal\"\n                            readonly\n                          />\n                        </td>\n                        <td></td>\n                      </tr>\n                      <tr>\n                        <td>{{ '@hvy.event.lastModificationDate' | i18n }}<span class=\"required\">*</span> :</td>\n                        <td>\n                          <input\n                            type=\"datetime-local\"\n                            class=\"a-form-field\"\n                            [value]=\"event.lastModificationDate | forDateTimeLocal\"\n                            readonly\n                          />\n                        </td>\n                        <td></td>\n                      </tr>\n                      <tr>\n                        <td>{{ '@hvy.event.closeDate' | i18n }} :</td>\n                        <td>\n                          <input\n                            type=\"datetime-local\"\n                            class=\"a-form-field\"\n                            [value]=\"event.closeDate | forDateTimeLocal\"\n                            readonly\n                          />\n                        </td>\n                        <td></td>\n                      </tr>\n                    </tbody>\n                  </table>\n                  <hvy-comments\n                    [lastComment]=\"event.lastComment\"\n                    [commentCount]=\"event.commentCount\"\n                    (commented)=\"updateComment(event, $event)\"\n                    [readonly]=\"readonly\"\n                    [type]=\"'events'\"\n                    [me]=\"me\"\n                    [objectId]=\"event.id\"\n                  ></hvy-comments>\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            [readonly]=\"readonlyProcedure || readonly\"\n            [enableEditActions]=\"enableEditActions\"\n            [actions]=\"procedure.actions\"\n            (modified)=\"modifiedActions($event)\"\n            [me]=\"me\"\n            [events]=\"this.events\"\n            (commented)=\"actionCommented($event)\"\n          ></hvy-procedure-actions>\n        } @else {\n          @if (!readonly) {\n            <button class=\"a-btn a-btn--secondary\" [disabled]=\"!canAssociateProcedure\" (click)=\"openAssociationModal()\">\n              {{ '@hvy.action.associate' | i18n }}\n            </button>\n          } @else {\n            <span class=\"o-hvy-events-detail__procedure__empty\">{{ '@hvy.event.log.procedure.none' | i18n }}</span>\n          }\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", "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: ["type", "readonly", "item", "modifiable"], outputs: ["modified"] }, { kind: "component", type: ProgressDisplayComponent, selector: "hvy-progress-display", inputs: ["progress"] }, { kind: "component", type: HvyCommentsComponent, selector: "hvy-comments", inputs: ["readonly", "me", "type", "objectId", "displayEmpty", "commentCount", "lastComment", "trigger"], outputs: ["commented"] }, { kind: "component", type: ProcedureActionsComponent, selector: "hvy-procedure-actions", inputs: ["mode", "me", "readonly", "enableEditActions", "events", "actions"], outputs: ["modified", "commented"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }, { kind: "pipe", type: ForDatetimeLocalPipe, name: "forDateTimeLocal" }] }); }
+    ngOnDestroy() {
+        super.ngOnDestroy();
+        this.tooltipRef?.close();
+        this.tooltipRef = undefined;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: EventDetailComponent, deps: [{ token: EquipmentService }, { token: i1$1.Store }, { token: i2.Overlay }, { token: i0.ViewContainerRef }, { token: i1$3.PryI18nService }, { token: i1$3.PryDialogService }, { token: HypCommentsService }, { token: EventService }, { token: i1$5.Actions }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: EventDetailComponent, selector: "hvy-event-detail", inputs: { title: "title", readonly: "readonly", readonlyProcedure: "readonlyProcedure", enableEditActions: "enableEditActions", readOnlyComment: "readOnlyComment", me: "me", events: "events", procedure: "procedure", cancelModifications: "cancelModifications", equipmentName: "equipmentName" }, outputs: { modifiedEvents: "modifiedEvents", modifiedProcedure: "modifiedProcedure", eventErrors: "eventErrors", addedEvent: "addedEvent", comfirmDialogOpened: "comfirmDialogOpened", commented: "commented" }, viewQueries: [{ propertyName: "confirmDialog", first: true, predicate: ["confirmDialog"], descendants: true, read: TemplateRef }, { propertyName: "detailHoverIcon", predicate: ["detailHoverIcon"], descendants: true, read: ElementRef }], 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 (procedure && canCloseSome) {\n        <button class=\"add-button\" [disabled]=\"readonly\" (click)=\"addOneEvent()\">\n          <pry-icon iconSvg=\"add\" [width]=\"18\" [height]=\"18\"></pry-icon>\n        </button>\n      }\n      @if (events.length > 1) {\n        @if (canCloseSome && !readonly) {\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 && closeComment && closeComment.length > 0) {\n          <div class=\"a-tooltip\" [attr.data-tooltip]=\"closeComment\" data-tooltip-position=\"right\">\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 (procedure && !readonly) {\n        <button class=\"a-btn a-btn--secondary\" (click)=\"openDeleteModal()\" [disabled]=\"readonlyProcedure\">\n          {{ '@hvy.event.log.procedure.delete' | i18n }}\n        </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                class=\"-hand\"\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              <div class=\"o-hvy-events-detail__events__event__header__comment\">\n                @if (event.commentCount > 0) {\n                  <span>{{\n                    (event.commentCount > 1 ? '@hvy.event.comment.heads' : '@hvy.event.comment.head')\n                      | i18n: { nb: event.commentCount }\n                  }}</span>\n                }\n              </div>\n              <hvy-status-display\n                [item]=\"event\"\n                [modifiable]=\"event.status !== 'DONE'\"\n                [readonly]=\"readonly\"\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>\n                  {{ '@hvy.event.log.event.category' | i18n }} : {{ '@hvy.event.category.' + event.category | i18n }}\n                </div>\n                <div>{{ '@hvy.event.log.event.description' | i18n }} : {{ event.description }}</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                      <!--identifiant-->\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                          <td></td>\n                        </tr>\n                      }\n                      <!--nom-->\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                            [maxLength]=\"50\"\n                          />\n                        </td>\n                        <td></td>\n                      </tr>\n                      <!--categorie-->\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                        <td></td>\n                      </tr>\n                      <!--sous categorie-->\n                      @if (event.category === 'ANOMALY') {\n                        <tr>\n                          <td>{{ '@hvy.event.subCategory.name' | i18n }}<span class=\"required\">*</span> :</td>\n                          <td>\n                            <pry-select\n                              [ngModel]=\"event.subCategory\"\n                              [items]=\"subCategories\"\n                              [class.-error]=\"hasError('subCategory', idx)\"\n                              (ngModelChange)=\"modifyEvent(idx, 'subCategory', $event)\"\n                              i18nPrefix=\"@hvy.event.subCategory.\"\n                              [disabled]=\"accessValue.subCategory\"\n                            ></pry-select>\n                          </td>\n                          <td></td>\n                        </tr>\n                      }\n                      <!--criticite-->\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                        <td></td>\n                      </tr>\n                      <!--metier-->\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                        <td></td>\n                      </tr>\n                      <!--equipement-->\n                      <tr>\n                        <td>{{ '@hvy.event.equipment' | i18n }} :</td>\n                        <td>\n                          <pry-select\n                            [items]=\"equipments$ | async\"\n                            bindLabel=\"displayName\"\n                            [ngModel]=\"equipmentSelectValue[idx]\"\n                            (ngModelChange)=\"selectedEquipmentChange($event, idx)\"\n                            [autocomplete]=\"true\"\n                            [externalAutocompleteService]=\"true\"\n                            [placeholder]=\"'@hvy.event.equipmentPlaceholder' | i18n\"\n                            id=\"procedure-filter\"\n                            [template]=\"templateOption\"\n                            [class.-error]=\"hasError('equipment', idx)\"\n                            [disabled]=\"accessValue.eqName\"\n                            class=\"o-hvy-events-detail__events__event__content__equipment\"\n                          ></pry-select>\n                          <ng-template #templateOption let-item=\"item\">\n                            <div class=\"u-display-flex -column\">\n                              <span [innerHTML]=\"item.html\"></span>\n                            </div>\n                          </ng-template>\n                        </td>\n                        <td>\n                          @if (selectedEquipment) {\n                            <pry-icon\n                              iconSvg=\"i\"\n                              class=\"-hand\"\n                              #detailHoverIcon\n                              (click)=\"toggleDetailsTooltip(idx)\"\n                              [width]=\"18\"\n                              [height]=\"18\"\n                            ></pry-icon>\n                          }\n                        </td>\n                      </tr>\n                      <!--entite-->\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                        <td></td>\n                      </tr>\n                      <!--adresse-->\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                            [maxLength]=\"256\"\n                          ></textarea>\n                        </td>\n                        <td></td>\n                      </tr>\n                      <!--evenement parent-->\n                      <tr>\n                        <td>{{ '@hvy.event.parentEvent.name' | i18n }} :</td>\n                        <td>\n                          <pry-select\n                            [items]=\"events$ | async\"\n                            bindLabel=\"displayName\"\n                            [ngModel]=\"eventSelectValue[idx]\"\n                            (ngModelChange)=\"selectedParentChange($event, idx)\"\n                            [autocomplete]=\"true\"\n                            [externalAutocompleteService]=\"true\"\n                            [placeholder]=\"'@hvy.event.parentEvent.placeholder' | i18n\"\n                            id=\"parent\"\n                            [template]=\"templateParent\"\n                            [disabled]=\"accessValue.parent\"\n                            [class.-error]=\"hasError('parent', idx)\"\n                            class=\"o-hvy-events-detail__events__event__content__equipment\"\n                          ></pry-select>\n                          <ng-template #templateParent let-item=\"item\">\n                            <div class=\"u-display-flex -column\">\n                              <span [innerHTML]=\"item.html\"></span>\n                            </div>\n                          </ng-template>\n                        </td>\n                        <td></td>\n                      </tr>\n                      <!--description-->\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                            [maxLength]=\"256\"\n                          ></textarea>\n                        </td>\n                        <td></td>\n                      </tr>\n                      <!--date debut-->\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                            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                        <td></td>\n                      </tr>\n                      <!--date fin-->\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                            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                          @if (hasError('endDate', idx) && event.endDate && event.startDate) {\n                            <span class=\"a-form-field -error\">{{ '@hvy.event.errorDate' | i18n }}</span>\n                          }\n                        </td>\n                        <td></td>\n                      </tr>\n                      <!--source-->\n                      <tr>\n                        <td>{{ '@hvy.event.source' | i18n }}<span class=\"required\">*</span> :</td>\n                        <td>\n                          <input\n                            type=\"text\"\n                            class=\"a-form-field\"\n                            [value]=\"event.externalSourceRef ?? ('@hvy.event.hypervisor' | i18n)\"\n                            [class.-error]=\"hasError('source', idx)\"\n                            [readonly]=\"accessValue.source\"\n                            (change)=\"modifyEvent(idx, 'source', $event)\"\n                          />\n                        </td>\n                        <td></td>\n                      </tr>\n                      <!--ref\u00E9rence externe-->\n                      @if (event.externalSourceRef !== 'Hyperviseur') {\n                        <tr>\n                          <td>{{ '@hvy.event.externalId' | i18n }}<span class=\"required\">*</span> :</td>\n                          <td>\n                            <input\n                              type=\"text\"\n                              class=\"a-form-field\"\n                              [value]=\"event.externalId ?? '-'\"\n                              [readonly]=\"true\"\n                            />\n                          </td>\n                          <td></td>\n                        </tr>\n                      }\n                      <!--createur-->\n                      <tr>\n                        <td>{{ '@hvy.event.creator' | i18n }}<span class=\"required\">*</span> :</td>\n                        <td>\n                          <input type=\"text\" class=\"a-form-field\" [value]=\"event.creator\" [readonly]=\"true\" />\n                        </td>\n                        <td></td>\n                      </tr>\n                      <!--date creation-->\n                      <tr>\n                        <td>{{ '@hvy.event.creationDate' | i18n }}<span class=\"required\">*</span> :</td>\n                        <td>\n                          <input\n                            type=\"datetime-local\"\n                            class=\"a-form-field\"\n                            [value]=\"event.creationDate | forDateTimeLocal\"\n                            readonly\n                          />\n                        </td>\n                        <td></td>\n                      </tr>\n                      <!--date modification-->\n                      <tr>\n                        <td>{{ '@hvy.event.lastModificationDate' | i18n }}<span class=\"required\">*</span> :</td>\n                        <td>\n                          <input\n                            type=\"datetime-local\"\n                            class=\"a-form-field\"\n                            [value]=\"event.lastModificationDate | forDateTimeLocal\"\n                            readonly\n                          />\n                        </td>\n                        <td></td>\n                      </tr>\n                      <!--date cloture-->\n                      <tr>\n                        <td>{{ '@hvy.event.closeDate' | i18n }} :</td>\n                        <td>\n                          <input\n                            type=\"datetime-local\"\n                            class=\"a-form-field\"\n                            [value]=\"event.closeDate | forDateTimeLocal\"\n                            readonly\n                          />\n                        </td>\n                        <td></td>\n                      </tr>\n                    </tbody>\n                  </table>\n                  @if (event.id !== -1) {\n                    <hvy-comments\n                      [lastComment]=\"event.lastComment\"\n                      [commentCount]=\"event.commentCount\"\n                      (commented)=\"updateComment(event, $event)\"\n                      [readonly]=\"readonly\"\n                      [type]=\"'events'\"\n                      [me]=\"me?.sub\"\n                      [objectId]=\"event.id\"\n                    ></hvy-comments>\n                  }\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            [readonly]=\"readonlyProcedure || readonly\"\n            [readOnlyComment]=\"readOnlyComment\"\n            [enableEditActions]=\"enableEditActions\"\n            [actions]=\"procedure.actions\"\n            (modified)=\"modifiedActions($event)\"\n            (refreshActions)=\"refreshActions($event)\"\n            [me]=\"me?.sub\"\n            [events]=\"this.events\"\n            (commented)=\"actionCommented($event)\"\n          ></hvy-procedure-actions>\n        } @else {\n          @if (!readonly) {\n            <button class=\"a-btn a-btn--secondary\" [disabled]=\"!canAssociateProcedure\" (click)=\"openAssociationModal()\">\n              {{ '@hvy.action.associate' | i18n }}\n            </button>\n          } @else {\n            <span class=\"o-hvy-events-detail__procedure__empty\">{{ '@hvy.event.log.procedure.none' | i18n }}</span>\n          }\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", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked", "pressedEnter"] }, { kind: "component", type: IconDisplayComponent, selector: "hvy-icon-display", inputs: ["event"] }, { kind: "component", type: StatusDisplayComponent, selector: "hvy-status-display", inputs: ["type", "readonly", "item", "modifiable"], outputs: ["modified"] }, { kind: "component", type: ProgressDisplayComponent, selector: "hvy-progress-display", inputs: ["progress"] }, { kind: "component", type: HvyCommentsComponent, selector: "hvy-comments", inputs: ["readonly", "me", "type", "objectId", "displayEmpty", "commentCount", "lastComment", "trigger"], outputs: ["commented"] }, { kind: "component", type: ProcedureActionsComponent, selector: "hvy-procedure-actions", inputs: ["mode", "me", "readonly", "readOnlyComment", "enableEditActions", "events", "actions"], outputs: ["modified", "commented", "refreshActions"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }, { kind: "pipe", type: ForDatetimeLocalPipe, name: "forDateTimeLocal" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", 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 (procedure && canCloseSome) {\n        <button class=\"add-button\" [disabled]=\"readonly\" (click)=\"addOneEvent()\">\n          <pry-icon iconSvg=\"add\" [width]=\"18\" [height]=\"18\"></pry-icon>\n        </button>\n      }\n      @if (events.length > 1) {\n        @if (canCloseSome && !readonly) {\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 && closeComment && closeComment.length > 0) {\n          <div class=\"a-tooltip\" [attr.data-tooltip]=\"closeComment\" data-tooltip-position=\"right\">\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 (procedure && !readonly) {\n        <button class=\"a-btn a-btn--secondary\" (click)=\"openDeleteModal()\" [disabled]=\"readonlyProcedure\">\n          {{ '@hvy.event.log.procedure.delete' | i18n }}\n        </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                class=\"-hand\"\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              <div class=\"o-hvy-events-detail__events__event__header__comment\">\n                @if (event.commentCount > 0) {\n                  <span>{{\n                    (event.commentCount > 1 ? '@hvy.event.comment.heads' : '@hvy.event.comment.head')\n                      | i18n: { nb: event.commentCount }\n                  }}</span>\n                }\n              </div>\n              <hvy-status-display\n                [item]=\"event\"\n                [modifiable]=\"event.status !== 'DONE'\"\n                [readonly]=\"readonly\"\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                            [maxLength]=\"50\"\n                          />\n                        </td>\n                        <td></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                          <td></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                        <td></td>\n                      </tr>\n                      @if (event.category === 'ANOMALY') {\n                        <tr>\n                          <td>{{ '@hvy.event.subCategory.name' | i18n }} :</td>\n                          <td>\n                            <pry-select\n                              [ngModel]=\"event.subCategory\"\n                              [items]=\"subCategories\"\n                              [class.-error]=\"hasError('subCategory', idx)\"\n                              (ngModelChange)=\"modifyEvent(idx, 'subCategory', $event)\"\n                              i18nPrefix=\"@hvy.event.subCategory.\"\n                              [disabled]=\"accessValue.subCategory\"\n                            ></pry-select>\n                          </td>\n                          <td></td>\n                        </tr>\n                      }\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                        <td></td>\n                      </tr>\n\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                            [maxLength]=\"256\"\n                          ></textarea>\n                        </td>\n                        <td></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                            [maxLength]=\"256\"\n                          ></textarea>\n                        </td>\n                        <td></td>\n                      </tr>\n                      <tr>\n                        <td>{{ '@hvy.event.source' | i18n }}<span class=\"required\">*</span> :</td>\n                        <td>\n                          <input\n                            type=\"text\"\n                            class=\"a-form-field\"\n                            [value]=\"event.externalSourceRef ?? ('@hvy.event.hypervisor' | i18n)\"\n                            [class.-error]=\"hasError('source', idx)\"\n                            [readonly]=\"accessValue.source\"\n                            (change)=\"modifyEvent(idx, 'source', $event)\"\n                          />\n                        </td>\n                        <td></td>\n                      </tr>\n                      <tr>\n                        <td>{{ '@hvy.event.equipment' | i18n }} :</td>\n                        <td>\n                          <pry-select\n                            [items]=\"equipments$ | async\"\n                            bindLabel=\"displayName\"\n                            [ngModel]=\"equipmentSelectValue[idx]\"\n                            (ngModelChange)=\"selectedEquipmentChange($event, idx)\"\n                            [autocomplete]=\"true\"\n                            [externalAutocompleteService]=\"true\"\n                            [placeholder]=\"'@hvy.event.equipmentPlaceholder' | i18n\"\n                            id=\"procedure-filter\"\n                            [template]=\"templateOption\"\n                            [class.-error]=\"hasError('equipment', idx)\"\n                            [disabled]=\"accessValue.eqName\"\n                            class=\"o-hvy-events-detail__events__event__content__equipment\"\n                          ></pry-select>\n                          <ng-template #templateOption let-item=\"item\">\n                            <div class=\"u-display-flex -column\">\n                              <span [innerHTML]=\"item.html\"></span>\n                            </div>\n                          </ng-template>\n                        </td>\n                        <td>\n                          @if (\n                            equipmentsEvents[idx] && (equipmentsEvents[idx].events || equipmentsEvents[idx].services)\n                          ) {\n                            <pry-icon\n                              iconSvg=\"i\"\n                              class=\"-hand\"\n                              #detailHoverIcon\n                              (mouseenter)=\"toggleDetailsTooltip(idx)\"\n                              (mouseleave)=\"toggleDetailsTooltip(idx)\"\n                              [width]=\"18\"\n                              [height]=\"18\"\n                            ></pry-icon>\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                        <td></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                        <td></td>\n                      </tr>\n                      <tr>\n                        <td>{{ '@hvy.event.parentEvent.name' | i18n }} :</td>\n                        <td>\n                          <pry-select\n                            [items]=\"events$ | async\"\n                            bindLabel=\"displayName\"\n                            [ngModel]=\"eventSelectValue[idx]\"\n                            (ngModelChange)=\"selectedParentChange($event, idx)\"\n                            [autocomplete]=\"true\"\n                            [externalAutocompleteService]=\"true\"\n                            [placeholder]=\"'@hvy.event.parentEvent.placeholder' | i18n\"\n                            id=\"parent\"\n                            [template]=\"templateParent\"\n                            [disabled]=\"accessValue.parent\"\n                            [class.-error]=\"hasError('parent', idx)\"\n                            class=\"o-hvy-events-detail__events__event__content__equipment\"\n                          ></pry-select>\n                          <ng-template #templateParent let-item=\"item\">\n                            <div class=\"u-display-flex -column\">\n                              <span [innerHTML]=\"item.html\"></span>\n                            </div>\n                          </ng-template>\n                        </td>\n                        <td></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                            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                        <td></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                            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                        <td></td>\n                      </tr>\n                      <tr>\n                        <td>{{ '@hvy.event.creationDate' | i18n }}<span class=\"required\">*</span> :</td>\n                        <td>\n                          <input\n                            type=\"datetime-local\"\n                            class=\"a-form-field\"\n                            [value]=\"event.creationDate | forDateTimeLocal\"\n                            readonly\n                          />\n                        </td>\n                        <td></td>\n                      </tr>\n                      <tr>\n                        <td>{{ '@hvy.event.lastModificationDate' | i18n }}<span class=\"required\">*</span> :</td>\n                        <td>\n                          <input\n                            type=\"datetime-local\"\n                            class=\"a-form-field\"\n                            [value]=\"event.lastModificationDate | forDateTimeLocal\"\n                            readonly\n                          />\n                        </td>\n                        <td></td>\n                      </tr>\n                      <tr>\n                        <td>{{ '@hvy.event.closeDate' | i18n }} :</td>\n                        <td>\n                          <input\n                            type=\"datetime-local\"\n                            class=\"a-form-field\"\n                            [value]=\"event.closeDate | forDateTimeLocal\"\n                            readonly\n                          />\n                        </td>\n                        <td></td>\n                      </tr>\n                    </tbody>\n                  </table>\n                  <hvy-comments\n                    [lastComment]=\"event.lastComment\"\n                    [commentCount]=\"event.commentCount\"\n                    (commented)=\"updateComment(event, $event)\"\n                    [readonly]=\"readonly\"\n                    [type]=\"'events'\"\n                    [me]=\"me\"\n                    [objectId]=\"event.id\"\n                  ></hvy-comments>\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            [readonly]=\"readonlyProcedure || readonly\"\n            [enableEditActions]=\"enableEditActions\"\n            [actions]=\"procedure.actions\"\n            (modified)=\"modifiedActions($event)\"\n            [me]=\"me\"\n            [events]=\"this.events\"\n            (commented)=\"actionCommented($event)\"\n          ></hvy-procedure-actions>\n        } @else {\n          @if (!readonly) {\n            <button class=\"a-btn a-btn--secondary\" [disabled]=\"!canAssociateProcedure\" (click)=\"openAssociationModal()\">\n              {{ '@hvy.action.associate' | i18n }}\n            </button>\n          } @else {\n            <span class=\"o-hvy-events-detail__procedure__empty\">{{ '@hvy.event.log.procedure.none' | i18n }}</span>\n          }\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: i1$3.PryI18nService }, { type: i1$3.PryDialogService }, { type: HypCommentsService }, { type: EventService }], propDecorators: { modifiedEvents: [{
+            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 (procedure && canCloseSome) {\n        <button class=\"add-button\" [disabled]=\"readonly\" (click)=\"addOneEvent()\">\n          <pry-icon iconSvg=\"add\" [width]=\"18\" [height]=\"18\"></pry-icon>\n        </button>\n      }\n      @if (events.length > 1) {\n        @if (canCloseSome && !readonly) {\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 && closeComment && closeComment.length > 0) {\n          <div class=\"a-tooltip\" [attr.data-tooltip]=\"closeComment\" data-tooltip-position=\"right\">\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 (procedure && !readonly) {\n        <button class=\"a-btn a-btn--secondary\" (click)=\"openDeleteModal()\" [disabled]=\"readonlyProcedure\">\n          {{ '@hvy.event.log.procedure.delete' | i18n }}\n        </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                class=\"-hand\"\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              <div class=\"o-hvy-events-detail__events__event__header__comment\">\n                @if (event.commentCount > 0) {\n                  <span>{{\n                    (event.commentCount > 1 ? '@hvy.event.comment.heads' : '@hvy.event.comment.head')\n                      | i18n: { nb: event.commentCount }\n                  }}</span>\n                }\n              </div>\n              <hvy-status-display\n                [item]=\"event\"\n                [modifiable]=\"event.status !== 'DONE'\"\n                [readonly]=\"readonly\"\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>\n                  {{ '@hvy.event.log.event.category' | i18n }} : {{ '@hvy.event.category.' + event.category | i18n }}\n                </div>\n                <div>{{ '@hvy.event.log.event.description' | i18n }} : {{ event.description }}</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                      <!--identifiant-->\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                          <td></td>\n                        </tr>\n                      }\n                      <!--nom-->\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                            [maxLength]=\"50\"\n                          />\n                        </td>\n                        <td></td>\n                      </tr>\n                      <!--categorie-->\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                        <td></td>\n                      </tr>\n                      <!--sous categorie-->\n                      @if (event.category === 'ANOMALY') {\n                        <tr>\n                          <td>{{ '@hvy.event.subCategory.name' | i18n }}<span class=\"required\">*</span> :</td>\n                          <td>\n                            <pry-select\n                              [ngModel]=\"event.subCategory\"\n                              [items]=\"subCategories\"\n                              [class.-error]=\"hasError('subCategory', idx)\"\n                              (ngModelChange)=\"modifyEvent(idx, 'subCategory', $event)\"\n                              i18nPrefix=\"@hvy.event.subCategory.\"\n                              [disabled]=\"accessValue.subCategory\"\n                            ></pry-select>\n                          </td>\n                          <td></td>\n                        </tr>\n                      }\n                      <!--criticite-->\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                        <td></td>\n                      </tr>\n                      <!--metier-->\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                        <td></td>\n                      </tr>\n                      <!--equipement-->\n                      <tr>\n                        <td>{{ '@hvy.event.equipment' | i18n }} :</td>\n                        <td>\n                          <pry-select\n                            [items]=\"equipments$ | async\"\n                            bindLabel=\"displayName\"\n                            [ngModel]=\"equipmentSelectValue[idx]\"\n                            (ngModelChange)=\"selectedEquipmentChange($event, idx)\"\n                            [autocomplete]=\"true\"\n                            [externalAutocompleteService]=\"true\"\n                            [placeholder]=\"'@hvy.event.equipmentPlaceholder' | i18n\"\n                            id=\"procedure-filter\"\n                            [template]=\"templateOption\"\n                            [class.-error]=\"hasError('equipment', idx)\"\n                            [disabled]=\"accessValue.eqName\"\n                            class=\"o-hvy-events-detail__events__event__content__equipment\"\n                          ></pry-select>\n                          <ng-template #templateOption let-item=\"item\">\n                            <div class=\"u-display-flex -column\">\n                              <span [innerHTML]=\"item.html\"></span>\n                            </div>\n                          </ng-template>\n                        </td>\n                        <td>\n                          @if (selectedEquipment) {\n                            <pry-icon\n                              iconSvg=\"i\"\n                              class=\"-hand\"\n                              #detailHoverIcon\n                              (click)=\"toggleDetailsTooltip(idx)\"\n                              [width]=\"18\"\n                              [height]=\"18\"\n                            ></pry-icon>\n                          }\n                        </td>\n                      </tr>\n                      <!--entite-->\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                        <td></td>\n                      </tr>\n                      <!--adresse-->\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                            [maxLength]=\"256\"\n                          ></textarea>\n                        </td>\n                        <td></td>\n                      </tr>\n                      <!--evenement parent-->\n                      <tr>\n                        <td>{{ '@hvy.event.parentEvent.name' | i18n }} :</td>\n                        <td>\n                          <pry-select\n                            [items]=\"events$ | async\"\n                            bindLabel=\"displayName\"\n                            [ngModel]=\"eventSelectValue[idx]\"\n                            (ngModelChange)=\"selectedParentChange($event, idx)\"\n                            [autocomplete]=\"true\"\n                            [externalAutocompleteService]=\"true\"\n                            [placeholder]=\"'@hvy.event.parentEvent.placeholder' | i18n\"\n                            id=\"parent\"\n                            [template]=\"templateParent\"\n                            [disabled]=\"accessValue.parent\"\n                            [class.-error]=\"hasError('parent', idx)\"\n                            class=\"o-hvy-events-detail__events__event__content__equipment\"\n                          ></pry-select>\n                          <ng-template #templateParent let-item=\"item\">\n                            <div class=\"u-display-flex -column\">\n                              <span [innerHTML]=\"item.html\"></span>\n                            </div>\n                          </ng-template>\n                        </td>\n                        <td></td>\n                      </tr>\n                      <!--description-->\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                            [maxLength]=\"256\"\n                          ></textarea>\n                        </td>\n                        <td></td>\n                      </tr>\n                      <!--date debut-->\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                            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                        <td></td>\n                      </tr>\n                      <!--date fin-->\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                            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                          @if (hasError('endDate', idx) && event.endDate && event.startDate) {\n                            <span class=\"a-form-field -error\">{{ '@hvy.event.errorDate' | i18n }}</span>\n                          }\n                        </td>\n                        <td></td>\n                      </tr>\n                      <!--source-->\n                      <tr>\n                        <td>{{ '@hvy.event.source' | i18n }}<span class=\"required\">*</span> :</td>\n                        <td>\n                          <input\n                            type=\"text\"\n                            class=\"a-form-field\"\n                            [value]=\"event.externalSourceRef ?? ('@hvy.event.hypervisor' | i18n)\"\n                            [class.-error]=\"hasError('source', idx)\"\n                            [readonly]=\"accessValue.source\"\n                            (change)=\"modifyEvent(idx, 'source', $event)\"\n                          />\n                        </td>\n                        <td></td>\n                      </tr>\n                      <!--ref\u00E9rence externe-->\n                      @if (event.externalSourceRef !== 'Hyperviseur') {\n                        <tr>\n                          <td>{{ '@hvy.event.externalId' | i18n }}<span class=\"required\">*</span> :</td>\n                          <td>\n                            <input\n                              type=\"text\"\n                              class=\"a-form-field\"\n                              [value]=\"event.externalId ?? '-'\"\n                              [readonly]=\"true\"\n                            />\n                          </td>\n                          <td></td>\n                        </tr>\n                      }\n                      <!--createur-->\n                      <tr>\n                        <td>{{ '@hvy.event.creator' | i18n }}<span class=\"required\">*</span> :</td>\n                        <td>\n                          <input type=\"text\" class=\"a-form-field\" [value]=\"event.creator\" [readonly]=\"true\" />\n                        </td>\n                        <td></td>\n                      </tr>\n                      <!--date creation-->\n                      <tr>\n                        <td>{{ '@hvy.event.creationDate' | i18n }}<span class=\"required\">*</span> :</td>\n                        <td>\n                          <input\n                            type=\"datetime-local\"\n                            class=\"a-form-field\"\n                            [value]=\"event.creationDate | forDateTimeLocal\"\n                            readonly\n                          />\n                        </td>\n                        <td></td>\n                      </tr>\n                      <!--date modification-->\n                      <tr>\n                        <td>{{ '@hvy.event.lastModificationDate' | i18n }}<span class=\"required\">*</span> :</td>\n                        <td>\n                          <input\n                            type=\"datetime-local\"\n                            class=\"a-form-field\"\n                            [value]=\"event.lastModificationDate | forDateTimeLocal\"\n                            readonly\n                          />\n                        </td>\n                        <td></td>\n                      </tr>\n                      <!--date cloture-->\n                      <tr>\n                        <td>{{ '@hvy.event.closeDate' | i18n }} :</td>\n                        <td>\n                          <input\n                            type=\"datetime-local\"\n                            class=\"a-form-field\"\n                            [value]=\"event.closeDate | forDateTimeLocal\"\n                            readonly\n                          />\n                        </td>\n                        <td></td>\n                      </tr>\n                    </tbody>\n                  </table>\n                  @if (event.id !== -1) {\n                    <hvy-comments\n                      [lastComment]=\"event.lastComment\"\n                      [commentCount]=\"event.commentCount\"\n                      (commented)=\"updateComment(event, $event)\"\n                      [readonly]=\"readonly\"\n                      [type]=\"'events'\"\n                      [me]=\"me?.sub\"\n                      [objectId]=\"event.id\"\n                    ></hvy-comments>\n                  }\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            [readonly]=\"readonlyProcedure || readonly\"\n            [readOnlyComment]=\"readOnlyComment\"\n            [enableEditActions]=\"enableEditActions\"\n            [actions]=\"procedure.actions\"\n            (modified)=\"modifiedActions($event)\"\n            (refreshActions)=\"refreshActions($event)\"\n            [me]=\"me?.sub\"\n            [events]=\"this.events\"\n            (commented)=\"actionCommented($event)\"\n          ></hvy-procedure-actions>\n        } @else {\n          @if (!readonly) {\n            <button class=\"a-btn a-btn--secondary\" [disabled]=\"!canAssociateProcedure\" (click)=\"openAssociationModal()\">\n              {{ '@hvy.action.associate' | i18n }}\n            </button>\n          } @else {\n            <span class=\"o-hvy-events-detail__procedure__empty\">{{ '@hvy.event.log.procedure.none' | i18n }}</span>\n          }\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: i1$3.PryI18nService }, { type: i1$3.PryDialogService }, { type: HypCommentsService }, { type: EventService }, { type: i1$5.Actions }], propDecorators: { modifiedEvents: [{
                 type: Output
             }], modifiedProcedure: [{
                 type: Output
@@ -2054,14 +2421,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
                 type: Output
             }], title: [{
                 type: Input
-            }], me: [{
-                type: Input
             }], readonly: [{
                 type: Input
             }], readonlyProcedure: [{
                 type: Input
             }], enableEditActions: [{
                 type: Input
+            }], readOnlyComment: [{
+                type: Input
             }], confirmDialog: [{
                 type: ViewChild,
                 args: ['confirmDialog', { read: TemplateRef }]
@@ -2072,6 +2439,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
                 args: ['detailHoverIcon', { read: ElementRef }]
             }], commented: [{
                 type: Output
+            }], me: [{
+                type: Input
             }], events: [{
                 type: Input
             }], procedure: [{
@@ -2194,7 +2563,9 @@ class EventListComponent extends SubscriptionnerDirective {
         this.disableGotoDetail = false;
         this.Math = Math;
         this.padId = padId;
-        this.store.dispatch(EventActions.load({}));
+        this.subscriptions.add(fromEvent(window, 'journal-refresh').pipe(startWith(new CustomEvent(`journal-refresh`, { detail: true }))).subscribe(() => {
+            this.store.dispatch(EventActions.load({}));
+        }));
         this.events$ = this.store.select(EventSelectors.events);
         this.selectedIds$ = this.store.select(EventSelectors.selectedIds);
         this.allSelected$ = combineLatest([this.events$, this.selectedIds$]).pipe(map(([events, selectedIds]) => events.length > 0 && events.filter((ev) => !selectedIds.includes(ev.id)).length === 0));
@@ -2229,11 +2600,11 @@ class EventListComponent extends SubscriptionnerDirective {
         return;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", 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: "18.2.6", type: EventListComponent, selector: "hvy-event-list", inputs: { disableGotoDetail: "disableGotoDetail" }, 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>\n        <hvy-event-column-order field=\"criticality\">{{ '@hvy.event.criticality.name' | i18n }}</hvy-event-column-order>\n      </th>\n      <th>\n        <hvy-event-column-order field=\"id\">{{ '@hvy.event.id' | i18n }}</hvy-event-column-order>\n      </th>\n      <th>\n        <hvy-event-column-order field=\"name\">{{ '@hvy.event.name' | i18n }}</hvy-event-column-order>\n      </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=\"source\">{{ '@hvy.event.source' | 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>\n        <hvy-event-column-order field=\"category\">{{ '@hvy.event.category.name' | i18n }}</hvy-event-column-order>\n      </th>\n      <th>\n        <hvy-event-column-order field=\"creationDate\">{{ '@hvy.event.creationDate' | i18n }}</hvy-event-column-order>\n      </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\" [class.-nogo]=\"disableGotoDetail\" (click)=\"goTo(event)\">\n        <td class=\"o-hvy-events-table__line__cell checkbox\">\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 icon\">\n          <hvy-icon-display [event]=\"event\"></hvy-icon-display>\n        </td>\n        <td class=\"o-hvy-events-table__line__cell id\">\n          {{ padId.fn(event.id) }}\n        </td>\n        <td class=\"o-hvy-events-table__line__cell name\">\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            @if (event.equipment) {\n              {{ event.equipment.name ? event.equipment.name : '' }} -\n              {{ event.equipment ? ('@hvy.event.family.' + event.equipment.family | i18n) : '' }}\n            }\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 status\">\n          <hvy-status-display [item]=\"event\"></hvy-status-display>\n        </td>\n        <td class=\"o-hvy-events-table__line__cell source\">\n          {{ event.externalSourceRef ?? ('@hvy.event.hypervisor' | i18n) }}\n        </td>\n        <td class=\"o-hvy-events-table__line__cell -centered progress\">{{ event.procedureProgress }} %</td>\n        <td class=\"o-hvy-events-table__line__cell category\">\n          <div class=\"o-hvy-events-table__line__cell__name__main\">\n            {{ '@hvy.event.category.' + event.category | i18n }}\n          </div>\n          @if (event.subCategory) {\n            <div class=\"o-hvy-events-table__line__cell__name__sub\">\n              {{ '@hvy.event.subCategory.' + event.subCategory | i18n }}\n            </div>\n          }\n        </td>\n        <td class=\"o-hvy-events-table__line__cell creation-date\">\n          {{ event.creationDate | displayLocaleDatetime }}\n        </td>\n        <td class=\"o-hvy-events-table__line__cell modification-date\">\n          {{ event.lastModificationDate | displayLocaleDatetime }}\n        </td>\n        <td class=\"o-hvy-events-table__line__cell link\">\n          @if (!disableGotoDetail) {\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          }\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", "name", "inputId", "inhibit"] }, { 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: ["type", "readonly", "item", "modifiable"], outputs: ["modified"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }, { kind: "pipe", type: DisplayLocaleDateTime, name: "displayLocaleDatetime" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: EventListComponent, selector: "hvy-event-list", inputs: { disableGotoDetail: "disableGotoDetail" }, 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>\n        <hvy-event-column-order field=\"criticality\">{{ '@hvy.event.criticality.name' | i18n }}</hvy-event-column-order>\n      </th>\n      <th>\n        <hvy-event-column-order field=\"id\">{{ '@hvy.event.id' | i18n }}</hvy-event-column-order>\n      </th>\n      <th>\n        <hvy-event-column-order field=\"name\">{{ '@hvy.event.name' | i18n }}</hvy-event-column-order>\n      </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=\"source\">{{ '@hvy.event.source' | 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>\n        <hvy-event-column-order field=\"category\">{{ '@hvy.event.category.name' | i18n }}</hvy-event-column-order>\n      </th>\n      <th>\n        <hvy-event-column-order field=\"creationDate\">{{ '@hvy.event.creationDateTable' | i18n }}</hvy-event-column-order>\n      </th>\n      <th>\n        <hvy-event-column-order field=\"lastModificationDate\"\n          >{{ '@hvy.event.lastModificationDateTable' | 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\" [class.-nogo]=\"disableGotoDetail\" (click)=\"goTo(event)\">\n        <td class=\"o-hvy-events-table__line__cell checkbox\">\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 icon\">\n          <hvy-icon-display [event]=\"event\"></hvy-icon-display>\n        </td>\n        <td class=\"o-hvy-events-table__line__cell id\">\n          {{ padId.fn(event.id) }}\n        </td>\n        <td class=\"o-hvy-events-table__line__cell name\">\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            @if (event.equipment) {\n              {{ event.equipment.name ? event.equipment.name : '' }} -\n              {{ event.equipment ? ('@hvy.event.family.' + event.equipment.family | i18n) : '' }}\n            }\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 status\">\n          <hvy-status-display [item]=\"event\"></hvy-status-display>\n        </td>\n        <td class=\"o-hvy-events-table__line__cell source\">\n          {{ event.externalSourceRef ?? ('@hvy.event.hypervisor' | i18n) }}\n        </td>\n        <td class=\"o-hvy-events-table__line__cell -centered progress\">{{ event.procedureProgress }} %</td>\n        <td class=\"o-hvy-events-table__line__cell category\">\n          <div class=\"o-hvy-events-table__line__cell__name__main\">\n            {{ '@hvy.event.category.' + event.category | i18n }}\n          </div>\n          @if (event.subCategory && event.subCategory !== 'NONE') {\n            <div class=\"o-hvy-events-table__line__cell__name__sub\">\n              {{ '@hvy.event.subCategory.' + event.subCategory | i18n }}\n            </div>\n          }\n        </td>\n        <td class=\"o-hvy-events-table__line__cell creation-date\">\n          {{ event.creationDate | displayLocaleDatetime }}\n        </td>\n        <td class=\"o-hvy-events-table__line__cell modification-date\">\n          {{ event.lastModificationDate | displayLocaleDatetime }}\n        </td>\n        <td class=\"o-hvy-events-table__line__cell link\">\n          @if (!disableGotoDetail) {\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          }\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", "name", "inputId", "inhibit"] }, { 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: ["type", "readonly", "item", "modifiable"], outputs: ["modified"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }, { kind: "pipe", type: DisplayLocaleDateTime, name: "displayLocaleDatetime" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: EventListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'hvy-event-list', 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>\n        <hvy-event-column-order field=\"criticality\">{{ '@hvy.event.criticality.name' | i18n }}</hvy-event-column-order>\n      </th>\n      <th>\n        <hvy-event-column-order field=\"id\">{{ '@hvy.event.id' | i18n }}</hvy-event-column-order>\n      </th>\n      <th>\n        <hvy-event-column-order field=\"name\">{{ '@hvy.event.name' | i18n }}</hvy-event-column-order>\n      </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=\"source\">{{ '@hvy.event.source' | 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>\n        <hvy-event-column-order field=\"category\">{{ '@hvy.event.category.name' | i18n }}</hvy-event-column-order>\n      </th>\n      <th>\n        <hvy-event-column-order field=\"creationDate\">{{ '@hvy.event.creationDate' | i18n }}</hvy-event-column-order>\n      </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\" [class.-nogo]=\"disableGotoDetail\" (click)=\"goTo(event)\">\n        <td class=\"o-hvy-events-table__line__cell checkbox\">\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 icon\">\n          <hvy-icon-display [event]=\"event\"></hvy-icon-display>\n        </td>\n        <td class=\"o-hvy-events-table__line__cell id\">\n          {{ padId.fn(event.id) }}\n        </td>\n        <td class=\"o-hvy-events-table__line__cell name\">\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            @if (event.equipment) {\n              {{ event.equipment.name ? event.equipment.name : '' }} -\n              {{ event.equipment ? ('@hvy.event.family.' + event.equipment.family | i18n) : '' }}\n            }\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 status\">\n          <hvy-status-display [item]=\"event\"></hvy-status-display>\n        </td>\n        <td class=\"o-hvy-events-table__line__cell source\">\n          {{ event.externalSourceRef ?? ('@hvy.event.hypervisor' | i18n) }}\n        </td>\n        <td class=\"o-hvy-events-table__line__cell -centered progress\">{{ event.procedureProgress }} %</td>\n        <td class=\"o-hvy-events-table__line__cell category\">\n          <div class=\"o-hvy-events-table__line__cell__name__main\">\n            {{ '@hvy.event.category.' + event.category | i18n }}\n          </div>\n          @if (event.subCategory) {\n            <div class=\"o-hvy-events-table__line__cell__name__sub\">\n              {{ '@hvy.event.subCategory.' + event.subCategory | i18n }}\n            </div>\n          }\n        </td>\n        <td class=\"o-hvy-events-table__line__cell creation-date\">\n          {{ event.creationDate | displayLocaleDatetime }}\n        </td>\n        <td class=\"o-hvy-events-table__line__cell modification-date\">\n          {{ event.lastModificationDate | displayLocaleDatetime }}\n        </td>\n        <td class=\"o-hvy-events-table__line__cell link\">\n          @if (!disableGotoDetail) {\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          }\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" }]
+            args: [{ selector: 'hvy-event-list', 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>\n        <hvy-event-column-order field=\"criticality\">{{ '@hvy.event.criticality.name' | i18n }}</hvy-event-column-order>\n      </th>\n      <th>\n        <hvy-event-column-order field=\"id\">{{ '@hvy.event.id' | i18n }}</hvy-event-column-order>\n      </th>\n      <th>\n        <hvy-event-column-order field=\"name\">{{ '@hvy.event.name' | i18n }}</hvy-event-column-order>\n      </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=\"source\">{{ '@hvy.event.source' | 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>\n        <hvy-event-column-order field=\"category\">{{ '@hvy.event.category.name' | i18n }}</hvy-event-column-order>\n      </th>\n      <th>\n        <hvy-event-column-order field=\"creationDate\">{{ '@hvy.event.creationDateTable' | i18n }}</hvy-event-column-order>\n      </th>\n      <th>\n        <hvy-event-column-order field=\"lastModificationDate\"\n          >{{ '@hvy.event.lastModificationDateTable' | 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\" [class.-nogo]=\"disableGotoDetail\" (click)=\"goTo(event)\">\n        <td class=\"o-hvy-events-table__line__cell checkbox\">\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 icon\">\n          <hvy-icon-display [event]=\"event\"></hvy-icon-display>\n        </td>\n        <td class=\"o-hvy-events-table__line__cell id\">\n          {{ padId.fn(event.id) }}\n        </td>\n        <td class=\"o-hvy-events-table__line__cell name\">\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            @if (event.equipment) {\n              {{ event.equipment.name ? event.equipment.name : '' }} -\n              {{ event.equipment ? ('@hvy.event.family.' + event.equipment.family | i18n) : '' }}\n            }\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 status\">\n          <hvy-status-display [item]=\"event\"></hvy-status-display>\n        </td>\n        <td class=\"o-hvy-events-table__line__cell source\">\n          {{ event.externalSourceRef ?? ('@hvy.event.hypervisor' | i18n) }}\n        </td>\n        <td class=\"o-hvy-events-table__line__cell -centered progress\">{{ event.procedureProgress }} %</td>\n        <td class=\"o-hvy-events-table__line__cell category\">\n          <div class=\"o-hvy-events-table__line__cell__name__main\">\n            {{ '@hvy.event.category.' + event.category | i18n }}\n          </div>\n          @if (event.subCategory && event.subCategory !== 'NONE') {\n            <div class=\"o-hvy-events-table__line__cell__name__sub\">\n              {{ '@hvy.event.subCategory.' + event.subCategory | i18n }}\n            </div>\n          }\n        </td>\n        <td class=\"o-hvy-events-table__line__cell creation-date\">\n          {{ event.creationDate | displayLocaleDatetime }}\n        </td>\n        <td class=\"o-hvy-events-table__line__cell modification-date\">\n          {{ event.lastModificationDate | displayLocaleDatetime }}\n        </td>\n        <td class=\"o-hvy-events-table__line__cell link\">\n          @if (!disableGotoDetail) {\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          }\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" }]
         }], ctorParameters: () => [{ type: i1$1.Store }, { type: i0.ElementRef }, { type: i2$1.Router }, { type: InfiniteScrollService }], propDecorators: { disableGotoDetail: [{
                 type: Input
             }] } });
@@ -2249,12 +2620,19 @@ class EventFiltersComponent extends SubscriptionnerDirective {
         this.filters.forEach((filter) => (filter.filterSet = this.filterSet));
     }
     filter() {
-        const filters = this.filters.map((filter) => filter.getParams()).reduce((p, c) => ({ ...p, ...c }), {});
+        let filters = this.filters.map((filter) => filter.getParams()).reduce((p, c) => ({ ...p, ...c }), {});
+        if (this.filterSet !== 'events') {
+            filters = { ...filters, ['deleted']: ['false'] };
+        }
         this.store.dispatch(EventActions.filter({ filters, filterSet: this.filterSet }));
         this.filtered.next();
     }
     reset() {
-        this.store.dispatch(EventActions.filter({ filters: {}, filterSet: this.filterSet }));
+        let filters = {};
+        if (this.filterSet !== 'events') {
+            filters = { ...filters, ['deleted']: ['false'] };
+        }
+        this.store.dispatch(EventActions.filter({ filters, filterSet: this.filterSet }));
         this.filtered.next();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: EventFiltersComponent, deps: [{ token: i1$1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
@@ -2340,6 +2718,9 @@ class DateFilterComponent extends HvyUnitFilterComponent {
         this.value = '';
         this.subscriptions.add(combineLatest([this.store.select(EventSelectors.filters), this._filterSet$]).subscribe(([filters, filterSet]) => {
             this.value = (filters[filterSet] ?? {})[this.prop] ? (filters[filterSet] ?? {})[this.prop][0] ?? '' : '';
+            if (!!this.value) {
+                this.value = new Date(this.value).toISOString().substring(0, 10);
+            }
         }));
     }
     getParams() {
@@ -2354,11 +2735,11 @@ class DateFilterComponent extends HvyUnitFilterComponent {
         this.changed.next();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: DateFilterComponent, deps: [{ token: i1$1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: DateFilterComponent, selector: "hvy-date-filter", providers: [{ provide: HvyUnitFilterComponent, useExisting: forwardRef(() => DateFilterComponent) }], usesInheritance: true, ngImport: i0, template: "<div class=\"o-hvy-date-filters\">\n  <input type=\"date\" class=\"a-form-field\"\n         [value]=\"value\"\n         (change)=\"triggerChange($event)\">\n</div>\n" }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: DateFilterComponent, selector: "hvy-date-filter", providers: [{ provide: HvyUnitFilterComponent, useExisting: forwardRef(() => DateFilterComponent) }], usesInheritance: true, ngImport: i0, template: "<div class=\"o-hvy-date-filters\">\n  <label> {{ \"@chh.event.date\" | i18n }}&nbsp;:\n  <input type=\"date\" class=\"a-form-field\"\n         [value]=\"value\"\n         (change)=\"triggerChange($event)\">\n  </label>\n</div>\n", dependencies: [{ kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: DateFilterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'hvy-date-filter', providers: [{ provide: HvyUnitFilterComponent, useExisting: forwardRef(() => DateFilterComponent) }], template: "<div class=\"o-hvy-date-filters\">\n  <input type=\"date\" class=\"a-form-field\"\n         [value]=\"value\"\n         (change)=\"triggerChange($event)\">\n</div>\n" }]
+            args: [{ selector: 'hvy-date-filter', providers: [{ provide: HvyUnitFilterComponent, useExisting: forwardRef(() => DateFilterComponent) }], template: "<div class=\"o-hvy-date-filters\">\n  <label> {{ \"@chh.event.date\" | i18n }}&nbsp;:\n  <input type=\"date\" class=\"a-form-field\"\n         [value]=\"value\"\n         (change)=\"triggerChange($event)\">\n  </label>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1$1.Store }] });
 
 class ChoiceFilterComponent extends HvyUnitFilterComponent {
@@ -2526,11 +2907,11 @@ class TextFilterComponent extends HvyUnitFilterComponent {
         this.changed.next();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: TextFilterComponent, deps: [{ token: i1$1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: TextFilterComponent, selector: "hvy-text-filter", inputs: { placeholder: "placeholder" }, 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=\"{{ placeholder | 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" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: TextFilterComponent, selector: "hvy-text-filter", inputs: { placeholder: "placeholder" }, 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=\"{{ placeholder | i18n }}...\"\n  />\n  <pry-icon\n    iconSvg=\"search\"\n    class=\"o-hvy-text-filters__search-icon\">\n  </pry-icon>\n  @if (value) {\n    <pry-icon\n      (click)=\"triggerChange('')\"\n      class=\"filters-search-erase\"\n      iconSvg=\"close\"\n      [width]=\"18\"\n      [height]=\"18\"\n    ></pry-icon>\n  }\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: "18.2.6", ngImport: i0, type: TextFilterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'hvy-text-filter', providers: [{ provide: HvyUnitFilterComponent, useExisting: forwardRef(() => TextFilterComponent) }], 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=\"{{ placeholder | i18n }}...\"\n  />\n  <pry-icon iconSvg=\"search\" class=\"o-hvy-text-filters__search-icon\"></pry-icon>\n</div>\n" }]
+            args: [{ selector: 'hvy-text-filter', providers: [{ provide: HvyUnitFilterComponent, useExisting: forwardRef(() => TextFilterComponent) }], 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=\"{{ placeholder | i18n }}...\"\n  />\n  <pry-icon\n    iconSvg=\"search\"\n    class=\"o-hvy-text-filters__search-icon\">\n  </pry-icon>\n  @if (value) {\n    <pry-icon\n      (click)=\"triggerChange('')\"\n      class=\"filters-search-erase\"\n      iconSvg=\"close\"\n      [width]=\"18\"\n      [height]=\"18\"\n    ></pry-icon>\n  }\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1$1.Store }], propDecorators: { placeholder: [{
                 type: Input
             }] } });
@@ -2588,11 +2969,11 @@ class EventSummaryItemComponent {
         this.EVENT_LINK = EVENT_LINK;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: EventSummaryItemComponent, deps: [{ token: i1$1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: EventSummaryItemComponent, selector: "hvy-event-summary-item", inputs: { event: "event", linkBase: "linkBase", doNotRedirectToDetail: "doNotRedirectToDetail" }, ngImport: i0, template: "<div class=\"m-hvy-event-summary-item\" [class.-no-pointer]=\"doNotRedirectToDetail\">\n  <a [routerLink]=\"doNotRedirectToDetail ? null : 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      <div>\n        {{ event.serviceTitle }}\n      </div>\n      <div>\n        {{\n          !event.startDate || !event.endDate\n            ? ''\n            : ('@hvy.eventSummary.from' | i18n) +\n              ' ' +\n              (event.startDate | displayLocaleDatetime: 'short') +\n              ' ' +\n              ('@hvy.eventSummary.to' | i18n) +\n              ' ' +\n              (event.endDate | displayLocaleDatetime: 'short')\n        }}\n      </div>\n    </div>\n    <div class=\"m-hvy-event-summary-item__footer\">\n      <div class=\"m-hvy-event-summary-item__icons\">\n        <pry-icon iconSvg=\"service\"></pry-icon>\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 | displayLocaleDatetime: 'medium' }}\n        </span>\n      </div>\n    </div>\n  </a>\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: IconDisplayComponent, selector: "hvy-icon-display", inputs: ["event"] }, { kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }, { kind: "pipe", type: DisplayLocaleDateTime, name: "displayLocaleDatetime" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: EventSummaryItemComponent, selector: "hvy-event-summary-item", inputs: { event: "event", linkBase: "linkBase", doNotRedirectToDetail: "doNotRedirectToDetail" }, ngImport: i0, template: "<div class=\"m-hvy-event-summary-item\" [class.-no-pointer]=\"doNotRedirectToDetail\">\n  <a [routerLink]=\"doNotRedirectToDetail ? null : 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      <div>\n        {{ event.serviceTitle }}\n      </div>\n      <div>\n        {{\n          !event.startDate || !event.endDate || event.category !== 'MANIFESTATION'\n            ? ''\n            : ('@hvy.eventSummary.from' | i18n) +\n              ' ' +\n              (event.startDate | displayLocaleDatetime: 'short') +\n              ' ' +\n              ('@hvy.eventSummary.to' | i18n) +\n              ' ' +\n              (event.endDate | displayLocaleDatetime: 'short')\n        }}\n      </div>\n    </div>\n    <div class=\"m-hvy-event-summary-item__footer\">\n      <div class=\"m-hvy-event-summary-item__icons\">\n        @if (event.serviceCount !== 0) {\n          <pry-icon  iconSvg=\"service\"></pry-icon>\n          <span class=\"m-hvy-event-summary-item__intervention-counter\">{{ event.serviceCount }}</span>\n        }\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 | displayLocaleDatetime: 'medium' }}\n        </span>\n      </div>\n    </div>\n  </a>\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: IconDisplayComponent, selector: "hvy-icon-display", inputs: ["event"] }, { kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }, { kind: "pipe", type: DisplayLocaleDateTime, name: "displayLocaleDatetime" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: EventSummaryItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'hvy-event-summary-item', template: "<div class=\"m-hvy-event-summary-item\" [class.-no-pointer]=\"doNotRedirectToDetail\">\n  <a [routerLink]=\"doNotRedirectToDetail ? null : 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      <div>\n        {{ event.serviceTitle }}\n      </div>\n      <div>\n        {{\n          !event.startDate || !event.endDate\n            ? ''\n            : ('@hvy.eventSummary.from' | i18n) +\n              ' ' +\n              (event.startDate | displayLocaleDatetime: 'short') +\n              ' ' +\n              ('@hvy.eventSummary.to' | i18n) +\n              ' ' +\n              (event.endDate | displayLocaleDatetime: 'short')\n        }}\n      </div>\n    </div>\n    <div class=\"m-hvy-event-summary-item__footer\">\n      <div class=\"m-hvy-event-summary-item__icons\">\n        <pry-icon iconSvg=\"service\"></pry-icon>\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 | displayLocaleDatetime: 'medium' }}\n        </span>\n      </div>\n    </div>\n  </a>\n</div>\n" }]
+            args: [{ selector: 'hvy-event-summary-item', template: "<div class=\"m-hvy-event-summary-item\" [class.-no-pointer]=\"doNotRedirectToDetail\">\n  <a [routerLink]=\"doNotRedirectToDetail ? null : 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      <div>\n        {{ event.serviceTitle }}\n      </div>\n      <div>\n        {{\n          !event.startDate || !event.endDate || event.category !== 'MANIFESTATION'\n            ? ''\n            : ('@hvy.eventSummary.from' | i18n) +\n              ' ' +\n              (event.startDate | displayLocaleDatetime: 'short') +\n              ' ' +\n              ('@hvy.eventSummary.to' | i18n) +\n              ' ' +\n              (event.endDate | displayLocaleDatetime: 'short')\n        }}\n      </div>\n    </div>\n    <div class=\"m-hvy-event-summary-item__footer\">\n      <div class=\"m-hvy-event-summary-item__icons\">\n        @if (event.serviceCount !== 0) {\n          <pry-icon  iconSvg=\"service\"></pry-icon>\n          <span class=\"m-hvy-event-summary-item__intervention-counter\">{{ event.serviceCount }}</span>\n        }\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 | displayLocaleDatetime: 'medium' }}\n        </span>\n      </div>\n    </div>\n  </a>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1$1.Store }], propDecorators: { event: [{
                 type: Input,
                 args: [{ required: true }]
@@ -2655,7 +3036,9 @@ class EventSummaryPageComponent extends SubscriptionnerDirective {
         this.criticalityList = ['ALL', ...HypEventCriticality.values];
         this.statusList = HypEventStatus.values;
         this.doNotRedirectToDetail = false;
-        this.store.dispatch(EventSummaryActions.load());
+        this.subscriptions.add(fromEvent(window, 'accueil-refresh').pipe(startWith(new CustomEvent(`accueil-refresh`, { detail: true }))).subscribe(() => {
+            this.store.dispatch(EventSummaryActions.load());
+        }));
         this.selectedCriticality$ = this.store
             .select(EventSelectors.filters)
             .pipe(map$1((filters) => (filters[KNOWN_FILTER_SETS.EVENTS] ?? {})['criticality']?.[0] ?? 'ALL'));
@@ -2673,7 +3056,7 @@ class EventSummaryPageComponent extends SubscriptionnerDirective {
         this.store.dispatch(EventSummaryActions.load());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: EventSummaryPageComponent, deps: [{ token: i1$1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: EventSummaryPageComponent, selector: "hvy-event-summary-page", inputs: { pageTitle: "pageTitle", consultLink: "consultLink", doNotRedirectToDetail: "doNotRedirectToDetail" }, 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        @if (summaries[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            [doNotRedirectToDetail]=\"doNotRedirectToDetail\"\n          >\n          </hvy-event-summary-list>\n        }\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", "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", "doNotRedirectToDetail"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: EventSummaryPageComponent, selector: "hvy-event-summary-page", inputs: { pageTitle: "pageTitle", consultLink: "consultLink", doNotRedirectToDetail: "doNotRedirectToDetail" }, 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        @if (summaries[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            [doNotRedirectToDetail]=\"doNotRedirectToDetail\"\n          >\n          </hvy-event-summary-list>\n        }\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", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked", "pressedEnter"] }, { kind: "component", type: EventSummaryListComponent, selector: "hvy-event-summary-list", inputs: ["events", "totalEventCount", "status", "consultLink", "itemLinkBase", "doNotRedirectToDetail"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: EventSummaryPageComponent, decorators: [{
             type: Component,
@@ -2714,6 +3097,7 @@ class ProcedureListComponent extends SubscriptionnerDirective {
         this.PROCEDURE_LINK = PROCEDURE_LINK;
         this.search = '';
         this.DOMAINS = DOMAINS.values.map((d) => ({ key: d }));
+        this.placeholder = '@hvy.action.search';
         this.padId = padId;
         this.store.dispatch(ProcedureActions.load({}));
         this.procedures$ = this.store.select(ProcedureSelectors.procedures);
@@ -2727,14 +3111,16 @@ 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: "18.2.6", 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: "18.2.6", 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=\"id\">{{ '@hvy.procedure.id' | i18n }}</hvy-procedure-column-order>\n          </th>\n          <th>\n            <hvy-procedure-column-order field=\"name\">{{ '@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=\"useCount\"\n              >{{ '@hvy.procedure.useCount' | i18n }}\n            </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=\"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\">{{ padId.fn(procedure.id) }}</td>\n            <td class=\"o-hvy-events-table__line__cell\">{{ procedure.name }}</td>\n            <td class=\"o-hvy-events-table__line__cell\">{{ '@hvy.event.domain.' + procedure.domain | i18n }}</td>\n            <td class=\"o-hvy-events-table__line__cell\">{{ procedure.useCount }}</td>\n            <td class=\"o-hvy-events-table__line__cell\">{{ procedure.creator }}</td>\n            <td class=\"o-hvy-events-table__line__cell\">{{ procedure.creationDate | displayLocaleDatetime }}</td>\n            <td class=\"o-hvy-events-table__line__cell\">\n              {{ procedure.lastModificationDate | displayLocaleDatetime }}\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", inputs: ["placeholder"] }, { kind: "component", type: ChoiceFilterComponent, selector: "hvy-choice-filter", inputs: ["allLabel", "label", "i18nPrefix", "addNonLeaves", "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: DisplayLocaleDateTime, name: "displayLocaleDatetime" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: ProcedureListComponent, selector: "hvy-procedure-model-list", inputs: { placeholder: "placeholder" }, 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 [placeholder]=\"placeholder\"></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=\"id\">{{ '@hvy.procedure.id' | i18n }}</hvy-procedure-column-order>\n          </th>\n          <th>\n            <hvy-procedure-column-order field=\"name\">{{ '@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=\"useCount\"\n              >{{ '@hvy.procedure.useCount' | i18n }}\n            </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=\"creationDate\"\n              >{{ '@hvy.event.creationDateTable' | i18n }}\n            </hvy-procedure-column-order>\n          </th>\n          <th>\n            <hvy-procedure-column-order field=\"lastModificationDate\">\n              <span>{{ '@hvy.event.lastModificationDateTable' | 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\">{{ padId.fn(procedure.id) }}</td>\n            <td class=\"o-hvy-events-table__line__cell\">{{ procedure.name }}</td>\n            <td class=\"o-hvy-events-table__line__cell\">{{ '@hvy.event.domain.' + procedure.domain | i18n }}</td>\n            <td class=\"o-hvy-events-table__line__cell\">{{ procedure.useCount }}</td>\n            <td class=\"o-hvy-events-table__line__cell\">{{ procedure.creator }}</td>\n            <td class=\"o-hvy-events-table__line__cell\">{{ procedure.creationDate | displayLocaleDatetime }}</td>\n            <td class=\"o-hvy-events-table__line__cell\">\n              {{ procedure.lastModificationDate | displayLocaleDatetime }}\n            </td>\n            <td class=\"o-hvy-events-table__line__cell\">\n              <a [routerLink]=\"PROCEDURE_LINK.fn(procedure, store)\">\n                <div class=\"consult-link\" [title]=\"'@hvy.action.consult' | i18n\">\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", inputs: ["placeholder"] }, { kind: "component", type: ChoiceFilterComponent, selector: "hvy-choice-filter", inputs: ["allLabel", "label", "i18nPrefix", "addNonLeaves", "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: DisplayLocaleDateTime, name: "displayLocaleDatetime" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ProcedureListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'hvy-procedure-model-list', 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=\"id\">{{ '@hvy.procedure.id' | i18n }}</hvy-procedure-column-order>\n          </th>\n          <th>\n            <hvy-procedure-column-order field=\"name\">{{ '@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=\"useCount\"\n              >{{ '@hvy.procedure.useCount' | i18n }}\n            </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=\"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\">{{ padId.fn(procedure.id) }}</td>\n            <td class=\"o-hvy-events-table__line__cell\">{{ procedure.name }}</td>\n            <td class=\"o-hvy-events-table__line__cell\">{{ '@hvy.event.domain.' + procedure.domain | i18n }}</td>\n            <td class=\"o-hvy-events-table__line__cell\">{{ procedure.useCount }}</td>\n            <td class=\"o-hvy-events-table__line__cell\">{{ procedure.creator }}</td>\n            <td class=\"o-hvy-events-table__line__cell\">{{ procedure.creationDate | displayLocaleDatetime }}</td>\n            <td class=\"o-hvy-events-table__line__cell\">\n              {{ procedure.lastModificationDate | displayLocaleDatetime }}\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" }]
+            args: [{ selector: 'hvy-procedure-model-list', 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 [placeholder]=\"placeholder\"></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=\"id\">{{ '@hvy.procedure.id' | i18n }}</hvy-procedure-column-order>\n          </th>\n          <th>\n            <hvy-procedure-column-order field=\"name\">{{ '@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=\"useCount\"\n              >{{ '@hvy.procedure.useCount' | i18n }}\n            </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=\"creationDate\"\n              >{{ '@hvy.event.creationDateTable' | i18n }}\n            </hvy-procedure-column-order>\n          </th>\n          <th>\n            <hvy-procedure-column-order field=\"lastModificationDate\">\n              <span>{{ '@hvy.event.lastModificationDateTable' | 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\">{{ padId.fn(procedure.id) }}</td>\n            <td class=\"o-hvy-events-table__line__cell\">{{ procedure.name }}</td>\n            <td class=\"o-hvy-events-table__line__cell\">{{ '@hvy.event.domain.' + procedure.domain | i18n }}</td>\n            <td class=\"o-hvy-events-table__line__cell\">{{ procedure.useCount }}</td>\n            <td class=\"o-hvy-events-table__line__cell\">{{ procedure.creator }}</td>\n            <td class=\"o-hvy-events-table__line__cell\">{{ procedure.creationDate | displayLocaleDatetime }}</td>\n            <td class=\"o-hvy-events-table__line__cell\">\n              {{ procedure.lastModificationDate | displayLocaleDatetime }}\n            </td>\n            <td class=\"o-hvy-events-table__line__cell\">\n              <a [routerLink]=\"PROCEDURE_LINK.fn(procedure, store)\">\n                <div class=\"consult-link\" [title]=\"'@hvy.action.consult' | i18n\">\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" }]
         }], ctorParameters: () => [{ type: i1$1.Store }, { type: i2$1.Router }, { type: InfiniteScrollService }], propDecorators: { scrollable: [{
                 type: ViewChild,
                 args: ['scrollable']
+            }], placeholder: [{
+                type: Input
             }] } });
 
 class ProcedureModelDetailComponent extends SubscriptionnerDirective {
@@ -2745,17 +3131,38 @@ class ProcedureModelDetailComponent extends SubscriptionnerDirective {
     get modifiedModel() {
         return { ...this.model, ...(this.modifications ?? {}) };
     }
-    constructor(store) {
+    constructor(actions$) {
         super();
-        this.store = store;
+        this.actions$ = actions$;
         this.username = 'xxx';
         this.modifications = {};
+        this.saved = false;
         this.errors = [];
-        this.eventErrors = new EventEmitter();
+        this.eventErrors = [];
+        this.eventErrorsChange = new EventEmitter();
         this.modified = new EventEmitter();
         this.DOMAINS = DOMAINS.values;
         this.readonly = false;
+        this.readOnlyComment = false;
         this.padId = padId;
+        this.subscriptions.add(this.actions$.pipe(ofType(ProcedureActions.save))
+            .subscribe({
+            next: result => {
+                this.saved = true;
+            }
+        }));
+        this.subscriptions.add(this.actions$.pipe(ofType(ProcedureActions.saveSuccess), delay(1000))
+            .subscribe({
+            next: result => {
+                this.saved = false;
+            }
+        }));
+        this.subscriptions.add(this.actions$.pipe(ofType(ProcedureActions.saveFailure), delay(1000))
+            .subscribe({
+            next: result => {
+                this.saved = false;
+            }
+        }));
     }
     hasError(prop) {
         return this.errors.find((err) => err.field === prop) ?? false;
@@ -2763,32 +3170,41 @@ class ProcedureModelDetailComponent extends SubscriptionnerDirective {
     validate(model) {
         if (!!model) {
             this.errors = [];
-            if (!model.name || model.name.length === 0) {
+            const regex = new RegExp(/^\s+$/);
+            if (!model.name || model.name.length === 0 || regex.test(model.name)) {
                 this.errors.push({ field: 'name', code: 'required' });
             }
             if (!model.domain || model.domain.length === 0) {
                 this.errors.push({ field: 'domain', code: 'required' });
             }
-            if (!model.description || model.description.length === 0) {
+            if (!model.description || model.description.length === 0 || regex.test(model.description)) {
                 this.errors.push({ field: 'description', code: 'required' });
             }
-            this.eventErrors.next(this.errors);
+            this.eventErrorsChange.next(this.errors);
         }
     }
     modify(prop, $event) {
-        // @ts-ignore
-        const newValue = $event instanceof Event ? $event.target?.value : $event;
-        if (this.model) {
-            // @ts-ignore
-            if (this.model[prop] !== newValue) {
-                // @ts-ignore
-                this.modifications[prop] = newValue;
-                this._outputModifications();
+        if (!this.saved) {
+            if (prop === 'name') {
+                const index = this.errors.findIndex(error => error.field == 'title');
+                if (index !== -1) {
+                    this.errors.splice(index, 1);
+                }
             }
-            else {
+            // @ts-ignore
+            const newValue = $event instanceof Event ? $event.target?.value : $event;
+            if (this.model) {
                 // @ts-ignore
-                delete this.modifications[prop];
-                this._outputModifications();
+                if (this.model[prop] !== newValue) {
+                    // @ts-ignore
+                    this.modifications[prop] = newValue;
+                    this._outputModifications();
+                }
+                else {
+                    // @ts-ignore
+                    delete this.modifications[prop];
+                    this._outputModifications();
+                }
             }
         }
     }
@@ -2805,24 +3221,28 @@ class ProcedureModelDetailComponent extends SubscriptionnerDirective {
         }
         this._outputModifications();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ProcedureModelDetailComponent, deps: [{ token: i1$1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: ProcedureModelDetailComponent, selector: "hvy-procedure-model-detail", inputs: { model: "model", username: "username", title: "title", readonly: "readonly", 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          <h3>{{ '@hvy.procedure.formTitle' | i18n }}</h3>\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('name')\"\n                    [value]=\"model.name\"\n                    (change)=\"modify('name', $event)\"\n                    [maxLength]=\"50\"\n                    [readonly]=\"readonly\"\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                    [maxLength]=\"256\"\n                    [readonly]=\"readonly\"\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                    [disabled]=\"readonly\"\n                  ></pry-select>\n                </td>\n              </tr>\n              <tr>\n                <td>{{ '@hvy.procedure.creator' | i18n }}<span class=\"required\">*</span> :</td>\n                <td>\n                  <input type=\"text\" class=\"a-form-field\" [value]=\"model.creator\" readonly />\n                </td>\n              </tr>\n              @if (model.id > 0) {\n                <tr>\n                  <td>{{ '@hvy.event.log.event.id' | i18n }} :</td>\n                  <td>\n                    <input type=\"text\" class=\"a-form-field\" [value]=\"padId.fn(model.id)\" readonly />\n                  </td>\n                </tr>\n              }\n              @if (!!model.id) {\n                <tr>\n                  <td>{{ '@hvy.event.creationDate' | i18n }} :</td>\n                  <td>\n                    <input\n                      type=\"datetime-local\"\n                      class=\"a-form-field\"\n                      [value]=\"model.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                      class=\"a-form-field\"\n                      [value]=\"model.lastModificationDate | forDateTimeLocal\"\n                      readonly\n                    />\n                  </td>\n                </tr>\n              }\n            </tbody>\n          </table>\n        </div>\n        <div class=\"o-hvy-procedure-detail__actions\">\n          <h3>{{ '@hvy.procedure.actions' | i18n }} ({{ model.actions.length }})</h3>\n          <hvy-procedure-actions\n            [actions]=\"model.actions\"\n            (modified)=\"updateActions($event)\"\n            [readonly]=\"readonly\"\n            mode=\"model\"\n            [enableEditActions]=\"true\"\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", "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", "me", "readonly", "enableEditActions", "events", "actions"], outputs: ["modified", "commented"] }, { kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }, { kind: "pipe", type: ForDatetimeLocalPipe, name: "forDateTimeLocal" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ProcedureModelDetailComponent, deps: [{ token: i1$5.Actions }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: ProcedureModelDetailComponent, selector: "hvy-procedure-model-detail", inputs: { model: "model", username: "username", title: "title", eventErrors: "eventErrors", readonly: "readonly", readOnlyComment: "readOnlyComment", cancelModifications: "cancelModifications" }, outputs: { eventErrorsChange: "eventErrorsChange", 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          <h3>{{ '@hvy.procedure.formTitle' | i18n }}</h3>\n          <table>\n            <tbody>\n              <!--identifiant-->\n              @if (model.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(model.id)\" readonly />\n                  </td>\n                </tr>\n              }\n              <!--titre-->\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('name')\"\n                    [value]=\"model.name\"\n                    (change)=\"modify('name', $event)\"\n                    [maxLength]=\"50\"\n                    [readonly]=\"readonly\"\n                  />\n                  @if (hasError('title')) {\n                    <span class=\"a-form-field -error\">{{ '@hvy.procedure.alreadyExists' | i18n }}</span>\n                  }\n                </td>\n              </tr>\n              <!--metier-->\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                    [disabled]=\"readonly\"\n                  ></pry-select>\n                </td>\n              </tr>\n              <!--description-->\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                    [maxLength]=\"256\"\n                    [readonly]=\"readonly\"\n                  ></textarea>\n                </td>\n              </tr>\n              <!--createur-->\n              <tr>\n                <td>{{ '@hvy.procedure.creator' | i18n }}<span class=\"required\">*</span> :</td>\n                <td>\n                  <input type=\"text\" class=\"a-form-field\" [value]=\"model.creator\" readonly />\n                </td>\n              </tr>\n              <!--date de cr\u00E9ation-->\n                <tr>\n                  <td>{{ '@hvy.event.creationDate' | i18n }}<span class=\"required\">*</span> :</td>\n                  <td>\n                    <input\n                      type=\"datetime-local\"\n                      class=\"a-form-field\"\n                      [value]=\"model.creationDate | forDateTimeLocal\"\n                      readonly\n                    />\n                  </td>\n                </tr>\n              <!--date de derni\u00E8re modification-->\n                <tr>\n                  <td>{{ '@hvy.event.lastModificationDate' | i18n }}<span class=\"required\">*</span> :</td>\n                  <td>\n                    <input\n                      type=\"datetime-local\"\n                      class=\"a-form-field\"\n                      [value]=\"model.lastModificationDate | forDateTimeLocal\"\n                      readonly\n                    />\n                  </td>\n                </tr>\n            </tbody>\n          </table>\n        </div>\n        <div class=\"o-hvy-procedure-detail__actions\">\n          <h3>{{ '@hvy.procedure.actions' | i18n }} ({{ model.actions?.length }})</h3>\n          <hvy-procedure-actions\n            [actions]=\"model.actions\"\n            (modified)=\"updateActions($event)\"\n            [readonly]=\"readonly\"\n            [readOnlyComment]=\"readOnlyComment\"\n            mode=\"model\"\n            [enableEditActions]=\"true\"\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", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked", "pressedEnter"] }, { kind: "component", type: ProcedureActionsComponent, selector: "hvy-procedure-actions", inputs: ["mode", "me", "readonly", "readOnlyComment", "enableEditActions", "events", "actions"], outputs: ["modified", "commented", "refreshActions"] }, { kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }, { kind: "pipe", type: ForDatetimeLocalPipe, name: "forDateTimeLocal" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ProcedureModelDetailComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'hvy-procedure-model-detail', 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          <h3>{{ '@hvy.procedure.formTitle' | i18n }}</h3>\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('name')\"\n                    [value]=\"model.name\"\n                    (change)=\"modify('name', $event)\"\n                    [maxLength]=\"50\"\n                    [readonly]=\"readonly\"\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                    [maxLength]=\"256\"\n                    [readonly]=\"readonly\"\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                    [disabled]=\"readonly\"\n                  ></pry-select>\n                </td>\n              </tr>\n              <tr>\n                <td>{{ '@hvy.procedure.creator' | i18n }}<span class=\"required\">*</span> :</td>\n                <td>\n                  <input type=\"text\" class=\"a-form-field\" [value]=\"model.creator\" readonly />\n                </td>\n              </tr>\n              @if (model.id > 0) {\n                <tr>\n                  <td>{{ '@hvy.event.log.event.id' | i18n }} :</td>\n                  <td>\n                    <input type=\"text\" class=\"a-form-field\" [value]=\"padId.fn(model.id)\" readonly />\n                  </td>\n                </tr>\n              }\n              @if (!!model.id) {\n                <tr>\n                  <td>{{ '@hvy.event.creationDate' | i18n }} :</td>\n                  <td>\n                    <input\n                      type=\"datetime-local\"\n                      class=\"a-form-field\"\n                      [value]=\"model.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                      class=\"a-form-field\"\n                      [value]=\"model.lastModificationDate | forDateTimeLocal\"\n                      readonly\n                    />\n                  </td>\n                </tr>\n              }\n            </tbody>\n          </table>\n        </div>\n        <div class=\"o-hvy-procedure-detail__actions\">\n          <h3>{{ '@hvy.procedure.actions' | i18n }} ({{ model.actions.length }})</h3>\n          <hvy-procedure-actions\n            [actions]=\"model.actions\"\n            (modified)=\"updateActions($event)\"\n            [readonly]=\"readonly\"\n            mode=\"model\"\n            [enableEditActions]=\"true\"\n          ></hvy-procedure-actions>\n        </div>\n      }\n    </div>\n  </div>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: i1$1.Store }], propDecorators: { model: [{
+            args: [{ selector: 'hvy-procedure-model-detail', 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          <h3>{{ '@hvy.procedure.formTitle' | i18n }}</h3>\n          <table>\n            <tbody>\n              <!--identifiant-->\n              @if (model.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(model.id)\" readonly />\n                  </td>\n                </tr>\n              }\n              <!--titre-->\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('name')\"\n                    [value]=\"model.name\"\n                    (change)=\"modify('name', $event)\"\n                    [maxLength]=\"50\"\n                    [readonly]=\"readonly\"\n                  />\n                  @if (hasError('title')) {\n                    <span class=\"a-form-field -error\">{{ '@hvy.procedure.alreadyExists' | i18n }}</span>\n                  }\n                </td>\n              </tr>\n              <!--metier-->\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                    [disabled]=\"readonly\"\n                  ></pry-select>\n                </td>\n              </tr>\n              <!--description-->\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                    [maxLength]=\"256\"\n                    [readonly]=\"readonly\"\n                  ></textarea>\n                </td>\n              </tr>\n              <!--createur-->\n              <tr>\n                <td>{{ '@hvy.procedure.creator' | i18n }}<span class=\"required\">*</span> :</td>\n                <td>\n                  <input type=\"text\" class=\"a-form-field\" [value]=\"model.creator\" readonly />\n                </td>\n              </tr>\n              <!--date de cr\u00E9ation-->\n                <tr>\n                  <td>{{ '@hvy.event.creationDate' | i18n }}<span class=\"required\">*</span> :</td>\n                  <td>\n                    <input\n                      type=\"datetime-local\"\n                      class=\"a-form-field\"\n                      [value]=\"model.creationDate | forDateTimeLocal\"\n                      readonly\n                    />\n                  </td>\n                </tr>\n              <!--date de derni\u00E8re modification-->\n                <tr>\n                  <td>{{ '@hvy.event.lastModificationDate' | i18n }}<span class=\"required\">*</span> :</td>\n                  <td>\n                    <input\n                      type=\"datetime-local\"\n                      class=\"a-form-field\"\n                      [value]=\"model.lastModificationDate | forDateTimeLocal\"\n                      readonly\n                    />\n                  </td>\n                </tr>\n            </tbody>\n          </table>\n        </div>\n        <div class=\"o-hvy-procedure-detail__actions\">\n          <h3>{{ '@hvy.procedure.actions' | i18n }} ({{ model.actions?.length }})</h3>\n          <hvy-procedure-actions\n            [actions]=\"model.actions\"\n            (modified)=\"updateActions($event)\"\n            [readonly]=\"readonly\"\n            [readOnlyComment]=\"readOnlyComment\"\n            mode=\"model\"\n            [enableEditActions]=\"true\"\n          ></hvy-procedure-actions>\n        </div>\n      }\n    </div>\n  </div>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i1$5.Actions }], propDecorators: { model: [{
                 type: Input
             }], username: [{
                 type: Input
             }], title: [{
                 type: Input
             }], eventErrors: [{
+                type: Input
+            }], eventErrorsChange: [{
                 type: Output
             }], modified: [{
                 type: Output
             }], readonly: [{
                 type: Input
+            }], readOnlyComment: [{
+                type: Input
             }], cancelModifications: [{
                 type: Input
             }] } });
@@ -2849,6 +3269,7 @@ const enTranslations = {
             },
             address: 'Address',
             source: 'Source',
+            externalId: 'External reference',
             hypervisor: 'Hypervisor',
             equipment: 'Equipment reference',
             equipmentEntity: 'Equipment entity',
@@ -2859,6 +3280,8 @@ const enTranslations = {
             startDate: 'Start date',
             endDate: 'End date',
             creationDate: 'Creation date',
+            creator: 'Creator',
+            errorDate: 'Please choose an end date after the start date.',
             lastModificationDate: 'Modification date',
             closeDate: 'Close date',
             detail: 'Events description',
@@ -2957,6 +3380,12 @@ const enTranslations = {
             }
         },
         procedure: {
+            checkbox: {
+                NEW: 'To do',
+                IN_PROGRESS: 'In progress',
+                DONE: 'Done',
+            },
+            alreadyExists: 'This title already exists, please choose another',
             name: 'Procedure',
             progress: 'Procedure progress %',
             useCount: 'Usage',
@@ -3003,6 +3432,13 @@ const enTranslations = {
                     ASKED_SERVICE: 'Create service',
                     OTHER: 'Other'
                 }
+            },
+            status: {
+                NEW: 'Créé',
+                ASKED: 'Demandé',
+                IN_PROGRESS: 'En cours',
+                DONE: 'Terminé',
+                CANCELLED: 'Annulé',
             }
         },
         associationModal: {
@@ -3028,11 +3464,11 @@ const enTranslations = {
         },
         service: {
             status: {
-                CREATED: 'Créé',
-                ASKED: 'Demandé',
-                IN_PROGRESS: 'En cours',
-                DONE: 'Terminé',
-                CANCELLED: 'Annulé'
+                NEW: 'Created',
+                ASKED: 'Asked',
+                IN_PROGRESS: 'In progress',
+                DONE: 'Done',
+                CANCELLED: 'Cancelled'
             },
             title: 'Create service',
             subtitle: 'Create service to process these events',
@@ -3063,6 +3499,7 @@ const frTranslations = {
             name: 'Événement',
             subCategory: {
                 name: 'Sous-catégorie',
+                NONE: 'Aucune',
                 UNUSUAL_FLOW: 'Affluence anormale de personnes',
                 TRAFFIC_CONGESTION: 'Congestion de véhicules',
                 WILD_STORAGE: 'Dépôts sauvages'
@@ -3076,6 +3513,7 @@ const frTranslations = {
             },
             address: 'Adresse',
             source: 'Source',
+            externalId: 'Référence externe',
             hypervisor: 'Hyperviseur',
             equipment: "Référence de l'équipement",
             equipmentEntity: "Entité de l'équipement",
@@ -3086,9 +3524,14 @@ const frTranslations = {
             startDate: 'Date de début',
             endDate: 'Date de fin',
             creationDate: 'Date de création',
+            creationDateTable: 'Création',
+            creator: 'Créateur',
+            errorDate: 'Veuillez saisir une date de fin postérieure à la date de début.',
             lastModificationDate: 'Date de dernière modification',
-            closeDate: 'Date de clotûre',
-            detail: 'Description des événements',
+            lastModificationDateTable: 'Modification',
+            closeDate: 'Date de clôture',
+            detail: `Description de l'événement`,
+            details: 'Description des événements',
             log: {
                 name: 'Journal des événements',
                 empty: 'Aucun événement.',
@@ -3111,7 +3554,7 @@ const frTranslations = {
                 procedure: {
                     delete: 'Supprimer la procédure',
                     progress: 'Progression',
-                    noAction: "Une procédure est une succession d'actions à réaliser selon l'ordre d'intervention",
+                    noAction: "Une procédure est une succession d'actions à réaliser selon l'ordre d'intervention.",
                     name: 'Procédure commune',
                     name1: 'Procédure',
                     none: 'Aucune procédure n’a été associée à cet événement.'
@@ -3179,7 +3622,7 @@ const frTranslations = {
             from: 'Du',
             to: 'au',
             noContent: {
-                NEW: "Aucun événement n'a été créé.",
+                NEW: 'Aucun nouvel événement.',
                 IN_PROGRESS: "Aucun événement n'est en cours.",
                 DONE: "Aucun événement n'est clôturé."
             },
@@ -3196,6 +3639,12 @@ const frTranslations = {
             }
         },
         procedure: {
+            checkbox: {
+                NEW: 'À faire',
+                IN_PROGRESS: 'En cours',
+                DONE: 'Terminé'
+            },
+            alreadyExists: 'Ce titre existe déjà. Veuillez en saisir un autre.',
             name: 'Procédure',
             progress: '% avancement procédure',
             useCount: 'Usage',
@@ -3243,11 +3692,18 @@ const frTranslations = {
                     ASKED_SERVICE: "Créer une demande d'intervention",
                     OTHER: 'Autre'
                 }
+            },
+            status: {
+                NEW: 'Créé',
+                ASKED: 'Demandé',
+                IN_PROGRESS: 'En cours',
+                DONE: 'Terminé',
+                CANCELLED: 'Annulé'
             }
         },
         associationModal: {
             title: 'Associer à une procédure',
-            description: 'Ajouter une procédure à des événements permet de sélectionner la liste des actions à réaliser pour traiter ces événements.',
+            description: 'Associer une procédure à des événements permet de sélectionner la liste des actions à réaliser pour traiter ces événements.',
             linkedEvents: 'Événements liés',
             categoryFilter: 'Filtrer par métier',
             searchProcedure: 'Rechercher une procédure',
@@ -3256,7 +3712,7 @@ const frTranslations = {
         },
         action: {
             consult: 'Consulter',
-            close: 'Clotûrer',
+            close: 'Clôturer',
             send: 'Envoyer',
             comment: 'Commenter',
             associate: 'Associer à une procédure',
@@ -3268,7 +3724,7 @@ const frTranslations = {
         },
         service: {
             status: {
-                CREATED: 'Créé',
+                NEW: 'Créé',
                 ASKED: 'Demandé',
                 IN_PROGRESS: 'En cours',
                 DONE: 'Terminé',
@@ -3311,7 +3767,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
 const HypEventType = { values: ['ALERT', 'REPORT', 'OPERATOR'] };
 
 const HypServiceStatus = {
-    values: ['CREATED', 'ASKED', 'IN_PROGRESS', 'DONE', 'CANCELLED']
+    values: ['NEW', 'ASKED', 'IN_PROGRESS', 'DONE', 'CANCELLED']
 };
 
 const ENTITIES = {
@@ -3559,7 +4015,9 @@ class PvyHypervisorModule {
             PryCoreModule,
             PryI18nModule,
             FormsModule,
-            AsyncPipe], exports: [EventDetailComponent,
+            AsyncPipe,
+            TruncatePipe,
+            DatePipe], exports: [EventDetailComponent,
             EventListComponent,
             EventColumnOrderComponent,
             IconDisplayComponent,
@@ -3598,7 +4056,7 @@ class PvyHypervisorModule {
             LastEventsComponent,
             HvyEventDetailsTooltipComponent,
             HvyEventAddEventComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PvyHypervisorModule, imports: [StoreModule.forFeature(hypFeatureKey, hypervisorReducer),
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PvyHypervisorModule, providers: [I18nPipe], imports: [StoreModule.forFeature(hypFeatureKey, hypervisorReducer),
             StoreModule.forFeature(eventFeatureKey, eventReducer),
             StoreModule.forFeature(eventSummaryFeatureKey, eventSummaryReducer),
             StoreModule.forFeature(procedureFeatureKey, procedureReducer),
@@ -3644,9 +4102,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
                         PryCoreModule,
                         PryI18nModule,
                         FormsModule,
-                        AsyncPipe
+                        AsyncPipe,
+                        TruncatePipe,
+                        DatePipe
                     ],
-                    exports: [...components]
+                    exports: [...components],
+                    providers: [I18nPipe]
                 }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
@@ -3661,5 +4122,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ACTIONS_TYPES, CategoryBackground, ChoiceFilterComponent, ColumnOrderComponent, DOMAINS, DateFilterComponent, DisplayLocaleDateTime, 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, HvyCommentsComponent, HvyCreateServiceComponent, HvyEmailActionDisplayComponent, HvyEmailActionParameterComponent, HvyEventAddEventComponent, HvyEventDetailsTooltipComponent, HvyNoParamsActionDisplayComponent, HvyOtherActionDisplayComponent, HvyOtherActionParameterComponent, HvyPhoneActionDisplayComponent, HvyPhoneActionParameterComponent, HvyServiceActionDisplayComponent, HvyServiceActionParameterComponent, HypCommentsService, HypEventCategory, HypEventCriticality, HypEventStatus, HypEventSubCategory, HypEventType, HypSelectors, HypServiceStatus, HypervisorActions, HypervisorEffects, HypervisorService, IconDisplayComponent, ImmediateFiltersComponent, KNOWN_FILTER_SETS, LastEventsComponent, PAGE_SIZE_FETCH, PROCEDURE_LINK, PROCEDURE_PAGE_SIZE_FETCH, ProcedureActions, ProcedureActionsComponent, ProcedureAssociationModalComponent, ProcedureColumnOrderComponent, ProcedureEffects, ProcedureListComponent, ProcedureModelDetailComponent, ProcedureSelectors, ProcedureService, ProgressDisplayComponent, PvyHypervisorModule, StatusDisplayComponent, TextFilterComponent, displayDate, enTranslations, eventFeatureKey, eventForWriteAPI, eventInitialState, eventReducer, eventSummaryFeatureKey, eventSummaryInitialState, eventSummaryReducer, frTranslations, hypFeatureKey, hypInitialState, hypervisorReducer, padId, procedureFeatureKey, procedureForWriteAPI, procedureInitialState, procedureReducer };
+export { ACTIONS_TYPES, CategoryBackground, ChoiceFilterComponent, ColumnOrderComponent, DOMAINS, DateFilterComponent, DisplayLocaleDateTime, ENTITIES, EVENT_DETAIL_ACCESS_FN, 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, HvyCommentsComponent, HvyCreateServiceComponent, HvyEmailActionDisplayComponent, HvyEmailActionParameterComponent, HvyEventAddEventComponent, HvyEventDetailsTooltipComponent, HvyNoParamsActionDisplayComponent, HvyOtherActionDisplayComponent, HvyOtherActionParameterComponent, HvyPhoneActionDisplayComponent, HvyPhoneActionParameterComponent, HvyServiceActionDisplayComponent, HvyServiceActionParameterComponent, HypCommentsService, HypEventCategory, HypEventCriticality, HypEventStatus, HypEventSubCategory, HypEventType, HypSelectors, HypServiceStatus, HypervisorActions, HypervisorEffects, HypervisorService, IconDisplayComponent, ImmediateFiltersComponent, KNOWN_FILTER_SETS, LastEventsComponent, PAGE_SIZE_FETCH, PROCEDURE_LINK, PROCEDURE_PAGE_SIZE_FETCH, ProcedureActions, ProcedureActionsComponent, ProcedureAssociationModalComponent, ProcedureColumnOrderComponent, ProcedureEffects, ProcedureListComponent, ProcedureModelDetailComponent, ProcedureSelectors, ProcedureService, ProgressDisplayComponent, PvyHypervisorModule, StatusDisplayComponent, TextFilterComponent, TruncatePipe, displayDate, enTranslations, eventFeatureKey, eventForWriteAPI, eventInitialState, eventReducer, eventSummaryFeatureKey, eventSummaryInitialState, eventSummaryReducer, frTranslations, hypFeatureKey, hypInitialState, hypervisorReducer, padId, procedureFeatureKey, procedureForWriteAPI, procedureInitialState, procedureReducer };
 //# sourceMappingURL=provoly-hypervisor.mjs.map