@provoly/hypervisor 2.0.8 → 2.1.0

package/fesm2022/provoly-hypervisor.mjs

@@ -1,29 +1,29 @@
 import * as i0 from '@angular/core';
 import { Injectable, Pipe, Component, Input, EventEmitter, Output, ElementRef, Optional, Host, ViewChild, ViewChildren, Inject, ViewContainerRef, model as model$1, TemplateRef, ContentChildren, Directive, forwardRef, signal, computed, InjectionToken, NgModule } from '@angular/core';
-import * as i1$3 from '@provoly/dashboard';
+import * as i1$2 from '@provoly/dashboard';
 import { FilterParamEncoder, DEFAULT_ICON_URL, SubscriptionnerDirective, INDEX_DATA, 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 i4 from '@angular/cdk/overlay';
-import { OverlayConfig } from '@angular/cdk/overlay';
+import { OverlayConfig, CdkScrollable } from '@angular/cdk/overlay';
 import { TemplatePortal } from '@angular/cdk/portal';
 import { combineLatest, map, mergeMap, of, BehaviorSubject, Subject, debounceTime, switchMap, shareReplay, fromEvent, withLatestFrom, filter, auditTime, throwError, delay, take, zip, 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';
 import { HttpParams } from '@angular/common/http';
-import * as i1$4 from '@angular/forms';
+import * as i1$3 from '@angular/forms';
 import { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import * as i1$2 from '@angular/common';
-import { NgForOf, AsyncPipe, NgStyle, DatePipe, KeyValuePipe, JsonPipe, NgIf, NgClass } from '@angular/common';
+import * as i11 from '@angular/common';
+import { NgForOf, AsyncPipe, NgStyle, DatePipe, KeyValuePipe, JsonPipe, NgIf, NgClass, SlicePipe } from '@angular/common';
 import * as i2 from '@angular/router';
 import { RouterLink } from '@angular/router';
 import * as i5 from '@provoly/dashboard/components/checkbox';
 import { PryCheckboxModule } from '@provoly/dashboard/components/checkbox';
 import { v4 } from 'uuid';
-import * as i1$5 from '@ngrx/effects';
+import * as i1$4 from '@ngrx/effects';
 import { act, ofType, createEffect, EffectsModule } from '@ngrx/effects';
-import * as i9 from '@angular/material/autocomplete';
+import * as i10 from '@angular/material/autocomplete';
 import { MatAutocompleteTrigger, MatAutocomplete, MatOption } from '@angular/material/autocomplete';
 
 const HypEventCriticality = {
@@ -39,8 +39,10 @@ const EventActions = {
     loadSuccess: createAction('[Event Api] Load Events Success', props()),
     loadFailure: createAction('[Event Api] Load Events Failure', props()),
     filter: createAction('[Event Api] Set filters', props()),
+    filterAccueil: createAction('[Event Api] Set filters accueil', props()),
     select: createAction('[Event Api] Select', props()),
     get: createAction('[Event] Load specific Event', props()),
+    resetDetails: createAction('[Event] Reset Details'),
     getForProcedure: createAction('[Event] Load specific Event for procedure', props()),
     getSuccess: createAction('[Event Api] Get Events/Procedure Success', props()),
     getFailure: createAction('[Event Api] Get Events/Procedure Failure', props()),
@@ -50,6 +52,7 @@ const EventActions = {
     save: createAction('[Event] Save Event', props()),
     saveProcedure: createAction('[Event] Save Procedure and linked Events', props()),
     addEventToProcedure: createAction('[Event] Add event to procedure', props()),
+    removeEventToProcedure: createAction('[Event] Remove event to procedure', props()),
     saveSuccess: createAction('[Event] Save success', props()),
     saveFailure: createAction('[Event] Save failure', props()),
     status: createAction('[Event] Close Event or Procedure', props()),
@@ -74,6 +77,7 @@ const eventInitialState = {
     noMoreEvents: false,
     loading: false,
     filters: {},
+    filtersAccueil: {},
     selectedIds: [],
     details: {}
 };
@@ -96,7 +100,7 @@ const internalReducer$3 = createReducer(eventInitialState, on(EventActions.load,
     selectedIds: !cumulative
         ? ids
         : [...state.selectedIds, ...ids].reduce((p, c) => (p.indexOf(c) === -1 ? [...p, c] : p.filter((p1) => p1 !== c)), [])
-})), on(EventActions.get, EventActions.getForProcedure, (state, _) => ({
+})), on(EventActions.get, EventActions.getForProcedure, EventActions.resetDetails, (state, _) => ({
     ...state,
     details: {}
 })), on(EventActions.getSuccess, (state, { event, procedure }) => ({
@@ -112,6 +116,9 @@ const internalReducer$3 = createReducer(eventInitialState, on(EventActions.load,
     events: [],
     noMoreEvents: false,
     filters: { ...state.filters, [filterSet]: filters }
+})), on(EventActions.filterAccueil, (state, { filters, filterSet }) => ({
+    ...state,
+    filtersAccueil: { ...state.filtersAccueil, [filterSet]: filters }
 })), on(EventActions.getTooltipInfo, (state, _) => ({
     ...state,
     tooltip: undefined
@@ -130,6 +137,7 @@ const selectedIds = createSelector(feature$3, (state) => state.selectedIds);
 const selectedEvents = createSelector(feature$3, (state) => state.events.filter((event) => state.selectedIds.includes(event.id)));
 const loading$2 = createSelector(feature$3, (state) => state.loading);
 const filters = createSelector(feature$3, (state) => state.filters);
+const filtersAccueil = createSelector(feature$3, (state) => state.filtersAccueil);
 const details = createSelector(feature$3, (state) => state.details);
 const sort$1 = createSelector(feature$3, (state) => state.sort);
 const tooltipInfo = createSelector(feature$3, (state) => state.tooltip);
@@ -140,6 +148,7 @@ const EventSelectors = {
     selectedEvents,
     loading: loading$2,
     filters,
+    filtersAccueil,
     details,
     noMoreEvents,
     sort: sort$1,
@@ -371,7 +380,7 @@ 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  [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" }] }); }
+    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: i11.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i11.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$2.I18nPipe, name: "i18n" }, { kind: "pipe", type: i1$2.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,
@@ -384,6 +393,12 @@ class ProcedureAssociationModalComponent extends SubscriptionnerDirective {
     set events(events) {
         this.eventsFromInput$.next(events);
     }
+    set procedureDomain(domain) {
+        if (domain && domain !== this.selectedDomain) {
+            this.selectedDomain = this.eventsDomain.length === 1 ? this.eventsDomain[0] : undefined;
+            this.procedureSelectValue = undefined;
+        }
+    }
     constructor(store, procedureService, dialog) {
         super();
         this.store = store;
@@ -394,16 +409,19 @@ class ProcedureAssociationModalComponent extends SubscriptionnerDirective {
         this.eventsFromInput$ = new BehaviorSubject(null);
         this.eventsForAction = [];
         this.disableValidButton = true;
+        this.eventsDomain = [];
+        this.title = '@hvy.associationModal.title';
         this.DOMAINS = DOMAINS.values;
+        this.padId = padId;
         this.selectedEvents$ = combineLatest([
             this.eventsFromInput$,
             this.store.select(EventSelectors.selectedEvents)
         ]).pipe(map$1(([eventsFromInput, eventsFromSelect]) => (eventsFromInput !== null ? eventsFromInput : eventsFromSelect)));
         this.subscriptions.add(this.selectedEvents$.subscribe((events) => (this.eventsForAction = events)));
         this.subscriptions.add(this.selectedEvents$.subscribe((events) => {
-            const domains = [...new Set(events.map((ev) => ev.domain))];
-            if (domains.length === 1) {
-                this.selectedDomain = domains[0];
+            this.eventsDomain = [...new Set(events.map((ev) => ev.domain))];
+            if (this.eventsDomain.length === 1) {
+                this.selectedDomain = this.eventsDomain[0];
             }
         }));
         this.procedures$ = combineLatest([
@@ -472,13 +490,19 @@ class ProcedureAssociationModalComponent extends SubscriptionnerDirective {
     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 class=\"asso-eve\">\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" }] }); }
+    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$2.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", title: "title", procedureSelectValue: "procedureSelectValue", procedureDomain: "procedureDomain" }, usesInheritance: true, ngImport: i0, template: "<div class=\"o-hvy-association-modal u-display-flex -column -align-center\">\n  <h3>{{ 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 class=\"asso-eve\">\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\">{{ padId.fn(event.id) }} - {{ 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$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1$2.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "forcePlaceHolder", "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: i11.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$2.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 class=\"asso-eve\">\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: [{
+            args: [{ selector: 'hvy-procedure-association-modal', template: "<div class=\"o-hvy-association-modal u-display-flex -column -align-center\">\n  <h3>{{ 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 class=\"asso-eve\">\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\">{{ padId.fn(event.id) }} - {{ 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$2.PryDialogRef }], propDecorators: { events: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], procedureSelectValue: [{
+                type: Input
+            }], procedureDomain: [{
                 type: Input
             }] } });
 
@@ -519,7 +543,7 @@ class ColumnOrderComponent extends SubscriptionnerDirective {
         return this.field === this.sortValue?.field && order === this.sortValue.order;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ColumnOrderComponent, deps: [{ token: i1$1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: ColumnOrderComponent, selector: "hvy-column-order", inputs: { field: "field" }, usesInheritance: true, ngImport: i0, template: "<div class=\"o-hvy-column-order\">\n  <div class=\"o-hvy-column-order__content\">\n    <ng-content></ng-content>\n  </div>\n  <div class=\"o-hvy-column-order__chevrons\">\n    <pry-icon iconSvg=\"caret_top\" (click)=\"sort('ASC')\" [height]=\"10\" [width]=\"10\" [class.-active]=\"isActive('ASC')\"></pry-icon>\n    <pry-icon iconSvg=\"caret_bottom\" (click)=\"sort('DESC')\" [height]=\"10\" [width]=\"10\" [class.-active]=\"isActive('DESC')\"></pry-icon>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: i1$3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: ColumnOrderComponent, selector: "hvy-column-order", inputs: { field: "field" }, usesInheritance: true, ngImport: i0, template: "<div class=\"o-hvy-column-order\">\n  <div class=\"o-hvy-column-order__content\">\n    <ng-content></ng-content>\n  </div>\n  <div class=\"o-hvy-column-order__chevrons\">\n    <pry-icon iconSvg=\"caret_top\" (click)=\"sort('ASC')\" [height]=\"10\" [width]=\"10\" [class.-active]=\"isActive('ASC')\"></pry-icon>\n    <pry-icon iconSvg=\"caret_bottom\" (click)=\"sort('DESC')\" [height]=\"10\" [width]=\"10\" [class.-active]=\"isActive('DESC')\"></pry-icon>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: i1$2.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ColumnOrderComponent, decorators: [{
             type: Component,
@@ -537,7 +561,7 @@ class EventColumnOrderComponent extends ColumnOrderComponent {
         this.store.dispatch(EventActions.sort({ field: this.field, order }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: EventColumnOrderComponent, deps: [{ token: i1$1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: EventColumnOrderComponent, selector: "hvy-event-column-order", usesInheritance: true, ngImport: i0, template: "<div class=\"o-hvy-column-order\">\n  <div class=\"o-hvy-column-order__content\">\n    <ng-content></ng-content>\n  </div>\n  <div class=\"o-hvy-column-order__chevrons\">\n    <pry-icon iconSvg=\"caret_top\" (click)=\"sort('ASC')\" [height]=\"10\" [width]=\"10\" [class.-active]=\"isActive('ASC')\"></pry-icon>\n    <pry-icon iconSvg=\"caret_bottom\" (click)=\"sort('DESC')\" [height]=\"10\" [width]=\"10\" [class.-active]=\"isActive('DESC')\"></pry-icon>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: i1$3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: EventColumnOrderComponent, selector: "hvy-event-column-order", usesInheritance: true, ngImport: i0, template: "<div class=\"o-hvy-column-order\">\n  <div class=\"o-hvy-column-order__content\">\n    <ng-content></ng-content>\n  </div>\n  <div class=\"o-hvy-column-order__chevrons\">\n    <pry-icon iconSvg=\"caret_top\" (click)=\"sort('ASC')\" [height]=\"10\" [width]=\"10\" [class.-active]=\"isActive('ASC')\"></pry-icon>\n    <pry-icon iconSvg=\"caret_bottom\" (click)=\"sort('DESC')\" [height]=\"10\" [width]=\"10\" [class.-active]=\"isActive('DESC')\"></pry-icon>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: i1$2.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: EventColumnOrderComponent, decorators: [{
             type: Component,
@@ -587,7 +611,7 @@ class StatusDisplayComponent extends SubscriptionnerDirective {
         }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: StatusDisplayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: StatusDisplayComponent, selector: "hvy-status-display", inputs: { type: "type", readonly: "readonly", item: "item", modifiable: "modifiable" }, outputs: { modified: "modified" }, usesInheritance: true, ngImport: i0, template: "<span\n  class=\"a-chip -{{ item.status }} a-chip-status -{{ type }}\"\n  [class.-modifiable]=\"_modifiable\"\n  [class.-readonly]=\"readonly\"\n  (click)=\"toggle()\"\n>\n  {{ '@hvy.' + type + '.status.' + item.status | i18n }}\n  @if (targetStatuses.length > 0) {\n    <pry-icon iconSvg=\"caret_bottom_rounded\" [width]=\"10\" [height]=\"10\"></pry-icon>\n  }\n</span>\n@if (targetsDisplayed) {\n  <div class=\"a-chip-status__target\">\n    <div class=\"a-chip-status__target__filler\"></div>\n    @for (status of targetStatuses; track status) {\n      <div class=\"a-chip-status__target__item\" (click)=\"trigger(status)\">\n        {{ '@hvy.' + type + '.status.' + status | i18n }}\n      </div>\n    }\n  </div>\n}\n", dependencies: [{ kind: "component", type: i1$3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: StatusDisplayComponent, selector: "hvy-status-display", inputs: { type: "type", readonly: "readonly", item: "item", modifiable: "modifiable" }, outputs: { modified: "modified" }, usesInheritance: true, ngImport: i0, template: "<span\n  class=\"a-chip -{{ item.status }} a-chip-status -{{ type }}\"\n  [class.-modifiable]=\"_modifiable\"\n  [class.-readonly]=\"readonly\"\n  (click)=\"toggle()\"\n>\n  {{ '@hvy.' + type + '.status.' + item.status | i18n }}\n  @if (targetStatuses.length > 0) {\n    <pry-icon iconSvg=\"caret_bottom_rounded\" [width]=\"10\" [height]=\"10\"></pry-icon>\n  }\n</span>\n@if (targetsDisplayed) {\n  <div class=\"a-chip-status__target\">\n    <div class=\"a-chip-status__target__filler\"></div>\n    @for (status of targetStatuses; track status) {\n      <div class=\"a-chip-status__target__item\" (click)=\"trigger(status)\">\n        {{ '@hvy.' + type + '.status.' + status | i18n }}\n      </div>\n    }\n  </div>\n}\n", dependencies: [{ kind: "component", type: i1$2.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i1$2.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: StatusDisplayComponent, decorators: [{
             type: Component,
@@ -746,7 +770,7 @@ class EventListComponent extends SubscriptionnerDirective {
         }
     }
     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.Router }, { token: InfiniteScrollService }, { token: i4.Overlay }, { token: i0.ViewContainerRef }, { token: i4.OverlayPositionBuilder }, { token: i4.CdkScrollable, host: true, optional: true }], 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" }, viewQueries: [{ propertyName: "diTooltip", first: true, predicate: ["diTooltip"], descendants: true }, { propertyName: "elem", predicate: ["elem"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "<table class=\"o-hvy-events-table journal-table-event\">\n  <thead>\n    <tr class=\"o-hvy-events-table__header\">\n      <th class=\"-checkbox\">\n        <pry-checkbox [ngModel]=\"allSelected$ | async\" (ngModelChange)=\"selectAll($event)\">\n          <div>\n            ({{(selectedIds$| async)?.length}})\n          </div>\n        </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=\"domain\">{{ '@hvy.event.domain.name' | 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.dis' | i18n }}\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; let index = $index) {\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 domain\">\n          {{ event.domain ?? '' }}\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            <span>{{ event.address }}</span>\n            @if(event.district) {\n              @if(event.address) {\n                <span>,&nbsp;</span>\n              }\n              <span>{{(\"@hvy.event.places.\" + event.district | i18n)}} </span>\n            }\n          </div>\n        </td>\n        <td class=\"o-hvy-events-table__line__cell td-journal-di\" #elem>\n          @if (getEventDisLength(event) > 0){\n            <div class=\"o-hvy-last-events__services__item__icon\">\n              <div class=\"event-dis-container\"\n                   (mouseenter)=\"showDiTooltip(event, index)\"\n                   (mouseleave)=\"showDiTooltip(event, index)\">\n                <pry-icon iconSvg=\"service\" [height]=\"30\" [width]=\"30\"></pry-icon>\n                  <div class=\"event-dis-number\">\n                    {{eventDisLength}}\n                  </div>\n              </div>\n            </div>\n          }\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\n<ng-template #diTooltip let-event>\n  <div class=\"event-dis-tooltip\">\n    @for (di of event.dis; track di){\n      <div>\n        - {{di.id}} ({{'@hvy.procedure.status.' + di.status | i18n}})\n      </div>\n    }\n  </div>\n</ng-template>\n\n", dependencies: [{ kind: "component", type: i5.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.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" }, viewQueries: [{ propertyName: "diTooltip", first: true, predicate: ["diTooltip"], descendants: true }, { propertyName: "elem", predicate: ["elem"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "<table class=\"o-hvy-events-table journal-table-event\">\n  <thead>\n    <tr class=\"o-hvy-events-table__header\">\n      <th class=\"-checkbox\">\n        <pry-checkbox [ngModel]=\"allSelected$ | async\" (ngModelChange)=\"selectAll($event)\">\n          <div>\n            ({{(selectedIds$| async)?.length}})\n          </div>\n        </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=\"domain\">{{ '@hvy.event.domain.name' | 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.dis' | i18n }}\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; let index = $index) {\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 domain\">\n          {{ event.domain ?? '' }}\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            <span>{{ event.address }}</span>\n            @if(event.district) {\n              @if(event.address) {\n                <span>,&nbsp;</span>\n              }\n              <span>{{(\"@hvy.event.places.\" + event.district | i18n)}} </span>\n            }\n          </div>\n        </td>\n        <td class=\"o-hvy-events-table__line__cell td-journal-di\" #elem>\n          @if (getEventDisLength(event) > 0){\n            <div class=\"o-hvy-last-events__services__item__icon\">\n              <div class=\"event-dis-container\"\n                   (mouseenter)=\"showDiTooltip(event, index)\"\n                   (mouseleave)=\"showDiTooltip(event, index)\">\n                <pry-icon iconSvg=\"service\" [height]=\"30\" [width]=\"30\"></pry-icon>\n                  <div class=\"event-dis-number\">\n                    {{eventDisLength}}\n                  </div>\n              </div>\n            </div>\n          }\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\n<ng-template #diTooltip let-event>\n  <div class=\"event-dis-tooltip\">\n    @for (di of event.dis; track di){\n      <div>\n        - {{di.id}} ({{'@hvy.procedure.status.' + di.status | i18n}})\n      </div>\n    }\n  </div>\n</ng-template>\n\n", dependencies: [{ kind: "component", type: i5.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle", "name", "inputId", "inhibit"] }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i1$2.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: i11.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$2.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,
@@ -822,7 +846,7 @@ class LastEventsComponent extends SubscriptionnerDirective {
         window.open(url, '_blank');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: LastEventsComponent, deps: [{ token: i2.Router }, { token: i1$1.Store }], 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", tooltip: "tooltip", 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 class=\"last-events-icon-tooltip\" [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\" (click)=\"goTo(event)\">\n            <span class=\"goto-link-eve\">{{ padId.fn(event.id) }} - {{ 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>{{ 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.inProgressDate) }}</span>\n          }\n          @if (service.status === 'DONE' || service.status === 'OT_CLOSED') {\n            <span>{{ '@chh.event.endDate' | i18n }} : {{ displayDate(service.endDate) }}</span>\n          }\n          @if (service.status === 'NEW') {\n            <span>{{ '@chh.event.newDate' | i18n }} : {{ displayDate(service.creationDate) }}</span>\n          }\n          @if (service.status === 'CANCELLED') {\n            <span>{{ '@chh.event.cancelledDate' | i18n }} : {{ displayDate(service.lastModificationDate) }}</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" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: LastEventsComponent, selector: "hvy-last-events", inputs: { services: "services", tooltip: "tooltip", 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 class=\"last-events-icon-tooltip\" [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\" (click)=\"goTo(event)\">\n            <span class=\"goto-link-eve\">{{ padId.fn(event.id) }} - {{ 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>{{ 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.inProgressDate) }}</span>\n          }\n          @if (service.status === 'DONE' || service.status === 'OT_CLOSED') {\n            <span>{{ '@chh.event.endDate' | i18n }} : {{ displayDate(service.endDate) }}</span>\n          }\n          @if (service.status === 'NEW') {\n            <span>{{ '@chh.event.newDate' | i18n }} : {{ displayDate(service.creationDate) }}</span>\n          }\n          @if (service.status === 'CANCELLED') {\n            <span>{{ '@chh.event.cancelledDate' | i18n }} : {{ displayDate(service.lastModificationDate) }}</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$2.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$2.I18nPipe, name: "i18n" }, { kind: "pipe", type: i11.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,
@@ -848,13 +872,13 @@ class HvyEventDetailsTooltipComponent {
     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: INDEX_DATA }, { 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       [style.position-anchor]=\"'--my-anchor' + index\">\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       [style.position-anchor]=\"'--my-anchor' + index\">\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", "tooltip", "events", "closeButton"], outputs: ["closeDialogEmit"] }, { kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: HvyEventDetailsTooltipComponent, deps: [{ token: i1$2.PryDialogRef }, { token: INDEX_DATA }, { 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       [style.position-anchor]=\"'--my-anchor' + index\">\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       [style.position-anchor]=\"'--my-anchor' + index\">\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$2.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: LastEventsComponent, selector: "hvy-last-events", inputs: ["services", "tooltip", "events", "closeButton"], outputs: ["closeDialogEmit"] }, { kind: "pipe", type: i1$2.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: "@if ((data.events && data.events.length > 0) || (data.services && data.services.length > 0)){\n  <div class=\"o-hvy-event-detail-tooltip\"\n       [style.position-anchor]=\"'--my-anchor' + index\">\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       [style.position-anchor]=\"'--my-anchor' + index\">\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: [{
+        }], ctorParameters: () => [{ type: i1$2.PryDialogRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [INDEX_DATA]
                 }] }, { type: undefined, decorators: [{
@@ -946,6 +970,11 @@ class EventService {
             return this.httpClient.put(encodeURI(`${url}/procedures/id/${procedure.id}/associate/event/id/${eventId}`), {});
         }));
     }
+    removeEventToProcedure(eventId, procedure) {
+        return this.store.select(HypSelectors.url).pipe(mergeMap((url) => {
+            return this.httpClient.delete(encodeURI(`${url}/procedures/id/${procedure.id}/dissociate/event/id/${eventId}`), {});
+        }));
+    }
     status(event, status, comment) {
         return this.store.select(HypSelectors.url).pipe(mergeMap((url) => {
             return this.httpClient.put(encodeURI(`${url}/events/id/${event.id}/close`), {
@@ -967,11 +996,16 @@ class EventService {
             return this.httpClient.put(encodeURI(`${url}/procedures/model/id/${procedureId}/associate`), eventIds);
         }));
     }
-    export(archived) {
+    export(archived, dateCategories) {
         return this.store.select(HypSelectors.url).pipe(mergeMap((url) => {
+            let params = new HttpParams();
+            dateCategories?.forEach((dateCat) => {
+                params = params.append(dateCat.category, new Date(dateCat.date).toISOString());
+            });
             return this.httpClient.get(encodeURI(`${url}/events/export?archived=${archived}`), {
                 observe: 'response',
-                responseType: 'arraybuffer'
+                responseType: 'arraybuffer',
+                params
             });
         }));
     }
@@ -1042,17 +1076,40 @@ class HvyEventAddEventComponent {
     add() {
         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", "pressedEnter"] }, { 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: HvyEventAddEventComponent, deps: [{ token: i1$2.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$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1$2.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "forcePlaceHolder", "isForm", "required", "name", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked", "pressedEnter"] }, { kind: "pipe", type: i11.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$2.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: HvyEventAddEventComponent, decorators: [{
             type: Component,
             args: [{ selector: 'hvy-add-event', 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" }]
-        }], ctorParameters: () => [{ type: i1$3.PryDialogRef }, { type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: i1$2.PryDialogRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [PRY_DIALOG_DATA]
                 }] }, { type: EventService }] });
 
+class RemoveEventComponent {
+    constructor(dialog, data) {
+        this.dialog = dialog;
+        this.data = data;
+        this.padId = padId;
+    }
+    closeModal() {
+        this.dialog.close({ value: 'cancel' });
+    }
+    remove() {
+        this.dialog.close({ value: 'remove', event: this.data.event });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RemoveEventComponent, deps: [{ token: i1$2.PryDialogRef }, { token: PRY_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: RemoveEventComponent, selector: "hvy-remove-event", ngImport: i0, template: "<div class=\"o-hvy-event-detail-remove\">\n  <h3>{{ '@hvy.event.remove.title' | i18n }}</h3>\n\n  <div class=\"o-hvy-event-detail-remove__container\">\n    <p>{{padId.fn(data.event.id)}} - {{data.event.name}}</p>\n    <p>{{ '@hvy.event.remove.text' | i18n }}</p>\n  </div>\n\n  <div class=\"o-hvy-event-detail-add__buttons\">\n    <button class=\"a-btn a-btn--primary\" (click)=\"remove()\">\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: "pipe", type: i1$2.I18nPipe, name: "i18n" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: RemoveEventComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'hvy-remove-event', template: "<div class=\"o-hvy-event-detail-remove\">\n  <h3>{{ '@hvy.event.remove.title' | i18n }}</h3>\n\n  <div class=\"o-hvy-event-detail-remove__container\">\n    <p>{{padId.fn(data.event.id)}} - {{data.event.name}}</p>\n    <p>{{ '@hvy.event.remove.text' | i18n }}</p>\n  </div>\n\n  <div class=\"o-hvy-event-detail-add__buttons\">\n    <button class=\"a-btn a-btn--primary\" (click)=\"remove()\">\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$2.PryDialogRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [PRY_DIALOG_DATA]
+                }] }] });
+
 class EquipmentService {
     constructor(httpClient, store) {
         this.httpClient = httpClient;
@@ -1185,6 +1242,10 @@ class HvyCommentsComponent {
         this.newComment = '';
         this.more = false;
     }
+    cleanNewComment(comment) {
+        const cleanComment = comment.replace(/\s/g, '');
+        return cleanComment.length;
+    }
     editComment(comment) {
         comment.edit = true;
         setTimeout(() => {
@@ -1225,11 +1286,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" }, 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" }] }); }
+    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 || cleanNewComment(newComment) === 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                [class.my-comment-message]=\"comment.creator === me && !readonly\"\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 || cleanNewComment(comment.message) === 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$3.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$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1$2.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i1$2.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                #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" }]
+            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 || cleanNewComment(newComment) === 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                [class.my-comment-message]=\"comment.creator === me && !readonly\"\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 || cleanNewComment(comment.message) === 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: [{
@@ -1262,13 +1323,13 @@ class HvyActionMenuComponent {
     action(value) {
         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\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" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: HvyActionMenuComponent, deps: [{ token: i1$2.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\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$2.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\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: [{
+        }], ctorParameters: () => [{ type: i1$2.PryDialogRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [PRY_DIALOG_DATA]
                 }] }], propDecorators: { choice: [{
@@ -1319,7 +1380,7 @@ class HvyOtherActionParameterComponent extends HvyBaseParameterActionComponent {
         super();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: HvyOtherActionParameterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: HvyOtherActionParameterComponent, selector: "hvy-other-action-parameter", usesInheritance: true, ngImport: i0, template: "<div class=\"param-line\">\n  <p class=\"param-line__short\">{{ '@hvy.procedure.action.question.' + action.type | i18n }}</p>\n  <input\n    type=\"text\"\n    [(ngModel)]=\"_action.name\"\n    class=\"a-form-field\"\n    maxlength=\"50\"\n    [placeholder]=\"'@hvy.procedure.action.placeholder.other' | i18n\"\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: "pipe", type: i1$3.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: HvyOtherActionParameterComponent, selector: "hvy-other-action-parameter", usesInheritance: true, ngImport: i0, template: "<div class=\"param-line\">\n  <p class=\"param-line__short\">{{ '@hvy.procedure.action.question.' + action.type | i18n }}</p>\n  <input\n    type=\"text\"\n    [(ngModel)]=\"_action.name\"\n    class=\"a-form-field\"\n    maxlength=\"50\"\n    [placeholder]=\"'@hvy.procedure.action.placeholder.other' | i18n\"\n  />\n</div>\n", dependencies: [{ kind: "directive", type: i1$3.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$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i1$2.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: HvyOtherActionParameterComponent, decorators: [{
             type: Component,
@@ -1331,7 +1392,7 @@ class HvyOtherActionDisplayComponent extends HvyBaseParameterActionComponent {
         super();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: HvyOtherActionDisplayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: HvyOtherActionDisplayComponent, selector: "hvy-other-action-display", usesInheritance: true, ngImport: i0, template: "<div class=\"param-line\">\n  <p>\n    {{ '@hvy.procedure.action.question.' + action.type | i18n }} : <b>{{ action.name | i18n }}</b>\n  </p>\n</div>\n", dependencies: [{ kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: HvyOtherActionDisplayComponent, selector: "hvy-other-action-display", usesInheritance: true, ngImport: i0, template: "<div class=\"param-line\">\n  <p>\n    {{ '@hvy.procedure.action.question.' + action.type | i18n }} : <b>{{ action.name | i18n }}</b>\n  </p>\n</div>\n", dependencies: [{ kind: "pipe", type: i1$2.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: HvyOtherActionDisplayComponent, decorators: [{
             type: Component,
@@ -1344,7 +1405,7 @@ class HvyEmailActionParameterComponent extends HvyBaseParameterActionComponent {
         super();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: HvyEmailActionParameterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: HvyEmailActionParameterComponent, selector: "hvy-email-action-parameter", usesInheritance: true, ngImport: i0, template: "<div class=\"param-line\">\n  <p>{{ '@hvy.procedure.action.question.' + action.type | i18n }}</p>\n  <input\n    type=\"text\"\n    [(ngModel)]=\"_action.name\"\n    class=\"a-form-field\"\n    maxlength=\"30\"\n    [placeholder]=\"'@hvy.procedure.action.placeholder.name' | i18n\"\n  />\n  <p class=\"to\">{{ '@hvy.procedure.action.at' | i18n }}</p>\n  <input\n    type=\"text\"\n    [(ngModel)]=\"_action.email\"\n    class=\"a-form-field\"\n    maxlength=\"70\"\n    [placeholder]=\"'@hvy.procedure.action.placeholder.email' | i18n\"\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: "pipe", type: i1$3.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: HvyEmailActionParameterComponent, selector: "hvy-email-action-parameter", usesInheritance: true, ngImport: i0, template: "<div class=\"param-line\">\n  <p>{{ '@hvy.procedure.action.question.' + action.type | i18n }}</p>\n  <input\n    type=\"text\"\n    [(ngModel)]=\"_action.name\"\n    class=\"a-form-field\"\n    maxlength=\"30\"\n    [placeholder]=\"'@hvy.procedure.action.placeholder.name' | i18n\"\n  />\n  <p class=\"to\">{{ '@hvy.procedure.action.at' | i18n }}</p>\n  <input\n    type=\"text\"\n    [(ngModel)]=\"_action.email\"\n    class=\"a-form-field\"\n    maxlength=\"70\"\n    [placeholder]=\"'@hvy.procedure.action.placeholder.email' | i18n\"\n  />\n</div>\n", dependencies: [{ kind: "directive", type: i1$3.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$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i1$2.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: HvyEmailActionParameterComponent, decorators: [{
             type: Component,
@@ -1356,7 +1417,7 @@ class HvyEmailActionDisplayComponent extends HvyBaseParameterActionComponent {
         super();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: HvyEmailActionDisplayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: HvyEmailActionDisplayComponent, selector: "hvy-email-action-display", usesInheritance: true, ngImport: i0, template: "<div class=\"param-line\">\n  <p>\n    {{ '@hvy.procedure.action.question.' + action.type | i18n }} <b>{{ action.name | i18n }}</b>\n    {{ '@hvy.procedure.action.at' | i18n }} <b>{{ action.email | i18n }}</b>\n  </p>\n</div>\n", dependencies: [{ kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: HvyEmailActionDisplayComponent, selector: "hvy-email-action-display", usesInheritance: true, ngImport: i0, template: "<div class=\"param-line\">\n  <p>\n    {{ '@hvy.procedure.action.question.' + action.type | i18n }} <b>{{ action.name | i18n }}</b>\n    {{ '@hvy.procedure.action.at' | i18n }} <b>{{ action.email | i18n }}</b>\n  </p>\n</div>\n", dependencies: [{ kind: "pipe", type: i1$2.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: HvyEmailActionDisplayComponent, decorators: [{
             type: Component,
@@ -1433,6 +1494,9 @@ class HvyCreateServiceComponent extends SubscriptionnerDirective {
             this.types = types;
             this.updateAllowedTypes();
         });
+        if (this.data.events && this.data.events.length === 1 && !!this.data.events[0].equipment) {
+            this.onEquipmentChange(this.data.events[0].equipment.id);
+        }
     }
     action(value) {
         this.result.value = value;
@@ -1508,16 +1572,16 @@ 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: 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" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: HvyCreateServiceComponent, deps: [{ token: i1$2.PryDialogRef }, { token: PRY_DIALOG_DATA }, { token: ServiceService }, { token: i1$2.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$3.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$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1$2.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "forcePlaceHolder", "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.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\"\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: [{
+        }], ctorParameters: () => [{ type: i1$2.PryDialogRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [PRY_DIALOG_DATA]
-                }] }, { type: ServiceService }, { type: i1$3.PryI18nService }] });
+                }] }, { type: ServiceService }, { type: i1$2.PryI18nService }] });
 
 class HvyServiceActionDisplayComponent extends HvyBaseParameterActionComponent {
     constructor(pryDialog, overlay, serviceService, i18n) {
@@ -1578,13 +1642,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: i4.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 ||\n      (action.type === 'ASKED_SERVICE' &&\n        (action.status === 'DONE' || action.status === 'OT_CLOSED' || !action.lastModificationDate)\n      ) || disableSaveDIButton\"\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" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: HvyServiceActionDisplayComponent, deps: [{ token: i1$2.PryDialogService }, { token: i4.Overlay }, { token: ServiceService }, { token: i1$2.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 ||\n      (action.type === 'ASKED_SERVICE' &&\n        (action.status === 'DONE' || action.status === 'OT_CLOSED' || !action.lastModificationDate)\n      ) || disableSaveDIButton\"\n      (click)=\"toggleModal()\"\n      #menuButton\n    >\n      > {{ '@hvy.action.create' | i18n }}\n    </button>\n  }\n</div>\n", dependencies: [{ kind: "pipe", type: i1$2.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>{{ reference }}</b> {{ status }}\n  </p>\n  @if (!action.serviceExternalId && this.mode !== 'model') {\n    <button\n      class=\"a-link\"\n      [disabled]=\"readonly ||\n      (action.type === 'ASKED_SERVICE' &&\n        (action.status === 'DONE' || action.status === 'OT_CLOSED' || !action.lastModificationDate)\n      ) || disableSaveDIButton\"\n      (click)=\"toggleModal()\"\n      #menuButton\n    >\n      > {{ '@hvy.action.create' | i18n }}\n    </button>\n  }\n</div>\n" }]
-        }], ctorParameters: () => [{ type: i1$3.PryDialogService }, { type: i4.Overlay }, { type: ServiceService }, { type: i1$3.I18nPipe }], propDecorators: { menuButton: [{
+        }], ctorParameters: () => [{ type: i1$2.PryDialogService }, { type: i4.Overlay }, { type: ServiceService }, { type: i1$2.I18nPipe }], propDecorators: { menuButton: [{
                 type: ViewChild,
                 args: ['menuButton', { read: ElementRef }]
             }] } });
@@ -1594,7 +1658,7 @@ class HvyServiceActionParameterComponent extends HvyBaseParameterActionComponent
         super();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: HvyServiceActionParameterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: HvyServiceActionParameterComponent, selector: "hvy-service-action-parameter", usesInheritance: true, ngImport: i0, template: "<div class=\"param-line\">\n  <p class=\"param-line__short\">{{ '@hvy.procedure.action.question.' + action.type | i18n }}</p>\n  <input\n    type=\"text\"\n    [(ngModel)]=\"_action.name\"\n    class=\"a-form-field\"\n    maxlength=\"50\"\n    [placeholder]=\"'@hvy.procedure.action.placeholder.service' | i18n\"\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: "pipe", type: i1$3.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: HvyServiceActionParameterComponent, selector: "hvy-service-action-parameter", usesInheritance: true, ngImport: i0, template: "<div class=\"param-line\">\n  <p class=\"param-line__short\">{{ '@hvy.procedure.action.question.' + action.type | i18n }}</p>\n  <input\n    type=\"text\"\n    [(ngModel)]=\"_action.name\"\n    class=\"a-form-field\"\n    maxlength=\"50\"\n    [placeholder]=\"'@hvy.procedure.action.placeholder.service' | i18n\"\n  />\n</div>\n", dependencies: [{ kind: "directive", type: i1$3.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$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i1$2.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: HvyServiceActionParameterComponent, decorators: [{
             type: Component,
@@ -1606,7 +1670,7 @@ class HvyPhoneActionDisplayComponent extends HvyBaseParameterActionComponent {
         super();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: HvyPhoneActionDisplayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: HvyPhoneActionDisplayComponent, selector: "hvy-phone-action-display", usesInheritance: true, ngImport: i0, template: "<div class=\"param-line\">\n  <p>\n    {{ '@hvy.procedure.action.question.' + action.type | i18n }} <b>{{ action.name | i18n }}</b>\n    {{ '@hvy.procedure.action.to' | i18n }} <b>{{ action.number | i18n }}</b>\n  </p>\n</div>\n", dependencies: [{ kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: HvyPhoneActionDisplayComponent, selector: "hvy-phone-action-display", usesInheritance: true, ngImport: i0, template: "<div class=\"param-line\">\n  <p>\n    {{ '@hvy.procedure.action.question.' + action.type | i18n }} <b>{{ action.name | i18n }}</b>\n    {{ '@hvy.procedure.action.to' | i18n }} <b>{{ action.number | i18n }}</b>\n  </p>\n</div>\n", dependencies: [{ kind: "pipe", type: i1$2.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: HvyPhoneActionDisplayComponent, decorators: [{
             type: Component,
@@ -1620,7 +1684,7 @@ class HvyPhoneActionParameterComponent extends HvyBaseParameterActionComponent {
         super();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: HvyPhoneActionParameterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: HvyPhoneActionParameterComponent, selector: "hvy-phone-action-parameter", usesInheritance: true, ngImport: i0, template: "<div class=\"param-line\">\n  <p>{{ '@hvy.procedure.action.question.' + action.type | i18n }}</p>\n  <input\n    type=\"text\"\n    [(ngModel)]=\"_action.name\"\n    class=\"a-form-field\"\n    maxlength=\"30\"\n    [placeholder]=\"'@hvy.procedure.action.placeholder.name' | i18n\"\n  />\n  <p class=\"to\">{{ '@hvy.procedure.action.to' | i18n }}</p>\n  <input\n    type=\"text\"\n    [(ngModel)]=\"_action.number\"\n    class=\"a-form-field phone\"\n    [placeholder]=\"'@hvy.procedure.action.placeholder.phone' | i18n\"\n    [maxlength]=\"12\"\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: "pipe", type: i1$3.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: HvyPhoneActionParameterComponent, selector: "hvy-phone-action-parameter", usesInheritance: true, ngImport: i0, template: "<div class=\"param-line\">\n  <p>{{ '@hvy.procedure.action.question.' + action.type | i18n }}</p>\n  <input\n    type=\"text\"\n    [(ngModel)]=\"_action.name\"\n    class=\"a-form-field\"\n    maxlength=\"30\"\n    [placeholder]=\"'@hvy.procedure.action.placeholder.name' | i18n\"\n  />\n  <p class=\"to\">{{ '@hvy.procedure.action.to' | i18n }}</p>\n  <input\n    type=\"text\"\n    [(ngModel)]=\"_action.number\"\n    class=\"a-form-field phone\"\n    [placeholder]=\"'@hvy.procedure.action.placeholder.phone' | i18n\"\n    [maxlength]=\"12\"\n  />\n</div>\n", dependencies: [{ kind: "directive", type: i1$3.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$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i1$2.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: HvyPhoneActionParameterComponent, decorators: [{
             type: Component,
@@ -1930,13 +1994,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: i4.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", disableSaveDIButton: "disableSaveDIButton", initialActions: "initialActions", procedureModificationsActions: "procedureModificationsActions", 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' || !!action.serviceExternalId\"\n              (click)=\"toggleActionStatus(idx, $event, disabledCheckbox(action))\"\n              [disabled]=\"disabledCheckbox(action)\"\n              [class.-disabled]=\"disabledCheckbox(action)\"\n              [title]=\"'@hvy.procedure.checkbox.' + action.status | i18n\"\n            ></pry-checkbox>\n          }\n          <div [class.-done]=\"action.status === 'DONE' || action.status === 'OT_CLOSED'\" [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              [disableSaveDIButton]=\"disableSaveDIButton || editing ||\n              (actions.length !== initialActions?.length) ||\n              (procedureModificationsActions !== undefined && procedureModificationsActions.length > 0)\"\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              [disableSaveDIButton]=\"disableSaveDIButton || editing\"\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: i5.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", "disableSaveDIButton", "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$2.PryDialogService }, { token: i4.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", disableSaveDIButton: "disableSaveDIButton", initialActions: "initialActions", procedureModificationsActions: "procedureModificationsActions", 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' || !!action.serviceExternalId\"\n              (click)=\"toggleActionStatus(idx, $event, disabledCheckbox(action))\"\n              [disabled]=\"disabledCheckbox(action)\"\n              [class.-disabled]=\"disabledCheckbox(action)\"\n              [title]=\"'@hvy.procedure.checkbox.' + action.status | i18n\"\n            ></pry-checkbox>\n          }\n          <div [class.-done]=\"action.status === 'DONE' || action.status === 'OT_CLOSED'\" [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              [disableSaveDIButton]=\"disableSaveDIButton || editing ||\n              (actions.length !== initialActions?.length) ||\n              (procedureModificationsActions !== undefined && procedureModificationsActions.length > 0)\"\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              [disableSaveDIButton]=\"disableSaveDIButton || editing\"\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: i5.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle", "name", "inputId", "inhibit"] }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1$2.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i1$2.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "forcePlaceHolder", "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", "disableSaveDIButton", "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$2.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' || !!action.serviceExternalId\"\n              (click)=\"toggleActionStatus(idx, $event, disabledCheckbox(action))\"\n              [disabled]=\"disabledCheckbox(action)\"\n              [class.-disabled]=\"disabledCheckbox(action)\"\n              [title]=\"'@hvy.procedure.checkbox.' + action.status | i18n\"\n            ></pry-checkbox>\n          }\n          <div [class.-done]=\"action.status === 'DONE' || action.status === 'OT_CLOSED'\" [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              [disableSaveDIButton]=\"disableSaveDIButton || editing ||\n              (actions.length !== initialActions?.length) ||\n              (procedureModificationsActions !== undefined && procedureModificationsActions.length > 0)\"\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              [disableSaveDIButton]=\"disableSaveDIButton || editing\"\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: i4.Overlay }, { type: HypCommentsService }, { type: ServiceService }], propDecorators: { modified: [{
+        }], ctorParameters: () => [{ type: i1$2.PryDialogService }, { type: i4.Overlay }, { type: HypCommentsService }, { type: ServiceService }], propDecorators: { modified: [{
                 type: Output
             }], commented: [{
                 type: Output
@@ -2112,7 +2176,7 @@ class EventDetailComponent extends SubscriptionnerDirective {
         this.procedureModifications = {};
         this._outputModifications();
     }
-    constructor(equipmentService, store, overlay, viewContainerRef, i18nService, pryDialog, commentsService, eventService, actions$, formBuilder) {
+    constructor(equipmentService, store, overlay, viewContainerRef, i18nService, pryDialog, commentsService, eventService, actions$, formBuilder, procedureService) {
         super();
         this.equipmentService = equipmentService;
         this.store = store;
@@ -2124,6 +2188,7 @@ class EventDetailComponent extends SubscriptionnerDirective {
         this.eventService = eventService;
         this.actions$ = actions$;
         this.formBuilder = formBuilder;
+        this.procedureService = procedureService;
         this.eventForm = this.formBuilder.group({ equips: this.formBuilder.array([]) });
         this.placesChoices = [];
         this.opened = [];
@@ -2136,6 +2201,7 @@ class EventDetailComponent extends SubscriptionnerDirective {
         this.DOMAINS = DOMAINS.values;
         this.eventErrors = new EventEmitter();
         this.addedEvent = new EventEmitter();
+        this.removedEvent = new EventEmitter();
         this.errors = [];
         this.canCloseSome = false;
         this.changeStatusContext = {
@@ -2163,15 +2229,20 @@ class EventDetailComponent extends SubscriptionnerDirective {
         this.subCategories = [undefined, ...HypEventSubCategory.values['ANOMALY']];
         this.equipmentEventsForTooltip = [];
         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 }]);
-                        });
-                    });
+            next: (action) => {
+                if (action.event && action.event.id) {
+                    combineLatest([
+                        this.eventService.get(action.event.id),
+                        this.commentsService.get(action.event.id, 'events'),
+                        this.store.select(EventSelectors.details)
+                    ]).pipe(map$1(([event, comments, details]) => {
+                        this.commented.next([{ event: event, comments: comments }]);
+                        if (!!details && !!details.procedure && !!details.procedure.events) {
+                            this._events = details.procedure.events;
+                        }
+                    })).subscribe();
                 }
-                else if (result.procedure && result.targetStatus === 'DONE') {
+                else if (action.procedure && action.targetStatus === 'DONE') {
                     this.store
                         .select(EventSelectors.details)
                         .pipe(take(1))
@@ -2494,12 +2565,21 @@ class EventDetailComponent extends SubscriptionnerDirective {
             this._outputModifications();
         }
     }
-    openAssociationModal() {
+    openAssociationModal(title, procedure, domain) {
         const ref = this.pryDialog.open(ProcedureAssociationModalComponent, {
             backdropClass: 'o-hvy-association-modal__backdrop'
         });
         if (!!ref && !!ref.component) {
             ref.component.events = this.events;
+            if (title) {
+                ref.component.title = title;
+            }
+            if (procedure) {
+                ref.component.procedureSelectValue = procedure;
+            }
+            if (domain) {
+                ref.component.procedureDomain = domain;
+            }
         }
     }
     openDeleteModal() {
@@ -2528,6 +2608,11 @@ class EventDetailComponent extends SubscriptionnerDirective {
             panelClass: ['o-hvy-delete-procedure']
         });
     }
+    openChangeModal() {
+        this.procedureService.delete(this.procedure.id).subscribe(() => {
+            this.openAssociationModal('@hvy.event.log.procedure.modify', this.procedure?.name, this.procedure?.domain);
+        });
+    }
     convertDate(newValue) {
         return newValue ? new Date(newValue).toISOString() : undefined;
     }
@@ -2654,6 +2739,25 @@ class EventDetailComponent extends SubscriptionnerDirective {
             ref.close();
         });
     }
+    removeOneEvent(event) {
+        const ref = this.pryDialog.open(RemoveEventComponent, {
+            data: { event },
+            backdropClass: 'backdrop-dark'
+        });
+        ref.closeValue.subscribe((value) => {
+            switch (value.value) {
+                case 'remove':
+                    this.removedEvent.next(value.event);
+                    break;
+            }
+            ref.close();
+        });
+    }
+    showRemoveEveButton(event) {
+        return this.events.length > 1 &&
+            this.events.filter((event) => event.status === 'IN_PROGRESS').length >= 1 &&
+            event.status === 'IN_PROGRESS';
+    }
     actionCommented($event) {
         this.commented.next($event);
     }
@@ -2683,13 +2787,13 @@ class EventDetailComponent extends SubscriptionnerDirective {
         this.tooltipRef.dialog?.close();
         this.tooltipRef.dialog = null;
     }
-    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: i4.Overlay }, { token: i0.ViewContainerRef }, { token: i1$3.PryI18nService }, { token: i1$3.PryDialogService }, { token: HypCommentsService }, { token: EventService }, { token: i1$5.Actions }, { token: i1$4.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: EventDetailComponent, selector: "hvy-event-detail", inputs: { placesChoices: "placesChoices", title: "title", equipmentFromMap: "equipmentFromMap", readonly: "readonly", readonlyProcedure: "readonlyProcedure", enableEditActions: "enableEditActions", readOnlyComment: "readOnlyComment", me: "me", events: "events", procedure: "procedure", cancelModifications: "cancelModifications" }, 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 }} {{events.length > 1 ? '('+events.length+')': ''}}</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\" id=\"provoly-event-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 class=\"td-autocomplete\">\n                          <input type=\"text\" class=\"input-autocomplete\"\n                                 [placeholder]=\"'@hvy.event.equipmentPlaceholder' | i18n\"\n                                 [matAutocomplete]=\"auto\"\n                                 [formControl]=\"getEquipControl(idx)\"\n                                 [ngClass]=\"{'equipment-disabled': event.status === 'DONE'}\"\n                                 #trigger=\"matAutocompleteTrigger\"\n                                 [class.-error]=\"hasError('equipment', idx)\"/>\n                          <mat-autocomplete\n                            #auto=\"matAutocomplete\"\n                            [displayWith]=\"displayEquipment.bind(this)\"\n                            (opened)=\"openAutocomplete(idx)\"\n                            (closed)=\"closeAutocomplete(idx)\"\n                          >\n                            @for (equipment of equipments$[idx] | async; track equipment) {\n                              <mat-option [value]=\"equipment\">\n                                {{equipment.name}} - {{'@hvy.event.family.' + equipment.family | i18n}}\n                              </mat-option>\n                            }\n                          </mat-autocomplete>\n\n                          <pry-icon\n                            class=\"a-pry-select__toggle autocomplete-chevron\"\n                            [iconSvg]=\"openedAutocomplete[idx]? 'chevron_top' : 'chevron_bottom'\"\n                            [width]=\"10\"\n                            [height]=\"16\"\n                            (click)=\"openOrCloseAutocomplete($event, trigger, idx)\"\n                          ></pry-icon>\n                        </td>\n\n                        <td>\n                          @if (selectedEquipment[idx]) {\n                            <pry-icon\n                              iconSvg=\"i\"\n                              class=\"-hand anchor-tooltip\"\n                              [ngClass]=\"'anchor-tooltip-'+ idx\"\n                              [style.anchor-name]=\"'--my-anchor' + idx\"\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                            [disabled]=\"adressDisabled[idx] || event.status === 'DONE'\"\n                          ></textarea>\n                        </td>\n                        <td></td>\n                      </tr>\n                      <!--ville-->\n                      <tr>\n                        <td>{{ '@hvy.event.district' | i18n }} :</td>\n                        <td>\n                          <pry-select\n                            [items]=\"placesChoices\"\n                            [ngModel]=\"event.district\"\n                            [bindValue]=\"'key'\"\n                            bindLabel=\"display\"\n                            i18nPrefix=\"@hvy.event.places.\"\n                            (ngModelChange)=\"modifyEvent(idx, 'district', $event)\"\n                            [disabled]=\"adressDisabled[idx] || event.status === 'DONE'\"\n                          ></pry-select>\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]=\"event.status === 'DONE'\"\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>\n              <span>{{ procedure.name }}&nbsp;:</span>\n              {{ procedure.description }}\n            </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            [procedureModificationsActions]=\"procedureModifications?.actions\"\n            [initialActions] = this._procedure?.actions\n            [readonly]=\"readonlyProcedure || readonly\"\n            [readOnlyComment]=\"readOnlyComment\"\n            [disableSaveDIButton]=\"isEventModified()\"\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 class=\"list-eve-close-modal\">\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: "directive", type: i9.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i9.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i9.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i1$4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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", "disableSaveDIButton", "initialActions", "procedureModificationsActions", "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" }] }); }
+    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: i4.Overlay }, { token: i0.ViewContainerRef }, { token: i1$2.PryI18nService }, { token: i1$2.PryDialogService }, { token: HypCommentsService }, { token: EventService }, { token: i1$4.Actions }, { token: i1$3.FormBuilder }, { token: ProcedureService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: EventDetailComponent, selector: "hvy-event-detail", inputs: { placesChoices: "placesChoices", title: "title", equipmentFromMap: "equipmentFromMap", readonly: "readonly", readonlyProcedure: "readonlyProcedure", enableEditActions: "enableEditActions", readOnlyComment: "readOnlyComment", me: "me", events: "events", procedure: "procedure", cancelModifications: "cancelModifications" }, outputs: { modifiedEvents: "modifiedEvents", modifiedProcedure: "modifiedProcedure", eventErrors: "eventErrors", addedEvent: "addedEvent", removedEvent: "removedEvent", 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 }} {{events.length > 1 ? '('+events.length+')': ''}}</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 || (!!procedure && calculatedProgress !== 100)\" (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 event-detail-buttons-left\">\n      @if (procedure && !readonly) {\n        <button class=\"a-btn a-btn--secondary\" (click)=\"openChangeModal()\" [disabled]=\"readonlyProcedure\">\n          {{ '@hvy.event.log.procedure.modify' | i18n }}\n        </button>\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\" id=\"provoly-event-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              <div class=\"o-hvy-events-detail__header__split detail-remove-eve\">\n                @if (showRemoveEveButton(event)) {\n                  <button class=\"add-button\" [disabled]=\"readonly\" (click)=\"removeOneEvent(event)\">\n                    <pry-icon iconSvg=\"remove\" [width]=\"18\" [height]=\"18\"></pry-icon>\n                  </button>\n                }\n              </div>\n              <hvy-status-display\n                [item]=\"event\"\n                [modifiable]=\"!!procedure && calculatedProgress === 100\"\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 class=\"td-autocomplete\">\n                          <input type=\"text\" class=\"input-autocomplete\"\n                                 [placeholder]=\"'@hvy.event.equipmentPlaceholder' | i18n\"\n                                 [matAutocomplete]=\"auto\"\n                                 [formControl]=\"getEquipControl(idx)\"\n                                 [ngClass]=\"{'equipment-disabled': event.status === 'DONE'}\"\n                                 #trigger=\"matAutocompleteTrigger\"\n                                 [class.-error]=\"hasError('equipment', idx)\"/>\n                          <mat-autocomplete\n                            #auto=\"matAutocomplete\"\n                            [displayWith]=\"displayEquipment.bind(this)\"\n                            (opened)=\"openAutocomplete(idx)\"\n                            (closed)=\"closeAutocomplete(idx)\"\n                          >\n                            @for (equipment of equipments$[idx] | async; track equipment) {\n                              <mat-option [value]=\"equipment\">\n                                {{equipment.name}} - {{'@hvy.event.family.' + equipment.family | i18n}}\n                              </mat-option>\n                            }\n                          </mat-autocomplete>\n\n                          <pry-icon\n                            class=\"a-pry-select__toggle autocomplete-chevron\"\n                            [iconSvg]=\"openedAutocomplete[idx]? 'chevron_top' : 'chevron_bottom'\"\n                            [width]=\"10\"\n                            [height]=\"16\"\n                            (click)=\"openOrCloseAutocomplete($event, trigger, idx)\"\n                          ></pry-icon>\n                        </td>\n\n                        <td>\n                          @if (selectedEquipment[idx]) {\n                            <pry-icon\n                              iconSvg=\"i\"\n                              class=\"-hand anchor-tooltip\"\n                              [ngClass]=\"'anchor-tooltip-'+ idx\"\n                              [style.anchor-name]=\"'--my-anchor' + idx\"\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                            [disabled]=\"adressDisabled[idx] || event.status === 'DONE'\"\n                          ></textarea>\n                        </td>\n                        <td></td>\n                      </tr>\n                      <!--ville-->\n                      <tr>\n                        <td>{{ '@hvy.event.district' | i18n }} :</td>\n                        <td>\n                          <pry-select\n                            [items]=\"placesChoices\"\n                            [ngModel]=\"event.district\"\n                            [bindValue]=\"'key'\"\n                            bindLabel=\"display\"\n                            i18nPrefix=\"@hvy.event.places.\"\n                            (ngModelChange)=\"modifyEvent(idx, 'district', $event)\"\n                            [disabled]=\"adressDisabled[idx] || event.status === 'DONE'\"\n                          ></pry-select>\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]=\"1024\"\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]=\"event.status === 'DONE'\"\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>\n              <span>{{ procedure.name }}&nbsp;:</span>\n              {{ procedure.description }}\n            </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            [procedureModificationsActions]=\"procedureModifications?.actions\"\n            [initialActions] = this._procedure?.actions\n            [readonly]=\"readonlyProcedure || readonly\"\n            [readOnlyComment]=\"readOnlyComment\"\n            [disableSaveDIButton]=\"isEventModified()\"\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 class=\"list-eve-close-modal\">\n      @for (event of changeStatusContext.events; track event.id) {\n        <li>{{ padId.fn(event.id) }} - {{ 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$3.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$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1$2.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i1$2.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "forcePlaceHolder", "isForm", "required", "name", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked", "pressedEnter"] }, { kind: "directive", type: i10.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i10.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i10.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i1$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i11.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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", "disableSaveDIButton", "initialActions", "procedureModificationsActions", "actions"], outputs: ["modified", "commented", "refreshActions"] }, { kind: "pipe", type: i11.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$2.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 }} {{events.length > 1 ? '('+events.length+')': ''}}</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\" id=\"provoly-event-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 class=\"td-autocomplete\">\n                          <input type=\"text\" class=\"input-autocomplete\"\n                                 [placeholder]=\"'@hvy.event.equipmentPlaceholder' | i18n\"\n                                 [matAutocomplete]=\"auto\"\n                                 [formControl]=\"getEquipControl(idx)\"\n                                 [ngClass]=\"{'equipment-disabled': event.status === 'DONE'}\"\n                                 #trigger=\"matAutocompleteTrigger\"\n                                 [class.-error]=\"hasError('equipment', idx)\"/>\n                          <mat-autocomplete\n                            #auto=\"matAutocomplete\"\n                            [displayWith]=\"displayEquipment.bind(this)\"\n                            (opened)=\"openAutocomplete(idx)\"\n                            (closed)=\"closeAutocomplete(idx)\"\n                          >\n                            @for (equipment of equipments$[idx] | async; track equipment) {\n                              <mat-option [value]=\"equipment\">\n                                {{equipment.name}} - {{'@hvy.event.family.' + equipment.family | i18n}}\n                              </mat-option>\n                            }\n                          </mat-autocomplete>\n\n                          <pry-icon\n                            class=\"a-pry-select__toggle autocomplete-chevron\"\n                            [iconSvg]=\"openedAutocomplete[idx]? 'chevron_top' : 'chevron_bottom'\"\n                            [width]=\"10\"\n                            [height]=\"16\"\n                            (click)=\"openOrCloseAutocomplete($event, trigger, idx)\"\n                          ></pry-icon>\n                        </td>\n\n                        <td>\n                          @if (selectedEquipment[idx]) {\n                            <pry-icon\n                              iconSvg=\"i\"\n                              class=\"-hand anchor-tooltip\"\n                              [ngClass]=\"'anchor-tooltip-'+ idx\"\n                              [style.anchor-name]=\"'--my-anchor' + idx\"\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                            [disabled]=\"adressDisabled[idx] || event.status === 'DONE'\"\n                          ></textarea>\n                        </td>\n                        <td></td>\n                      </tr>\n                      <!--ville-->\n                      <tr>\n                        <td>{{ '@hvy.event.district' | i18n }} :</td>\n                        <td>\n                          <pry-select\n                            [items]=\"placesChoices\"\n                            [ngModel]=\"event.district\"\n                            [bindValue]=\"'key'\"\n                            bindLabel=\"display\"\n                            i18nPrefix=\"@hvy.event.places.\"\n                            (ngModelChange)=\"modifyEvent(idx, 'district', $event)\"\n                            [disabled]=\"adressDisabled[idx] || event.status === 'DONE'\"\n                          ></pry-select>\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]=\"event.status === 'DONE'\"\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>\n              <span>{{ procedure.name }}&nbsp;:</span>\n              {{ procedure.description }}\n            </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            [procedureModificationsActions]=\"procedureModifications?.actions\"\n            [initialActions] = this._procedure?.actions\n            [readonly]=\"readonlyProcedure || readonly\"\n            [readOnlyComment]=\"readOnlyComment\"\n            [disableSaveDIButton]=\"isEventModified()\"\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 class=\"list-eve-close-modal\">\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: i4.Overlay }, { type: i0.ViewContainerRef }, { type: i1$3.PryI18nService }, { type: i1$3.PryDialogService }, { type: HypCommentsService }, { type: EventService }, { type: i1$5.Actions }, { type: i1$4.FormBuilder }], propDecorators: { placesChoices: [{
+            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 }} {{events.length > 1 ? '('+events.length+')': ''}}</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 || (!!procedure && calculatedProgress !== 100)\" (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 event-detail-buttons-left\">\n      @if (procedure && !readonly) {\n        <button class=\"a-btn a-btn--secondary\" (click)=\"openChangeModal()\" [disabled]=\"readonlyProcedure\">\n          {{ '@hvy.event.log.procedure.modify' | i18n }}\n        </button>\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\" id=\"provoly-event-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              <div class=\"o-hvy-events-detail__header__split detail-remove-eve\">\n                @if (showRemoveEveButton(event)) {\n                  <button class=\"add-button\" [disabled]=\"readonly\" (click)=\"removeOneEvent(event)\">\n                    <pry-icon iconSvg=\"remove\" [width]=\"18\" [height]=\"18\"></pry-icon>\n                  </button>\n                }\n              </div>\n              <hvy-status-display\n                [item]=\"event\"\n                [modifiable]=\"!!procedure && calculatedProgress === 100\"\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 class=\"td-autocomplete\">\n                          <input type=\"text\" class=\"input-autocomplete\"\n                                 [placeholder]=\"'@hvy.event.equipmentPlaceholder' | i18n\"\n                                 [matAutocomplete]=\"auto\"\n                                 [formControl]=\"getEquipControl(idx)\"\n                                 [ngClass]=\"{'equipment-disabled': event.status === 'DONE'}\"\n                                 #trigger=\"matAutocompleteTrigger\"\n                                 [class.-error]=\"hasError('equipment', idx)\"/>\n                          <mat-autocomplete\n                            #auto=\"matAutocomplete\"\n                            [displayWith]=\"displayEquipment.bind(this)\"\n                            (opened)=\"openAutocomplete(idx)\"\n                            (closed)=\"closeAutocomplete(idx)\"\n                          >\n                            @for (equipment of equipments$[idx] | async; track equipment) {\n                              <mat-option [value]=\"equipment\">\n                                {{equipment.name}} - {{'@hvy.event.family.' + equipment.family | i18n}}\n                              </mat-option>\n                            }\n                          </mat-autocomplete>\n\n                          <pry-icon\n                            class=\"a-pry-select__toggle autocomplete-chevron\"\n                            [iconSvg]=\"openedAutocomplete[idx]? 'chevron_top' : 'chevron_bottom'\"\n                            [width]=\"10\"\n                            [height]=\"16\"\n                            (click)=\"openOrCloseAutocomplete($event, trigger, idx)\"\n                          ></pry-icon>\n                        </td>\n\n                        <td>\n                          @if (selectedEquipment[idx]) {\n                            <pry-icon\n                              iconSvg=\"i\"\n                              class=\"-hand anchor-tooltip\"\n                              [ngClass]=\"'anchor-tooltip-'+ idx\"\n                              [style.anchor-name]=\"'--my-anchor' + idx\"\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                            [disabled]=\"adressDisabled[idx] || event.status === 'DONE'\"\n                          ></textarea>\n                        </td>\n                        <td></td>\n                      </tr>\n                      <!--ville-->\n                      <tr>\n                        <td>{{ '@hvy.event.district' | i18n }} :</td>\n                        <td>\n                          <pry-select\n                            [items]=\"placesChoices\"\n                            [ngModel]=\"event.district\"\n                            [bindValue]=\"'key'\"\n                            bindLabel=\"display\"\n                            i18nPrefix=\"@hvy.event.places.\"\n                            (ngModelChange)=\"modifyEvent(idx, 'district', $event)\"\n                            [disabled]=\"adressDisabled[idx] || event.status === 'DONE'\"\n                          ></pry-select>\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]=\"1024\"\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]=\"event.status === 'DONE'\"\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>\n              <span>{{ procedure.name }}&nbsp;:</span>\n              {{ procedure.description }}\n            </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            [procedureModificationsActions]=\"procedureModifications?.actions\"\n            [initialActions] = this._procedure?.actions\n            [readonly]=\"readonlyProcedure || readonly\"\n            [readOnlyComment]=\"readOnlyComment\"\n            [disableSaveDIButton]=\"isEventModified()\"\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 class=\"list-eve-close-modal\">\n      @for (event of changeStatusContext.events; track event.id) {\n        <li>{{ padId.fn(event.id) }} - {{ 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: i4.Overlay }, { type: i0.ViewContainerRef }, { type: i1$2.PryI18nService }, { type: i1$2.PryDialogService }, { type: HypCommentsService }, { type: EventService }, { type: i1$4.Actions }, { type: i1$3.FormBuilder }, { type: ProcedureService }], propDecorators: { placesChoices: [{
                 type: Input
             }], modifiedEvents: [{
                 type: Output
@@ -2699,6 +2803,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
                 type: Output
             }], addedEvent: [{
                 type: Output
+            }], removedEvent: [{
+                type: Output
             }], title: [{
                 type: Input
             }], equipmentFromMap: [{
@@ -2789,7 +2895,7 @@ class EventFiltersComponent extends SubscriptionnerDirective {
         this.search$.next({ text: $event.target.value.toUpperCase(), eraseFilters: true });
     }
     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 }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: EventFiltersComponent, selector: "hvy-event-filters", inputs: { filterSet: "filterSet" }, outputs: { filtered: "filtered" }, queries: [{ propertyName: "filters", predicate: ["filter"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"o-hvy-event-filters\">\n  <ng-content></ng-content>\n  <div class=\"o-hvy-event-filters__buttons search-map-container\">\n    <button (click)=\"filter()\" class=\"a-btn a-btn--primary filter-button\" [title]=\"'@hvy.event.filter.name' | i18n\">\n      <pry-icon [width]=\"20\" [height]=\"20\" iconSvg=\"event_filter\"></pry-icon>\n    </button>\n    <button (click)=\"reset()\" class=\"a-btn a-btn--primary filter-button-reset\" [title]=\"'@hvy.event.filter.reset' | i18n\">\n      <pry-icon [width]=\"23\" [height]=\"23\" iconSvg=\"reset_filter\"></pry-icon>\n    </button>\n    @if (filterSet === 'map') {\n      <div class=\"o-chh-journal__action__search search-right\">\n        <div class=\"o-hvy-text-filters\">\n          <input\n            class=\"a-form-field o-hvy-text-filters__search-input search-input-map\"\n            type=\"text\"\n            [value]=\"(search$ | async)?.text\"\n            (input)=\"triggerChange($event)\"\n            placeholder=\"{{ '@hvy.event.filter.search' | i18n }}\"\n          />\n          <pry-icon\n            iconSvg=\"search\"\n            class=\"o-hvy-text-filters__search-icon\"\n            [width]=\"18\"\n            [height]=\"18\"\n          ></pry-icon>\n          @if ((search$ | async)?.text){\n            <pry-icon\n              class=\"filters-search-erase\"\n              iconSvg=\"close\"\n              [width]=\"18\"\n              [height]=\"18\"\n              (click)=\"filter()\"\n            ></pry-icon>\n          }\n        </div>\n      </div>\n    }\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: i1$3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i1$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: EventFiltersComponent, selector: "hvy-event-filters", inputs: { filterSet: "filterSet" }, outputs: { filtered: "filtered" }, queries: [{ propertyName: "filters", predicate: ["filter"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"o-hvy-event-filters\">\n  <ng-content></ng-content>\n  <div class=\"o-hvy-event-filters__buttons search-map-container\">\n    <button (click)=\"filter()\" class=\"a-btn a-btn--primary filter-button\" [title]=\"'@hvy.event.filter.name' | i18n\">\n      <pry-icon [width]=\"20\" [height]=\"20\" iconSvg=\"event_filter\"></pry-icon>\n    </button>\n    <button (click)=\"reset()\" class=\"a-btn a-btn--primary filter-button-reset\" [title]=\"'@hvy.event.filter.reset' | i18n\">\n      <pry-icon [width]=\"23\" [height]=\"23\" iconSvg=\"reset_filter\"></pry-icon>\n    </button>\n    @if (filterSet === 'map') {\n      <div class=\"o-chh-journal__action__search search-right\">\n        <div class=\"o-hvy-text-filters\">\n          <input\n            class=\"a-form-field o-hvy-text-filters__search-input search-input-map\"\n            type=\"text\"\n            [value]=\"(search$ | async)?.text\"\n            (input)=\"triggerChange($event)\"\n            placeholder=\"{{ '@hvy.event.filter.search' | i18n }}\"\n          />\n          <pry-icon\n            iconSvg=\"search\"\n            class=\"o-hvy-text-filters__search-icon\"\n            [width]=\"18\"\n            [height]=\"18\"\n          ></pry-icon>\n          @if ((search$ | async)?.text){\n            <pry-icon\n              class=\"filters-search-erase\"\n              iconSvg=\"close\"\n              [width]=\"18\"\n              [height]=\"18\"\n              (click)=\"filter()\"\n            ></pry-icon>\n          }\n        </div>\n      </div>\n    }\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: i1$2.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i11.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$2.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: EventFiltersComponent, decorators: [{
             type: Component,
@@ -2888,7 +2994,7 @@ 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\" [class.-highlight]=\"!!value\">\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" }] }); }
+    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\" [class.-highlight]=\"!!value\">\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$2.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: DateFilterComponent, decorators: [{
             type: Component,
@@ -3019,13 +3125,13 @@ class ChoiceFilterComponent extends HvyUnitFilterComponent {
         this.inhibate = this.filterSet;
         setTimeout(() => (this.inhibate = undefined), 50);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ChoiceFilterComponent, deps: [{ token: i1$1.Store }, { token: i4.Overlay }, { token: i0.ViewContainerRef }, { token: i1$3.PryI18nService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: ChoiceFilterComponent, selector: "hvy-choice-filter", inputs: { allLabel: "allLabel", label: "label", i18nPrefix: "i18nPrefix", addNonLeaves: "addNonLeaves", choices: "choices" }, providers: [{ provide: HvyUnitFilterComponent, useExisting: forwardRef(() => ChoiceFilterComponent) }], viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<button\n  (click)=\"toggleModal()\"\n  #button\n  class=\"o-hvy-choice-filter -horizontal\"\n  [class.-highlight]=\"displayValue() !== (allLabel | i18n)\"\n  [class.-no-value]=\"displayValue()==='(0)'\"\n  [class.-focus]=\"overlayRef\"\n>\n  <div class=\"o-hvy-choice-filter__choice-value\">\n    <span class=\"o-hvy-choice-filter__label\">{{ label | i18n }} :</span>\n    <span class=\"o-hvy-choice-filter__value\" type=\"text\" id=\"select_{{ id }}\">{{ displayValue() }}</span>\n  </div>\n  <pry-icon [iconSvg]=\"!!overlayRef ? 'chevron_top' : 'chevron_bottom'\" [width]=\"10\" [height]=\"10\"></pry-icon>\n</button>\n\n<ng-template #template>\n  <div\n    class=\"m-context-menu o-hvy-choice-filter\"\n    aria-labelledby=\"choice\"\n    tabindex=\"-1\"\n    id=\"choice\"\n    role=\"menu\"\n    aria-modal=\"true\"\n  >\n    <div class=\"o-hvy-choice-filter__all\">\n      <pry-checkbox [ngModel]=\"allSelected()\" (ngModelChange)=\"clickAll()\">\n        <span>{{ allLabel | i18n }}</span>\n      </pry-checkbox>\n    </div>\n    @for (elt of choices; track elt.key) {\n      @if (!elt.children) {\n        <pry-checkbox [ngModel]=\"isSelected(elt)\" (ngModelChange)=\"toggle(elt)\" class=\"o-hvy-choice-filter__root\">\n          <span>{{ i18nPrefix + elt.key | i18n }}</span>\n        </pry-checkbox>\n      } @else {\n        <pry-checkbox [ngModel]=\"isSelected(elt)\" (ngModelChange)=\"toggle(elt)\" class=\"o-hvy-choice-filter__root\">\n          <span>{{ i18nPrefix + elt.key | i18n }}</span>\n        </pry-checkbox>\n        @for (child of elt.children; track child.key) {\n          <pry-checkbox\n            [ngModel]=\"isSelected(child)\"\n            (ngModelChange)=\"toggle(child)\"\n            class=\"o-hvy-choice-filter__child\"\n          >\n            <span>{{ i18nPrefix + child.key | i18n }}</span>\n          </pry-checkbox>\n        }\n      }\n    }\n  </div>\n</ng-template>\n", dependencies: [{ kind: "component", type: i5.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: "pipe", type: i1$3.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ChoiceFilterComponent, deps: [{ token: i1$1.Store }, { token: i4.Overlay }, { token: i0.ViewContainerRef }, { token: i1$2.PryI18nService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: ChoiceFilterComponent, selector: "hvy-choice-filter", inputs: { allLabel: "allLabel", label: "label", i18nPrefix: "i18nPrefix", addNonLeaves: "addNonLeaves", choices: "choices" }, providers: [{ provide: HvyUnitFilterComponent, useExisting: forwardRef(() => ChoiceFilterComponent) }], viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<button\n  (click)=\"toggleModal()\"\n  #button\n  class=\"o-hvy-choice-filter -horizontal\"\n  [class.-highlight]=\"displayValue() !== (allLabel | i18n)\"\n  [class.-no-value]=\"displayValue()==='(0)'\"\n  [class.-focus]=\"overlayRef\"\n>\n  <div class=\"o-hvy-choice-filter__choice-value\">\n    <span class=\"o-hvy-choice-filter__label\">{{ label | i18n }} :</span>\n    <span class=\"o-hvy-choice-filter__value\" type=\"text\" id=\"select_{{ id }}\">{{ displayValue() }}</span>\n  </div>\n  <pry-icon [iconSvg]=\"!!overlayRef ? 'chevron_top' : 'chevron_bottom'\" [width]=\"10\" [height]=\"10\"></pry-icon>\n</button>\n\n<ng-template #template>\n  <div\n    class=\"m-context-menu o-hvy-choice-filter\"\n    aria-labelledby=\"choice\"\n    tabindex=\"-1\"\n    id=\"choice\"\n    role=\"menu\"\n    aria-modal=\"true\"\n  >\n    <div class=\"o-hvy-choice-filter__all\">\n      <pry-checkbox [ngModel]=\"allSelected()\" (ngModelChange)=\"clickAll()\">\n        <span>{{ allLabel | i18n }}</span>\n      </pry-checkbox>\n    </div>\n    @for (elt of choices; track elt.key) {\n      @if (!elt.children) {\n        <pry-checkbox [ngModel]=\"isSelected(elt)\" (ngModelChange)=\"toggle(elt)\" class=\"o-hvy-choice-filter__root\">\n          <span>{{ i18nPrefix + elt.key | i18n }}</span>\n        </pry-checkbox>\n      } @else {\n        <pry-checkbox [ngModel]=\"isSelected(elt)\" (ngModelChange)=\"toggle(elt)\" class=\"o-hvy-choice-filter__root\">\n          <span>{{ i18nPrefix + elt.key | i18n }}</span>\n        </pry-checkbox>\n        @for (child of elt.children; track child.key) {\n          <pry-checkbox\n            [ngModel]=\"isSelected(child)\"\n            (ngModelChange)=\"toggle(child)\"\n            class=\"o-hvy-choice-filter__child\"\n          >\n            <span>{{ i18nPrefix + child.key | i18n }}</span>\n          </pry-checkbox>\n        }\n      }\n    }\n  </div>\n</ng-template>\n", dependencies: [{ kind: "component", type: i5.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle", "name", "inputId", "inhibit"] }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1$2.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i1$2.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ChoiceFilterComponent, decorators: [{
             type: Component,
             args: [{ selector: 'hvy-choice-filter', providers: [{ provide: HvyUnitFilterComponent, useExisting: forwardRef(() => ChoiceFilterComponent) }], template: "<button\n  (click)=\"toggleModal()\"\n  #button\n  class=\"o-hvy-choice-filter -horizontal\"\n  [class.-highlight]=\"displayValue() !== (allLabel | i18n)\"\n  [class.-no-value]=\"displayValue()==='(0)'\"\n  [class.-focus]=\"overlayRef\"\n>\n  <div class=\"o-hvy-choice-filter__choice-value\">\n    <span class=\"o-hvy-choice-filter__label\">{{ label | i18n }} :</span>\n    <span class=\"o-hvy-choice-filter__value\" type=\"text\" id=\"select_{{ id }}\">{{ displayValue() }}</span>\n  </div>\n  <pry-icon [iconSvg]=\"!!overlayRef ? 'chevron_top' : 'chevron_bottom'\" [width]=\"10\" [height]=\"10\"></pry-icon>\n</button>\n\n<ng-template #template>\n  <div\n    class=\"m-context-menu o-hvy-choice-filter\"\n    aria-labelledby=\"choice\"\n    tabindex=\"-1\"\n    id=\"choice\"\n    role=\"menu\"\n    aria-modal=\"true\"\n  >\n    <div class=\"o-hvy-choice-filter__all\">\n      <pry-checkbox [ngModel]=\"allSelected()\" (ngModelChange)=\"clickAll()\">\n        <span>{{ allLabel | i18n }}</span>\n      </pry-checkbox>\n    </div>\n    @for (elt of choices; track elt.key) {\n      @if (!elt.children) {\n        <pry-checkbox [ngModel]=\"isSelected(elt)\" (ngModelChange)=\"toggle(elt)\" class=\"o-hvy-choice-filter__root\">\n          <span>{{ i18nPrefix + elt.key | i18n }}</span>\n        </pry-checkbox>\n      } @else {\n        <pry-checkbox [ngModel]=\"isSelected(elt)\" (ngModelChange)=\"toggle(elt)\" class=\"o-hvy-choice-filter__root\">\n          <span>{{ i18nPrefix + elt.key | i18n }}</span>\n        </pry-checkbox>\n        @for (child of elt.children; track child.key) {\n          <pry-checkbox\n            [ngModel]=\"isSelected(child)\"\n            (ngModelChange)=\"toggle(child)\"\n            class=\"o-hvy-choice-filter__child\"\n          >\n            <span>{{ i18nPrefix + child.key | i18n }}</span>\n          </pry-checkbox>\n        }\n      }\n    }\n  </div>\n</ng-template>\n" }]
-        }], ctorParameters: () => [{ type: i1$1.Store }, { type: i4.Overlay }, { type: i0.ViewContainerRef }, { type: i1$3.PryI18nService }, { type: i0.ElementRef }], propDecorators: { allLabel: [{
+        }], ctorParameters: () => [{ type: i1$1.Store }, { type: i4.Overlay }, { type: i0.ViewContainerRef }, { type: i1$2.PryI18nService }, { type: i0.ElementRef }], propDecorators: { allLabel: [{
                 type: Input
             }], label: [{
                 type: Input
@@ -3062,7 +3168,7 @@ 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: "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" }] }); }
+    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$2.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i1$2.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: TextFilterComponent, decorators: [{
             type: Component,
@@ -3124,11 +3230,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: "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.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      @if (!!event.serviceTitles){\n        @for (title of event.serviceTitles | slice:0:5; track title; let i = $index, last = $last){\n          <div>\n            {{ title }}@if (event.serviceTitles.length !== 1 && i !== 4 && !last ){,&nbsp;}@if (event.serviceTitles.length > 5 && i === 4){...}\n          </div>\n        }\n      }\n\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.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i1$2.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$2.I18nPipe, name: "i18n" }, { kind: "pipe", type: i11.SlicePipe, name: "slice" }, { 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 || 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" }]
+            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      @if (!!event.serviceTitles){\n        @for (title of event.serviceTitles | slice:0:5; track title; let i = $index, last = $last){\n          <div>\n            {{ title }}@if (event.serviceTitles.length !== 1 && i !== 4 && !last ){,&nbsp;}@if (event.serviceTitles.length > 5 && i === 4){...}\n          </div>\n        }\n      }\n\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 }]
@@ -3158,7 +3264,7 @@ class EventSummaryListComponent {
         this.store.dispatch(EventActions.filter({ filters: { status: [status] }, filterSet: KNOWN_FILTER_SETS.EVENTS }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: EventSummaryListComponent, deps: [{ token: i1$1.Store }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: EventSummaryListComponent, selector: "hvy-event-summary-list", inputs: { events: "events", totalEventCount: "totalEventCount", status: "status", consultLink: "consultLink", itemLinkBase: "itemLinkBase", doNotRedirectToDetail: "doNotRedirectToDetail" }, ngImport: i0, template: "<div class=\"o-hvy-event-summary-list -hvy-{{ status.toLowerCase() }}\">\n  <div class=\"o-hvy-event-summary-list__header\">\n    <h3 class=\"o-hvy-event-summary-list__title\">\n      {{ '@hvy.eventSummary.statusLabels.' + status | i18n }}\n    </h3>\n    <span class=\"o-hvy-event-summary-list__counter\">\n      {{ totalEventCount }}\n    </span>\n  </div>\n  <div class=\"o-hvy-event-summary-list__content\">\n    @for (event of events; track event.id) {\n      <hvy-event-summary-item [event]=\"event\" [linkBase]=\"itemLinkBase\" [doNotRedirectToDetail]=\"doNotRedirectToDetail\">\n      </hvy-event-summary-item>\n    } @empty {\n      <span class=\"o-hvy-event-summary-list__no-content\">\n        {{ '@hvy.eventSummary.noContent.' + status | i18n }}\n      </span>\n    }\n  </div>\n  <div class=\"o-hvy-event-summary-list__footer\">\n    <a class=\"o-hvy-event-summary-list__footer-button\" (click)=\"filterAndRoute(status)\">\n      <pry-icon iconSvg=\"eye\"></pry-icon>\n      {{ '@hvy.action.consult' | i18n }}\n    </a>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: i1$3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: EventSummaryItemComponent, selector: "hvy-event-summary-item", inputs: ["event", "linkBase", "doNotRedirectToDetail"] }, { kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: EventSummaryListComponent, selector: "hvy-event-summary-list", inputs: { events: "events", totalEventCount: "totalEventCount", status: "status", consultLink: "consultLink", itemLinkBase: "itemLinkBase", doNotRedirectToDetail: "doNotRedirectToDetail" }, ngImport: i0, template: "<div class=\"o-hvy-event-summary-list -hvy-{{ status.toLowerCase() }}\">\n  <div class=\"o-hvy-event-summary-list__header\">\n    <h3 class=\"o-hvy-event-summary-list__title\">\n      {{ '@hvy.eventSummary.statusLabels.' + status | i18n }}\n    </h3>\n    <span class=\"o-hvy-event-summary-list__counter\">\n      {{ totalEventCount }}\n    </span>\n  </div>\n  <div class=\"o-hvy-event-summary-list__content\">\n    @for (event of events; track event.id) {\n      <hvy-event-summary-item [event]=\"event\" [linkBase]=\"itemLinkBase\" [doNotRedirectToDetail]=\"doNotRedirectToDetail\">\n      </hvy-event-summary-item>\n    } @empty {\n      <span class=\"o-hvy-event-summary-list__no-content\">\n        {{ '@hvy.eventSummary.noContent.' + status | i18n }}\n      </span>\n    }\n  </div>\n  <div class=\"o-hvy-event-summary-list__footer\">\n    <a class=\"o-hvy-event-summary-list__footer-button\" (click)=\"filterAndRoute(status)\">\n      <pry-icon iconSvg=\"eye\"></pry-icon>\n      {{ '@hvy.action.consult' | i18n }}\n    </a>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: i1$2.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: EventSummaryItemComponent, selector: "hvy-event-summary-item", inputs: ["event", "linkBase", "doNotRedirectToDetail"] }, { kind: "pipe", type: i1$2.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: EventSummaryListComponent, decorators: [{
             type: Component,
@@ -3195,7 +3301,7 @@ class EventSummaryPageComponent extends SubscriptionnerDirective {
             this.store.dispatch(EventSummaryActions.load());
         }));
         this.selectedCriticality$ = this.store
-            .select(EventSelectors.filters)
+            .select(EventSelectors.filtersAccueil)
             .pipe(map$1((filters) => (filters[KNOWN_FILTER_SETS.EVENTS] ?? {})['criticality']?.[0] ?? 'ALL'));
         this.subscriptions.add(this.store.select(EventSummarySelectors.summaries).subscribe((summaries) => {
             this.summaries = summaries;
@@ -3203,19 +3309,19 @@ class EventSummaryPageComponent extends SubscriptionnerDirective {
     }
     filterByCriticality($event) {
         $event === 'ALL'
-            ? this.store.dispatch(EventActions.filter({ filters: {}, filterSet: KNOWN_FILTER_SETS.EVENTS }))
-            : this.store.dispatch(EventActions.filter({
+            ? this.store.dispatch(EventActions.filterAccueil({ filters: {}, filterSet: KNOWN_FILTER_SETS.EVENTS }))
+            : this.store.dispatch(EventActions.filterAccueil({
                 filters: { criticality: [$event] },
                 filterSet: KNOWN_FILTER_SETS.EVENTS
             }));
         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", "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" }] }); }
+    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=\"criticity-home-filter\">\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        [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$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1$2.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "forcePlaceHolder", "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: i11.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$2.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: EventSummaryPageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'hvy-event-summary-page', 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" }]
+            args: [{ selector: 'hvy-event-summary-page', 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=\"criticity-home-filter\">\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        [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" }]
         }], ctorParameters: () => [{ type: i1$1.Store }], propDecorators: { pageTitle: [{
                 type: Input
             }], consultLink: [{
@@ -3233,7 +3339,7 @@ class ProcedureColumnOrderComponent extends ColumnOrderComponent {
         this.store.dispatch(ProcedureActions.sort({ field: this.field, order }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ProcedureColumnOrderComponent, deps: [{ token: i1$1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: ProcedureColumnOrderComponent, selector: "hvy-procedure-column-order", usesInheritance: true, ngImport: i0, template: "<div class=\"o-hvy-column-order\">\n  <div class=\"o-hvy-column-order__content\">\n    <ng-content></ng-content>\n  </div>\n  <div class=\"o-hvy-column-order__chevrons\">\n    <pry-icon iconSvg=\"caret_top\" (click)=\"sort('ASC')\" [height]=\"10\" [width]=\"10\" [class.-active]=\"isActive('ASC')\"></pry-icon>\n    <pry-icon iconSvg=\"caret_bottom\" (click)=\"sort('DESC')\" [height]=\"10\" [width]=\"10\" [class.-active]=\"isActive('DESC')\"></pry-icon>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: i1$3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: ProcedureColumnOrderComponent, selector: "hvy-procedure-column-order", usesInheritance: true, ngImport: i0, template: "<div class=\"o-hvy-column-order\">\n  <div class=\"o-hvy-column-order__content\">\n    <ng-content></ng-content>\n  </div>\n  <div class=\"o-hvy-column-order__chevrons\">\n    <pry-icon iconSvg=\"caret_top\" (click)=\"sort('ASC')\" [height]=\"10\" [width]=\"10\" [class.-active]=\"isActive('ASC')\"></pry-icon>\n    <pry-icon iconSvg=\"caret_bottom\" (click)=\"sort('DESC')\" [height]=\"10\" [width]=\"10\" [class.-active]=\"isActive('DESC')\"></pry-icon>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: i1$2.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ProcedureColumnOrderComponent, decorators: [{
             type: Component,
@@ -3266,7 +3372,7 @@ class ProcedureListComponent extends SubscriptionnerDirective {
         return this.router.navigate(this.PROCEDURE_LINK.fn(procedure, this.store));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ProcedureListComponent, deps: [{ token: i1$1.Store }, { token: i2.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", 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.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.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i1$2.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: i11.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$2.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,
@@ -3376,13 +3482,13 @@ 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$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", "disableSaveDIButton", "initialActions", "procedureModificationsActions", "actions"], outputs: ["modified", "commented", "refreshActions"] }, { 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$4.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$3.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$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1$2.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "forcePlaceHolder", "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", "disableSaveDIButton", "initialActions", "procedureModificationsActions", "actions"], outputs: ["modified", "commented", "refreshActions"] }, { kind: "pipe", type: i1$2.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              <!--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: [{
+        }], ctorParameters: () => [{ type: i1$4.Actions }], propDecorators: { model: [{
                 type: Input
             }], username: [{
                 type: Input
@@ -3650,6 +3756,10 @@ const enTranslations = {
 const frTranslations = {
     '@hvy': {
         event: {
+            remove: {
+                title: 'Dissocier l\'événement',
+                text: 'Êtes-vous sûr de vouloir le dissocier ?'
+            },
             district: 'Ville/Quartier',
             id: 'Identifiant',
             name: 'Événement',
@@ -3715,6 +3825,7 @@ const frTranslations = {
                 },
                 procedure: {
                     delete: 'Supprimer la procédure',
+                    modify: 'Changer de procédure',
                     progress: 'Progression',
                     noAction: "Une procédure est une succession d'actions à réaliser selon l'ordre d'intervention.",
                     name: 'Procédure commune',
@@ -3807,6 +3918,7 @@ const frTranslations = {
                 IN_PROGRESS: 'En cours',
                 DONE: 'Terminé'
             },
+            etat: 'État',
             alreadyExists: 'Ce titre existe déjà. Veuillez en saisir un autre.',
             name: 'Procédure',
             progress: '% avancement procédure',
@@ -3922,7 +4034,7 @@ class HvyNoParamsActionDisplayComponent extends HvyBaseParameterActionComponent
         super();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: HvyNoParamsActionDisplayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: HvyNoParamsActionDisplayComponent, selector: "hvy-no-params-action-display", usesInheritance: true, ngImport: i0, template: "<div class=\"param-line\">\n  <p>\n    {{ '@hvy.procedure.action.question.' + action.type | i18n }}\n  </p>\n</div>\n", dependencies: [{ kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: HvyNoParamsActionDisplayComponent, selector: "hvy-no-params-action-display", usesInheritance: true, ngImport: i0, template: "<div class=\"param-line\">\n  <p>\n    {{ '@hvy.procedure.action.question.' + action.type | i18n }}\n  </p>\n</div>\n", dependencies: [{ kind: "pipe", type: i1$2.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: HvyNoParamsActionDisplayComponent, decorators: [{
             type: Component,
@@ -3955,6 +4067,7 @@ class EventEffects {
         this.saveEvent$ = createEffect(() => this.actions$.pipe(ofType(EventActions.save), debounceTime$1(200), mergeMap$1((action) => this.eventService.save(action.event).pipe(map$1((event) => EventActions.saveSuccess({ event: event ?? action.event, creation: action.event.id < 0 })), catchError((error) => [EventActions.saveFailure({ error: error })])))));
         this.saveProcedure$ = createEffect(() => this.actions$.pipe(ofType(EventActions.saveProcedure), debounceTime$1(200), mergeMap$1((action) => this.eventService.saveProcedure(action.procedure).pipe(map$1((procedure) => EventActions.saveSuccess({ procedure: action.procedure, creation: false })), catchError((error) => [EventActions.saveFailure({ error: error })])))));
         this.addEventToProcedure$ = createEffect(() => this.actions$.pipe(ofType(EventActions.addEventToProcedure), debounceTime$1(200), mergeMap$1((action) => this.eventService.addEventToProcedure(action.eventId, action.procedure).pipe(map$1(() => EventActions.saveSuccess({ procedure: action.procedure, creation: false })), catchError((error) => [EventActions.saveFailure({ error: error })])))));
+        this.removeEventToProcedure$ = createEffect(() => this.actions$.pipe(ofType(EventActions.removeEventToProcedure), debounceTime$1(200), mergeMap$1((action) => this.eventService.removeEventToProcedure(action.eventId, action.procedure).pipe(map$1(() => EventActions.saveSuccess({ procedure: action.procedure, creation: false })), catchError((error) => [EventActions.saveFailure({ error: error })])))));
         this.refreshAfterSave$ = createEffect(() => this.actions$.pipe(ofType(EventActions.saveSuccess, EventActions.statusSuccess), debounceTime$1(200), map$1((action) => !!action.procedure
             ? EventActions.getForProcedure({ id: action.procedure.id })
             : EventActions.get({ id: action.event.id }))));
@@ -3973,12 +4086,12 @@ class EventEffects {
         this.filter$ = createEffect(() => this.actions$.pipe(ofType(EventActions.filter), filter((action) => action.filterSet === KNOWN_FILTER_SETS.EVENTS), debounceTime$1(200), map$1(() => EventActions.load({}))));
         this.associateProcedure$ = createEffect(() => this.actions$.pipe(ofType(EventActions.associateProcedure), mergeMap$1((action) => this.eventService.associateProcedure(action.procedureId, action.eventIds).pipe(mergeMap$1((procedure) => [EventActions.load({}), EventActions.associateProcedureSuccess({ procedure })]), catchError((error) => [EventActions.associateProcedureFailure({ error: error })])))));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: EventEffects, deps: [{ token: i1$5.Actions }, { token: EventService }, { token: i1$1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: EventEffects, deps: [{ token: i1$4.Actions }, { token: EventService }, { token: i1$1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: EventEffects }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: EventEffects, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i1$5.Actions }, { type: EventService }, { type: i1$1.Store }] });
+        }], ctorParameters: () => [{ type: i1$4.Actions }, { type: EventService }, { type: i1$1.Store }] });
 
 class HypervisorService {
     constructor(httpClient, store) {
@@ -4000,12 +4113,12 @@ class HypervisorEffects {
         this.actions$ = actions$;
         this.eventService = eventService;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: HypervisorEffects, deps: [{ token: i1$5.Actions }, { token: HypervisorService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: HypervisorEffects, deps: [{ token: i1$4.Actions }, { token: HypervisorService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: HypervisorEffects }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: HypervisorEffects, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i1$5.Actions }, { type: HypervisorService }] });
+        }], ctorParameters: () => [{ type: i1$4.Actions }, { type: HypervisorService }] });
 
 class EventSummaryService {
     constructor(httpClient, store) {
@@ -4013,7 +4126,7 @@ class EventSummaryService {
         this.store = store;
     }
     list() {
-        return this.store.select(HypSelectors.url).pipe(withLatestFrom(this.store.select(EventSelectors.filters)), mergeMap(([url, filterSets]) => {
+        return this.store.select(HypSelectors.url).pipe(withLatestFrom(this.store.select(EventSelectors.filtersAccueil)), mergeMap(([url, filterSets]) => {
             const filters = filterSets[KNOWN_FILTER_SETS.EVENTS];
             let params = new HttpParams();
             Object.keys(filters).forEach((filter) => {
@@ -4040,12 +4153,12 @@ class EventSummaryEffects {
         this.eventSummaryService = eventSummaryService;
         this.loadSummaries$ = createEffect(() => this.actions$.pipe(ofType(EventSummaryActions.load), debounceTime$1(200), mergeMap$1((action) => this.eventSummaryService.list().pipe(map$1((summaries) => EventSummaryActions.loadSuccess({ summaries })), catchError((error) => [EventSummaryActions.loadFailure({ error: error })])))));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: EventSummaryEffects, deps: [{ token: i1$5.Actions }, { token: EventSummaryService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: EventSummaryEffects, deps: [{ token: i1$4.Actions }, { token: EventSummaryService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: EventSummaryEffects }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: EventSummaryEffects, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i1$5.Actions }, { type: EventSummaryService }] });
+        }], ctorParameters: () => [{ type: i1$4.Actions }, { type: EventSummaryService }] });
 
 class ProcedureEffects {
     constructor(actions$, procedureService, store) {
@@ -4059,12 +4172,12 @@ class ProcedureEffects {
         this.refreshAfterSave$ = createEffect(() => this.actions$.pipe(ofType(ProcedureActions.saveSuccess), debounceTime$1(200), map$1((action) => ProcedureActions.model({ id: action.model.id }))));
         this.deleteInstance$ = createEffect(() => this.actions$.pipe(ofType(ProcedureActions.deleteInstance), debounceTime$1(200), mergeMap$1((action) => this.procedureService.delete(action.id).pipe(map$1((model) => ProcedureActions.deleteInstanceSuccess({ returnToEvent: action.returnToEvent })), catchError((error) => [ProcedureActions.deleteInstanceFailure({ error: error })])))));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ProcedureEffects, deps: [{ token: i1$5.Actions }, { token: ProcedureService }, { token: i1$1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ProcedureEffects, deps: [{ token: i1$4.Actions }, { token: ProcedureService }, { token: i1$1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ProcedureEffects }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ProcedureEffects, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i1$5.Actions }, { type: ProcedureService }, { type: i1$1.Store }] });
+        }], ctorParameters: () => [{ type: i1$4.Actions }, { type: ProcedureService }, { type: i1$1.Store }] });
 
 const components = [
     EventDetailComponent,
@@ -4105,7 +4218,8 @@ const components = [
     HvyCommentsComponent,
     LastEventsComponent,
     HvyEventDetailsTooltipComponent,
-    HvyEventAddEventComponent
+    HvyEventAddEventComponent,
+    RemoveEventComponent
 ];
 class PvyHypervisorModule {
     static forRoot(options) {
@@ -4122,7 +4236,7 @@ class PvyHypervisorModule {
         this.i18nService.addLangObject('en', '@hvy', enTranslations);
         this.i18nService.addLangObject('fr', '@hvy', frTranslations);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PvyHypervisorModule, deps: [{ token: HYP_BASE_CONFIG }, { token: i1$1.Store }, { token: i1$3.PryI18nService }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: PvyHypervisorModule, deps: [{ token: HYP_BASE_CONFIG }, { token: i1$1.Store }, { token: i1$2.PryI18nService }], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: PvyHypervisorModule, declarations: [EventDetailComponent,
             EventListComponent,
             EventColumnOrderComponent,
@@ -4161,7 +4275,8 @@ class PvyHypervisorModule {
             HvyCommentsComponent,
             LastEventsComponent,
             HvyEventDetailsTooltipComponent,
-            HvyEventAddEventComponent, ProcedureActionsComponent], imports: [i1$1.StoreFeatureModule, i1$1.StoreFeatureModule, i1$1.StoreFeatureModule, i1$1.StoreFeatureModule, i1$5.EffectsFeatureModule, NgForOf,
+            HvyEventAddEventComponent,
+            RemoveEventComponent, ProcedureActionsComponent], imports: [i1$1.StoreFeatureModule, i1$1.StoreFeatureModule, i1$1.StoreFeatureModule, i1$1.StoreFeatureModule, i1$4.EffectsFeatureModule, NgForOf,
             AsyncPipe,
             PryI18nModule,
             PryCoreModule,
@@ -4193,7 +4308,9 @@ class PvyHypervisorModule {
             AsyncPipe,
             PryI18nModule,
             AsyncPipe,
-            PryI18nModule], exports: [EventDetailComponent,
+            PryI18nModule,
+            CdkScrollable,
+            SlicePipe], exports: [EventDetailComponent,
             EventListComponent,
             EventColumnOrderComponent,
             IconDisplayComponent,
@@ -4231,7 +4348,8 @@ class PvyHypervisorModule {
             HvyCommentsComponent,
             LastEventsComponent,
             HvyEventDetailsTooltipComponent,
-            HvyEventAddEventComponent] }); }
+            HvyEventAddEventComponent,
+            RemoveEventComponent] }); }
     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),
@@ -4298,6 +4416,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
                         PryI18nModule,
                         AsyncPipe,
                         PryI18nModule,
+                        CdkScrollable,
+                        SlicePipe,
                     ],
                     exports: [...components],
                     providers: [I18nPipe]
@@ -4305,7 +4425,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [HYP_BASE_CONFIG]
-                }] }, { type: i1$1.Store }, { type: i1$3.PryI18nService }] });
+                }] }, { type: i1$1.Store }, { type: i1$2.PryI18nService }] });
 
 /*
  * Public API Surface of hypervisor
@@ -4315,5 +4435,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_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, VpEventSubCategory, displayDate, enTranslations, eventFeatureKey, eventForWriteAPI, eventInitialState, eventReducer, eventSummaryFeatureKey, eventSummaryInitialState, eventSummaryReducer, frTranslations, hypFeatureKey, hypInitialState, hypervisorReducer, padId, procedureFeatureKey, procedureForWriteAPI, procedureInitialState, procedureReducer, statusOrder };
+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, RemoveEventComponent, StatusDisplayComponent, TextFilterComponent, TruncatePipe, VpEventSubCategory, displayDate, enTranslations, eventFeatureKey, eventForWriteAPI, eventInitialState, eventReducer, eventSummaryFeatureKey, eventSummaryInitialState, eventSummaryReducer, frTranslations, hypFeatureKey, hypInitialState, hypervisorReducer, padId, procedureFeatureKey, procedureForWriteAPI, procedureInitialState, procedureReducer, statusOrder };
 //# sourceMappingURL=provoly-hypervisor.mjs.map