@provoly/hypervisor 0.0.16 → 0.0.17

package/fesm2022/provoly-hypervisor.mjs

@@ -216,6 +216,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
         }], ctorParameters: () => [{ type: i1$1.Store }] });
 
 class EventDetailComponent extends SubscriptionnerDirective {
+    static { this.CARD_HEIGHT = 75; }
     set events(events) {
         this._events = events.filter(ev => !!ev);
         this.eventModifications = new Array(this._events.length);
@@ -247,13 +248,19 @@ class EventDetailComponent extends SubscriptionnerDirective {
         this.eventErrors = new EventEmitter();
         this.errors = [];
         this.canCloseSome = false;
+        this.newComentContent = '';
+        this.moveStart = 0;
+        this.moveInitialIndex = 0;
+        this.initialActionList = [];
+        this.previousOffset = 0;
     }
     get events() {
         return this._events.map((evt, idx) => ({ ...evt, ...(this.eventModifications[idx] ?? {}) }));
     }
     get procedure() {
         return this._procedure ? ({
-            ...this._procedure, ...(this.procedureModifications ?? {}),
+            ...this._procedure,
+            ...(this.procedureModifications ?? {}),
             events: this.events,
         }) : undefined;
     }
@@ -403,12 +410,49 @@ class EventDetailComponent extends SubscriptionnerDirective {
             this.store.dispatch(EventActions.status({ targetStatus: 'DONE', procedure: this.procedure }));
         }
     }
+    onMouseDown($event) {
+        this.dragTarget = $event.target;
+    }
+    dragStart($event, action, index) {
+        if (this.dragTarget && this.dragTarget.style.maskImage.indexOf('six_dot') > -1) {
+            this.movingAction = action;
+            this.moveStart = $event.clientY;
+            this.moveInitialIndex = index;
+            this.initialActionList = [...this.procedure.actions];
+        }
+        else {
+            $event.preventDefault();
+        }
+    }
+    move($event) {
+        $event.preventDefault();
+        if (this.movingAction) {
+            const offsetInCards = Math.round(($event.clientY - this.moveStart) / EventDetailComponent.CARD_HEIGHT);
+            if (this.previousOffset !== offsetInCards) {
+                this.previousOffset = offsetInCards;
+                const newIndex = Math.min(Math.max(this.moveInitialIndex + offsetInCards, 0), this.initialActionList.length - 1);
+                const newTab = [...this.initialActionList];
+                const element = newTab.splice(this.moveInitialIndex, 1)[0];
+                newTab.splice(newIndex, 0, element);
+                this.procedureModifications.actions = newTab;
+            }
+        }
+    }
+    drop($event) {
+        $event.preventDefault();
+        this.move($event);
+        this.movingAction = undefined;
+        this._outputModifications();
+    }
+    allowDrop($event) {
+        $event.preventDefault();
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EventDetailComponent, deps: [{ token: EquipmentService }, { token: i1$1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: EventDetailComponent, selector: "hvy-event-detail", inputs: { events: "events", procedure: "procedure", cancelModifications: "cancelModifications" }, outputs: { modifiedEvents: "modifiedEvents", modifiedProcedure: "modifiedProcedure", eventErrors: "eventErrors" }, usesInheritance: true, ngImport: i0, template: "<div class=\"o-hvy-events-detail\">\n  <div class=\"o-hvy-events-detail__header\">\n    <div class=\"o-hvy-events-detail__header__split\">\n      <h1>{{ '@hvy.event.detail' | i18n }}</h1>\n      <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\" disabled>{{ '@hvy.action.comment' | 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      @if (events.length > 1) {\n        <button class=\"a-btn a-btn--secondary -fix-right\" [disabled]=\"!canCloseSome\"\n                (click)=\"closeAll()\">{{ '@hvy.event.log.event.close' | i18n }}\n        </button>\n      }\n    </div>\n    <div class=\"o-hvy-events-detail__header__split\">\n      <button class=\"a-btn a-btn--secondary\">{{ '@hvy.event.log.procedure.delete' | i18n }}</button>\n    </div>\n  </div>\n  <div class=\"o-hvy-events-detail__container\">\n    <div class=\"o-hvy-events-detail__container__scrollable\">\n      <div class=\"o-hvy-events-detail__events\">\n        @for (event of events;track event.id;let idx = $index) {\n          <div class=\"o-hvy-events-detail__events__event\">\n            <div class=\"o-hvy-events-detail__events__event__header\">\n              <pry-icon [iconSvg]=\"!opened[idx] ? 'chevron_bottom' : 'chevron_top'\" (click)=\"toggle(idx)\"></pry-icon>\n              <hvy-icon-display [event]=\"event\"></hvy-icon-display>\n              <h2>{{ event.name }}</h2>\n              <hvy-status-display [event]=\"event\" [modifiable]=\"event.status !== 'DONE'\"\n                                  (modified)=\"changeStatus($event, event)\"></hvy-status-display>\n            </div>\n            <div class=\"o-hvy-events-detail__events__event__content\">\n              @if (!opened[idx]) {\n                <div>{{ '@hvy.event.log.event.description' | i18n }}: {{ event.description }}</div>\n                <div>{{ '@hvy.event.log.event.address' | i18n }}: {{ event.address }}</div>\n              } @else {\n                @if (access(event);as accessValue) {\n                  <h3>{{ '@hvy.event.log.event.detail' | i18n }}</h3>\n                  <table>\n                    <tbody>\n                    <tr>\n                      <td>{{ '@hvy.event.log.event.name' | i18n }}<span class=\"required\">*</span></td>\n                      <td><input type=\"text\" class=\"a-form-field\" [class.-error]=\"hasError('name', idx)\"\n                                 [value]=\"event.name\"\n                                 (change)=\"modifyEvent(idx, 'name', $event)\" [readonly]=\"accessValue.name\"></td>\n                    </tr>\n                    <tr>\n                      <td>{{ '@hvy.event.log.event.category' | i18n }}<span class=\"required\">*</span></td>\n                      <td>\n                        <pry-select [ngModel]=\"event.category\"\n                                    [items]=\"categories(event)\"\n                                    [class.-error]=\"hasError('category', idx)\"\n                                    (ngModelChange)=\"modifyEvent(idx, 'category', $event)\"\n                                    i18nPrefix=\"@hvy.event.category.\" [disabled]=\"accessValue.category\"></pry-select>\n                      </td>\n                    </tr>\n                    <tr>\n                      <td>{{ '@hvy.event.criticality.name' | i18n }}<span class=\"required\">*</span></td>\n                      <td>\n                        <pry-select [ngModel]=\"event.criticality\" [items]=\"criticalities\"\n                                    [class.-error]=\"hasError('criticality', idx)\"\n                                    i18nPrefix=\"@hvy.event.criticality.\"\n                                    [disabled]=\"accessValue.criticality\"\n                                    (ngModelChange)=\"modifyEvent(idx, 'criticality', $event)\"></pry-select>\n                      </td>\n                    </tr>\n                    <tr>\n                      <td>{{ '@hvy.event.log.event.description' | i18n }}<span class=\"required\">*</span></td>\n                      <td><textarea [ngModel]=\"event.description\" class=\"a-form-field\"\n                                    [class.-error]=\"hasError('description', idx)\"\n                                    [readonly]=\"accessValue.description\"\n                                    (ngModelChange)=\"modifyEvent(idx, 'description', $event)\"></textarea></td>\n                    </tr>\n                    <tr>\n                      <td>{{ '@hvy.event.log.event.address' | i18n }}</td>\n                      <td><textarea [ngModel]=\"event.address\" class=\"a-form-field\"\n                                    [class.-error]=\"hasError('address', idx)\"\n                                    [readonly]=\"accessValue.address\"\n                                    (ngModelChange)=\"modifyEvent(idx, 'address', $event)\"></textarea></td>\n                    </tr>\n                      @if (['ALERT', 'REPORT'].includes(event.type)) {\n                        <tr>\n                          <td>{{ '@hvy.event.source' | i18n }}</td>\n                          <td><input type=\"text\" class=\"a-form-field\" [value]=\"event.externalSourceRef ?? ''\"\n                                     [class.-error]=\"hasError('source', idx)\"\n                                     [readonly]=\"accessValue.source\" (change)=\"modifyEvent(idx, 'source', $event)\"></td>\n                        </tr>\n                      }\n                    <tr>\n                      <td>{{ '@hvy.event.equipment' | i18n }}</td>\n                      <td>\n                        <input type=\"text\" class=\"a-form-field\"\n                               [value]=\"event.equipment?.name ?? ''\"\n                               [class.-error]=\"hasError('equipment', idx)\"\n                               [readonly]=\"accessValue.eqName\"\n                               (change)=\"changeEquipment(idx, $event)\">\n                      </td>\n                    </tr>\n                    <tr>\n                      <td>{{ '@hvy.event.equipmentEntity' | i18n }}</td>\n                      <td><input type=\"text\" class=\"a-form-field\" [value]=\"event.equipment?.entity ?? ''\"\n                                 readonly></td>\n                    </tr>\n                    <tr>\n                      <td>{{ '@hvy.event.domain.name' | i18n }}</td>\n                      <td>\n                        <pry-select [items]=\"DOMAINS\" [ngModel]=\"event.domain\" i18nPrefix=\"@hvy.event.domain.\"\n                                    [class.-error]=\"hasError('domain', idx)\"\n                                    (ngModelChange)=\"modifyEvent(idx, 'domain', $event)\"\n                                    [disabled]=\"accessValue.domain\"\n                        ></pry-select>\n                      </td>\n                    </tr>\n                    <tr>\n                      <td>\n                        {{ '@hvy.event.startDate' | i18n }}\n                        @if (event.category === 'MANIFESTATION') {\n                          <span class=\"required\">*</span>\n                        }\n                      </td>\n                      <td>\n                        <input type=\"datetime-local\" class=\"a-form-field\"\n                               [value]=\"event.startDate | forDateTimeLocal\"\n                               [class.-error]=\"hasError('startDate', idx)\"\n                               [readonly]=\"accessValue.startDate\" (change)=\"modifyEvent(idx, 'startDate', $event)\">\n                      </td>\n                    </tr>\n                    <tr>\n                      <td>\n                        {{ '@hvy.event.endDate' | i18n }}\n                        @if (event.category === 'MANIFESTATION') {\n                          <span class=\"required\">*</span>\n                        }\n                      </td>\n                      <td>\n                        <input type=\"datetime-local\" class=\"a-form-field\"\n                               [value]=\"event.endDate | forDateTimeLocal\"\n                               [class.-error]=\"hasError('endDate', idx)\"\n                               [readonly]=\"accessValue.endDate\" (change)=\"modifyEvent(idx, 'endDate', $event)\">\n                      </td>\n                    </tr>\n                    <tr>\n                      <td>{{ '@hvy.event.creationDate' | i18n }}</td>\n                      <td>\n                        <input type=\"datetime-local\" class=\"a-form-field\"\n                               [value]=\"event.creationDate | forDateTimeLocal\"\n                               readonly>\n                      </td>\n                    </tr>\n                    <tr>\n                      <td>{{ '@hvy.event.lastModificationDate' | i18n }}</td>\n                      <td>\n                        <input type=\"datetime-local\" class=\"a-form-field\"\n                               [value]=\"event.lastModificationDate | forDateTimeLocal\" readonly>\n                      </td>\n                    </tr>\n                    <tr>\n                      <td>{{ '@hvy.event.closeDate' | i18n }}</td>\n                      <td>\n                        <input type=\"datetime-local\" class=\"a-form-field\" [value]=\"event.closeDate | forDateTimeLocal\"\n                               readonly>\n                      </td>\n                    </tr>\n                    </tbody>\n                  </table>\n                  <div class=\"o-hvy-events-detail__events__event__content__comments\">\n                    <h3>{{ '@hvy.event.log.event.comments.name' | i18n }}</h3>\n                    <textarea [placeholder]=\"('@hvy.event.log.event.comments.placeholder' | i18n) + '...'\"\n                              [(ngModel)]=\"newComentContent\"></textarea>\n                    <div class=\"o-hvy-events-detail__events__event__content__comments__button\">\n                      <button class=\"a-btn a-btn--primary\"\n                              [disabled]=\"newComentContent.length === 0\">{{ '@hvy.action.comment' | i18n }}\n                      </button>\n                    </div>\n                  </div>\n                }\n              }\n            </div>\n          </div>\n        }\n      </div>\n      <div class=\"o-hvy-events-detail__procedure\">\n        <div class=\"o-hvy-events-detail__procedure__header\">\n          <h2>{{ '@hvy.event.log.procedure.name' | i18n }}</h2>\n        </div>\n        @if (procedure) {\n          <div>\n            <p>{{ procedure.name }}</p>\n          </div>\n          <div class=\"o-hvy-events-detail__procedure__progress\">\n            <p>{{ '@hvy.event.log.procedure.progress' | i18n }}</p>\n            <hvy-progress-display [progress]=\"procedure.progress\"></hvy-progress-display>\n          </div>\n          <div class=\"o-hvy-events-detail__procedure__actions\" (drag)=\"move($event)\" (drop)=\"drop($event)\" (dragover)=\"allowDrop($event)\">\n            @for (action of procedure.actions;track action.id;let idx = $index) {\n              <div class=\"o-hvy-events-detail__procedure__actions__action\" [draggable]=\"true\" (dragstart)=\"dragStart($event, action, idx)\" (mousedown)=\"onMouseDown($event)\">\n                <pry-icon iconSvg=\"six_dot\" #handle></pry-icon>\n                <pry-checkbox [ngModel]=\"action.status === 'DONE'\"></pry-checkbox>\n                <div>{{ action.name }}</div>\n                <pry-icon iconSvg=\"more_horiz\"></pry-icon>\n              </div>\n            } @empty {\n              <div>\n                {{ '@hvy.event.log.procedure.noAction' | i18n }}\n              </div>\n            }\n          </div>\n          <div>\n            <button class=\"a-btn a-btn--primary\">\n              <pry-icon iconSvg=\"add\"></pry-icon>\n              {{ '@hvy.event.log.procedure.addAction' | i18n }}\n            </button>\n          </div>\n        } @else {\n          <button class=\"a-btn a-btn--secondary\">\n            {{ '@chh.actions.associate' | i18n }}\n          </button>\n        }\n      </div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: i3$1.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i3.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "isForm", "required", "name", "readonly", "autocomplete", "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" }] }); }
 }
 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\" [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\" disabled>{{ '@hvy.action.comment' | 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      @if (events.length > 1) {\n        <button class=\"a-btn a-btn--secondary -fix-right\" [disabled]=\"!canCloseSome\"\n                (click)=\"closeAll()\">{{ '@hvy.event.log.event.close' | i18n }}\n        </button>\n      }\n    </div>\n    <div class=\"o-hvy-events-detail__header__split\">\n      <button class=\"a-btn a-btn--secondary\">{{ '@hvy.event.log.procedure.delete' | i18n }}</button>\n    </div>\n  </div>\n  <div class=\"o-hvy-events-detail__container\">\n    <div class=\"o-hvy-events-detail__container__scrollable\">\n      <div class=\"o-hvy-events-detail__events\">\n        @for (event of events;track event.id;let idx = $index) {\n          <div class=\"o-hvy-events-detail__events__event\">\n            <div class=\"o-hvy-events-detail__events__event__header\">\n              <pry-icon [iconSvg]=\"!opened[idx] ? 'chevron_bottom' : 'chevron_top'\" (click)=\"toggle(idx)\"></pry-icon>\n              <hvy-icon-display [event]=\"event\"></hvy-icon-display>\n              <h2>{{ event.name }}</h2>\n              <hvy-status-display [event]=\"event\" [modifiable]=\"event.status !== 'DONE'\"\n                                  (modified)=\"changeStatus($event, event)\"></hvy-status-display>\n            </div>\n            <div class=\"o-hvy-events-detail__events__event__content\">\n              @if (!opened[idx]) {\n                <div>{{ '@hvy.event.log.event.description' | i18n }}: {{ event.description }}</div>\n                <div>{{ '@hvy.event.log.event.address' | i18n }}: {{ event.address }}</div>\n              } @else {\n                @if (access(event);as accessValue) {\n                  <h3>{{ '@hvy.event.log.event.detail' | i18n }}</h3>\n                  <table>\n                    <tbody>\n                    <tr>\n                      <td>{{ '@hvy.event.log.event.name' | i18n }}<span class=\"required\">*</span></td>\n                      <td><input type=\"text\" class=\"a-form-field\" [class.-error]=\"hasError('name', idx)\"\n                                 [value]=\"event.name\"\n                                 (change)=\"modifyEvent(idx, 'name', $event)\" [readonly]=\"accessValue.name\"></td>\n                    </tr>\n                    <tr>\n                      <td>{{ '@hvy.event.log.event.category' | i18n }}<span class=\"required\">*</span></td>\n                      <td>\n                        <pry-select [ngModel]=\"event.category\"\n                                    [items]=\"categories(event)\"\n                                    [class.-error]=\"hasError('category', idx)\"\n                                    (ngModelChange)=\"modifyEvent(idx, 'category', $event)\"\n                                    i18nPrefix=\"@hvy.event.category.\" [disabled]=\"accessValue.category\"></pry-select>\n                      </td>\n                    </tr>\n                    <tr>\n                      <td>{{ '@hvy.event.criticality.name' | i18n }}<span class=\"required\">*</span></td>\n                      <td>\n                        <pry-select [ngModel]=\"event.criticality\" [items]=\"criticalities\"\n                                    [class.-error]=\"hasError('criticality', idx)\"\n                                    i18nPrefix=\"@hvy.event.criticality.\"\n                                    [disabled]=\"accessValue.criticality\"\n                                    (ngModelChange)=\"modifyEvent(idx, 'criticality', $event)\"></pry-select>\n                      </td>\n                    </tr>\n                    <tr>\n                      <td>{{ '@hvy.event.log.event.description' | i18n }}<span class=\"required\">*</span></td>\n                      <td><textarea [ngModel]=\"event.description\" class=\"a-form-field\"\n                                    [class.-error]=\"hasError('description', idx)\"\n                                    [readonly]=\"accessValue.description\"\n                                    (ngModelChange)=\"modifyEvent(idx, 'description', $event)\"></textarea></td>\n                    </tr>\n                    <tr>\n                      <td>{{ '@hvy.event.log.event.address' | i18n }}</td>\n                      <td><textarea [ngModel]=\"event.address\" class=\"a-form-field\"\n                                    [class.-error]=\"hasError('address', idx)\"\n                                    [readonly]=\"accessValue.address\"\n                                    (ngModelChange)=\"modifyEvent(idx, 'address', $event)\"></textarea></td>\n                    </tr>\n                      @if (['ALERT', 'REPORT'].includes(event.type)) {\n                        <tr>\n                          <td>{{ '@hvy.event.source' | i18n }}</td>\n                          <td><input type=\"text\" class=\"a-form-field\" [value]=\"event.externalSourceRef ?? ''\"\n                                     [class.-error]=\"hasError('source', idx)\"\n                                     [readonly]=\"accessValue.source\" (change)=\"modifyEvent(idx, 'source', $event)\"></td>\n                        </tr>\n                      }\n                    <tr>\n                      <td>{{ '@hvy.event.equipment' | i18n }}</td>\n                      <td>\n                        <input type=\"text\" class=\"a-form-field\"\n                               [value]=\"event.equipment?.name ?? ''\"\n                               [class.-error]=\"hasError('equipment', idx)\"\n                               [readonly]=\"accessValue.eqName\"\n                               (change)=\"changeEquipment(idx, $event)\">\n                      </td>\n                    </tr>\n                    <tr>\n                      <td>{{ '@hvy.event.equipmentEntity' | i18n }}</td>\n                      <td><input type=\"text\" class=\"a-form-field\" [value]=\"event.equipment?.entity ?? ''\"\n                                 readonly></td>\n                    </tr>\n                    <tr>\n                      <td>{{ '@hvy.event.domain.name' | i18n }}</td>\n                      <td>\n                        <pry-select [items]=\"DOMAINS\" [ngModel]=\"event.domain\" i18nPrefix=\"@hvy.event.domain.\"\n                                    [class.-error]=\"hasError('domain', idx)\"\n                                    (ngModelChange)=\"modifyEvent(idx, 'domain', $event)\"\n                                    [disabled]=\"accessValue.domain\"\n                        ></pry-select>\n                      </td>\n                    </tr>\n                    <tr>\n                      <td>\n                        {{ '@hvy.event.startDate' | i18n }}\n                        @if (event.category === 'MANIFESTATION') {\n                          <span class=\"required\">*</span>\n                        }\n                      </td>\n                      <td>\n                        <input type=\"datetime-local\" class=\"a-form-field\"\n                               [value]=\"event.startDate | forDateTimeLocal\"\n                               [class.-error]=\"hasError('startDate', idx)\"\n                               [readonly]=\"accessValue.startDate\" (change)=\"modifyEvent(idx, 'startDate', $event)\">\n                      </td>\n                    </tr>\n                    <tr>\n                      <td>\n                        {{ '@hvy.event.endDate' | i18n }}\n                        @if (event.category === 'MANIFESTATION') {\n                          <span class=\"required\">*</span>\n                        }\n                      </td>\n                      <td>\n                        <input type=\"datetime-local\" class=\"a-form-field\"\n                               [value]=\"event.endDate | forDateTimeLocal\"\n                               [class.-error]=\"hasError('endDate', idx)\"\n                               [readonly]=\"accessValue.endDate\" (change)=\"modifyEvent(idx, 'endDate', $event)\">\n                      </td>\n                    </tr>\n                    <tr>\n                      <td>{{ '@hvy.event.creationDate' | i18n }}</td>\n                      <td>\n                        <input type=\"datetime-local\" class=\"a-form-field\"\n                               [value]=\"event.creationDate | forDateTimeLocal\"\n                               readonly>\n                      </td>\n                    </tr>\n                    <tr>\n                      <td>{{ '@hvy.event.lastModificationDate' | i18n }}</td>\n                      <td>\n                        <input type=\"datetime-local\" class=\"a-form-field\"\n                               [value]=\"event.lastModificationDate | forDateTimeLocal\" readonly>\n                      </td>\n                    </tr>\n                    <tr>\n                      <td>{{ '@hvy.event.closeDate' | i18n }}</td>\n                      <td>\n                        <input type=\"datetime-local\" class=\"a-form-field\" [value]=\"event.closeDate | forDateTimeLocal\"\n                               readonly>\n                      </td>\n                    </tr>\n                    </tbody>\n                  </table>\n                  <div class=\"o-hvy-events-detail__events__event__content__comments\">\n                    <h3>{{ '@hvy.event.log.event.comments.name' | i18n }}</h3>\n                    <textarea [placeholder]=\"('@hvy.event.log.event.comments.placeholder' | i18n) + '...'\"\n                              [(ngModel)]=\"newComentContent\"></textarea>\n                    <div class=\"o-hvy-events-detail__events__event__content__comments__button\">\n                      <button class=\"a-btn a-btn--primary\"\n                              [disabled]=\"newComentContent.length === 0\">{{ '@hvy.action.comment' | i18n }}\n                      </button>\n                    </div>\n                  </div>\n                }\n              }\n            </div>\n          </div>\n        }\n      </div>\n      <div class=\"o-hvy-events-detail__procedure\">\n        <div class=\"o-hvy-events-detail__procedure__header\">\n          <h2>{{ '@hvy.event.log.procedure.name' | i18n }}</h2>\n        </div>\n        @if (procedure) {\n          <div>\n            <p>{{ procedure.name }}</p>\n          </div>\n          <div class=\"o-hvy-events-detail__procedure__progress\">\n            <p>{{ '@hvy.event.log.procedure.progress' | i18n }}</p>\n            <hvy-progress-display [progress]=\"procedure.progress\"></hvy-progress-display>\n          </div>\n          <div class=\"o-hvy-events-detail__procedure__actions\" (drag)=\"move($event)\" (drop)=\"drop($event)\" (dragover)=\"allowDrop($event)\">\n            @for (action of procedure.actions;track action.id;let idx = $index) {\n              <div class=\"o-hvy-events-detail__procedure__actions__action\" [draggable]=\"true\" (dragstart)=\"dragStart($event, action, idx)\" (mousedown)=\"onMouseDown($event)\">\n                <pry-icon iconSvg=\"six_dot\" #handle></pry-icon>\n                <pry-checkbox [ngModel]=\"action.status === 'DONE'\"></pry-checkbox>\n                <div>{{ action.name }}</div>\n                <pry-icon iconSvg=\"more_horiz\"></pry-icon>\n              </div>\n            } @empty {\n              <div>\n                {{ '@hvy.event.log.procedure.noAction' | i18n }}\n              </div>\n            }\n          </div>\n          <div>\n            <button class=\"a-btn a-btn--primary\">\n              <pry-icon iconSvg=\"add\"></pry-icon>\n              {{ '@hvy.event.log.procedure.addAction' | i18n }}\n            </button>\n          </div>\n        } @else {\n          <button class=\"a-btn a-btn--secondary\">\n            {{ '@chh.actions.associate' | i18n }}\n          </button>\n        }\n      </div>\n    </div>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: EquipmentService }, { type: i1$1.Store }], propDecorators: { modifiedEvents: [{
                 type: Output
             }], modifiedProcedure: [{
@@ -893,11 +937,11 @@ class EventSummaryPageComponent extends SubscriptionnerDirective {
         this.store.dispatch(EventSummaryActions.load());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EventSummaryPageComponent, deps: [{ token: i1$1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: EventSummaryPageComponent, selector: "hvy-event-summary-page", inputs: { pageTitle: "pageTitle", consultLink: "consultLink" }, usesInheritance: true, ngImport: i0, template: "<div class=\"o-hvy-event-summary-page\">\n  <div class=\"o-hvy-event-summary-page__header\">\n    @if (pageTitle) {\n      <h3 class=\"o-hvy-event-summary-page__title\">{{ pageTitle }}</h3>\n    }\n    <div class=\"m-filter__input-wrapper m-filter__input-wrapper--dropdown\">\n      <label class=\"a-label m-filter__label\" for=\"criticality-filter\">{{ '@hvy.event.criticality.name' | i18n }}\n        :&nbsp;</label>\n      <pry-select\n        id=\"criticality-filter\"\n        class=\"o-hvy-event-summary-page__filter\"\n        [items]=\"criticalityList\"\n        [ngModel]=\"selectedCriticality$ | async\"\n        (ngModelChange)=\"filterByCriticality($event)\"\n        [translate]=\"true\"\n        i18nPrefix=\"@hvy.eventSummary.criticalityLabels.\"\n      >\n      </pry-select>\n    </div>\n  </div>\n  <div class=\"o-hvy-event-summary-page__content\">\n    @for (summaryList of summaries | keyvalue: criticalityOrder;track summaryList.key) {\n      <hvy-event-summary-list\n        class=\"o-hvy-event-summary-page__summary-list\"\n        [status]=\"summaryList.key\"\n        [totalEventCount]=\"summaryList.value.count\"\n        [events]=\"summaryList.value.events\"\n        [consultLink]=\"consultLink\">\n      </hvy-event-summary-list>\n    }\n  </div>\n</div>\n", 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", consultLink: "consultLink" }, usesInheritance: true, ngImport: i0, template: "<div class=\"o-hvy-event-summary-page\">\n  <div class=\"o-hvy-event-summary-page__header\">\n    @if (pageTitle) {\n      <h3 class=\"o-hvy-event-summary-page__title\">{{ pageTitle }}</h3>\n    }\n    <div class=\"m-filter__input-wrapper m-filter__input-wrapper--dropdown\">\n      <label class=\"a-label m-filter__label\" for=\"criticality-filter\">{{ '@hvy.event.criticality.name' | i18n }}\n        :&nbsp;</label>\n      <pry-select\n        id=\"criticality-filter\"\n        class=\"o-hvy-event-summary-page__filter\"\n        [items]=\"criticalityList\"\n        [ngModel]=\"selectedCriticality$ | async\"\n        (ngModelChange)=\"filterByCriticality($event)\"\n        [translate]=\"true\"\n        i18nPrefix=\"@hvy.eventSummary.criticalityLabels.\"\n      >\n      </pry-select>\n    </div>\n  </div>\n  <div class=\"o-hvy-event-summary-page__content\">\n    <div class=\"o-hvy-event-summary-page__content__sub\">\n      @for (summaryList of summaries | keyvalue: criticalityOrder;track summaryList.key) {\n        <hvy-event-summary-list\n          class=\"o-hvy-event-summary-page__summary-list\"\n          [status]=\"summaryList.key\"\n          [totalEventCount]=\"summaryList.value.count\"\n          [events]=\"summaryList.value.events\"\n          [consultLink]=\"consultLink\">\n        </hvy-event-summary-list>\n      }\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "isForm", "required", "name", "readonly", "autocomplete", "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" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: EventSummaryPageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'hvy-event-summary-page', template: "<div class=\"o-hvy-event-summary-page\">\n  <div class=\"o-hvy-event-summary-page__header\">\n    @if (pageTitle) {\n      <h3 class=\"o-hvy-event-summary-page__title\">{{ pageTitle }}</h3>\n    }\n    <div class=\"m-filter__input-wrapper m-filter__input-wrapper--dropdown\">\n      <label class=\"a-label m-filter__label\" for=\"criticality-filter\">{{ '@hvy.event.criticality.name' | i18n }}\n        :&nbsp;</label>\n      <pry-select\n        id=\"criticality-filter\"\n        class=\"o-hvy-event-summary-page__filter\"\n        [items]=\"criticalityList\"\n        [ngModel]=\"selectedCriticality$ | async\"\n        (ngModelChange)=\"filterByCriticality($event)\"\n        [translate]=\"true\"\n        i18nPrefix=\"@hvy.eventSummary.criticalityLabels.\"\n      >\n      </pry-select>\n    </div>\n  </div>\n  <div class=\"o-hvy-event-summary-page__content\">\n    @for (summaryList of summaries | keyvalue: criticalityOrder;track summaryList.key) {\n      <hvy-event-summary-list\n        class=\"o-hvy-event-summary-page__summary-list\"\n        [status]=\"summaryList.key\"\n        [totalEventCount]=\"summaryList.value.count\"\n        [events]=\"summaryList.value.events\"\n        [consultLink]=\"consultLink\">\n      </hvy-event-summary-list>\n    }\n  </div>\n</div>\n" }]
+            args: [{ selector: 'hvy-event-summary-page', template: "<div class=\"o-hvy-event-summary-page\">\n  <div class=\"o-hvy-event-summary-page__header\">\n    @if (pageTitle) {\n      <h3 class=\"o-hvy-event-summary-page__title\">{{ pageTitle }}</h3>\n    }\n    <div class=\"m-filter__input-wrapper m-filter__input-wrapper--dropdown\">\n      <label class=\"a-label m-filter__label\" for=\"criticality-filter\">{{ '@hvy.event.criticality.name' | i18n }}\n        :&nbsp;</label>\n      <pry-select\n        id=\"criticality-filter\"\n        class=\"o-hvy-event-summary-page__filter\"\n        [items]=\"criticalityList\"\n        [ngModel]=\"selectedCriticality$ | async\"\n        (ngModelChange)=\"filterByCriticality($event)\"\n        [translate]=\"true\"\n        i18nPrefix=\"@hvy.eventSummary.criticalityLabels.\"\n      >\n      </pry-select>\n    </div>\n  </div>\n  <div class=\"o-hvy-event-summary-page__content\">\n    <div class=\"o-hvy-event-summary-page__content__sub\">\n      @for (summaryList of summaries | keyvalue: criticalityOrder;track summaryList.key) {\n        <hvy-event-summary-list\n          class=\"o-hvy-event-summary-page__summary-list\"\n          [status]=\"summaryList.key\"\n          [totalEventCount]=\"summaryList.value.count\"\n          [events]=\"summaryList.value.events\"\n          [consultLink]=\"consultLink\">\n        </hvy-event-summary-list>\n      }\n    </div>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1$1.Store }], propDecorators: { pageTitle: [{
                 type: Input
             }], consultLink: [{
@@ -1357,6 +1401,8 @@ class PvyHypervisorModule {
             PryDatePickerModule,
             PryI18nModule,
             PryIconModule,
+            PryI18nModule,
+            AsyncPipe,
             PryI18nModule], exports: [EventDetailComponent,
             EventListComponent,
             IconDisplayComponent,
@@ -1387,6 +1433,7 @@ class PvyHypervisorModule {
             PryDatePickerModule,
             PryI18nModule,
             PryIconModule,
+            PryI18nModule,
             PryI18nModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PvyHypervisorModule, decorators: [{
@@ -1421,6 +1468,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
                         PryI18nModule,
                         PryIconModule,
                         PryI18nModule,
+                        AsyncPipe,
+                        PryI18nModule,
                     ],
                     exports: [
                         ...components,