@provoly/hypervisor 0.0.13 → 0.0.15

package/fesm2022/provoly-hypervisor.mjs

@@ -1,21 +1,21 @@
 import * as i0 from '@angular/core';
-import { Injectable, Pipe, Component, Input, EventEmitter, Output, InjectionToken, NgModule, Inject } from '@angular/core';
-import * as i3 from '@provoly/dashboard';
+import { Injectable, Pipe, Component, Input, EventEmitter, Output, ContentChildren, forwardRef, InjectionToken, NgModule, Inject } from '@angular/core';
+import * as i2 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, fromEvent, map, withLatestFrom, filter, auditTime } 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 i3 from '@provoly/dashboard/components/checkbox';
 import { PryCheckboxModule } from '@provoly/dashboard/components/checkbox';
 import * as i4 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';
-import * as i2 from '@angular/router';
+import * as i2$1 from '@angular/router';
 import { RouterLink } from '@angular/router';
-import * as i9 from '@provoly/dashboard/components/sinceDate';
+import * as i10 from '@provoly/dashboard/components/sinceDate';
 import { PrySinceDateModule } from '@provoly/dashboard/components/sinceDate';
 import { map as map$1, debounceTime, mergeMap as mergeMap$1, catchError } from 'rxjs/operators';
 import * as i1$3 from '@ngrx/effects';
@@ -55,6 +55,8 @@ 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()),
+    setFilters: createAction('[Event] set filters', props()),
 };
 
 const HypervisorActions = {
@@ -124,7 +126,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
 
 class IconDisplayComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: IconDisplayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: IconDisplayComponent, selector: "hvy-icon-display", inputs: { event: "event" }, ngImport: i0, template: "<div class=\"\n        m-hvy-event-summary-item__event-icon-container\n        -hvy-{{ event.criticality.toString().toLowerCase()}}\n        -hvy-{{event.type.toString().toLowerCase()}}\n      \">\n        <span\n          class=\"m-hvy-event-summary-item__event-icon a-icon\"\n          [ngStyle]=\"{\n          'mask-image': 'url(' + (event | eventIcon | async | getSecuredImage | async) + ')',\n          '-webkit-mask-image': 'url(' + (event | eventIcon | async | getSecuredImage | async) + ')'\n          }\"\n          aria-hidden=\"true\"\n          focusable=\"false\"\n        ></span>\n</div>\n", dependencies: [{ kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.GetSecuredImagePipe, name: "getSecuredImage" }, { kind: "pipe", type: EventIconPipe, name: "eventIcon" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: IconDisplayComponent, selector: "hvy-icon-display", inputs: { event: "event" }, ngImport: i0, template: "<div class=\"\n        m-hvy-event-summary-item__event-icon-container\n        -hvy-{{ event.criticality.toString().toLowerCase()}}\n        -hvy-{{event.type.toString().toLowerCase()}}\n      \">\n        <span\n          class=\"m-hvy-event-summary-item__event-icon a-icon\"\n          [ngStyle]=\"{\n          'mask-image': 'url(' + (event | eventIcon | async | getSecuredImage | async) + ')',\n          '-webkit-mask-image': 'url(' + (event | eventIcon | async | getSecuredImage | async) + ')'\n          }\"\n          aria-hidden=\"true\"\n          focusable=\"false\"\n        ></span>\n</div>\n", dependencies: [{ kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.GetSecuredImagePipe, name: "getSecuredImage" }, { kind: "pipe", type: EventIconPipe, name: "eventIcon" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: IconDisplayComponent, decorators: [{
             type: Component,
@@ -165,7 +167,7 @@ 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 -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: i2.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i2.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: StatusDisplayComponent, decorators: [{
             type: Component,
@@ -213,7 +215,8 @@ class EventDetailComponent extends SubscriptionnerDirective {
     set events(events) {
         this._events = events.filter(ev => !!ev);
         this.eventModifications = new Array(this._events.length);
-        this.opened = events.length === 1 ? [true] : [];
+        this.opened = this._events.length === 1 ? [true] : [];
+        this.canCloseSome = this._events.filter(ev => ev.status !== 'DONE').length > 0;
     }
     ;
     set procedure(procedure) {
@@ -239,6 +242,7 @@ class EventDetailComponent extends SubscriptionnerDirective {
         this.DOMAINS = DOMAINS.values;
         this.eventErrors = new EventEmitter();
         this.errors = [];
+        this.canCloseSome = false;
     }
     get events() {
         return this._events.map((evt, idx) => ({ ...evt, ...(this.eventModifications[idx] ?? {}) }));
@@ -268,6 +272,21 @@ class EventDetailComponent extends SubscriptionnerDirective {
         }
     }
     access(event) {
+        if (event.status === 'DONE') {
+            return {
+                name: true,
+                category: true,
+                criticality: true,
+                description: true,
+                address: true,
+                source: true,
+                domain: true,
+                eqName: true,
+                eqEntity: true,
+                startDate: true,
+                endDate: true,
+            };
+        }
         switch (event.type) {
             case 'ALERT':
             default:
@@ -278,6 +297,7 @@ class EventDetailComponent extends SubscriptionnerDirective {
                     description: true,
                     address: true,
                     source: true,
+                    domain: true,
                     eqName: true,
                     eqEntity: true,
                     startDate: true,
@@ -291,6 +311,7 @@ class EventDetailComponent extends SubscriptionnerDirective {
                     description: true,
                     address: false,
                     source: true,
+                    domain: false,
                     eqName: false,
                     eqEntity: true,
                     startDate: true,
@@ -304,6 +325,7 @@ class EventDetailComponent extends SubscriptionnerDirective {
                     description: false,
                     address: false,
                     source: false,
+                    domain: false,
                     eqName: false,
                     eqEntity: false,
                     startDate: false,
@@ -378,11 +400,11 @@ class EventDetailComponent extends SubscriptionnerDirective {
         }
     }
     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      <button class=\"a-btn a-btn--secondary -fix-right\" (click)=\"closeAll()\">{{ '@hvy.event.log.event.close' | i18n }}</button>\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]=\"true\" (modified)=\"changeStatus($event, event)\"></hvy-status-display>\n            </div>\n            <div class=\"o-hvy-events-detail__events__event__content\">\n              <div>{{ '@hvy.event.log.event.description' | i18n }}: {{ event.description }}</div>\n              <div>{{ '@hvy.event.log.event.address' | i18n }}: {{ event.address }}</div>\n              @if (opened[idx]) {\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)\"></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) + '...'\"></textarea>\n                    <div class=\"o-hvy-events-detail__events__event__content__comments__button\">\n                      <button class=\"a-btn a-btn--primary\">{{ '@hvy.action.send' | i18n }}</button>\n                    </div>\n                  </div>\n                }\n              }\n            </div>\n          </div>\n        }\n      </div>\n      <div class=\"o-hvy-events-detail__procedure\">\n        @if (procedure) {\n          <div class=\"o-hvy-events-detail__procedure__header\">\n            <h2>{{ '@hvy.event.log.procedure.name' | i18n }}</h2>\n          </div>\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\">\n            @for (action of procedure.actions;track action.id) {\n              <div class=\"o-hvy-events-detail__procedure__actions__action\">\n                <pry-icon iconSvg=\"six_dot\"></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        }\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", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared"] }, { 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" }] }); }
+    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      <button class=\"a-btn a-btn--secondary -fix-right\" [disabled]=\"!canCloseSome\"\n              (click)=\"closeAll()\">{{ '@hvy.event.log.event.close' | i18n }}\n      </button>\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) + '...'\"></textarea>\n                    <div class=\"o-hvy-events-detail__events__event__content__comments__button\">\n                      <button class=\"a-btn a-btn--primary\">{{ '@hvy.action.send' | i18n }}</button>\n                    </div>\n                  </div>\n                }\n              }\n            </div>\n          </div>\n        }\n      </div>\n      <div class=\"o-hvy-events-detail__procedure\">\n        @if (procedure) {\n          <div class=\"o-hvy-events-detail__procedure__header\">\n            <h2>{{ '@hvy.event.log.procedure.name' | i18n }}</h2>\n          </div>\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\">\n            @for (action of procedure.actions;track action.id) {\n              <div class=\"o-hvy-events-detail__procedure__actions__action\">\n                <pry-icon iconSvg=\"six_dot\"></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        }\n      </div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: i3.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: i2.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i2.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "isForm", "required", "name", "readonly", "autocomplete", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared"] }, { 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: i2.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      <button class=\"a-btn a-btn--secondary -fix-right\" (click)=\"closeAll()\">{{ '@hvy.event.log.event.close' | i18n }}</button>\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]=\"true\" (modified)=\"changeStatus($event, event)\"></hvy-status-display>\n            </div>\n            <div class=\"o-hvy-events-detail__events__event__content\">\n              <div>{{ '@hvy.event.log.event.description' | i18n }}: {{ event.description }}</div>\n              <div>{{ '@hvy.event.log.event.address' | i18n }}: {{ event.address }}</div>\n              @if (opened[idx]) {\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)\"></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) + '...'\"></textarea>\n                    <div class=\"o-hvy-events-detail__events__event__content__comments__button\">\n                      <button class=\"a-btn a-btn--primary\">{{ '@hvy.action.send' | i18n }}</button>\n                    </div>\n                  </div>\n                }\n              }\n            </div>\n          </div>\n        }\n      </div>\n      <div class=\"o-hvy-events-detail__procedure\">\n        @if (procedure) {\n          <div class=\"o-hvy-events-detail__procedure__header\">\n            <h2>{{ '@hvy.event.log.procedure.name' | i18n }}</h2>\n          </div>\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\">\n            @for (action of procedure.actions;track action.id) {\n              <div class=\"o-hvy-events-detail__procedure__actions__action\">\n                <pry-icon iconSvg=\"six_dot\"></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        }\n      </div>\n    </div>\n  </div>\n</div>\n" }]
+            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      <button class=\"a-btn a-btn--secondary -fix-right\" [disabled]=\"!canCloseSome\"\n              (click)=\"closeAll()\">{{ '@hvy.event.log.event.close' | i18n }}\n      </button>\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) + '...'\"></textarea>\n                    <div class=\"o-hvy-events-detail__events__event__content__comments__button\">\n                      <button class=\"a-btn a-btn--primary\">{{ '@hvy.action.send' | i18n }}</button>\n                    </div>\n                  </div>\n                }\n              }\n            </div>\n          </div>\n        }\n      </div>\n      <div class=\"o-hvy-events-detail__procedure\">\n        @if (procedure) {\n          <div class=\"o-hvy-events-detail__procedure__header\">\n            <h2>{{ '@hvy.event.log.procedure.name' | i18n }}</h2>\n          </div>\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\">\n            @for (action of procedure.actions;track action.id) {\n              <div class=\"o-hvy-events-detail__procedure__actions__action\">\n                <pry-icon iconSvg=\"six_dot\"></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        }\n      </div>\n    </div>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: EquipmentService }, { type: i1$1.Store }], propDecorators: { modifiedEvents: [{
                 type: Output
             }], modifiedProcedure: [{
@@ -432,6 +454,11 @@ const internalReducer$1 = createReducer(eventInitialState, on(EventActions.load,
 })), on(EventActions.getSuccess, (state, { event, procedure }) => ({
     ...state,
     details: { event, procedure },
+})), on(EventActions.sort, (state, { field, order }) => ({
+    ...state,
+    events: [],
+    noMoreEvents: false,
+    sort: { field, order },
 })));
 function eventReducer(state, action) {
     return internalReducer$1(state, action);
@@ -444,6 +471,7 @@ const selectedIds = createSelector(feature$1, (state) => state.selectedIds);
 const loading$1 = createSelector(feature$1, (state) => state.loading);
 const filters = createSelector(feature$1, (state) => state.filters);
 const details = createSelector(feature$1, (state) => state.details);
+const sort = createSelector(feature$1, (state) => state.sort);
 const EventSelectors = {
     feature: feature$1,
     events,
@@ -451,9 +479,33 @@ const EventSelectors = {
     loading: loading$1,
     filters,
     details,
-    noMoreEvents
+    noMoreEvents,
+    sort
 };
 
+class ColumnOrderComponent extends SubscriptionnerDirective {
+    constructor(store) {
+        super();
+        this.store = store;
+        this.field = 'no-field-defined';
+        this.subscriptions.add(this.store.select(EventSelectors.sort).subscribe(sort => this.sortValue = sort));
+    }
+    sort(order) {
+        this.store.dispatch(EventActions.sort({ field: this.field, order }));
+    }
+    isActive(order) {
+        return this.field === this.sortValue?.field && order === this.sortValue.order;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ColumnOrderComponent, deps: [{ token: i1$1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: ColumnOrderComponent, selector: "hvy-column-order", inputs: { field: "field" }, usesInheritance: true, ngImport: i0, template: "<div class=\"o-hvy-column-order\">\n  <div>\n    <ng-content></ng-content>\n  </div>\n  <div class=\"o-hvy-column-order__chevrons\">\n    <pry-icon iconSvg=\"caret_top\" (click)=\"sort('ASC')\" [height]=\"10\" [width]=\"10\" [class.-active]=\"isActive('ASC')\"></pry-icon>\n    <pry-icon iconSvg=\"caret_bottom\" (click)=\"sort('DESC')\" [height]=\"10\" [width]=\"10\" [class.-active]=\"isActive('DESC')\"></pry-icon>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: i2.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ColumnOrderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'hvy-column-order', template: "<div class=\"o-hvy-column-order\">\n  <div>\n    <ng-content></ng-content>\n  </div>\n  <div class=\"o-hvy-column-order__chevrons\">\n    <pry-icon iconSvg=\"caret_top\" (click)=\"sort('ASC')\" [height]=\"10\" [width]=\"10\" [class.-active]=\"isActive('ASC')\"></pry-icon>\n    <pry-icon iconSvg=\"caret_bottom\" (click)=\"sort('DESC')\" [height]=\"10\" [width]=\"10\" [class.-active]=\"isActive('DESC')\"></pry-icon>\n  </div>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i1$1.Store }], propDecorators: { field: [{
+                type: Input
+            }] } });
+
 const EVENT_LINK = {
     fn: (event, store) => ['./', event.id],
 };
@@ -485,13 +537,112 @@ class EventListComponent extends SubscriptionnerDirective {
         $event.stopPropagation();
     }
     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></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>{{ '@hvy.event.creationDate' | i18n }}</th>\n    <th>{{ '@hvy.event.lastModificationDate' | i18n }}</th>\n    <th>{{ '@hvy.event.status.name' | i18n }}</th>\n    <th>{{ '@hvy.procedure.progress' | i18n }}</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: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }, { kind: "pipe", type: i9.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></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=\"name\">{{ '@hvy.event.status.name' | i18n }}</hvy-column-order>\n    </th>\n    <th>\n      <hvy-column-order field=\"progress\">{{ '@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.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$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: IconDisplayComponent, selector: "hvy-icon-display", inputs: ["event"] }, { kind: "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: i2.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,
-            args: [{ selector: 'hvy-event-list', template: "<table class=\"o-hvy-events-table\">\n  <thead>\n  <tr class=\"o-hvy-events-table__header\">\n    <th></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>{{ '@hvy.event.creationDate' | i18n }}</th>\n    <th>{{ '@hvy.event.lastModificationDate' | i18n }}</th>\n    <th>{{ '@hvy.event.status.name' | i18n }}</th>\n    <th>{{ '@hvy.procedure.progress' | i18n }}</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" }]
+            args: [{ selector: 'hvy-event-list', template: "<table class=\"o-hvy-events-table\">\n  <thead>\n  <tr class=\"o-hvy-events-table__header\">\n    <th></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=\"name\">{{ '@hvy.event.status.name' | i18n }}</hvy-column-order>\n    </th>\n    <th>\n      <hvy-column-order field=\"progress\">{{ '@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" }]
         }], ctorParameters: () => [{ type: i1$1.Store }, { type: i0.ElementRef }] });
 
+class EventFiltersComponent extends SubscriptionnerDirective {
+    constructor(store) {
+        super();
+        this.store = store;
+    }
+    filter() {
+        const filters = this.filters.map(filter => filter.getParams())
+            .reduce((p, c) => ({ ...p, ...c }), {});
+        this.store.dispatch(EventActions.setFilters({ filters }));
+    }
+    reset() {
+        this.filters.forEach(filter => filter.reset());
+        this.store.dispatch(EventActions.setFilters({ filters: {} }));
+    }
+    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"] }], 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()\">\n      <pry-icon iconSvg=\"reset\"></pry-icon>\n      RESET\n    </button>\n    <button (click)=\"filter()\">\n      <pry-icon iconSvg=\"filter\"></pry-icon>\n      FILTRER\n    </button>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: i2.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }] }); }
+}
+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()\">\n      <pry-icon iconSvg=\"reset\"></pry-icon>\n      RESET\n    </button>\n    <button (click)=\"filter()\">\n      <pry-icon iconSvg=\"filter\"></pry-icon>\n      FILTRER\n    </button>\n  </div>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i1$1.Store }], propDecorators: { filters: [{
+                type: ContentChildren,
+                args: ['filter']
+            }] } });
+
+class HvyUnitFilterComponent extends SubscriptionnerDirective {
+    constructor() {
+        super();
+    }
+    getParams() {
+        throw new Error('Must use sub implementation');
+    }
+    reset() {
+        throw new Error('Must use sub implementation');
+    }
+}
+
+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] ?? '') : '';
+        }));
+    }
+    getParams() {
+        if (this.value === '') {
+            return {};
+        }
+        return { [this.prop]: [this.value] };
+    }
+    reset() {
+        this.value = '';
+    }
+    triggerChange($event) {
+        // @ts-ignore
+        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=\"datetime-local\" 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=\"datetime-local\" class=\"a-form-field\"\n         [value]=\"value\"\n         (change)=\"triggerChange($event)\">\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i1$1.Store }], propDecorators: { prop: [{
+                type: Input
+            }] } });
+
+class ChoiceFilterComponent extends HvyUnitFilterComponent {
+    constructor(store) {
+        super();
+        this.store = store;
+        this.prop = 'no-prop-defined';
+        this.value = [];
+        this.choices = [];
+        this.subscriptions.add(this.store.select(EventSelectors.filters).subscribe(filters => {
+            this.value = filters[this.prop] ?? [];
+        }));
+    }
+    getParams() {
+        return { [this.prop]: this.value };
+    }
+    reset() {
+        this.value = [];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ChoiceFilterComponent, deps: [{ token: i1$1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: ChoiceFilterComponent, selector: "hvy-choice-filter", inputs: { prop: "prop", choices: "choices" }, providers: [{ provide: HvyUnitFilterComponent, useExisting: forwardRef(() => ChoiceFilterComponent) }], usesInheritance: true, ngImport: i0, template: "<div class=\"o-hvy-choice-filters\">\n  CHOICE: {{ value | json }}\n</div>\n", dependencies: [{ kind: "pipe", type: i1$2.JsonPipe, name: "json" }] }); }
+}
+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: "<div class=\"o-hvy-choice-filters\">\n  CHOICE: {{ value | json }}\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i1$1.Store }], propDecorators: { prop: [{
+                type: Input
+            }], choices: [{
+                type: Input
+            }] } });
+
 const EventSummaryActions = {
     load: createAction('[Event] Load Summaries'),
     loadSuccess: createAction('[Event Api] Load Summaries Success', props()),
@@ -540,7 +691,7 @@ class EventSummaryItemComponent {
         this.EVENT_LINK = EVENT_LINK;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EventSummaryItemComponent, deps: [{ token: i1$1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: EventSummaryItemComponent, selector: "hvy-event-summary-item", inputs: { event: "event", linkBase: "linkBase" }, ngImport: i0, template: "<div class=\"m-hvy-event-summary-item\" [routerLink]=\"EVENT_LINK.fn(event, store)\">\n  <div class=\"m-hvy-event-summary-item__title\">\n    <h4>\n      {{ event.name }}\n    </h4>\n  </div>\n  <div class=\"m-hvy-event-summary-item__content\">\n    <span>\n          {{\n        event.manifestation ?\n          (event.manifestation.startDate | date :  'dd/MM HH:MM') + ' - ' + (event.manifestation.endDate | date :  'dd/MM HH:MM') :\n          event.serviceTitle\n      }}\n    </span>\n  </div>\n  <div class=\"m-hvy-event-summary-item__footer\">\n    <div class=\"m-hvy-event-summary-item__icons\">\n      <span class=\"m-hvy-event-summary-item__intervention-counter\">{{ event.serviceCount }}</span>\n      <hvy-icon-display [event]=\"event\"></hvy-icon-display>\n    </div>\n    <div class=\"m-hvy-event-summary-item__date\">\n      <span>\n        {{ event.lastModificationDate | date :  'd MMMM . HH:MM' }}\n      </span>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: IconDisplayComponent, selector: "hvy-icon-display", inputs: ["event"] }, { kind: "pipe", type: i1$2.DatePipe, name: "date" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: EventSummaryItemComponent, selector: "hvy-event-summary-item", inputs: { event: "event", linkBase: "linkBase" }, ngImport: i0, template: "<div class=\"m-hvy-event-summary-item\" [routerLink]=\"EVENT_LINK.fn(event, store)\">\n  <div class=\"m-hvy-event-summary-item__title\">\n    <h4>\n      {{ event.name }}\n    </h4>\n  </div>\n  <div class=\"m-hvy-event-summary-item__content\">\n    <span>\n          {{\n        event.manifestation ?\n          (event.manifestation.startDate | date :  'dd/MM HH:MM') + ' - ' + (event.manifestation.endDate | date :  'dd/MM HH:MM') :\n          event.serviceTitle\n      }}\n    </span>\n  </div>\n  <div class=\"m-hvy-event-summary-item__footer\">\n    <div class=\"m-hvy-event-summary-item__icons\">\n      <span class=\"m-hvy-event-summary-item__intervention-counter\">{{ event.serviceCount }}</span>\n      <hvy-icon-display [event]=\"event\"></hvy-icon-display>\n    </div>\n    <div class=\"m-hvy-event-summary-item__date\">\n      <span>\n        {{ event.lastModificationDate | date :  'd MMMM . HH:MM' }}\n      </span>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: IconDisplayComponent, selector: "hvy-icon-display", inputs: ["event"] }, { kind: "pipe", type: i1$2.DatePipe, name: "date" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EventSummaryItemComponent, decorators: [{
             type: Component,
@@ -570,13 +721,13 @@ class EventSummaryListComponent {
         this.router.navigate([...this.consultLink]);
         this.store.dispatch(EventActions.filter({ filters: { status: [status] } }));
     }
-    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    <button class=\"o-hvy-event-summary-list__footer-button\" (click)=\"filterAndRoute(status)\">\n      Consulter\n      <pry-icon iconSvg=\"arrow\"></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: "component", type: EventSummaryItemComponent, selector: "hvy-event-summary-item", inputs: ["event", "linkBase"] }, { kind: "pipe", type: i3.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EventSummaryListComponent, deps: [{ token: i1$1.Store }, { token: i2$1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.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    <button class=\"o-hvy-event-summary-list__footer-button\" (click)=\"filterAndRoute(status)\">\n      Consulter\n      <pry-icon iconSvg=\"arrow\"></pry-icon>\n    </button>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: i2.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: i2.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EventSummaryListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'hvy-event-summary-list', 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    <button class=\"o-hvy-event-summary-list__footer-button\" (click)=\"filterAndRoute(status)\">\n      Consulter\n      <pry-icon iconSvg=\"arrow\"></pry-icon>\n    </button>\n  </div>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: i1$1.Store }, { type: i2.Router }], propDecorators: { events: [{
+        }], ctorParameters: () => [{ type: i1$1.Store }, { type: i2$1.Router }], propDecorators: { events: [{
                 type: Input
             }], totalEventCount: [{
                 type: Input
@@ -614,7 +765,7 @@ class EventSummaryPageComponent extends SubscriptionnerDirective {
         return 0;
     }
     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" }, 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 }} :&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    @for (summaryList of summaries | keyvalue: asIsOrder; 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      </hvy-event-summary-list>\n    }\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", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared"] }, { 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" }, 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 }} :&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    @for (summaryList of summaries | keyvalue: asIsOrder; 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      </hvy-event-summary-list>\n    }\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: i2.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "isForm", "required", "name", "readonly", "autocomplete", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared"] }, { 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: i2.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,
@@ -831,7 +982,7 @@ class EventService {
     list(startWith = 0) {
         return this.store
             .select(HypSelectors.url)
-            .pipe(withLatestFrom(this.store.select(EventSelectors.filters)), mergeMap(([url, filters]) => {
+            .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) => {
@@ -840,6 +991,9 @@ class EventService {
             });
             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 });
         }));
     }
@@ -913,6 +1067,7 @@ class EventEffects {
                 return this.eventService.statusProcedure(action.procedure, action.targetStatus).pipe(map$1((event) => EventActions.statusSuccess()), catchError((error) => [EventActions.statusFailure({ error: error })]));
             }
         })));
+        this.sort$ = createEffect(() => this.actions$.pipe(ofType(EventActions.sort), debounceTime(200), map$1(() => EventActions.load({}))));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EventEffects, deps: [{ token: i1$3.Actions }, { token: EventService }, { token: i1$1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EventEffects }); }
@@ -999,7 +1154,11 @@ const components = [
     EventIconPipe,
     ForDatetimeLocalPipe,
     StatusDisplayComponent,
-    ProgressDisplayComponent
+    ProgressDisplayComponent,
+    ColumnOrderComponent,
+    EventFiltersComponent,
+    DateFilterComponent,
+    ChoiceFilterComponent
 ];
 class PvyHypervisorModule {
     static forRoot(options) {
@@ -1018,7 +1177,7 @@ class PvyHypervisorModule {
         this.i18nService.addLangObject('en', '@hvy', enTranslations);
         this.i18nService.addLangObject('fr', '@hvy', frTranslations);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PvyHypervisorModule, deps: [{ token: HYP_BASE_CONFIG }, { token: i1$1.Store }, { token: i3.PryI18nService }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PvyHypervisorModule, deps: [{ token: HYP_BASE_CONFIG }, { token: i1$1.Store }, { token: i2.PryI18nService }], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.3", ngImport: i0, type: PvyHypervisorModule, declarations: [EventDetailComponent,
             EventListComponent,
             IconDisplayComponent,
@@ -1028,7 +1187,11 @@ class PvyHypervisorModule {
             EventIconPipe,
             ForDatetimeLocalPipe,
             StatusDisplayComponent,
-            ProgressDisplayComponent], imports: [i1$1.StoreFeatureModule, i1$1.StoreFeatureModule, i1$1.StoreFeatureModule, i1$3.EffectsFeatureModule, NgForOf,
+            ProgressDisplayComponent,
+            ColumnOrderComponent,
+            EventFiltersComponent,
+            DateFilterComponent,
+            ChoiceFilterComponent], imports: [i1$1.StoreFeatureModule, i1$1.StoreFeatureModule, i1$1.StoreFeatureModule, i1$3.EffectsFeatureModule, NgForOf,
             AsyncPipe,
             PryI18nModule,
             PryCoreModule,
@@ -1056,7 +1219,11 @@ class PvyHypervisorModule {
             EventIconPipe,
             ForDatetimeLocalPipe,
             StatusDisplayComponent,
-            ProgressDisplayComponent] }); }
+            ProgressDisplayComponent,
+            ColumnOrderComponent,
+            EventFiltersComponent,
+            DateFilterComponent,
+            ChoiceFilterComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PvyHypervisorModule, imports: [StoreModule.forFeature(hypFeatureKey, hypervisorReducer),
             StoreModule.forFeature(eventFeatureKey, eventReducer),
             StoreModule.forFeature(eventSummaryFeatureKey, eventSummaryReducer),
@@ -1107,13 +1274,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
                         PryIconModule,
                     ],
                     exports: [
-                        ...components
+                        ...components,
                     ],
                 }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [HYP_BASE_CONFIG]
-                }] }, { type: i1$1.Store }, { type: i3.PryI18nService }] });
+                }] }, { type: i1$1.Store }, { type: i2.PryI18nService }] });
 
 /*
  * Public API Surface of hypervisor
@@ -1123,5 +1290,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { CATEGORIES_BY_TYPE, DOMAINS, EVENT_LINK, EVENT_TO_ICON, EquipmentService, EventActions, EventDetailComponent, EventEffects, 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, ProgressDisplayComponent, PvyHypervisorModule, StatusDisplayComponent, enTranslations, eventFeatureKey, eventForWriteAPI, eventInitialState, eventReducer, eventSummaryFeatureKey, eventSummaryInitialState, eventSummaryReducer, frTranslations, hypFeatureKey, hypInitialState, hypervisorReducer, procedureForWriteAPI };
 //# sourceMappingURL=provoly-hypervisor.mjs.map