@provoly/hypervisor 0.0.22 → 0.0.23

package/fesm2022/provoly-hypervisor.mjs

@@ -1,15 +1,18 @@
 import * as i0 from '@angular/core';
-import { Injectable, Pipe, Component, Input, EventEmitter, Output, ContentChildren, forwardRef, signal, computed, TemplateRef, ViewChild, InjectionToken, NgModule, Inject } from '@angular/core';
+import { Injectable, Pipe, Component, Input, EventEmitter, Output, TemplateRef, ViewChild, ContentChildren, Directive, forwardRef, signal, computed, InjectionToken, NgModule, Inject } from '@angular/core';
 import * as i3 from '@provoly/dashboard';
 import { DEFAULT_ICON_URL, SubscriptionnerDirective, PryI18nModule, PryCoreModule, PryIconModule, PrySelectModule, PryDatePickerModule } from '@provoly/dashboard';
 import * as i1$1 from '@ngrx/store';
 import { createAction, props, createReducer, on, createFeatureSelector, createSelector, StoreModule } from '@ngrx/store';
-import { mergeMap, of, combineLatest, map, fromEvent, withLatestFrom, filter, auditTime } from 'rxjs';
+import * as i3$1 from '@angular/cdk/overlay';
+import { OverlayConfig } from '@angular/cdk/overlay';
+import { TemplatePortal } from '@angular/cdk/portal';
+import { mergeMap, of, combineLatest, map, fromEvent, withLatestFrom, filter, auditTime, BehaviorSubject } from 'rxjs';
 import * as i1 from '@angular/common/http';
 import { HttpParams } from '@angular/common/http';
-import * as i3$1 from '@provoly/dashboard/components/checkbox';
+import * as i4 from '@provoly/dashboard/components/checkbox';
 import { PryCheckboxModule } from '@provoly/dashboard/components/checkbox';
-import * as i4 from '@angular/forms';
+import * as i5 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import * as i1$2 from '@angular/common';
 import { NgForOf, AsyncPipe, NgStyle, DatePipe, KeyValuePipe, JsonPipe } from '@angular/common';
@@ -17,9 +20,6 @@ import * as i2 from '@angular/router';
 import { RouterLink } from '@angular/router';
 import * as i10 from '@provoly/dashboard/components/sinceDate';
 import { PrySinceDateModule } from '@provoly/dashboard/components/sinceDate';
-import * as i2$1 from '@angular/cdk/overlay';
-import { OverlayConfig } from '@angular/cdk/overlay';
-import { TemplatePortal } from '@angular/cdk/portal';
 import { map as map$1, debounceTime, mergeMap as mergeMap$1, catchError } from 'rxjs/operators';
 import * as i1$3 from '@ngrx/effects';
 import { createEffect, ofType, EffectsModule } from '@ngrx/effects';
@@ -60,7 +60,7 @@ const EventActions = {
     status: createAction('[Event] Close Event or Procedure', props()),
     statusSuccess: createAction('[Event] Close success'),
     statusFailure: createAction('[Event] Close failure', props()),
-    sort: createAction('[Event] set log event sorting', props()),
+    sort: createAction('[Event] set log event sorting', props())
 };
 
 const HypervisorActions = {
@@ -171,11 +171,11 @@ class StatusDisplayComponent {
         this.targetsDisplayed = this.targetStatuses.length > 0 && !this.targetsDisplayed;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: StatusDisplayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: StatusDisplayComponent, selector: "hvy-status-display", inputs: { event: "event", modifiable: "modifiable" }, outputs: { modified: "modified" }, ngImport: i0, template: "<span class=\"a-chip -md -{{event.status}} a-chip-status\" (click)=\"toggle()\" >\n  {{ '@hvy.event.status.' + event.status | i18n }}\n  @if (targetStatuses.length > 0) {\n    <pry-icon iconSvg=\"chevron_bottom\" [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)\">{{ '@hvy.event.status.' + status | i18n }}</div>\n    }\n  </div>\n}\n", dependencies: [{ kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: StatusDisplayComponent, selector: "hvy-status-display", inputs: { event: "event", modifiable: "modifiable" }, outputs: { modified: "modified" }, ngImport: i0, template: "<span class=\"a-chip -{{event.status}} a-chip-status\" (click)=\"toggle()\">\n  {{ '@hvy.event.status.' + event.status | i18n }}\n  @if (targetStatuses.length > 0) {\n    <pry-icon iconSvg=\"chevron_bottom\" [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)\">{{ '@hvy.event.status.' + status | i18n }}\n      </div>\n    }\n  </div>\n}\n", dependencies: [{ kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: StatusDisplayComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'hvy-status-display', template: "<span class=\"a-chip -md -{{event.status}} a-chip-status\" (click)=\"toggle()\" >\n  {{ '@hvy.event.status.' + event.status | i18n }}\n  @if (targetStatuses.length > 0) {\n    <pry-icon iconSvg=\"chevron_bottom\" [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)\">{{ '@hvy.event.status.' + status | i18n }}</div>\n    }\n  </div>\n}\n" }]
+            args: [{ selector: 'hvy-status-display', template: "<span class=\"a-chip -{{event.status}} a-chip-status\" (click)=\"toggle()\">\n  {{ '@hvy.event.status.' + event.status | i18n }}\n  @if (targetStatuses.length > 0) {\n    <pry-icon iconSvg=\"chevron_bottom\" [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)\">{{ '@hvy.event.status.' + status | i18n }}\n      </div>\n    }\n  </div>\n}\n" }]
         }], propDecorators: { modified: [{
                 type: Output
             }], event: [{
@@ -218,12 +218,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
 class EventDetailComponent extends SubscriptionnerDirective {
     static { this.CARD_HEIGHT = 75; }
     set events(events) {
-        this._events = events.filter(ev => !!ev);
+        this._events = events.filter((ev) => !!ev);
         this.eventModifications = new Array(this._events.length);
         this.opened = this._events.length === 1 ? [true] : [];
-        this.canCloseSome = this._events.filter(ev => ev.status !== 'DONE').length > 0;
+        this.canCloseSome = this._events.filter((ev) => ev.status !== 'DONE').length > 0;
     }
-    ;
     set procedure(procedure) {
         this._procedure = procedure;
         this.procedureModifications = {};
@@ -233,10 +232,12 @@ class EventDetailComponent extends SubscriptionnerDirective {
         this.procedureModifications = {};
         this._outputModifications();
     }
-    constructor(equipmentService, store) {
+    constructor(equipmentService, store, overlay, viewContainerRef) {
         super();
         this.equipmentService = equipmentService;
         this.store = store;
+        this.overlay = overlay;
+        this.viewContainerRef = viewContainerRef;
         this.opened = [];
         this.criticalities = HypEventCriticality.values;
         this._events = [];
@@ -253,16 +254,24 @@ class EventDetailComponent extends SubscriptionnerDirective {
         this.moveInitialIndex = 0;
         this.initialActionList = [];
         this.previousOffset = 0;
+        this.changeStatusContext = {
+            comment: '',
+            events: [],
+            status: 'DONE',
+            all: false
+        };
     }
     get events() {
         return this._events.map((evt, idx) => ({ ...evt, ...(this.eventModifications[idx] ?? {}) }));
     }
     get procedure() {
-        return this._procedure ? ({
-            ...this._procedure,
-            ...(this.procedureModifications ?? {}),
-            events: this.events,
-        }) : undefined;
+        return this._procedure
+            ? {
+                ...this._procedure,
+                ...(this.procedureModifications ?? {}),
+                events: this.events
+            }
+            : undefined;
     }
     toggle(i) {
         this.opened[i] = !this.opened[i];
@@ -295,7 +304,7 @@ class EventDetailComponent extends SubscriptionnerDirective {
                 eqName: true,
                 eqEntity: true,
                 startDate: true,
-                endDate: true,
+                endDate: true
             };
         }
         switch (event.type) {
@@ -312,7 +321,7 @@ class EventDetailComponent extends SubscriptionnerDirective {
                     eqName: true,
                     eqEntity: true,
                     startDate: true,
-                    endDate: true,
+                    endDate: true
                 };
             case 'REPORT':
                 return {
@@ -326,7 +335,7 @@ class EventDetailComponent extends SubscriptionnerDirective {
                     eqName: false,
                     eqEntity: true,
                     startDate: true,
-                    endDate: true,
+                    endDate: true
                 };
             case 'OPERATOR':
                 return {
@@ -340,7 +349,7 @@ class EventDetailComponent extends SubscriptionnerDirective {
                     eqName: false,
                     eqEntity: false,
                     startDate: false,
-                    endDate: false,
+                    endDate: false
                 };
         }
     }
@@ -363,7 +372,7 @@ class EventDetailComponent extends SubscriptionnerDirective {
     }
     validateEvents(events) {
         this.errors = [];
-        events.forEach(event => {
+        events.forEach((event) => {
             const eventErrors = [];
             if (!event.name || event.name.length === 0) {
                 eventErrors.push({ field: 'name', code: 'required' });
@@ -394,20 +403,62 @@ class EventDetailComponent extends SubscriptionnerDirective {
         this.eventErrors.next(this.errors);
     }
     hasError(prop, idx) {
-        return this.errors[idx]?.find(err => err.field === prop) ?? false;
+        return this.errors[idx]?.find((err) => err.field === prop) ?? false;
     }
     categories(event) {
         return CATEGORIES_BY_TYPE.values[event.type];
     }
     changeStatus($event, event) {
-        this.store.dispatch(EventActions.status({ targetStatus: $event, event: event }));
+        this.changeStatusContext.events = [event];
+        this.changeStatusContext.status = $event;
+        this.changeStatusContext.all = false;
+        this.toggleConfirm();
     }
     closeAll() {
-        if (!this.procedure) {
-            this.store.dispatch(EventActions.status({ targetStatus: 'DONE', event: this.events[0] }));
+        this.changeStatusContext.all = true;
+        this.changeStatusContext.events = this.events;
+        this.changeStatusContext.status = 'DONE';
+        this.toggleConfirm();
+    }
+    confirmedClose() {
+        if (this.changeStatusContext.all) {
+            if (!this.procedure) {
+                this.store.dispatch(EventActions.status({
+                    targetStatus: this.changeStatusContext.status,
+                    event: this.changeStatusContext.events[0],
+                    comment: this.changeStatusContext.comment
+                }));
+            }
+            else {
+                this.store.dispatch(EventActions.status({
+                    targetStatus: this.changeStatusContext.status,
+                    procedure: this.procedure,
+                    comment: this.changeStatusContext.comment
+                }));
+            }
         }
         else {
-            this.store.dispatch(EventActions.status({ targetStatus: 'DONE', procedure: this.procedure }));
+            this.store.dispatch(EventActions.status({
+                targetStatus: this.changeStatusContext.status,
+                event: this.changeStatusContext.events[0],
+                comment: this.changeStatusContext.comment
+            }));
+        }
+        this.toggleConfirm();
+    }
+    toggleConfirm() {
+        if (!this.overlayRef) {
+            this.overlayRef = this.overlay.create(new OverlayConfig({
+                hasBackdrop: true,
+                backdropClass: 'backdrop-dark',
+                panelClass: ['o-hvy-close-confirm']
+            }));
+            this.overlayRef.backdropClick().subscribe(() => this.toggleConfirm());
+            this.overlayRef.attach(new TemplatePortal(this.confirmDialog, this.viewContainerRef));
+        }
+        else {
+            this.overlayRef.dispose();
+            this.overlayRef = undefined;
         }
     }
     onMouseDown($event) {
@@ -447,18 +498,24 @@ class EventDetailComponent extends SubscriptionnerDirective {
     allowDrop($event) {
         $event.preventDefault();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EventDetailComponent, deps: [{ token: EquipmentService }, { token: i1$1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: EventDetailComponent, selector: "hvy-event-detail", inputs: { events: "events", procedure: "procedure", cancelModifications: "cancelModifications" }, outputs: { modifiedEvents: "modifiedEvents", modifiedProcedure: "modifiedProcedure", eventErrors: "eventErrors" }, 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>{{ '@hvy.event.detail' | i18n }}</h1>\n      @if (events.length > 1) {\n        <button class=\"a-btn a-btn--secondary -fix-right\" [disabled]=\"!canCloseSome\"\n                (click)=\"closeAll()\">{{ '@hvy.event.log.event.close' | i18n }}\n        </button>\n      }\n    </div>\n    <div class=\"o-hvy-events-detail__header__split\">\n      <button class=\"a-btn a-btn--secondary\">{{ '@hvy.event.log.procedure.delete' | i18n }}</button>\n    </div>\n  </div>\n  <div class=\"o-hvy-events-detail__container\">\n    <div class=\"o-hvy-events-detail__container__scrollable\">\n      <div class=\"o-hvy-events-detail__events\">\n        @for (event of events;track event.id;let idx = $index) {\n          <div class=\"o-hvy-events-detail__events__event\">\n            <div class=\"o-hvy-events-detail__events__event__header\">\n              <pry-icon [iconSvg]=\"!opened[idx] ? 'chevron_bottom' : 'chevron_top'\" (click)=\"toggle(idx)\"></pry-icon>\n              <hvy-icon-display [event]=\"event\"></hvy-icon-display>\n              <h2>{{ event.name }}</h2>\n              <hvy-status-display [event]=\"event\" [modifiable]=\"event.status !== 'DONE'\"\n                                  (modified)=\"changeStatus($event, event)\"></hvy-status-display>\n            </div>\n            <div class=\"o-hvy-events-detail__events__event__content\">\n              @if (!opened[idx]) {\n                <div>{{ '@hvy.event.log.event.description' | i18n }}: {{ event.description }}</div>\n                <div>{{ '@hvy.event.log.event.address' | i18n }}: {{ event.address }}</div>\n              } @else {\n                @if (access(event);as accessValue) {\n                  <h3>{{ '@hvy.event.log.event.detail' | i18n }}</h3>\n                  <table>\n                    <tbody>\n                    <tr>\n                      <td>{{ '@hvy.event.log.event.name' | i18n }}<span class=\"required\">*</span></td>\n                      <td><input type=\"text\" class=\"a-form-field\" [class.-error]=\"hasError('name', idx)\"\n                                 [value]=\"event.name\"\n                                 (change)=\"modifyEvent(idx, 'name', $event)\" [readonly]=\"accessValue.name\"></td>\n                    </tr>\n                    <tr>\n                      <td>{{ '@hvy.event.log.event.category' | i18n }}<span class=\"required\">*</span></td>\n                      <td>\n                        <pry-select [ngModel]=\"event.category\"\n                                    [items]=\"categories(event)\"\n                                    [class.-error]=\"hasError('category', idx)\"\n                                    (ngModelChange)=\"modifyEvent(idx, 'category', $event)\"\n                                    i18nPrefix=\"@hvy.event.category.\" [disabled]=\"accessValue.category\"></pry-select>\n                      </td>\n                    </tr>\n                    <tr>\n                      <td>{{ '@hvy.event.criticality.name' | i18n }}<span class=\"required\">*</span></td>\n                      <td>\n                        <pry-select [ngModel]=\"event.criticality\" [items]=\"criticalities\"\n                                    [class.-error]=\"hasError('criticality', idx)\"\n                                    i18nPrefix=\"@hvy.event.criticality.\"\n                                    [disabled]=\"accessValue.criticality\"\n                                    (ngModelChange)=\"modifyEvent(idx, 'criticality', $event)\"></pry-select>\n                      </td>\n                    </tr>\n                    <tr>\n                      <td>{{ '@hvy.event.log.event.description' | i18n }}<span class=\"required\">*</span></td>\n                      <td><textarea [ngModel]=\"event.description\" class=\"a-form-field\"\n                                    [class.-error]=\"hasError('description', idx)\"\n                                    [readonly]=\"accessValue.description\"\n                                    (ngModelChange)=\"modifyEvent(idx, 'description', $event)\"></textarea></td>\n                    </tr>\n                    <tr>\n                      <td>{{ '@hvy.event.log.event.address' | i18n }}</td>\n                      <td><textarea [ngModel]=\"event.address\" class=\"a-form-field\"\n                                    [class.-error]=\"hasError('address', idx)\"\n                                    [readonly]=\"accessValue.address\"\n                                    (ngModelChange)=\"modifyEvent(idx, 'address', $event)\"></textarea></td>\n                    </tr>\n                      @if (['ALERT', 'REPORT'].includes(event.type)) {\n                        <tr>\n                          <td>{{ '@hvy.event.source' | i18n }}</td>\n                          <td><input type=\"text\" class=\"a-form-field\" [value]=\"event.externalSourceRef ?? ''\"\n                                     [class.-error]=\"hasError('source', idx)\"\n                                     [readonly]=\"accessValue.source\" (change)=\"modifyEvent(idx, 'source', $event)\"></td>\n                        </tr>\n                      }\n                    <tr>\n                      <td>{{ '@hvy.event.equipment' | i18n }}</td>\n                      <td>\n                        <input type=\"text\" class=\"a-form-field\"\n                               [value]=\"event.equipment?.name ?? ''\"\n                               [class.-error]=\"hasError('equipment', idx)\"\n                               [readonly]=\"accessValue.eqName\"\n                               (change)=\"changeEquipment(idx, $event)\">\n                      </td>\n                    </tr>\n                    <tr>\n                      <td>{{ '@hvy.event.equipmentEntity' | i18n }}</td>\n                      <td><input type=\"text\" class=\"a-form-field\" [value]=\"event.equipment?.entity ?? ''\"\n                                 readonly></td>\n                    </tr>\n                    <tr>\n                      <td>{{ '@hvy.event.domain.name' | i18n }}</td>\n                      <td>\n                        <pry-select [items]=\"DOMAINS\" [ngModel]=\"event.domain\" i18nPrefix=\"@hvy.event.domain.\"\n                                    [class.-error]=\"hasError('domain', idx)\"\n                                    (ngModelChange)=\"modifyEvent(idx, 'domain', $event)\"\n                                    [disabled]=\"accessValue.domain\"\n                        ></pry-select>\n                      </td>\n                    </tr>\n                    <tr>\n                      <td>\n                        {{ '@hvy.event.startDate' | i18n }}\n                        @if (event.category === 'MANIFESTATION') {\n                          <span class=\"required\">*</span>\n                        }\n                      </td>\n                      <td>\n                        <input type=\"datetime-local\" class=\"a-form-field\"\n                               [value]=\"event.startDate | forDateTimeLocal\"\n                               [class.-error]=\"hasError('startDate', idx)\"\n                               [readonly]=\"accessValue.startDate\" (change)=\"modifyEvent(idx, 'startDate', $event)\">\n                      </td>\n                    </tr>\n                    <tr>\n                      <td>\n                        {{ '@hvy.event.endDate' | i18n }}\n                        @if (event.category === 'MANIFESTATION') {\n                          <span class=\"required\">*</span>\n                        }\n                      </td>\n                      <td>\n                        <input type=\"datetime-local\" class=\"a-form-field\"\n                               [value]=\"event.endDate | forDateTimeLocal\"\n                               [class.-error]=\"hasError('endDate', idx)\"\n                               [readonly]=\"accessValue.endDate\" (change)=\"modifyEvent(idx, 'endDate', $event)\">\n                      </td>\n                    </tr>\n                    <tr>\n                      <td>{{ '@hvy.event.creationDate' | i18n }}</td>\n                      <td>\n                        <input type=\"datetime-local\" class=\"a-form-field\"\n                               [value]=\"event.creationDate | forDateTimeLocal\"\n                               readonly>\n                      </td>\n                    </tr>\n                    <tr>\n                      <td>{{ '@hvy.event.lastModificationDate' | i18n }}</td>\n                      <td>\n                        <input type=\"datetime-local\" class=\"a-form-field\"\n                               [value]=\"event.lastModificationDate | forDateTimeLocal\" readonly>\n                      </td>\n                    </tr>\n                    <tr>\n                      <td>{{ '@hvy.event.closeDate' | i18n }}</td>\n                      <td>\n                        <input type=\"datetime-local\" class=\"a-form-field\" [value]=\"event.closeDate | forDateTimeLocal\"\n                               readonly>\n                      </td>\n                    </tr>\n                    </tbody>\n                  </table>\n                  <div class=\"o-hvy-events-detail__events__event__content__comments\">\n                    <h3>{{ '@hvy.event.log.event.comments.name' | i18n }}</h3>\n                    <textarea [placeholder]=\"('@hvy.event.log.event.comments.placeholder' | i18n) + '...'\"\n                              [(ngModel)]=\"newComentContent\"></textarea>\n                    <div class=\"o-hvy-events-detail__events__event__content__comments__button\">\n                      <button class=\"a-btn a-btn--primary\"\n                              [disabled]=\"newComentContent.length === 0\">{{ '@hvy.action.comment' | i18n }}\n                      </button>\n                    </div>\n                  </div>\n                }\n              }\n            </div>\n          </div>\n        }\n      </div>\n      <div class=\"o-hvy-events-detail__procedure\">\n        <div class=\"o-hvy-events-detail__procedure__header\">\n          <h2>{{ (events.length === 1 ? '@hvy.event.log.procedure.name1' : '@hvy.event.log.procedure.name') | i18n }}</h2>\n        </div>\n        @if (procedure) {\n          <div>\n            <p>{{ procedure.name }}</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]=\"procedure.progress\"></hvy-progress-display>\n          </div>\n          <div class=\"o-hvy-events-detail__procedure__actions\" (drag)=\"move($event)\" (drop)=\"drop($event)\" (dragover)=\"allowDrop($event)\">\n            @for (action of procedure.actions;track action.id;let idx = $index) {\n              <div class=\"o-hvy-events-detail__procedure__actions__action\" [draggable]=\"true\" (dragstart)=\"dragStart($event, action, idx)\" (mousedown)=\"onMouseDown($event)\">\n                <pry-icon iconSvg=\"six_dot\" #handle></pry-icon>\n                <pry-checkbox [ngModel]=\"action.status === 'DONE'\"></pry-checkbox>\n                <div>{{ action.name }}</div>\n                <pry-icon iconSvg=\"more_horiz\"></pry-icon>\n              </div>\n            } @empty {\n              <div>\n                {{ '@hvy.event.log.procedure.noAction' | i18n }}\n              </div>\n            }\n          </div>\n          <div>\n            <button class=\"a-btn a-btn--primary\">\n              <pry-icon iconSvg=\"add\"></pry-icon>\n              {{ '@hvy.event.log.procedure.addAction' | i18n }}\n            </button>\n          </div>\n        } @else {\n          <button class=\"a-btn a-btn--secondary\">\n            {{ '@chh.actions.associate' | i18n }}\n          </button>\n        }\n      </div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: i3$1.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle"] }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i3.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "isForm", "required", "name", "readonly", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked"] }, { kind: "component", type: IconDisplayComponent, selector: "hvy-icon-display", inputs: ["event"] }, { kind: "component", type: StatusDisplayComponent, selector: "hvy-status-display", inputs: ["event", "modifiable"], outputs: ["modified"] }, { kind: "component", type: ProgressDisplayComponent, selector: "hvy-progress-display", inputs: ["progress"] }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }, { kind: "pipe", type: ForDatetimeLocalPipe, name: "forDateTimeLocal" }] }); }
+    confirmDisabled() {
+        return this.changeStatusContext.comment.length === 0;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EventDetailComponent, deps: [{ token: EquipmentService }, { token: i1$1.Store }, { token: i3$1.Overlay }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: EventDetailComponent, selector: "hvy-event-detail", inputs: { events: "events", procedure: "procedure", cancelModifications: "cancelModifications" }, outputs: { modifiedEvents: "modifiedEvents", modifiedProcedure: "modifiedProcedure", eventErrors: "eventErrors" }, viewQueries: [{ propertyName: "confirmDialog", first: true, predicate: ["confirmDialog"], descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<div class=\"o-hvy-events-detail\">\n  <div class=\"o-hvy-events-detail__header\">\n    <div class=\"o-hvy-events-detail__header__split\">\n      <h1>{{ '@hvy.event.detail' | i18n }}</h1>\n      @if (events.length > 1) {\n        <button class=\"a-btn a-btn--secondary -fix-right\" [disabled]=\"!canCloseSome\"\n                (click)=\"closeAll()\">{{ (canCloseSome ? '@hvy.event.log.event.close' : '@hvy.event.log.event.closed') | i18n }}\n        </button>\n        @if (!canCloseSome) {\n          <div\n            class=\"a-tooltip\"\n            [attr.data-tooltip]=\"'... TODO: get closing comment ...'\"\n            data-tooltip-position=\"bottom\">\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      <button class=\"a-btn a-btn--secondary\">{{ '@hvy.event.log.procedure.delete' | i18n }}</button>\n    </div>\n  </div>\n  <div class=\"o-hvy-events-detail__container\">\n    <div class=\"o-hvy-events-detail__container__scrollable\">\n      <div class=\"o-hvy-events-detail__events\">\n        @for (event of events; track event.id; let idx = $index) {\n          <div class=\"o-hvy-events-detail__events__event\">\n            <div class=\"o-hvy-events-detail__events__event__header\">\n              <pry-icon [iconSvg]=\"!opened[idx] ? 'chevron_bottom' : 'chevron_top'\" (click)=\"toggle(idx)\"></pry-icon>\n              <hvy-icon-display [event]=\"event\"></hvy-icon-display>\n              <h2>{{ event.name }}</h2>\n              <hvy-status-display [event]=\"event\" [modifiable]=\"event.status !== 'DONE'\"\n                                  (modified)=\"changeStatus($event, event)\"></hvy-status-display>\n            </div>\n            <div class=\"o-hvy-events-detail__events__event__content\">\n              @if (!opened[idx]) {\n                <div>{{ '@hvy.event.log.event.description' | i18n }}: {{ event.description }}</div>\n                <div>{{ '@hvy.event.log.event.address' | i18n }}: {{ event.address }}</div>\n              } @else {\n                @if (access(event); as accessValue) {\n                  <h3>{{ '@hvy.event.log.event.detail' | i18n }}</h3>\n                  <table>\n                    <tbody>\n                    <tr>\n                      <td>{{ '@hvy.event.log.event.name' | i18n }}<span class=\"required\">*</span></td>\n                      <td><input type=\"text\" class=\"a-form-field\" [class.-error]=\"hasError('name', idx)\"\n                                 [value]=\"event.name\"\n                                 (change)=\"modifyEvent(idx, 'name', $event)\" [readonly]=\"accessValue.name\"></td>\n                    </tr>\n                    <tr>\n                      <td>{{ '@hvy.event.log.event.category' | i18n }}<span class=\"required\">*</span></td>\n                      <td>\n                        <pry-select [ngModel]=\"event.category\"\n                                    [items]=\"categories(event)\"\n                                    [class.-error]=\"hasError('category', idx)\"\n                                    (ngModelChange)=\"modifyEvent(idx, 'category', $event)\"\n                                    i18nPrefix=\"@hvy.event.category.\" [disabled]=\"accessValue.category\"></pry-select>\n                      </td>\n                    </tr>\n                    <tr>\n                      <td>{{ '@hvy.event.criticality.name' | i18n }}<span class=\"required\">*</span></td>\n                      <td>\n                        <pry-select [ngModel]=\"event.criticality\" [items]=\"criticalities\"\n                                    [class.-error]=\"hasError('criticality', idx)\"\n                                    i18nPrefix=\"@hvy.event.criticality.\"\n                                    [disabled]=\"accessValue.criticality\"\n                                    (ngModelChange)=\"modifyEvent(idx, 'criticality', $event)\"></pry-select>\n                      </td>\n                    </tr>\n                    <tr>\n                      <td>{{ '@hvy.event.log.event.description' | i18n }}<span class=\"required\">*</span></td>\n                      <td><textarea [ngModel]=\"event.description\" class=\"a-form-field\"\n                                    [class.-error]=\"hasError('description', idx)\"\n                                    [readonly]=\"accessValue.description\"\n                                    (ngModelChange)=\"modifyEvent(idx, 'description', $event)\"></textarea></td>\n                    </tr>\n                    <tr>\n                      <td>{{ '@hvy.event.log.event.address' | i18n }}</td>\n                      <td><textarea [ngModel]=\"event.address\" class=\"a-form-field\"\n                                    [class.-error]=\"hasError('address', idx)\"\n                                    [readonly]=\"accessValue.address\"\n                                    (ngModelChange)=\"modifyEvent(idx, 'address', $event)\"></textarea></td>\n                    </tr>\n                      @if (['ALERT', 'REPORT'].includes(event.type)) {\n                        <tr>\n                          <td>{{ '@hvy.event.source' | i18n }}</td>\n                          <td><input type=\"text\" class=\"a-form-field\" [value]=\"event.externalSourceRef ?? ''\"\n                                     [class.-error]=\"hasError('source', idx)\"\n                                     [readonly]=\"accessValue.source\" (change)=\"modifyEvent(idx, 'source', $event)\"></td>\n                        </tr>\n                      }\n                    <tr>\n                      <td>{{ '@hvy.event.equipment' | i18n }}</td>\n                      <td>\n                        <input type=\"text\" class=\"a-form-field\"\n                               [value]=\"event.equipment?.name ?? ''\"\n                               [class.-error]=\"hasError('equipment', idx)\"\n                               [readonly]=\"accessValue.eqName\"\n                               (change)=\"changeEquipment(idx, $event)\">\n                      </td>\n                    </tr>\n                    <tr>\n                      <td>{{ '@hvy.event.equipmentEntity' | i18n }}</td>\n                      <td><input type=\"text\" class=\"a-form-field\" [value]=\"event.equipment?.entity ?? ''\"\n                                 readonly></td>\n                    </tr>\n                    <tr>\n                      <td>{{ '@hvy.event.domain.name' | i18n }}</td>\n                      <td>\n                        <pry-select [items]=\"DOMAINS\" [ngModel]=\"event.domain\" i18nPrefix=\"@hvy.event.domain.\"\n                                    [class.-error]=\"hasError('domain', idx)\"\n                                    (ngModelChange)=\"modifyEvent(idx, 'domain', $event)\"\n                                    [disabled]=\"accessValue.domain\"\n                        ></pry-select>\n                      </td>\n                    </tr>\n                    <tr>\n                      <td>\n                        {{ '@hvy.event.startDate' | i18n }}\n                        @if (event.category === 'MANIFESTATION') {\n                          <span class=\"required\">*</span>\n                        }\n                      </td>\n                      <td>\n                        <input type=\"datetime-local\" class=\"a-form-field\"\n                               [value]=\"event.startDate | forDateTimeLocal\"\n                               [class.-error]=\"hasError('startDate', idx)\"\n                               [readonly]=\"accessValue.startDate\" (change)=\"modifyEvent(idx, 'startDate', $event)\">\n                      </td>\n                    </tr>\n                    <tr>\n                      <td>\n                        {{ '@hvy.event.endDate' | i18n }}\n                        @if (event.category === 'MANIFESTATION') {\n                          <span class=\"required\">*</span>\n                        }\n                      </td>\n                      <td>\n                        <input type=\"datetime-local\" class=\"a-form-field\"\n                               [value]=\"event.endDate | forDateTimeLocal\"\n                               [class.-error]=\"hasError('endDate', idx)\"\n                               [readonly]=\"accessValue.endDate\" (change)=\"modifyEvent(idx, 'endDate', $event)\">\n                      </td>\n                    </tr>\n                    <tr>\n                      <td>{{ '@hvy.event.creationDate' | i18n }}</td>\n                      <td>\n                        <input type=\"datetime-local\" class=\"a-form-field\"\n                               [value]=\"event.creationDate | forDateTimeLocal\"\n                               readonly>\n                      </td>\n                    </tr>\n                    <tr>\n                      <td>{{ '@hvy.event.lastModificationDate' | i18n }}</td>\n                      <td>\n                        <input type=\"datetime-local\" class=\"a-form-field\"\n                               [value]=\"event.lastModificationDate | forDateTimeLocal\" readonly>\n                      </td>\n                    </tr>\n                    <tr>\n                      <td>{{ '@hvy.event.closeDate' | i18n }}</td>\n                      <td>\n                        <input type=\"datetime-local\" class=\"a-form-field\" [value]=\"event.closeDate | forDateTimeLocal\"\n                               readonly>\n                      </td>\n                    </tr>\n                    </tbody>\n                  </table>\n                  <div class=\"o-hvy-events-detail__events__event__content__comments\">\n                    <h3>{{ '@hvy.event.log.event.comments.name' | i18n }}</h3>\n                    <textarea [placeholder]=\"('@hvy.event.log.event.comments.placeholder' | i18n) + '...'\"\n                              [(ngModel)]=\"newComentContent\"></textarea>\n                    <div class=\"o-hvy-events-detail__events__event__content__comments__button\">\n                      <button class=\"a-btn a-btn--primary\"\n                              [disabled]=\"newComentContent.length === 0\">{{ '@hvy.action.comment' | i18n }}\n                      </button>\n                    </div>\n                  </div>\n                }\n              }\n            </div>\n          </div>\n        }\n      </div>\n      <div class=\"o-hvy-events-detail__procedure\">\n        <div class=\"o-hvy-events-detail__procedure__header\">\n          <h2>{{ (events.length === 1 ? '@hvy.event.log.procedure.name1' : '@hvy.event.log.procedure.name') | i18n }}</h2>\n        </div>\n        @if (procedure) {\n          <div>\n            <p>{{ procedure.name }}</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]=\"procedure.progress\"></hvy-progress-display>\n          </div>\n          <div class=\"o-hvy-events-detail__procedure__actions\" (drag)=\"move($event)\" (drop)=\"drop($event)\"\n               (dragover)=\"allowDrop($event)\">\n            @for (action of procedure.actions; track action.id; let idx = $index) {\n              <div class=\"o-hvy-events-detail__procedure__actions__action\" [draggable]=\"true\"\n                   (dragstart)=\"dragStart($event, action, idx)\" (mousedown)=\"onMouseDown($event)\">\n                <pry-icon iconSvg=\"six_dot\" #handle></pry-icon>\n                <pry-checkbox [ngModel]=\"action.status === 'DONE'\"></pry-checkbox>\n                <div>{{ action.name }}</div>\n                <pry-icon iconSvg=\"more_horiz\"></pry-icon>\n              </div>\n            } @empty {\n              <div>\n                {{ '@hvy.event.log.procedure.noAction' | i18n }}\n              </div>\n            }\n          </div>\n          <div>\n            <button class=\"a-btn a-btn--primary\">\n              <pry-icon iconSvg=\"add\"></pry-icon>\n              {{ '@hvy.event.log.procedure.addAction' | i18n }}\n            </button>\n          </div>\n        } @else {\n          <button class=\"a-btn a-btn--secondary\">\n            {{ '@hvy.action.associate' | i18n }}\n          </button>\n        }\n      </div>\n    </div>\n  </div>\n</div>\n\n<ng-template #confirmDialog>\n  <div\n    class=\"o-hvy-close-confirm__dialog\"\n    aria-labelledby=\"confirm\"\n    tabindex=\"-1\"\n    id=\"choice\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n  >\n    <h2>{{ (changeStatusContext.events.length === 1 ? '@hvy.event.close.one' : '@hvy.event.close.multi') | i18n }}</h2>\n    <ul>\n      @for (event of changeStatusContext.events; track event.id) {\n        <li>{{ event.name }}</li>\n      }\n    </ul>\n    <p class=\"o-hvy-close-confirm__dialog__comment-title\">\n      {{ '@hvy.event.close.comment' | i18n }}<span class=\"required\">*</span>:\n    </p>\n    <div class=\"o-hvy-close-confirm__dialog__comment\">\n      <textarea [(ngModel)]=\"changeStatusContext.comment\" class=\"a-form-field\"></textarea>\n    </div>\n    <div class=\"o-hvy-close-confirm__dialog__actions\">\n      <button class=\"a-btn a-btn--primary\" (click)=\"confirmedClose()\"\n              [disabled]=\"confirmDisabled()\">{{ '@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: "component", type: i4.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle"] }, { kind: "directive", type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i3.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "isForm", "required", "name", "readonly", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked"] }, { kind: "component", type: IconDisplayComponent, selector: "hvy-icon-display", inputs: ["event"] }, { kind: "component", type: StatusDisplayComponent, selector: "hvy-status-display", inputs: ["event", "modifiable"], outputs: ["modified"] }, { kind: "component", type: ProgressDisplayComponent, selector: "hvy-progress-display", inputs: ["progress"] }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }, { kind: "pipe", type: ForDatetimeLocalPipe, name: "forDateTimeLocal" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", 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>{{ '@hvy.event.detail' | i18n }}</h1>\n      @if (events.length > 1) {\n        <button class=\"a-btn a-btn--secondary -fix-right\" [disabled]=\"!canCloseSome\"\n                (click)=\"closeAll()\">{{ '@hvy.event.log.event.close' | i18n }}\n        </button>\n      }\n    </div>\n    <div class=\"o-hvy-events-detail__header__split\">\n      <button class=\"a-btn a-btn--secondary\">{{ '@hvy.event.log.procedure.delete' | i18n }}</button>\n    </div>\n  </div>\n  <div class=\"o-hvy-events-detail__container\">\n    <div class=\"o-hvy-events-detail__container__scrollable\">\n      <div class=\"o-hvy-events-detail__events\">\n        @for (event of events;track event.id;let idx = $index) {\n          <div class=\"o-hvy-events-detail__events__event\">\n            <div class=\"o-hvy-events-detail__events__event__header\">\n              <pry-icon [iconSvg]=\"!opened[idx] ? 'chevron_bottom' : 'chevron_top'\" (click)=\"toggle(idx)\"></pry-icon>\n              <hvy-icon-display [event]=\"event\"></hvy-icon-display>\n              <h2>{{ event.name }}</h2>\n              <hvy-status-display [event]=\"event\" [modifiable]=\"event.status !== 'DONE'\"\n                                  (modified)=\"changeStatus($event, event)\"></hvy-status-display>\n            </div>\n            <div class=\"o-hvy-events-detail__events__event__content\">\n              @if (!opened[idx]) {\n                <div>{{ '@hvy.event.log.event.description' | i18n }}: {{ event.description }}</div>\n                <div>{{ '@hvy.event.log.event.address' | i18n }}: {{ event.address }}</div>\n              } @else {\n                @if (access(event);as accessValue) {\n                  <h3>{{ '@hvy.event.log.event.detail' | i18n }}</h3>\n                  <table>\n                    <tbody>\n                    <tr>\n                      <td>{{ '@hvy.event.log.event.name' | i18n }}<span class=\"required\">*</span></td>\n                      <td><input type=\"text\" class=\"a-form-field\" [class.-error]=\"hasError('name', idx)\"\n                                 [value]=\"event.name\"\n                                 (change)=\"modifyEvent(idx, 'name', $event)\" [readonly]=\"accessValue.name\"></td>\n                    </tr>\n                    <tr>\n                      <td>{{ '@hvy.event.log.event.category' | i18n }}<span class=\"required\">*</span></td>\n                      <td>\n                        <pry-select [ngModel]=\"event.category\"\n                                    [items]=\"categories(event)\"\n                                    [class.-error]=\"hasError('category', idx)\"\n                                    (ngModelChange)=\"modifyEvent(idx, 'category', $event)\"\n                                    i18nPrefix=\"@hvy.event.category.\" [disabled]=\"accessValue.category\"></pry-select>\n                      </td>\n                    </tr>\n                    <tr>\n                      <td>{{ '@hvy.event.criticality.name' | i18n }}<span class=\"required\">*</span></td>\n                      <td>\n                        <pry-select [ngModel]=\"event.criticality\" [items]=\"criticalities\"\n                                    [class.-error]=\"hasError('criticality', idx)\"\n                                    i18nPrefix=\"@hvy.event.criticality.\"\n                                    [disabled]=\"accessValue.criticality\"\n                                    (ngModelChange)=\"modifyEvent(idx, 'criticality', $event)\"></pry-select>\n                      </td>\n                    </tr>\n                    <tr>\n                      <td>{{ '@hvy.event.log.event.description' | i18n }}<span class=\"required\">*</span></td>\n                      <td><textarea [ngModel]=\"event.description\" class=\"a-form-field\"\n                                    [class.-error]=\"hasError('description', idx)\"\n                                    [readonly]=\"accessValue.description\"\n                                    (ngModelChange)=\"modifyEvent(idx, 'description', $event)\"></textarea></td>\n                    </tr>\n                    <tr>\n                      <td>{{ '@hvy.event.log.event.address' | i18n }}</td>\n                      <td><textarea [ngModel]=\"event.address\" class=\"a-form-field\"\n                                    [class.-error]=\"hasError('address', idx)\"\n                                    [readonly]=\"accessValue.address\"\n                                    (ngModelChange)=\"modifyEvent(idx, 'address', $event)\"></textarea></td>\n                    </tr>\n                      @if (['ALERT', 'REPORT'].includes(event.type)) {\n                        <tr>\n                          <td>{{ '@hvy.event.source' | i18n }}</td>\n                          <td><input type=\"text\" class=\"a-form-field\" [value]=\"event.externalSourceRef ?? ''\"\n                                     [class.-error]=\"hasError('source', idx)\"\n                                     [readonly]=\"accessValue.source\" (change)=\"modifyEvent(idx, 'source', $event)\"></td>\n                        </tr>\n                      }\n                    <tr>\n                      <td>{{ '@hvy.event.equipment' | i18n }}</td>\n                      <td>\n                        <input type=\"text\" class=\"a-form-field\"\n                               [value]=\"event.equipment?.name ?? ''\"\n                               [class.-error]=\"hasError('equipment', idx)\"\n                               [readonly]=\"accessValue.eqName\"\n                               (change)=\"changeEquipment(idx, $event)\">\n                      </td>\n                    </tr>\n                    <tr>\n                      <td>{{ '@hvy.event.equipmentEntity' | i18n }}</td>\n                      <td><input type=\"text\" class=\"a-form-field\" [value]=\"event.equipment?.entity ?? ''\"\n                                 readonly></td>\n                    </tr>\n                    <tr>\n                      <td>{{ '@hvy.event.domain.name' | i18n }}</td>\n                      <td>\n                        <pry-select [items]=\"DOMAINS\" [ngModel]=\"event.domain\" i18nPrefix=\"@hvy.event.domain.\"\n                                    [class.-error]=\"hasError('domain', idx)\"\n                                    (ngModelChange)=\"modifyEvent(idx, 'domain', $event)\"\n                                    [disabled]=\"accessValue.domain\"\n                        ></pry-select>\n                      </td>\n                    </tr>\n                    <tr>\n                      <td>\n                        {{ '@hvy.event.startDate' | i18n }}\n                        @if (event.category === 'MANIFESTATION') {\n                          <span class=\"required\">*</span>\n                        }\n                      </td>\n                      <td>\n                        <input type=\"datetime-local\" class=\"a-form-field\"\n                               [value]=\"event.startDate | forDateTimeLocal\"\n                               [class.-error]=\"hasError('startDate', idx)\"\n                               [readonly]=\"accessValue.startDate\" (change)=\"modifyEvent(idx, 'startDate', $event)\">\n                      </td>\n                    </tr>\n                    <tr>\n                      <td>\n                        {{ '@hvy.event.endDate' | i18n }}\n                        @if (event.category === 'MANIFESTATION') {\n                          <span class=\"required\">*</span>\n                        }\n                      </td>\n                      <td>\n                        <input type=\"datetime-local\" class=\"a-form-field\"\n                               [value]=\"event.endDate | forDateTimeLocal\"\n                               [class.-error]=\"hasError('endDate', idx)\"\n                               [readonly]=\"accessValue.endDate\" (change)=\"modifyEvent(idx, 'endDate', $event)\">\n                      </td>\n                    </tr>\n                    <tr>\n                      <td>{{ '@hvy.event.creationDate' | i18n }}</td>\n                      <td>\n                        <input type=\"datetime-local\" class=\"a-form-field\"\n                               [value]=\"event.creationDate | forDateTimeLocal\"\n                               readonly>\n                      </td>\n                    </tr>\n                    <tr>\n                      <td>{{ '@hvy.event.lastModificationDate' | i18n }}</td>\n                      <td>\n                        <input type=\"datetime-local\" class=\"a-form-field\"\n                               [value]=\"event.lastModificationDate | forDateTimeLocal\" readonly>\n                      </td>\n                    </tr>\n                    <tr>\n                      <td>{{ '@hvy.event.closeDate' | i18n }}</td>\n                      <td>\n                        <input type=\"datetime-local\" class=\"a-form-field\" [value]=\"event.closeDate | forDateTimeLocal\"\n                               readonly>\n                      </td>\n                    </tr>\n                    </tbody>\n                  </table>\n                  <div class=\"o-hvy-events-detail__events__event__content__comments\">\n                    <h3>{{ '@hvy.event.log.event.comments.name' | i18n }}</h3>\n                    <textarea [placeholder]=\"('@hvy.event.log.event.comments.placeholder' | i18n) + '...'\"\n                              [(ngModel)]=\"newComentContent\"></textarea>\n                    <div class=\"o-hvy-events-detail__events__event__content__comments__button\">\n                      <button class=\"a-btn a-btn--primary\"\n                              [disabled]=\"newComentContent.length === 0\">{{ '@hvy.action.comment' | i18n }}\n                      </button>\n                    </div>\n                  </div>\n                }\n              }\n            </div>\n          </div>\n        }\n      </div>\n      <div class=\"o-hvy-events-detail__procedure\">\n        <div class=\"o-hvy-events-detail__procedure__header\">\n          <h2>{{ (events.length === 1 ? '@hvy.event.log.procedure.name1' : '@hvy.event.log.procedure.name') | i18n }}</h2>\n        </div>\n        @if (procedure) {\n          <div>\n            <p>{{ procedure.name }}</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]=\"procedure.progress\"></hvy-progress-display>\n          </div>\n          <div class=\"o-hvy-events-detail__procedure__actions\" (drag)=\"move($event)\" (drop)=\"drop($event)\" (dragover)=\"allowDrop($event)\">\n            @for (action of procedure.actions;track action.id;let idx = $index) {\n              <div class=\"o-hvy-events-detail__procedure__actions__action\" [draggable]=\"true\" (dragstart)=\"dragStart($event, action, idx)\" (mousedown)=\"onMouseDown($event)\">\n                <pry-icon iconSvg=\"six_dot\" #handle></pry-icon>\n                <pry-checkbox [ngModel]=\"action.status === 'DONE'\"></pry-checkbox>\n                <div>{{ action.name }}</div>\n                <pry-icon iconSvg=\"more_horiz\"></pry-icon>\n              </div>\n            } @empty {\n              <div>\n                {{ '@hvy.event.log.procedure.noAction' | i18n }}\n              </div>\n            }\n          </div>\n          <div>\n            <button class=\"a-btn a-btn--primary\">\n              <pry-icon iconSvg=\"add\"></pry-icon>\n              {{ '@hvy.event.log.procedure.addAction' | i18n }}\n            </button>\n          </div>\n        } @else {\n          <button class=\"a-btn a-btn--secondary\">\n            {{ '@chh.actions.associate' | i18n }}\n          </button>\n        }\n      </div>\n    </div>\n  </div>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: EquipmentService }, { type: i1$1.Store }], propDecorators: { modifiedEvents: [{
+            args: [{ selector: 'hvy-event-detail', template: "<div class=\"o-hvy-events-detail\">\n  <div class=\"o-hvy-events-detail__header\">\n    <div class=\"o-hvy-events-detail__header__split\">\n      <h1>{{ '@hvy.event.detail' | i18n }}</h1>\n      @if (events.length > 1) {\n        <button class=\"a-btn a-btn--secondary -fix-right\" [disabled]=\"!canCloseSome\"\n                (click)=\"closeAll()\">{{ (canCloseSome ? '@hvy.event.log.event.close' : '@hvy.event.log.event.closed') | i18n }}\n        </button>\n        @if (!canCloseSome) {\n          <div\n            class=\"a-tooltip\"\n            [attr.data-tooltip]=\"'... TODO: get closing comment ...'\"\n            data-tooltip-position=\"bottom\">\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      <button class=\"a-btn a-btn--secondary\">{{ '@hvy.event.log.procedure.delete' | i18n }}</button>\n    </div>\n  </div>\n  <div class=\"o-hvy-events-detail__container\">\n    <div class=\"o-hvy-events-detail__container__scrollable\">\n      <div class=\"o-hvy-events-detail__events\">\n        @for (event of events; track event.id; let idx = $index) {\n          <div class=\"o-hvy-events-detail__events__event\">\n            <div class=\"o-hvy-events-detail__events__event__header\">\n              <pry-icon [iconSvg]=\"!opened[idx] ? 'chevron_bottom' : 'chevron_top'\" (click)=\"toggle(idx)\"></pry-icon>\n              <hvy-icon-display [event]=\"event\"></hvy-icon-display>\n              <h2>{{ event.name }}</h2>\n              <hvy-status-display [event]=\"event\" [modifiable]=\"event.status !== 'DONE'\"\n                                  (modified)=\"changeStatus($event, event)\"></hvy-status-display>\n            </div>\n            <div class=\"o-hvy-events-detail__events__event__content\">\n              @if (!opened[idx]) {\n                <div>{{ '@hvy.event.log.event.description' | i18n }}: {{ event.description }}</div>\n                <div>{{ '@hvy.event.log.event.address' | i18n }}: {{ event.address }}</div>\n              } @else {\n                @if (access(event); as accessValue) {\n                  <h3>{{ '@hvy.event.log.event.detail' | i18n }}</h3>\n                  <table>\n                    <tbody>\n                    <tr>\n                      <td>{{ '@hvy.event.log.event.name' | i18n }}<span class=\"required\">*</span></td>\n                      <td><input type=\"text\" class=\"a-form-field\" [class.-error]=\"hasError('name', idx)\"\n                                 [value]=\"event.name\"\n                                 (change)=\"modifyEvent(idx, 'name', $event)\" [readonly]=\"accessValue.name\"></td>\n                    </tr>\n                    <tr>\n                      <td>{{ '@hvy.event.log.event.category' | i18n }}<span class=\"required\">*</span></td>\n                      <td>\n                        <pry-select [ngModel]=\"event.category\"\n                                    [items]=\"categories(event)\"\n                                    [class.-error]=\"hasError('category', idx)\"\n                                    (ngModelChange)=\"modifyEvent(idx, 'category', $event)\"\n                                    i18nPrefix=\"@hvy.event.category.\" [disabled]=\"accessValue.category\"></pry-select>\n                      </td>\n                    </tr>\n                    <tr>\n                      <td>{{ '@hvy.event.criticality.name' | i18n }}<span class=\"required\">*</span></td>\n                      <td>\n                        <pry-select [ngModel]=\"event.criticality\" [items]=\"criticalities\"\n                                    [class.-error]=\"hasError('criticality', idx)\"\n                                    i18nPrefix=\"@hvy.event.criticality.\"\n                                    [disabled]=\"accessValue.criticality\"\n                                    (ngModelChange)=\"modifyEvent(idx, 'criticality', $event)\"></pry-select>\n                      </td>\n                    </tr>\n                    <tr>\n                      <td>{{ '@hvy.event.log.event.description' | i18n }}<span class=\"required\">*</span></td>\n                      <td><textarea [ngModel]=\"event.description\" class=\"a-form-field\"\n                                    [class.-error]=\"hasError('description', idx)\"\n                                    [readonly]=\"accessValue.description\"\n                                    (ngModelChange)=\"modifyEvent(idx, 'description', $event)\"></textarea></td>\n                    </tr>\n                    <tr>\n                      <td>{{ '@hvy.event.log.event.address' | i18n }}</td>\n                      <td><textarea [ngModel]=\"event.address\" class=\"a-form-field\"\n                                    [class.-error]=\"hasError('address', idx)\"\n                                    [readonly]=\"accessValue.address\"\n                                    (ngModelChange)=\"modifyEvent(idx, 'address', $event)\"></textarea></td>\n                    </tr>\n                      @if (['ALERT', 'REPORT'].includes(event.type)) {\n                        <tr>\n                          <td>{{ '@hvy.event.source' | i18n }}</td>\n                          <td><input type=\"text\" class=\"a-form-field\" [value]=\"event.externalSourceRef ?? ''\"\n                                     [class.-error]=\"hasError('source', idx)\"\n                                     [readonly]=\"accessValue.source\" (change)=\"modifyEvent(idx, 'source', $event)\"></td>\n                        </tr>\n                      }\n                    <tr>\n                      <td>{{ '@hvy.event.equipment' | i18n }}</td>\n                      <td>\n                        <input type=\"text\" class=\"a-form-field\"\n                               [value]=\"event.equipment?.name ?? ''\"\n                               [class.-error]=\"hasError('equipment', idx)\"\n                               [readonly]=\"accessValue.eqName\"\n                               (change)=\"changeEquipment(idx, $event)\">\n                      </td>\n                    </tr>\n                    <tr>\n                      <td>{{ '@hvy.event.equipmentEntity' | i18n }}</td>\n                      <td><input type=\"text\" class=\"a-form-field\" [value]=\"event.equipment?.entity ?? ''\"\n                                 readonly></td>\n                    </tr>\n                    <tr>\n                      <td>{{ '@hvy.event.domain.name' | i18n }}</td>\n                      <td>\n                        <pry-select [items]=\"DOMAINS\" [ngModel]=\"event.domain\" i18nPrefix=\"@hvy.event.domain.\"\n                                    [class.-error]=\"hasError('domain', idx)\"\n                                    (ngModelChange)=\"modifyEvent(idx, 'domain', $event)\"\n                                    [disabled]=\"accessValue.domain\"\n                        ></pry-select>\n                      </td>\n                    </tr>\n                    <tr>\n                      <td>\n                        {{ '@hvy.event.startDate' | i18n }}\n                        @if (event.category === 'MANIFESTATION') {\n                          <span class=\"required\">*</span>\n                        }\n                      </td>\n                      <td>\n                        <input type=\"datetime-local\" class=\"a-form-field\"\n                               [value]=\"event.startDate | forDateTimeLocal\"\n                               [class.-error]=\"hasError('startDate', idx)\"\n                               [readonly]=\"accessValue.startDate\" (change)=\"modifyEvent(idx, 'startDate', $event)\">\n                      </td>\n                    </tr>\n                    <tr>\n                      <td>\n                        {{ '@hvy.event.endDate' | i18n }}\n                        @if (event.category === 'MANIFESTATION') {\n                          <span class=\"required\">*</span>\n                        }\n                      </td>\n                      <td>\n                        <input type=\"datetime-local\" class=\"a-form-field\"\n                               [value]=\"event.endDate | forDateTimeLocal\"\n                               [class.-error]=\"hasError('endDate', idx)\"\n                               [readonly]=\"accessValue.endDate\" (change)=\"modifyEvent(idx, 'endDate', $event)\">\n                      </td>\n                    </tr>\n                    <tr>\n                      <td>{{ '@hvy.event.creationDate' | i18n }}</td>\n                      <td>\n                        <input type=\"datetime-local\" class=\"a-form-field\"\n                               [value]=\"event.creationDate | forDateTimeLocal\"\n                               readonly>\n                      </td>\n                    </tr>\n                    <tr>\n                      <td>{{ '@hvy.event.lastModificationDate' | i18n }}</td>\n                      <td>\n                        <input type=\"datetime-local\" class=\"a-form-field\"\n                               [value]=\"event.lastModificationDate | forDateTimeLocal\" readonly>\n                      </td>\n                    </tr>\n                    <tr>\n                      <td>{{ '@hvy.event.closeDate' | i18n }}</td>\n                      <td>\n                        <input type=\"datetime-local\" class=\"a-form-field\" [value]=\"event.closeDate | forDateTimeLocal\"\n                               readonly>\n                      </td>\n                    </tr>\n                    </tbody>\n                  </table>\n                  <div class=\"o-hvy-events-detail__events__event__content__comments\">\n                    <h3>{{ '@hvy.event.log.event.comments.name' | i18n }}</h3>\n                    <textarea [placeholder]=\"('@hvy.event.log.event.comments.placeholder' | i18n) + '...'\"\n                              [(ngModel)]=\"newComentContent\"></textarea>\n                    <div class=\"o-hvy-events-detail__events__event__content__comments__button\">\n                      <button class=\"a-btn a-btn--primary\"\n                              [disabled]=\"newComentContent.length === 0\">{{ '@hvy.action.comment' | i18n }}\n                      </button>\n                    </div>\n                  </div>\n                }\n              }\n            </div>\n          </div>\n        }\n      </div>\n      <div class=\"o-hvy-events-detail__procedure\">\n        <div class=\"o-hvy-events-detail__procedure__header\">\n          <h2>{{ (events.length === 1 ? '@hvy.event.log.procedure.name1' : '@hvy.event.log.procedure.name') | i18n }}</h2>\n        </div>\n        @if (procedure) {\n          <div>\n            <p>{{ procedure.name }}</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]=\"procedure.progress\"></hvy-progress-display>\n          </div>\n          <div class=\"o-hvy-events-detail__procedure__actions\" (drag)=\"move($event)\" (drop)=\"drop($event)\"\n               (dragover)=\"allowDrop($event)\">\n            @for (action of procedure.actions; track action.id; let idx = $index) {\n              <div class=\"o-hvy-events-detail__procedure__actions__action\" [draggable]=\"true\"\n                   (dragstart)=\"dragStart($event, action, idx)\" (mousedown)=\"onMouseDown($event)\">\n                <pry-icon iconSvg=\"six_dot\" #handle></pry-icon>\n                <pry-checkbox [ngModel]=\"action.status === 'DONE'\"></pry-checkbox>\n                <div>{{ action.name }}</div>\n                <pry-icon iconSvg=\"more_horiz\"></pry-icon>\n              </div>\n            } @empty {\n              <div>\n                {{ '@hvy.event.log.procedure.noAction' | i18n }}\n              </div>\n            }\n          </div>\n          <div>\n            <button class=\"a-btn a-btn--primary\">\n              <pry-icon iconSvg=\"add\"></pry-icon>\n              {{ '@hvy.event.log.procedure.addAction' | i18n }}\n            </button>\n          </div>\n        } @else {\n          <button class=\"a-btn a-btn--secondary\">\n            {{ '@hvy.action.associate' | i18n }}\n          </button>\n        }\n      </div>\n    </div>\n  </div>\n</div>\n\n<ng-template #confirmDialog>\n  <div\n    class=\"o-hvy-close-confirm__dialog\"\n    aria-labelledby=\"confirm\"\n    tabindex=\"-1\"\n    id=\"choice\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n  >\n    <h2>{{ (changeStatusContext.events.length === 1 ? '@hvy.event.close.one' : '@hvy.event.close.multi') | i18n }}</h2>\n    <ul>\n      @for (event of changeStatusContext.events; track event.id) {\n        <li>{{ event.name }}</li>\n      }\n    </ul>\n    <p class=\"o-hvy-close-confirm__dialog__comment-title\">\n      {{ '@hvy.event.close.comment' | i18n }}<span class=\"required\">*</span>:\n    </p>\n    <div class=\"o-hvy-close-confirm__dialog__comment\">\n      <textarea [(ngModel)]=\"changeStatusContext.comment\" class=\"a-form-field\"></textarea>\n    </div>\n    <div class=\"o-hvy-close-confirm__dialog__actions\">\n      <button class=\"a-btn a-btn--primary\" (click)=\"confirmedClose()\"\n              [disabled]=\"confirmDisabled()\">{{ '@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: i3$1.Overlay }, { type: i0.ViewContainerRef }], propDecorators: { modifiedEvents: [{
                 type: Output
             }], modifiedProcedure: [{
                 type: Output
             }], eventErrors: [{
                 type: Output
+            }], confirmDialog: [{
+                type: ViewChild,
+                args: ['confirmDialog', { read: TemplateRef }]
             }], events: [{
                 type: Input
             }], procedure: [{
@@ -474,41 +531,43 @@ const eventInitialState = {
     loading: false,
     filters: {},
     selectedIds: [],
-    details: {},
+    details: {}
 };
 const internalReducer$1 = createReducer(eventInitialState, on(EventActions.load, (state, action) => ({
     ...state,
-    loading: true,
+    loading: true
 })), on(EventActions.loadSuccess, (state, { events, startingFrom }) => {
-    return ({
+    return {
         ...state,
         loading: false,
         noMoreEvents: events.length < 20,
-        events: [...state.events.slice(0, startingFrom), ...events],
-    });
+        events: [...state.events.slice(0, startingFrom), ...events]
+    };
 }), on(EventActions.loadFailure, (state, action) => ({
     ...state,
     loading: false,
-    events: [],
+    events: []
 })), on(EventActions.select, (state, { ids, cumulative }) => ({
     ...state,
-    selectedIds: !cumulative ? ids : [...state.selectedIds, ...ids].reduce((p, c) => p.indexOf(c) === -1 ? [...p, c] : p.filter(p1 => p1 !== c), []),
+    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, _) => ({
     ...state,
-    details: {},
+    details: {}
 })), on(EventActions.getSuccess, (state, { event, procedure }) => ({
     ...state,
-    details: { event, procedure },
+    details: { event, procedure }
 })), on(EventActions.sort, (state, { field, order }) => ({
     ...state,
     events: [],
     noMoreEvents: false,
-    sort: { field, order },
-})), on(EventActions.filter, (state, { filters }) => ({
+    sort: { field, order }
+})), on(EventActions.filter, (state, { filters, filterSet }) => ({
     ...state,
     events: [],
     noMoreEvents: false,
-    filters: filters,
+    filters: { ...state.filters, [filterSet]: filters }
 })));
 function eventReducer(state, action) {
     return internalReducer$1(state, action);
@@ -557,8 +616,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
             }] } });
 
 const EVENT_LINK = {
-    fn: (event, store) => ['./', event.id],
+    fn: (event, store) => ['./', event.id]
 };
+const SCROLL_PX_TO_TRIGGER_FETCH_PAGE = { value: 200 };
 class EventListComponent extends SubscriptionnerDirective {
     constructor(store, el) {
         super();
@@ -566,11 +626,11 @@ class EventListComponent extends SubscriptionnerDirective {
         this.el = el;
         this.EVENT_LINK = EVENT_LINK;
         this._store = this.store;
-        this._inhibate = false;
+        this._inhibate = true;
         this.store.dispatch(EventActions.load({}));
         this.events$ = this.store.select(EventSelectors.events);
         this.selectedIds$ = this.store.select(EventSelectors.selectedIds);
-        this.allSelected$ = combineLatest([this.events$, this.selectedIds$]).pipe(map(([events, selectedIds]) => events.filter(ev => !selectedIds.includes(ev.id)).length === 0));
+        this.allSelected$ = combineLatest([this.events$, this.selectedIds$]).pipe(map(([events, selectedIds]) => events.filter((ev) => !selectedIds.includes(ev.id)).length === 0));
     }
     ngAfterViewInit() {
         this.subscriptions.add(fromEvent(this.el.nativeElement, 'scroll')
@@ -579,7 +639,8 @@ class EventListComponent extends SubscriptionnerDirective {
         map((e) => {
             const target = e.currentTarget;
             return target.scrollHeight - target.offsetHeight - target.scrollTop;
-        }), withLatestFrom(this.store.select(EventSelectors.noMoreEvents)), filter(([remaningScroll, noMore]) => !noMore && remaningScroll < 200), auditTime(200)).subscribe(() => {
+        }), withLatestFrom(this.store.select(EventSelectors.noMoreEvents)), filter(([remaningScroll, noMore]) => !noMore && remaningScroll < SCROLL_PX_TO_TRIGGER_FETCH_PAGE.value), auditTime(200))
+            .subscribe(() => {
             this.store.dispatch(EventActions.load({ next: true }));
         }));
     }
@@ -592,18 +653,18 @@ class EventListComponent extends SubscriptionnerDirective {
     selectAll($event) {
         if (!this._inhibate) {
             this.inhibate();
-            const tmpSub = this.events$.subscribe(events => {
-                this.store.dispatch(EventActions.select({ ids: $event ? events.map(ev => ev.id) : [], cumulative: false }));
+            const tmpSub = this.events$.subscribe((events) => {
+                this.store.dispatch(EventActions.select({ ids: $event ? events.map((ev) => ev.id) : [], cumulative: false }));
                 setTimeout(() => tmpSub.unsubscribe(), 10);
             });
         }
     }
     inhibate() {
         this._inhibate = true;
-        setTimeout(() => this._inhibate = false, 100);
+        setTimeout(() => (this._inhibate = false), 100);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EventListComponent, deps: [{ token: i1$1.Store }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: EventListComponent, selector: "hvy-event-list", usesInheritance: true, ngImport: i0, template: "<table class=\"o-hvy-events-table\">\n  <thead>\n  <tr class=\"o-hvy-events-table__header\">\n    <th>\n      <pry-checkbox [ngModel]=\"allSelected$|async\" (ngModelChange)=\"selectAll($event)\"></pry-checkbox>\n    </th>\n    <th>{{ '@hvy.event.criticality.name' | i18n }}</th>\n    <th>{{ '@hvy.event.name' | i18n }}</th>\n    <th>{{ '@hvy.event.category.name' | i18n }}</th>\n    <th>{{ '@hvy.event.address' | i18n }}</th>\n    <th>\n      <hvy-column-order field=\"creationDate\">{{ '@hvy.event.creationDate' | i18n }}</hvy-column-order>\n    </th>\n    <th>\n      <hvy-column-order field=\"lastModificationDate\">{{ '@hvy.event.lastModificationDate' | i18n }}</hvy-column-order>\n    </th>\n    <th>\n      <hvy-column-order field=\"status\">{{ '@hvy.event.status.name' | i18n }}</hvy-column-order>\n    </th>\n    <th>\n      <hvy-column-order field=\"procedureProgress\">{{ '@hvy.procedure.progress' | i18n }}</hvy-column-order>\n    </th>\n    <th></th>\n  </tr>\n  </thead>\n  <tbody>\n    @for (event of events$|async; track event.id) {\n      <tr class=\"o-hvy-events-table__line\" (click)=\"select(event, $event)\">\n        <td class=\"o-hvy-events-table__line__cell\">\n          <pry-checkbox [ngModel]=\"(selectedIds$|async)!.includes(event.id)\"></pry-checkbox>\n        </td>\n        <td class=\"o-hvy-events-table__line__cell -centered\">\n          <hvy-icon-display [event]=\"event\"></hvy-icon-display>\n        </td>\n        <td class=\"o-hvy-events-table__line__cell\">\n          <div class=\"o-hvy-events-table__line__cell__name__main\">{{ event.name }}</div>\n          <div\n            class=\"o-hvy-events-table__line__cell__name__sub\">{{ event.equipment?.name ? event.equipment?.name : '' }}\n          </div>\n        </td>\n        <td class=\"o-hvy-events-table__line__cell -centered\">{{ '@hvy.event.category.' + event.category | i18n }}</td>\n        <td class=\"o-hvy-events-table__line__cell\">{{ event.address }}</td>\n        <td class=\"o-hvy-events-table__line__cell\">{{ event.creationDate| sinceDate: { onlyLocale: true } }}</td>\n        <td class=\"o-hvy-events-table__line__cell\">{{ event.lastModificationDate | sinceDate: { onlyLocale: true } }}\n        </td>\n        <td class=\"o-hvy-events-table__line__cell -centered\">\n          <hvy-status-display [event]=\"event\"></hvy-status-display>\n        </td>\n        <td class=\"o-hvy-events-table__line__cell -centered\">\n          {{ event.procedureProgress }} %\n        </td>\n        <td class=\"o-hvy-events-table__line__cell\">\n          <a [routerLink]=\"EVENT_LINK.fn(event, _store)\">\n            > {{ '@hvy.action.consult' | i18n }} @if (event.linkedEvents > 1) {\n            ({{ event.linkedEvents }})\n          }\n          </a>\n        </td>\n      </tr>\n    } @empty {\n      <tr>\n        <td class=\"o-hvy-events-table__empty\" colspan=\"50\">\n          <div>{{ '@hvy.event.log.empty' | i18n }}</div>\n          <div>\n            <ng-content></ng-content>\n          </div>\n        </td>\n      </tr>\n    }\n  </tbody>\n</table>\n", dependencies: [{ kind: "component", type: i3$1.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: IconDisplayComponent, selector: "hvy-icon-display", inputs: ["event"] }, { kind: "component", type: StatusDisplayComponent, selector: "hvy-status-display", inputs: ["event", "modifiable"], outputs: ["modified"] }, { kind: "component", type: ColumnOrderComponent, selector: "hvy-column-order", inputs: ["field"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }, { kind: "pipe", type: i10.PrySinceDatePipe, name: "sinceDate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: EventListComponent, selector: "hvy-event-list", usesInheritance: true, ngImport: i0, template: "<table class=\"o-hvy-events-table\">\n  <thead>\n  <tr class=\"o-hvy-events-table__header\">\n    <th>\n      <pry-checkbox [ngModel]=\"allSelected$|async\" (ngModelChange)=\"selectAll($event)\"></pry-checkbox>\n    </th>\n    <th>{{ '@hvy.event.criticality.name' | i18n }}</th>\n    <th>{{ '@hvy.event.name' | i18n }}</th>\n    <th>{{ '@hvy.event.category.name' | i18n }}</th>\n    <th>{{ '@hvy.event.address' | i18n }}</th>\n    <th>\n      <hvy-column-order field=\"creationDate\">{{ '@hvy.event.creationDate' | i18n }}</hvy-column-order>\n    </th>\n    <th>\n      <hvy-column-order field=\"lastModificationDate\">{{ '@hvy.event.lastModificationDate' | i18n }}</hvy-column-order>\n    </th>\n    <th>\n      <hvy-column-order field=\"status\">{{ '@hvy.event.status.name' | i18n }}</hvy-column-order>\n    </th>\n    <th>\n      <hvy-column-order field=\"procedureProgress\">{{ '@hvy.procedure.progress' | i18n }}</hvy-column-order>\n    </th>\n    <th></th>\n  </tr>\n  </thead>\n  <tbody>\n    @for (event of events$|async; track event.id) {\n      <tr class=\"o-hvy-events-table__line\" (click)=\"select(event, $event)\">\n        <td class=\"o-hvy-events-table__line__cell\">\n          <pry-checkbox [ngModel]=\"(selectedIds$|async)!.includes(event.id)\"></pry-checkbox>\n        </td>\n        <td class=\"o-hvy-events-table__line__cell -centered\">\n          <hvy-icon-display [event]=\"event\"></hvy-icon-display>\n        </td>\n        <td class=\"o-hvy-events-table__line__cell\">\n          <div class=\"o-hvy-events-table__line__cell__name__main\">{{ event.name }}</div>\n          <div\n            class=\"o-hvy-events-table__line__cell__name__sub\">{{ event.equipment?.name ? event.equipment?.name : '' }}\n          </div>\n        </td>\n        <td class=\"o-hvy-events-table__line__cell -centered\">{{ '@hvy.event.category.' + event.category | i18n }}</td>\n        <td class=\"o-hvy-events-table__line__cell\">{{ event.address }}</td>\n        <td class=\"o-hvy-events-table__line__cell\">{{ event.creationDate| sinceDate: { onlyLocale: true } }}</td>\n        <td class=\"o-hvy-events-table__line__cell\">{{ event.lastModificationDate | sinceDate: { onlyLocale: true } }}\n        </td>\n        <td class=\"o-hvy-events-table__line__cell -centered\">\n          <hvy-status-display [event]=\"event\"></hvy-status-display>\n        </td>\n        <td class=\"o-hvy-events-table__line__cell -centered\">\n          {{ event.procedureProgress }} %\n        </td>\n        <td class=\"o-hvy-events-table__line__cell\">\n          <a [routerLink]=\"EVENT_LINK.fn(event, _store)\">\n            > {{ '@hvy.action.consult' | i18n }} @if (event.linkedEvents > 1) {\n            ({{ event.linkedEvents }})\n          }\n          </a>\n        </td>\n      </tr>\n    } @empty {\n      <tr>\n        <td class=\"o-hvy-events-table__empty\" colspan=\"50\">\n          <div>{{ '@hvy.event.log.empty' | i18n }}</div>\n          <div>\n            <ng-content></ng-content>\n          </div>\n        </td>\n      </tr>\n    }\n  </tbody>\n</table>\n", dependencies: [{ kind: "component", type: i4.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: IconDisplayComponent, selector: "hvy-icon-display", inputs: ["event"] }, { kind: "component", type: StatusDisplayComponent, selector: "hvy-status-display", inputs: ["event", "modifiable"], outputs: ["modified"] }, { kind: "component", type: ColumnOrderComponent, selector: "hvy-column-order", inputs: ["field"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }, { kind: "pipe", type: i10.PrySinceDatePipe, name: "sinceDate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EventListComponent, decorators: [{
             type: Component,
@@ -614,30 +675,43 @@ class EventFiltersComponent extends SubscriptionnerDirective {
     constructor(store) {
         super();
         this.store = store;
+        this.filterSet = 'global';
+    }
+    ngAfterViewInit() {
+        this.filters.forEach((filter) => (filter.filterSet = this.filterSet));
     }
     filter() {
-        const filters = this.filters.map(filter => filter.getParams())
-            .reduce((p, c) => ({ ...p, ...c }), {});
-        this.store.dispatch(EventActions.filter({ filters }));
+        const filters = this.filters.map((filter) => filter.getParams()).reduce((p, c) => ({ ...p, ...c }), {});
+        this.store.dispatch(EventActions.filter({ filters, filterSet: this.filterSet }));
     }
     reset() {
-        this.filters.forEach(filter => filter.reset());
-        this.store.dispatch(EventActions.filter({ filters: {} }));
+        this.filters.forEach((filter) => filter.reset());
+        this.store.dispatch(EventActions.filter({ filters: {}, filterSet: this.filterSet }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EventFiltersComponent, deps: [{ token: i1$1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: EventFiltersComponent, selector: "hvy-event-filters", queries: [{ propertyName: "filters", predicate: ["filter"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"o-hvy-event-filters\">\n  <ng-content></ng-content>\n  <div class=\"o-hvy-event-filters__buttons\">\n    <button (click)=\"reset()\" class=\"a-btn a-btn--secondary\">\n      <pry-icon iconSvg=\"reset_filter_event\"></pry-icon>\n    </button>\n    <button (click)=\"filter()\" class=\"a-btn a-btn--primary\">\n      {{ '@hvy.event.filter.name' | i18n }}\n      <pry-icon iconSvg=\"event_filter\"></pry-icon>\n    </button>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: EventFiltersComponent, selector: "hvy-event-filters", inputs: { filterSet: "filterSet" }, queries: [{ propertyName: "filters", predicate: ["filter"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"o-hvy-event-filters\">\n  <ng-content></ng-content>\n  <div class=\"o-hvy-event-filters__buttons\">\n    <button (click)=\"reset()\" class=\"a-btn a-btn--secondary\">\n      <pry-icon iconSvg=\"reset_filter_event\"></pry-icon>\n    </button>\n    <button (click)=\"filter()\" class=\"a-btn a-btn--primary\">\n      {{ '@hvy.event.filter.name' | i18n }}\n      <pry-icon iconSvg=\"event_filter\"></pry-icon>\n    </button>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EventFiltersComponent, decorators: [{
             type: Component,
             args: [{ selector: 'hvy-event-filters', template: "<div class=\"o-hvy-event-filters\">\n  <ng-content></ng-content>\n  <div class=\"o-hvy-event-filters__buttons\">\n    <button (click)=\"reset()\" class=\"a-btn a-btn--secondary\">\n      <pry-icon iconSvg=\"reset_filter_event\"></pry-icon>\n    </button>\n    <button (click)=\"filter()\" class=\"a-btn a-btn--primary\">\n      {{ '@hvy.event.filter.name' | i18n }}\n      <pry-icon iconSvg=\"event_filter\"></pry-icon>\n    </button>\n  </div>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: i1$1.Store }], propDecorators: { filters: [{
+        }], ctorParameters: () => [{ type: i1$1.Store }], propDecorators: { filterSet: [{
+                type: Input
+            }], filters: [{
                 type: ContentChildren,
                 args: ['filter', { descendants: true }]
             }] } });
 
 class HvyUnitFilterComponent extends SubscriptionnerDirective {
+    set filterSet(filterSet) {
+        this._filterSet$.next(filterSet);
+    }
+    get filterSet() {
+        return this._filterSet$.value;
+    }
     constructor() {
         super();
+        this.prop = 'no-prop-defined';
+        this._filterSet$ = new BehaviorSubject('global');
     }
     getParams() {
         throw new Error('Must use sub implementation');
@@ -645,16 +719,24 @@ class HvyUnitFilterComponent extends SubscriptionnerDirective {
     reset() {
         throw new Error('Must use sub implementation');
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: HvyUnitFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.3", type: HvyUnitFilterComponent, inputs: { prop: "prop", filterSet: "filterSet" }, usesInheritance: true, ngImport: i0 }); }
 }
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: HvyUnitFilterComponent, decorators: [{
+            type: Directive
+        }], ctorParameters: () => [], propDecorators: { prop: [{
+                type: Input
+            }], filterSet: [{
+                type: Input
+            }] } });
 
 class DateFilterComponent extends HvyUnitFilterComponent {
     constructor(store) {
         super();
         this.store = store;
-        this.prop = 'no-prop-defined';
         this.value = '';
-        this.subscriptions.add(this.store.select(EventSelectors.filters).subscribe(filters => {
-            this.value = filters[this.prop] ? (filters[this.prop][0] ?? '') : '';
+        this.subscriptions.add(combineLatest([this.store.select(EventSelectors.filters), this._filterSet$]).subscribe(([filters, filterSet]) => {
+            this.value = (filters[filterSet] ?? {})[this.prop] ? (filters[filterSet] ?? {})[this.prop][0] ?? '' : '';
         }));
     }
     getParams() {
@@ -671,14 +753,12 @@ class DateFilterComponent extends HvyUnitFilterComponent {
         this.value = $event instanceof Event ? $event.target?.value : $event;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DateFilterComponent, deps: [{ token: i1$1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: DateFilterComponent, selector: "hvy-date-filter", inputs: { prop: "prop" }, providers: [{ provide: HvyUnitFilterComponent, useExisting: forwardRef(() => DateFilterComponent) }], usesInheritance: true, ngImport: i0, template: "<div class=\"o-hvy-date-filters\">\n  <input type=\"date\" class=\"a-form-field\"\n         [value]=\"value\"\n         (change)=\"triggerChange($event)\">\n</div>\n" }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: DateFilterComponent, selector: "hvy-date-filter", providers: [{ provide: HvyUnitFilterComponent, useExisting: forwardRef(() => DateFilterComponent) }], usesInheritance: true, ngImport: i0, template: "<div class=\"o-hvy-date-filters\">\n  <input type=\"date\" class=\"a-form-field\"\n         [value]=\"value\"\n         (change)=\"triggerChange($event)\">\n</div>\n" }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: DateFilterComponent, decorators: [{
             type: Component,
             args: [{ selector: 'hvy-date-filter', providers: [{ provide: HvyUnitFilterComponent, useExisting: forwardRef(() => DateFilterComponent) }], template: "<div class=\"o-hvy-date-filters\">\n  <input type=\"date\" class=\"a-form-field\"\n         [value]=\"value\"\n         (change)=\"triggerChange($event)\">\n</div>\n" }]
-        }], ctorParameters: () => [{ type: i1$1.Store }], propDecorators: { prop: [{
-                type: Input
-            }] } });
+        }], ctorParameters: () => [{ type: i1$1.Store }] });
 
 class ChoiceFilterComponent extends HvyUnitFilterComponent {
     static { this.idCounter = 0; }
@@ -690,12 +770,10 @@ class ChoiceFilterComponent extends HvyUnitFilterComponent {
         this.i18nService = i18nService;
         this.ref = ref;
         this.id = -1;
-        this.prop = 'no-prop-defined';
         this.label = 'no-label-defined';
         this.i18nPrefix = '';
         this.value = signal([]);
         this.choices = [];
-        this.inhibate = false;
         this.displayValue = computed(() => {
             if (this.allSelected()) {
                 return this.i18nService.instant('@hvy.event.filter.choice.all');
@@ -711,9 +789,12 @@ class ChoiceFilterComponent extends HvyUnitFilterComponent {
         this.id = ChoiceFilterComponent.idCounter++;
     }
     ngAfterViewInit() {
-        this.subscriptions.add(this.store.select(EventSelectors.filters).subscribe(filters => {
-            this.assignValue(filters.hasOwnProperty(this.prop) ?
-                filters[this.prop].length === 1 && filters[this.prop][0] === '' ? [] : filters[this.prop] : this.allValues());
+        this.subscriptions.add(combineLatest([this.store.select(EventSelectors.filters), this._filterSet$]).subscribe(([filters, filterSet]) => {
+            this.assignValue((filters[filterSet] ?? {}).hasOwnProperty(this.prop)
+                ? filters[filterSet][this.prop].length === 1 && filters[filterSet][this.prop][0] === ''
+                    ? []
+                    : filters[filterSet][this.prop]
+                : this.allValues());
         }));
     }
     getParams() {
@@ -731,7 +812,7 @@ class ChoiceFilterComponent extends HvyUnitFilterComponent {
             this.overlayRef = this.overlay.create(new OverlayConfig({
                 hasBackdrop: true,
                 backdropClass: 'backdrop',
-                panelClass: ['m-context-menu-wrapper', 'o-choice-filter-popup'],
+                panelClass: ['m-context-menu-wrapper', 'o-choice-filter-popup']
             }));
             this.overlayRef.backdropClick().subscribe(() => this.toggleModal());
             this.overlayRef.attach(new TemplatePortal(this.template, this.viewContainerRef));
@@ -757,49 +838,47 @@ class ChoiceFilterComponent extends HvyUnitFilterComponent {
     }
     toggle(elt) {
         const isSelected = this.isSelected(elt);
-        const eltSubKeys = !elt.children ? [elt.key] : elt.children.map(ch => ch.key);
+        const eltSubKeys = !elt.children ? [elt.key] : elt.children.map((ch) => ch.key);
         if (!isSelected) {
             this.assignValue([...new Set([...this.value(), ...eltSubKeys])]);
         }
         else {
-            this.assignValue(this.value().filter(v => !eltSubKeys.includes(v)));
+            this.assignValue(this.value().filter((v) => !eltSubKeys.includes(v)));
         }
     }
     allSelected() {
-        return this.choices.map(choice => this.isSelected(choice)).reduce((p, c) => p && c, true);
+        return this.choices.map((choice) => this.isSelected(choice)).reduce((p, c) => p && c, true);
     }
     isSelected(choice) {
         if (!choice.children) {
             return this.value().includes(choice.key);
         }
         else {
-            return choice.children.map(child => this.isSelected(child)).reduce((p, c) => p && c, true);
+            return choice.children.map((child) => this.isSelected(child)).reduce((p, c) => p && c, true);
         }
     }
     allValues() {
         return this.choices
-            .map(choice => !choice.children ? [choice.key] : choice.children.map(child => child.key))
+            .map((choice) => (!choice.children ? [choice.key] : choice.children.map((child) => child.key)))
             .reduce((p, c) => [...p, ...c], []);
     }
     assignValue(value) {
-        if (!this.inhibate) {
+        if (!this.inhibate || this.inhibate !== this.filterSet) {
             this.triggerInhibate();
             this.value.set(value);
         }
     }
     triggerInhibate() {
-        this.inhibate = true;
-        setTimeout(() => this.inhibate = false, 50);
+        this.inhibate = this.filterSet;
+        setTimeout(() => (this.inhibate = undefined), 50);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ChoiceFilterComponent, deps: [{ token: i1$1.Store }, { token: i2$1.Overlay }, { token: i0.ViewContainerRef }, { token: i3.PryI18nService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: ChoiceFilterComponent, selector: "hvy-choice-filter", inputs: { prop: "prop", label: "label", i18nPrefix: "i18nPrefix", choices: "choices" }, providers: [{ provide: HvyUnitFilterComponent, useExisting: forwardRef(() => ChoiceFilterComponent) }], viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<button (click)=\"toggleModal()\" #button class=\"o-hvy-choice-filter -horizontal\"\n        [class.-highlight]=\"displayValue() !== ('@hvy.event.filter.choice.all' | i18n)\" [class.-focus]=\"overlayRef\">\n  <div class=\"o-hvy-choice-filter__choice-value\">\n    <span class=\"o-hvy-choice-filter__label\">{{ label | i18n }}:</span>\n    <span class=\"o-hvy-choice-filter__value\" type=\"text\" id=\"select_{{id}}\">{{ displayValue() }}</span>\n  </div>\n  <pry-icon [iconSvg]=\"!!overlayRef ? 'chevron_top' : 'chevron_bottom'\" [width]=\"10\" [height]=\"10\"></pry-icon>\n</button>\n\n<ng-template #template>\n  <div\n    class=\"m-context-menu o-hvy-choice-filter\"\n    aria-labelledby=\"choice\"\n    tabindex=\"-1\"\n    id=\"choice\"\n    role=\"menu\"\n    aria-modal=\"true\"\n  >\n    <div class=\"o-hvy-choice-filter__all\">\n      <pry-checkbox [ngModel]=\"allSelected()\" (ngModelChange)=\"clickAll()\">\n        <span>{{ '@hvy.event.filter.choice.all' | i18n }}</span>\n      </pry-checkbox>\n    </div>\n    @for (elt of choices; track elt.key) {\n      @if (!elt.children) {\n        <pry-checkbox [ngModel]=\"isSelected(elt)\" (ngModelChange)=\"toggle(elt)\" class=\"o-hvy-choice-filter__root\">\n          <span>{{ i18nPrefix + elt.key | i18n }}</span>\n        </pry-checkbox>\n      } @else {\n        <pry-checkbox [ngModel]=\"isSelected(elt)\" (ngModelChange)=\"toggle(elt)\" class=\"o-hvy-choice-filter__root\">\n          <span>{{ i18nPrefix + elt.key | i18n }}</span>\n        </pry-checkbox>\n        @for (child of elt.children; track child.key) {\n          <pry-checkbox [ngModel]=\"isSelected(child)\" (ngModelChange)=\"toggle(child)\"\n                        class=\"o-hvy-choice-filter__child\">\n            <span>{{ i18nPrefix + child.key | i18n }}</span>\n          </pry-checkbox>\n        }\n      }\n    }\n  </div>\n</ng-template>\n", dependencies: [{ kind: "component", type: i3$1.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ChoiceFilterComponent, deps: [{ token: i1$1.Store }, { token: i3$1.Overlay }, { token: i0.ViewContainerRef }, { token: i3.PryI18nService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: ChoiceFilterComponent, selector: "hvy-choice-filter", inputs: { label: "label", i18nPrefix: "i18nPrefix", choices: "choices" }, providers: [{ provide: HvyUnitFilterComponent, useExisting: forwardRef(() => ChoiceFilterComponent) }], viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<button (click)=\"toggleModal()\" #button class=\"o-hvy-choice-filter -horizontal\"\n        [class.-highlight]=\"displayValue() !== ('@hvy.event.filter.choice.all' | i18n)\" [class.-focus]=\"overlayRef\">\n  <div class=\"o-hvy-choice-filter__choice-value\">\n    <span class=\"o-hvy-choice-filter__label\">{{ label | i18n }} :</span>\n    <span class=\"o-hvy-choice-filter__value\" type=\"text\" id=\"select_{{id}}\">{{ displayValue() }}</span>\n  </div>\n  <pry-icon [iconSvg]=\"!!overlayRef ? 'chevron_top' : 'chevron_bottom'\" [width]=\"10\" [height]=\"10\"></pry-icon>\n</button>\n\n<ng-template #template>\n  <div\n    class=\"m-context-menu o-hvy-choice-filter\"\n    aria-labelledby=\"choice\"\n    tabindex=\"-1\"\n    id=\"choice\"\n    role=\"menu\"\n    aria-modal=\"true\"\n  >\n    <div class=\"o-hvy-choice-filter__all\">\n      <pry-checkbox [ngModel]=\"allSelected()\" (ngModelChange)=\"clickAll()\">\n        <span>{{ '@hvy.event.filter.choice.all' | i18n }}</span>\n      </pry-checkbox>\n    </div>\n    @for (elt of choices; track elt.key) {\n      @if (!elt.children) {\n        <pry-checkbox [ngModel]=\"isSelected(elt)\" (ngModelChange)=\"toggle(elt)\" class=\"o-hvy-choice-filter__root\">\n          <span>{{ i18nPrefix + elt.key | i18n }}</span>\n        </pry-checkbox>\n      } @else {\n        <pry-checkbox [ngModel]=\"isSelected(elt)\" (ngModelChange)=\"toggle(elt)\" class=\"o-hvy-choice-filter__root\">\n          <span>{{ i18nPrefix + elt.key | i18n }}</span>\n        </pry-checkbox>\n        @for (child of elt.children; track child.key) {\n          <pry-checkbox [ngModel]=\"isSelected(child)\" (ngModelChange)=\"toggle(child)\"\n                        class=\"o-hvy-choice-filter__child\">\n            <span>{{ i18nPrefix + child.key | i18n }}</span>\n          </pry-checkbox>\n        }\n      }\n    }\n  </div>\n</ng-template>\n", dependencies: [{ kind: "component", type: i4.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ChoiceFilterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'hvy-choice-filter', providers: [{ provide: HvyUnitFilterComponent, useExisting: forwardRef(() => ChoiceFilterComponent) }], template: "<button (click)=\"toggleModal()\" #button class=\"o-hvy-choice-filter -horizontal\"\n        [class.-highlight]=\"displayValue() !== ('@hvy.event.filter.choice.all' | i18n)\" [class.-focus]=\"overlayRef\">\n  <div class=\"o-hvy-choice-filter__choice-value\">\n    <span class=\"o-hvy-choice-filter__label\">{{ label | i18n }}:</span>\n    <span class=\"o-hvy-choice-filter__value\" type=\"text\" id=\"select_{{id}}\">{{ displayValue() }}</span>\n  </div>\n  <pry-icon [iconSvg]=\"!!overlayRef ? 'chevron_top' : 'chevron_bottom'\" [width]=\"10\" [height]=\"10\"></pry-icon>\n</button>\n\n<ng-template #template>\n  <div\n    class=\"m-context-menu o-hvy-choice-filter\"\n    aria-labelledby=\"choice\"\n    tabindex=\"-1\"\n    id=\"choice\"\n    role=\"menu\"\n    aria-modal=\"true\"\n  >\n    <div class=\"o-hvy-choice-filter__all\">\n      <pry-checkbox [ngModel]=\"allSelected()\" (ngModelChange)=\"clickAll()\">\n        <span>{{ '@hvy.event.filter.choice.all' | i18n }}</span>\n      </pry-checkbox>\n    </div>\n    @for (elt of choices; track elt.key) {\n      @if (!elt.children) {\n        <pry-checkbox [ngModel]=\"isSelected(elt)\" (ngModelChange)=\"toggle(elt)\" class=\"o-hvy-choice-filter__root\">\n          <span>{{ i18nPrefix + elt.key | i18n }}</span>\n        </pry-checkbox>\n      } @else {\n        <pry-checkbox [ngModel]=\"isSelected(elt)\" (ngModelChange)=\"toggle(elt)\" class=\"o-hvy-choice-filter__root\">\n          <span>{{ i18nPrefix + elt.key | i18n }}</span>\n        </pry-checkbox>\n        @for (child of elt.children; track child.key) {\n          <pry-checkbox [ngModel]=\"isSelected(child)\" (ngModelChange)=\"toggle(child)\"\n                        class=\"o-hvy-choice-filter__child\">\n            <span>{{ i18nPrefix + child.key | i18n }}</span>\n          </pry-checkbox>\n        }\n      }\n    }\n  </div>\n</ng-template>\n" }]
-        }], ctorParameters: () => [{ type: i1$1.Store }, { type: i2$1.Overlay }, { type: i0.ViewContainerRef }, { type: i3.PryI18nService }, { type: i0.ElementRef }], propDecorators: { prop: [{
-                type: Input
-            }], label: [{
+            args: [{ selector: 'hvy-choice-filter', providers: [{ provide: HvyUnitFilterComponent, useExisting: forwardRef(() => ChoiceFilterComponent) }], template: "<button (click)=\"toggleModal()\" #button class=\"o-hvy-choice-filter -horizontal\"\n        [class.-highlight]=\"displayValue() !== ('@hvy.event.filter.choice.all' | i18n)\" [class.-focus]=\"overlayRef\">\n  <div class=\"o-hvy-choice-filter__choice-value\">\n    <span class=\"o-hvy-choice-filter__label\">{{ label | i18n }} :</span>\n    <span class=\"o-hvy-choice-filter__value\" type=\"text\" id=\"select_{{id}}\">{{ displayValue() }}</span>\n  </div>\n  <pry-icon [iconSvg]=\"!!overlayRef ? 'chevron_top' : 'chevron_bottom'\" [width]=\"10\" [height]=\"10\"></pry-icon>\n</button>\n\n<ng-template #template>\n  <div\n    class=\"m-context-menu o-hvy-choice-filter\"\n    aria-labelledby=\"choice\"\n    tabindex=\"-1\"\n    id=\"choice\"\n    role=\"menu\"\n    aria-modal=\"true\"\n  >\n    <div class=\"o-hvy-choice-filter__all\">\n      <pry-checkbox [ngModel]=\"allSelected()\" (ngModelChange)=\"clickAll()\">\n        <span>{{ '@hvy.event.filter.choice.all' | i18n }}</span>\n      </pry-checkbox>\n    </div>\n    @for (elt of choices; track elt.key) {\n      @if (!elt.children) {\n        <pry-checkbox [ngModel]=\"isSelected(elt)\" (ngModelChange)=\"toggle(elt)\" class=\"o-hvy-choice-filter__root\">\n          <span>{{ i18nPrefix + elt.key | i18n }}</span>\n        </pry-checkbox>\n      } @else {\n        <pry-checkbox [ngModel]=\"isSelected(elt)\" (ngModelChange)=\"toggle(elt)\" class=\"o-hvy-choice-filter__root\">\n          <span>{{ i18nPrefix + elt.key | i18n }}</span>\n        </pry-checkbox>\n        @for (child of elt.children; track child.key) {\n          <pry-checkbox [ngModel]=\"isSelected(child)\" (ngModelChange)=\"toggle(child)\"\n                        class=\"o-hvy-choice-filter__child\">\n            <span>{{ i18nPrefix + child.key | i18n }}</span>\n          </pry-checkbox>\n        }\n      }\n    }\n  </div>\n</ng-template>\n" }]
+        }], ctorParameters: () => [{ type: i1$1.Store }, { type: i3$1.Overlay }, { type: i0.ViewContainerRef }, { type: i3.PryI18nService }, { type: i0.ElementRef }], propDecorators: { label: [{
                 type: Input
             }], i18nPrefix: [{
                 type: Input
@@ -855,6 +934,81 @@ const HypEventStatus = {
     values: ['NEW', 'IN_PROGRESS', 'DONE'],
 };
 
+const eventForWriteAPI = (event) => ({
+    ...event,
+    equipmentId: event.equipment?.id
+});
+
+const procedureForWriteAPI = (procedure) => ({
+    ...procedure,
+    events: procedure.events.map(eventForWriteAPI)
+});
+
+const PAGE_SIZE_FETCH = { value: 20 };
+const KNOWN_FILTER_SETS = {
+    EVENTS: 'events'
+};
+class EventService {
+    constructor(httpClient, store) {
+        this.httpClient = httpClient;
+        this.store = store;
+    }
+    list(startWith = 0, pageSize = PAGE_SIZE_FETCH.value) {
+        return this.store.select(HypSelectors.url).pipe(withLatestFrom(this.store.select(EventSelectors.filters), this.store.select(EventSelectors.sort)), mergeMap(([url, filterSets, sort]) => {
+            const filters = filterSets[KNOWN_FILTER_SETS.EVENTS] ?? {};
+            let params = new HttpParams();
+            Object.keys(filters).forEach((filter) => {
+                filters[filter].forEach((filterValue) => {
+                    params = params.append(filter, filterValue);
+                });
+            });
+            params = params.set('page', startWith / pageSize + 1);
+            if (sort) {
+                params = params.set('sort', sort.field).set('order', sort.order);
+            }
+            return this.httpClient.get(encodeURI(`${url}/events`), { params });
+        }));
+    }
+    get(id) {
+        return this.store.select(HypSelectors.url).pipe(mergeMap((url) => {
+            return this.httpClient.get(encodeURI(`${url}/events/id/${id}`));
+        }));
+    }
+    getProcedure(id) {
+        return this.store.select(HypSelectors.url).pipe(mergeMap((url) => {
+            return this.httpClient.get(encodeURI(`${url}/procedures/id/${id}`));
+        }));
+    }
+    save(event) {
+        return this.store.select(HypSelectors.url).pipe(mergeMap((url) => {
+            return this.httpClient.post(encodeURI(`${url}/events/${event.type.toLowerCase()}`), eventForWriteAPI(event));
+        }));
+    }
+    saveProcedure(procedure) {
+        return this.store.select(HypSelectors.url).pipe(mergeMap((url) => {
+            return this.httpClient.post(encodeURI(`${url}/procedures`), procedureForWriteAPI(procedure));
+        }));
+    }
+    status(event, status, comment) {
+        return this.store.select(HypSelectors.url).pipe(mergeMap((url) => {
+            return this.httpClient.put(encodeURI(`${url}/events/id/${event.id}/close`), { status, comment });
+        }));
+    }
+    statusProcedure(procedure, status, comment) {
+        return this.store.select(HypSelectors.url).pipe(mergeMap((url) => {
+            return this.httpClient.put(encodeURI(`${url}/procedures/id/${procedure.id}/close`), { status, comment });
+        }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EventService, deps: [{ token: i1.HttpClient }, { token: i1$1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EventService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EventService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i1$1.Store }] });
+
 class EventSummaryItemComponent {
     constructor(store) {
         this.store = store;
@@ -889,8 +1043,8 @@ class EventSummaryListComponent {
         this.itemLinkBase = this.itemLinkBase.length > 0 ? this.itemLinkBase : ['events'];
     }
     filterAndRoute(status) {
-        this.router.navigate([...this.consultLink]);
-        this.store.dispatch(EventActions.filter({ filters: { status: [status] } }));
+        this.router.navigate([...this.consultLink], { queryParams: { status: this.status } });
+        this.store.dispatch(EventActions.filter({ filters: { status: [status] }, filterSet: KNOWN_FILTER_SETS.EVENTS }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", 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: "17.1.3", type: EventSummaryListComponent, selector: "hvy-event-summary-list", inputs: { events: "events", totalEventCount: "totalEventCount", status: "status", consultLink: "consultLink", itemLinkBase: "itemLinkBase" }, ngImport: i0, template: "<div class=\"o-hvy-event-summary-list -hvy-{{status.toLowerCase()}}\">\n  <div class=\"o-hvy-event-summary-list__header\">\n    <h3 class=\"o-hvy-event-summary-list__title\">\n      {{ '@hvy.eventSummary.statusLabels.' + status | i18n }}\n    </h3>\n    <span class=\"o-hvy-event-summary-list__counter\">\n      {{ totalEventCount }}\n    </span>\n  </div>\n  <div class=\"o-hvy-event-summary-list__content\">\n    @for (event of events;track event.id) {\n      <hvy-event-summary-item\n        [event]=\"event\"\n        [linkBase]=\"itemLinkBase\">\n      </hvy-event-summary-item>\n    } @empty {\n      <span class=\"o-hvy-event-summary-list__no-content\">\n        {{ '@hvy.eventSummary.noContent' | 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      > {{ '@hvy.action.consult' | i18n }}\n      <pry-icon iconSvg=\"arrow\"></pry-icon>\n    </a>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: EventSummaryItemComponent, selector: "hvy-event-summary-item", inputs: ["event", "linkBase"] }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
@@ -919,25 +1073,31 @@ class EventSummaryPageComponent extends SubscriptionnerDirective {
         this.summaries = {
             NEW: { events: [], count: 0 },
             IN_PROGRESS: { events: [], count: 0 },
-            DONE: { events: [], count: 0 },
+            DONE: { events: [], count: 0 }
         };
         this.criticalityList = [...HypEventStatus.values, 'ALL'];
         this.criticalityOrder = (a, b) => {
             return this.criticalityList.indexOf(a.key) - this.criticalityList.indexOf(b.key);
         };
         this.store.dispatch(EventSummaryActions.load());
-        this.selectedCriticality$ = this.store.select(EventSelectors.filters).pipe(map$1((filters) => filters['criticality']?.[0] ?? 'ALL'));
+        this.selectedCriticality$ = this.store
+            .select(EventSelectors.filters)
+            .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;
         }));
     }
     filterByCriticality($event) {
-        $event === 'ALL' ? this.store.dispatch(EventActions.filter({ filters: { criticality: [] } })) :
-            this.store.dispatch(EventActions.filter({ filters: { criticality: [$event] } }));
+        $event === 'ALL'
+            ? this.store.dispatch(EventActions.filter({ filters: { criticality: [] }, filterSet: KNOWN_FILTER_SETS.EVENTS }))
+            : this.store.dispatch(EventActions.filter({
+                filters: { criticality: [$event] },
+                filterSet: KNOWN_FILTER_SETS.EVENTS
+            }));
         this.store.dispatch(EventSummaryActions.load());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EventSummaryPageComponent, deps: [{ token: i1$1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: EventSummaryPageComponent, selector: "hvy-event-summary-page", inputs: { pageTitle: "pageTitle", consultLink: "consultLink" }, usesInheritance: true, ngImport: i0, template: "<div class=\"o-hvy-event-summary-page\">\n  <div class=\"o-hvy-event-summary-page__header\">\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\">{{ '@hvy.event.criticality.name' | i18n }}\n        :&nbsp;</label>\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 (summaryList of summaries | keyvalue: criticalityOrder;track summaryList.key) {\n        <hvy-event-summary-list\n          class=\"o-hvy-event-summary-page__summary-list\"\n          [status]=\"summaryList.key\"\n          [totalEventCount]=\"summaryList.value.count\"\n          [events]=\"summaryList.value.events\"\n          [consultLink]=\"consultLink\">\n        </hvy-event-summary-list>\n      }\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "isForm", "required", "name", "readonly", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked"] }, { kind: "component", type: EventSummaryListComponent, selector: "hvy-event-summary-list", inputs: ["events", "totalEventCount", "status", "consultLink", "itemLinkBase"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }, { kind: "pipe", type: i1$2.KeyValuePipe, name: "keyvalue" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: EventSummaryPageComponent, selector: "hvy-event-summary-page", inputs: { pageTitle: "pageTitle", consultLink: "consultLink" }, usesInheritance: true, ngImport: i0, template: "<div class=\"o-hvy-event-summary-page\">\n  <div class=\"o-hvy-event-summary-page__header\">\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\">{{ '@hvy.event.criticality.name' | i18n }}\n        :&nbsp;</label>\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 (summaryList of summaries | keyvalue: criticalityOrder;track summaryList.key) {\n        <hvy-event-summary-list\n          class=\"o-hvy-event-summary-page__summary-list\"\n          [status]=\"summaryList.key\"\n          [totalEventCount]=\"summaryList.value.count\"\n          [events]=\"summaryList.value.events\"\n          [consultLink]=\"consultLink\">\n        </hvy-event-summary-list>\n      }\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "isForm", "required", "name", "readonly", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked"] }, { kind: "component", type: EventSummaryListComponent, selector: "hvy-event-summary-list", inputs: ["events", "totalEventCount", "status", "consultLink", "itemLinkBase"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }, { kind: "pipe", type: i1$2.KeyValuePipe, name: "keyvalue" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EventSummaryPageComponent, decorators: [{
             type: Component,
@@ -958,13 +1118,13 @@ const enTranslations = {
                 name: 'Event type',
                 ALERT: 'Alert',
                 REPORT: 'Report',
-                OPERATOR: 'Operator',
+                OPERATOR: 'Operator'
             },
             status: {
                 name: 'Status',
                 NEW: 'Open',
                 IN_PROGRESS: 'In progress',
-                DONE: 'Done',
+                DONE: 'Done'
             },
             address: 'Address',
             source: 'External reference',
@@ -978,7 +1138,7 @@ const enTranslations = {
             creationDate: 'Creation date',
             lastModificationDate: 'Modification date',
             closeDate: 'Close date',
-            detail: "Events description",
+            detail: 'Events description',
             log: {
                 name: 'Events log',
                 event: {
@@ -989,8 +1149,8 @@ const enTranslations = {
                     category: 'Category',
                     comments: {
                         name: 'Event comments',
-                        placeholder: 'Write your comment',
-                    },
+                        placeholder: 'Write your comment'
+                    }
                 },
                 procedure: {
                     delete: 'Delete procedure',
@@ -998,28 +1158,32 @@ const enTranslations = {
                     noAction: 'No actions',
                     name: 'Common procedure',
                     addAction: 'Add action'
-                },
+                }
             },
             category: {
-                name: "Event category",
+                name: 'Event category',
                 ALERT_MALFUNCTION: 'Dysfunction alert',
                 REPORT: 'GRC report',
                 OPERATOR_EVENT: 'Operator event',
                 ALERT_LIMIT: 'Limit alert',
-                MANIFESTATION: 'Manifestation',
+                MANIFESTATION: 'Manifestation'
             },
             criticality: {
                 name: 'Criticality',
                 LOW: 'Low',
                 MEDIUM: 'Middle',
-                HIGH: 'High',
+                HIGH: 'High'
             },
             filter: {
                 name: 'Filter',
                 choice: {
-                    all: "All"
+                    all: 'All'
                 },
                 reset: 'Reset'
+            },
+            close: {
+                one: 'Close event',
+                multi: 'Close events'
             }
         },
         eventSummary: {
@@ -1027,26 +1191,29 @@ const enTranslations = {
             statusLabels: {
                 NEW: 'Open',
                 IN_PROGRESS: 'In progress',
-                DONE: 'Done',
+                DONE: 'Done'
             },
             criticalityLabels: {
                 LOW: 'Low',
                 MEDIUM: 'Medium',
                 HIGH: 'High',
-                ALL: 'All',
-            },
+                ALL: 'All'
+            }
         },
         procedure: {
             name: 'Procedure',
-            progress: 'Procedure progress %',
+            progress: 'Procedure progress %'
         },
         action: {
             consult: 'Consult',
             close: 'Close',
             send: 'Send',
-            comment: 'Comment'
-        },
-    },
+            comment: 'Comment',
+            associate: 'Link to procedure',
+            validate: 'Validate',
+            cancel: 'Cancel'
+        }
+    }
 };
 
 const frTranslations = {
@@ -1054,33 +1221,33 @@ const frTranslations = {
         event: {
             name: 'Événements',
             type: {
-                name: 'Type d\'événement',
+                name: "Type d'événement",
                 ALERT: 'Alerte',
                 REPORT: 'Signalement',
-                OPERATOR: 'Opérateur',
+                OPERATOR: 'Opérateur'
             },
             status: {
                 name: 'Statut événement',
                 NEW: 'Nouveau',
                 IN_PROGRESS: 'En cours',
-                DONE: 'Clôturé',
+                DONE: 'Clôturé'
             },
             address: 'Adresse',
             source: 'Référence externe',
             equipment: 'Référence matériel',
-            equipmentEntity: 'Entité de l\'équipement',
+            equipmentEntity: "Entité de l'équipement",
             domain: {
-                name: 'Métier',
+                name: 'Métier'
             },
             startDate: 'Date de début',
             endDate: 'Date de fin',
             creationDate: 'Date de création',
-            lastModificationDate: 'Date dernières modifications',
+            lastModificationDate: 'Date de dernière modification',
             closeDate: 'Date de clotûre',
             detail: 'Description des événements',
             log: {
                 name: 'Journal des événements',
-                empty: 'Aucun événement n\'a été créé',
+                empty: "Aucun événement n'a été créé",
                 event: {
                     description: 'Description',
                     address: 'Adresse',
@@ -1088,160 +1255,84 @@ const frTranslations = {
                     name: 'Nom',
                     category: 'Catégorie',
                     close: 'Clôturer tous ces événements',
+                    closed: 'Tous clôturés',
                     comments: {
-                        name: 'Commentaires de l\'événement',
-                        placeholder: 'Écrivez votre commentaire',
-                    },
+                        name: "Commentaires de l'événement",
+                        placeholder: 'Écrivez votre commentaire'
+                    }
                 },
                 procedure: {
                     delete: 'Supprimer la procédure',
                     progress: 'Progression',
-                    noAction: 'Pas d\'action',
+                    noAction: "Pas d'action",
                     name: 'Procédure commune',
                     name1: 'Procédure',
-                    addAction: 'Ajouter une action',
-                },
+                    addAction: 'Ajouter une action'
+                }
             },
             category: {
-                name: 'Catégorie d\'événement',
+                name: "Catégorie d'événement",
                 ALERT_MALFUNCTION: 'Alerte Dysfonctionnement',
                 REPORT: 'Signalement GRC',
                 OPERATOR_EVENT: 'Evènement Opérateur',
                 ALERT_LIMIT: 'Alerte Seuil',
-                MANIFESTATION: 'Manifestation',
+                MANIFESTATION: 'Manifestation'
             },
             criticality: {
                 name: 'Criticité',
                 LOW: 'Bas',
                 MEDIUM: 'Moyen',
-                HIGH: 'Haut',
+                HIGH: 'Haut'
             },
             filter: {
                 name: 'Filtrer',
                 choice: {
-                    all: 'Tous',
+                    all: 'Tous'
                 },
                 reset: 'Réinitialiser'
             },
+            close: {
+                one: 'Êtes-vous sûr de vouloir clôturer cet événement ?',
+                multi: 'Êtes-vous sûr de vouloir clôturer ces événements ?',
+                comment: 'Commentaire de clôture'
+            }
         },
         eventSummary: {
             noContent: 'Aucun événement avec la criticité donnée',
             statusLabels: {
                 NEW: 'Nouveaux',
                 IN_PROGRESS: 'En cours',
-                DONE: 'Clôturés',
+                DONE: 'Clôturés'
             },
             criticalityLabels: {
                 LOW: 'Bas',
                 MEDIUM: 'Moyen',
                 HIGH: 'Haut',
-                ALL: 'Tous',
-            },
+                ALL: 'Tous'
+            }
         },
         procedure: {
             name: 'Procédure',
-            progress: '% avancement procédure',
+            progress: '% avancement procédure'
         },
         action: {
             consult: 'Consulter',
             close: 'Clotûrer',
             send: 'Envoyer',
             comment: 'Commenter',
-        },
-    },
+            associate: 'Associer à une procédure',
+            validate: 'Valider',
+            cancel: 'Annuler'
+        }
+    }
 };
 
-const eventForWriteAPI = (event) => ({
-    ...event,
-    equipmentId: event.equipment?.id
-});
-
 const HypEventType = { values: ['ALERT', 'REPORT', 'OPERATOR'] };
 
-const procedureForWriteAPI = (procedure) => ({
-    ...procedure,
-    events: procedure.events.map(eventForWriteAPI)
-});
-
 /*
  * Public API Surface of hypervisor
  */
 
-class EventService {
-    constructor(httpClient, store) {
-        this.httpClient = httpClient;
-        this.store = store;
-    }
-    list(startWith = 0) {
-        return this.store
-            .select(HypSelectors.url)
-            .pipe(withLatestFrom(this.store.select(EventSelectors.filters), this.store.select(EventSelectors.sort)), mergeMap(([url, filters, sort]) => {
-            let params = new HttpParams();
-            Object.keys(filters).forEach(filter => {
-                filters[filter].forEach((filterValue) => {
-                    params = params.append(filter, filterValue);
-                });
-            });
-            const pageSize = 20;
-            params = params.set('page', (startWith / pageSize) + 1);
-            if (sort) {
-                params = params.set('sort', sort.field).set('order', sort.order);
-            }
-            return this.httpClient.get(encodeURI(`${url}/events`), { params });
-        }));
-    }
-    get(id) {
-        return this.store
-            .select(HypSelectors.url)
-            .pipe(mergeMap((url) => {
-            return this.httpClient.get(encodeURI(`${url}/events/id/${id}`));
-        }));
-    }
-    getProcedure(id) {
-        return this.store
-            .select(HypSelectors.url)
-            .pipe(mergeMap((url) => {
-            return this.httpClient.get(encodeURI(`${url}/procedures/id/${id}`));
-        }));
-    }
-    save(event) {
-        return this.store
-            .select(HypSelectors.url)
-            .pipe(mergeMap((url) => {
-            return this.httpClient.post(encodeURI(`${url}/events/${event.type.toLowerCase()}`), eventForWriteAPI(event));
-        }));
-    }
-    saveProcedure(procedure) {
-        return this.store
-            .select(HypSelectors.url)
-            .pipe(mergeMap((url) => {
-            return this.httpClient.post(encodeURI(`${url}/procedures`), procedureForWriteAPI(procedure));
-        }));
-    }
-    status(event, status) {
-        return this.store
-            .select(HypSelectors.url)
-            .pipe(mergeMap((url) => {
-            return this.httpClient.put(encodeURI(`${url}/events/id/${event.id}/close`), { status });
-        }));
-    }
-    statusProcedure(procedure, status) {
-        return this.store
-            .select(HypSelectors.url)
-            .pipe(mergeMap((url) => {
-            return this.httpClient.put(encodeURI(`${url}/procedures/id/${procedure.id}/close`), { status });
-        }));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EventService, deps: [{ token: i1.HttpClient }, { token: i1$1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EventService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EventService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i1$1.Store }] });
-
 class EventEffects {
     constructor(actions$, eventService, store) {
         this.actions$ = actions$;
@@ -1254,10 +1345,10 @@ class EventEffects {
         this.saveProcedure$ = createEffect(() => this.actions$.pipe(ofType(EventActions.saveProcedure), debounceTime(200), mergeMap$1((action) => this.eventService.saveProcedure(action.procedure).pipe(map$1((procedure) => EventActions.saveSuccess({ procedure: action.procedure })), catchError((error) => [EventActions.saveFailure({ error: error })])))));
         this.close$ = createEffect(() => this.actions$.pipe(ofType(EventActions.status), debounceTime(200), mergeMap$1((action) => {
             if (!!action.event) {
-                return this.eventService.status(action.event, action.targetStatus).pipe(map$1((event) => EventActions.statusSuccess()), catchError((error) => [EventActions.statusFailure({ error: error })]));
+                return this.eventService.status(action.event, action.targetStatus, action.comment).pipe(map$1((event) => EventActions.statusSuccess()), catchError((error) => [EventActions.statusFailure({ error: error })]));
             }
             else {
-                return this.eventService.statusProcedure(action.procedure, action.targetStatus).pipe(map$1((event) => EventActions.statusSuccess()), catchError((error) => [EventActions.statusFailure({ error: error })]));
+                return this.eventService.statusProcedure(action.procedure, action.targetStatus, action.comment).pipe(map$1((event) => EventActions.statusSuccess()), catchError((error) => [EventActions.statusFailure({ error: error })]));
             }
         })));
         this.sort$ = createEffect(() => this.actions$.pipe(ofType(EventActions.sort, EventActions.filter), debounceTime(200), map$1(() => EventActions.load({}))));
@@ -1302,11 +1393,10 @@ class EventSummaryService {
         this.store = store;
     }
     list() {
-        return this.store
-            .select(HypSelectors.url)
-            .pipe(withLatestFrom(this.store.select(EventSelectors.filters)), mergeMap(([url, filters]) => {
+        return this.store.select(HypSelectors.url).pipe(withLatestFrom(this.store.select(EventSelectors.filters)), mergeMap(([url, filterSets]) => {
+            const filters = filterSets[KNOWN_FILTER_SETS.EVENTS];
             let params = new HttpParams();
-            Object.keys(filters).forEach(filter => {
+            Object.keys(filters).forEach((filter) => {
                 filters[filter].forEach((filterValue) => {
                     params = params.set(filter, filterValue);
                 });
@@ -1491,5 +1581,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { CATEGORIES_BY_TYPE, ChoiceFilterComponent, ColumnOrderComponent, DOMAINS, DateFilterComponent, EVENT_LINK, EVENT_TO_ICON, EquipmentService, EventActions, EventDetailComponent, EventEffects, EventFiltersComponent, EventIconPipe, EventListComponent, EventSelectors, EventService, EventSummaryActions, EventSummaryEffects, EventSummaryItemComponent, EventSummaryListComponent, EventSummaryPageComponent, EventSummarySelectors, ForDatetimeLocalPipe, HYP_BASE_CONFIG, HypEventCategory, HypEventCriticality, HypEventStatus, HypEventType, HypSelectors, HypervisorActions, HypervisorEffects, HypervisorService, IconDisplayComponent, ProgressDisplayComponent, PvyHypervisorModule, StatusDisplayComponent, enTranslations, eventFeatureKey, eventForWriteAPI, eventInitialState, eventReducer, eventSummaryFeatureKey, eventSummaryInitialState, eventSummaryReducer, frTranslations, hypFeatureKey, hypInitialState, hypervisorReducer, procedureForWriteAPI };
+export { CATEGORIES_BY_TYPE, ChoiceFilterComponent, ColumnOrderComponent, DOMAINS, DateFilterComponent, EVENT_LINK, EVENT_TO_ICON, EquipmentService, EventActions, EventDetailComponent, EventEffects, EventFiltersComponent, EventIconPipe, EventListComponent, EventSelectors, EventService, EventSummaryActions, EventSummaryEffects, EventSummaryItemComponent, EventSummaryListComponent, EventSummaryPageComponent, EventSummarySelectors, ForDatetimeLocalPipe, HYP_BASE_CONFIG, HypEventCategory, HypEventCriticality, HypEventStatus, HypEventType, HypSelectors, HypervisorActions, HypervisorEffects, HypervisorService, IconDisplayComponent, KNOWN_FILTER_SETS, PAGE_SIZE_FETCH, ProgressDisplayComponent, PvyHypervisorModule, SCROLL_PX_TO_TRIGGER_FETCH_PAGE, StatusDisplayComponent, enTranslations, eventFeatureKey, eventForWriteAPI, eventInitialState, eventReducer, eventSummaryFeatureKey, eventSummaryInitialState, eventSummaryReducer, frTranslations, hypFeatureKey, hypInitialState, hypervisorReducer, procedureForWriteAPI };
 //# sourceMappingURL=provoly-hypervisor.mjs.map