@provoly/hypervisor 2.0.0 → 2.0.1

package/fesm2022/provoly-hypervisor.mjs

@@ -1,10 +1,10 @@
 import * as i0 from '@angular/core';
-import { Injectable, Pipe, Component, Input, EventEmitter, Output, ElementRef, ViewChild, ViewChildren, Inject, ViewContainerRef, model as model$1, TemplateRef, ContentChildren, Directive, forwardRef, signal, computed, InjectionToken, NgModule } from '@angular/core';
+import { Injectable, Pipe, Component, Input, EventEmitter, Output, ElementRef, Optional, Host, ViewChild, ViewChildren, Inject, ViewContainerRef, model as model$1, TemplateRef, ContentChildren, Directive, forwardRef, signal, computed, InjectionToken, NgModule } from '@angular/core';
 import * as i1$3 from '@provoly/dashboard';
 import { FilterParamEncoder, DEFAULT_ICON_URL, SubscriptionnerDirective, INDEX_DATA, PRY_DIALOG_DATA, PryDialogConfirmComponent, PryI18nModule, PryCoreModule, PrySinceDateModule, PryIconModule, PrySelectModule, PryDatePickerModule, I18nPipe } from '@provoly/dashboard';
 import * as i1$1 from '@ngrx/store';
 import { createAction, props, createReducer, on, createFeatureSelector, createSelector, StoreModule } from '@ngrx/store';
-import * as i2$1 from '@angular/cdk/overlay';
+import * as i4 from '@angular/cdk/overlay';
 import { OverlayConfig } from '@angular/cdk/overlay';
 import { TemplatePortal } from '@angular/cdk/portal';
 import { combineLatest, map, mergeMap, of, BehaviorSubject, Subject, debounceTime, switchMap, shareReplay, fromEvent, withLatestFrom, filter, auditTime, throwError, delay, take, zip, distinctUntilChanged } from 'rxjs';
@@ -654,7 +654,7 @@ const statusOrder = {
     CANCELLED: 4,
 };
 class EventListComponent extends SubscriptionnerDirective {
-    constructor(store, el, router, scroll, overlay, viewContainerRef, overlayPositionBuilder) {
+    constructor(store, el, router, scroll, overlay, viewContainerRef, overlayPositionBuilder, scrollContainer) {
         super();
         this.store = store;
         this.el = el;
@@ -663,6 +663,7 @@ class EventListComponent extends SubscriptionnerDirective {
         this.overlay = overlay;
         this.viewContainerRef = viewContainerRef;
         this.overlayPositionBuilder = overlayPositionBuilder;
+        this.scrollContainer = scrollContainer;
         this.eventDisLength = 0;
         this.EVENT_LINK = EVENT_LINK;
         this._store = this.store;
@@ -727,6 +728,7 @@ class EventListComponent extends SubscriptionnerDirective {
         else {
             const positionStrategy = this.overlayPositionBuilder
                 .flexibleConnectedTo(this.elem.get(index))
+                .withScrollableContainers([this.scrollContainer])
                 .withPositions([{
                     offsetX: -25,
                     offsetY: -35,
@@ -738,17 +740,22 @@ class EventListComponent extends SubscriptionnerDirective {
             this.overlayRef = this.overlay.create(new OverlayConfig({
                 hasBackdrop: false,
                 positionStrategy,
+                scrollStrategy: this.overlay.scrollStrategies.close()
             }));
             this.overlayRef.attach(new TemplatePortal(this.diTooltip, this.viewContainerRef, { $implicit: event }));
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: EventListComponent, deps: [{ token: i1$1.Store }, { token: i0.ElementRef }, { token: i2.Router }, { token: InfiniteScrollService }, { token: i2$1.Overlay }, { token: i0.ViewContainerRef }, { token: i2$1.OverlayPositionBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: EventListComponent, selector: "hvy-event-list", inputs: { disableGotoDetail: "disableGotoDetail" }, viewQueries: [{ propertyName: "diTooltip", first: true, predicate: ["diTooltip"], descendants: true }, { propertyName: "elem", predicate: ["elem"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "<table class=\"o-hvy-events-table\">\n  <thead>\n    <tr class=\"o-hvy-events-table__header\">\n      <th class=\"-checkbox\">\n        <pry-checkbox [ngModel]=\"allSelected$ | async\" (ngModelChange)=\"selectAll($event)\">\n          <div>\n            ({{(selectedIds$| async)?.length}})\n          </div>\n        </pry-checkbox>\n      </th>\n      <th>\n        <hvy-event-column-order field=\"criticality\">{{ '@hvy.event.criticality.name' | i18n }}</hvy-event-column-order>\n      </th>\n      <th>\n        <hvy-event-column-order field=\"id\">{{ '@hvy.event.id' | i18n }}</hvy-event-column-order>\n      </th>\n      <th>\n        <hvy-event-column-order field=\"domain\">{{ '@hvy.event.domain.name' | i18n }}</hvy-event-column-order>\n      </th>\n      <th>\n        <hvy-event-column-order field=\"name\">{{ '@hvy.event.name' | i18n }}</hvy-event-column-order>\n      </th>\n      <th>\n        {{ '@hvy.event.dis' | i18n }}\n      </th>\n      <th>\n        <hvy-event-column-order field=\"status\">{{ '@hvy.event.status.name' | i18n }}</hvy-event-column-order>\n      </th>\n      <th>\n        <hvy-event-column-order field=\"source\">{{ '@hvy.event.source' | i18n }}</hvy-event-column-order>\n      </th>\n      <th>\n        <hvy-event-column-order field=\"procedureProgress\"\n          >{{ '@hvy.procedure.progress' | i18n }}\n        </hvy-event-column-order>\n      </th>\n      <th>\n        <hvy-event-column-order field=\"category\">{{ '@hvy.event.category.name' | i18n }}</hvy-event-column-order>\n      </th>\n      <th>\n        <hvy-event-column-order field=\"creationDate\">{{ '@hvy.event.creationDateTable' | i18n }}</hvy-event-column-order>\n      </th>\n      <th>\n        <hvy-event-column-order field=\"lastModificationDate\"\n          >{{ '@hvy.event.lastModificationDateTable' | i18n }}\n        </hvy-event-column-order>\n      </th>\n      <th></th>\n    </tr>\n  </thead>\n  <tbody>\n    @for (event of events$ | async; track event.id; let index = $index) {\n      <tr class=\"o-hvy-events-table__line\" [class.-nogo]=\"disableGotoDetail\" (click)=\"goTo(event)\">\n        <td class=\"o-hvy-events-table__line__cell checkbox\">\n          <pry-checkbox\n            [ngModel]=\"(selectedIds$ | async)!.includes(event.id)\"\n            (click)=\"select(event, $event)\"\n          ></pry-checkbox>\n        </td>\n        <td class=\"o-hvy-events-table__line__cell -centered icon\">\n          <hvy-icon-display [event]=\"event\"></hvy-icon-display>\n        </td>\n        <td class=\"o-hvy-events-table__line__cell id\">\n          {{ padId.fn(event.id) }}\n        </td>\n        <td class=\"o-hvy-events-table__line__cell domain\">\n          {{ event.domain ?? '' }}\n        </td>\n        <td class=\"o-hvy-events-table__line__cell name\">\n          <div class=\"o-hvy-events-table__line__cell__name__main\">{{ event.name }}</div>\n          <div class=\"o-hvy-events-table__line__cell__name__sub\">\n            @if (event.equipment) {\n              {{ event.equipment.name ? event.equipment.name : '' }} -\n              {{ event.equipment ? ('@hvy.event.family.' + event.equipment.family | i18n) : '' }}\n            }\n          </div>\n          <div class=\"o-hvy-events-table__line__cell__name__subsub\">\n            <span>{{ event.address }}</span>\n            @if(event.district) {\n              @if(event.address) {\n                <span>,&nbsp;</span>\n              }\n              <span>{{(\"@hvy.event.places.\" + event.district | i18n)}} </span>\n            }\n          </div>\n        </td>\n        <td class=\"o-hvy-events-table__line__cell\" #elem>\n          @if (getEventDisLength(event) > 0){\n            <div class=\"o-hvy-last-events__services__item__icon\">\n              <div class=\"event-dis-container\"\n                   (mouseenter)=\"showDiTooltip(event, index)\"\n                   (mouseleave)=\"showDiTooltip(event, index)\">\n                <pry-icon iconSvg=\"service\" [height]=\"30\" [width]=\"30\"></pry-icon>\n                  <div class=\"event-dis-number\">\n                    {{eventDisLength}}\n                  </div>\n              </div>\n            </div>\n          }\n        </td>\n        <td class=\"o-hvy-events-table__line__cell -centered status\">\n          <hvy-status-display [item]=\"event\"></hvy-status-display>\n        </td>\n        <td class=\"o-hvy-events-table__line__cell source\">\n          {{ event.externalSourceRef ?? ('@hvy.event.hypervisor' | i18n) }}\n        </td>\n        <td class=\"o-hvy-events-table__line__cell -centered progress\">{{ event.procedureProgress }} %</td>\n        <td class=\"o-hvy-events-table__line__cell category\">\n          <div class=\"o-hvy-events-table__line__cell__name__main\">\n            {{ '@hvy.event.category.' + event.category | i18n }}\n          </div>\n          @if (event.subCategory && event.subCategory !== 'NONE') {\n            <div class=\"o-hvy-events-table__line__cell__name__sub\">\n              {{ '@hvy.event.subCategory.' + event.subCategory | i18n }}\n            </div>\n          }\n        </td>\n        <td class=\"o-hvy-events-table__line__cell creation-date\">\n          {{ event.creationDate | displayLocaleDatetime }}\n        </td>\n        <td class=\"o-hvy-events-table__line__cell modification-date\">\n          {{ event.lastModificationDate | displayLocaleDatetime }}\n        </td>\n        <td class=\"o-hvy-events-table__line__cell link\">\n          @if (!disableGotoDetail) {\n            <a\n              [routerLink]=\"EVENT_LINK.fn(event, _store)\"\n              [title]=\"\n                '@hvy.event.consult'\n                  | i18n: { howMany: Math.max(1, event.linkedEvents), plural: event.linkedEvents > 1 ? 's' : '' }\n              \"\n            >\n              <div class=\"consult-link\">\n                <pry-icon iconSvg=\"eye\" [height]=\"30\" [width]=\"40\"></pry-icon>\n                @if (event.linkedEvents > 1) {\n                  <div class=\"indicator-badge\">{{ event.linkedEvents }}</div>\n                }\n              </div>\n            </a>\n          }\n        </td>\n      </tr>\n    } @empty {\n      <tr>\n        <td class=\"o-hvy-events-table__empty\" colspan=\"50\">\n          <div>{{ '@hvy.event.log.empty' | i18n }}</div>\n          <div>\n            <ng-content></ng-content>\n          </div>\n        </td>\n      </tr>\n    }\n  </tbody>\n</table>\n\n<ng-template #diTooltip let-event>\n  <div class=\"event-dis-tooltip\">\n    @for (di of event.dis; track di){\n      <div>\n        - {{di.id}} ({{'@hvy.procedure.status.' + di.status | i18n}})\n      </div>\n    }\n  </div>\n</ng-template>\n\n", dependencies: [{ kind: "component", type: i5.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle", "name", "inputId", "inhibit"] }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i1$3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: EventColumnOrderComponent, selector: "hvy-event-column-order" }, { kind: "component", type: IconDisplayComponent, selector: "hvy-icon-display", inputs: ["event"] }, { kind: "component", type: StatusDisplayComponent, selector: "hvy-status-display", inputs: ["type", "readonly", "item", "modifiable"], outputs: ["modified"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }, { kind: "pipe", type: DisplayLocaleDateTime, name: "displayLocaleDatetime" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: EventListComponent, deps: [{ token: i1$1.Store }, { token: i0.ElementRef }, { token: i2.Router }, { token: InfiniteScrollService }, { token: i4.Overlay }, { token: i0.ViewContainerRef }, { token: i4.OverlayPositionBuilder }, { token: i4.CdkScrollable, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: EventListComponent, selector: "hvy-event-list", inputs: { disableGotoDetail: "disableGotoDetail" }, viewQueries: [{ propertyName: "diTooltip", first: true, predicate: ["diTooltip"], descendants: true }, { propertyName: "elem", predicate: ["elem"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "<table class=\"o-hvy-events-table journal-table-event\">\n  <thead>\n    <tr class=\"o-hvy-events-table__header\">\n      <th class=\"-checkbox\">\n        <pry-checkbox [ngModel]=\"allSelected$ | async\" (ngModelChange)=\"selectAll($event)\">\n          <div>\n            ({{(selectedIds$| async)?.length}})\n          </div>\n        </pry-checkbox>\n      </th>\n      <th>\n        <hvy-event-column-order field=\"criticality\">{{ '@hvy.event.criticality.name' | i18n }}</hvy-event-column-order>\n      </th>\n      <th>\n        <hvy-event-column-order field=\"id\">{{ '@hvy.event.id' | i18n }}</hvy-event-column-order>\n      </th>\n      <th>\n        <hvy-event-column-order field=\"domain\">{{ '@hvy.event.domain.name' | i18n }}</hvy-event-column-order>\n      </th>\n      <th>\n        <hvy-event-column-order field=\"name\">{{ '@hvy.event.name' | i18n }}</hvy-event-column-order>\n      </th>\n      <th>\n        {{ '@hvy.event.dis' | i18n }}\n      </th>\n      <th>\n        <hvy-event-column-order field=\"status\">{{ '@hvy.event.status.name' | i18n }}</hvy-event-column-order>\n      </th>\n      <th>\n        <hvy-event-column-order field=\"source\">{{ '@hvy.event.source' | i18n }}</hvy-event-column-order>\n      </th>\n      <th>\n        <hvy-event-column-order field=\"procedureProgress\"\n          >{{ '@hvy.procedure.progress' | i18n }}\n        </hvy-event-column-order>\n      </th>\n      <th>\n        <hvy-event-column-order field=\"category\">{{ '@hvy.event.category.name' | i18n }}</hvy-event-column-order>\n      </th>\n      <th>\n        <hvy-event-column-order field=\"creationDate\">{{ '@hvy.event.creationDateTable' | i18n }}</hvy-event-column-order>\n      </th>\n      <th>\n        <hvy-event-column-order field=\"lastModificationDate\"\n          >{{ '@hvy.event.lastModificationDateTable' | i18n }}\n        </hvy-event-column-order>\n      </th>\n      <th></th>\n    </tr>\n  </thead>\n  <tbody>\n    @for (event of events$ | async; track event.id; let index = $index) {\n      <tr class=\"o-hvy-events-table__line\" [class.-nogo]=\"disableGotoDetail\" (click)=\"goTo(event)\">\n        <td class=\"o-hvy-events-table__line__cell checkbox\">\n          <pry-checkbox\n            [ngModel]=\"(selectedIds$ | async)!.includes(event.id)\"\n            (click)=\"select(event, $event)\"\n          ></pry-checkbox>\n        </td>\n        <td class=\"o-hvy-events-table__line__cell -centered icon\">\n          <hvy-icon-display [event]=\"event\"></hvy-icon-display>\n        </td>\n        <td class=\"o-hvy-events-table__line__cell id\">\n          {{ padId.fn(event.id) }}\n        </td>\n        <td class=\"o-hvy-events-table__line__cell domain\">\n          {{ event.domain ?? '' }}\n        </td>\n        <td class=\"o-hvy-events-table__line__cell name\">\n          <div class=\"o-hvy-events-table__line__cell__name__main\">{{ event.name }}</div>\n          <div class=\"o-hvy-events-table__line__cell__name__sub\">\n            @if (event.equipment) {\n              {{ event.equipment.name ? event.equipment.name : '' }} -\n              {{ event.equipment ? ('@hvy.event.family.' + event.equipment.family | i18n) : '' }}\n            }\n          </div>\n          <div class=\"o-hvy-events-table__line__cell__name__subsub\">\n            <span>{{ event.address }}</span>\n            @if(event.district) {\n              @if(event.address) {\n                <span>,&nbsp;</span>\n              }\n              <span>{{(\"@hvy.event.places.\" + event.district | i18n)}} </span>\n            }\n          </div>\n        </td>\n        <td class=\"o-hvy-events-table__line__cell td-journal-di\" #elem>\n          @if (getEventDisLength(event) > 0){\n            <div class=\"o-hvy-last-events__services__item__icon\">\n              <div class=\"event-dis-container\"\n                   (mouseenter)=\"showDiTooltip(event, index)\"\n                   (mouseleave)=\"showDiTooltip(event, index)\">\n                <pry-icon iconSvg=\"service\" [height]=\"30\" [width]=\"30\"></pry-icon>\n                  <div class=\"event-dis-number\">\n                    {{eventDisLength}}\n                  </div>\n              </div>\n            </div>\n          }\n        </td>\n        <td class=\"o-hvy-events-table__line__cell -centered status\">\n          <hvy-status-display [item]=\"event\"></hvy-status-display>\n        </td>\n        <td class=\"o-hvy-events-table__line__cell source\">\n          {{ event.externalSourceRef ?? ('@hvy.event.hypervisor' | i18n) }}\n        </td>\n        <td class=\"o-hvy-events-table__line__cell -centered progress\">{{ event.procedureProgress }} %</td>\n        <td class=\"o-hvy-events-table__line__cell category\">\n          <div class=\"o-hvy-events-table__line__cell__name__main\">\n            {{ '@hvy.event.category.' + event.category | i18n }}\n          </div>\n          @if (event.subCategory && event.subCategory !== 'NONE') {\n            <div class=\"o-hvy-events-table__line__cell__name__sub\">\n              {{ '@hvy.event.subCategory.' + event.subCategory | i18n }}\n            </div>\n          }\n        </td>\n        <td class=\"o-hvy-events-table__line__cell creation-date\">\n          {{ event.creationDate | displayLocaleDatetime }}\n        </td>\n        <td class=\"o-hvy-events-table__line__cell modification-date\">\n          {{ event.lastModificationDate | displayLocaleDatetime }}\n        </td>\n        <td class=\"o-hvy-events-table__line__cell link\">\n          @if (!disableGotoDetail) {\n            <a\n              [routerLink]=\"EVENT_LINK.fn(event, _store)\"\n              [title]=\"\n                '@hvy.event.consult'\n                  | i18n: { howMany: Math.max(1, event.linkedEvents), plural: event.linkedEvents > 1 ? 's' : '' }\n              \"\n            >\n              <div class=\"consult-link\">\n                <pry-icon iconSvg=\"eye\" [height]=\"30\" [width]=\"40\"></pry-icon>\n                @if (event.linkedEvents > 1) {\n                  <div class=\"indicator-badge\">{{ event.linkedEvents }}</div>\n                }\n              </div>\n            </a>\n          }\n        </td>\n      </tr>\n    } @empty {\n      <tr>\n        <td class=\"o-hvy-events-table__empty\" colspan=\"50\">\n          <div>{{ '@hvy.event.log.empty' | i18n }}</div>\n          <div>\n            <ng-content></ng-content>\n          </div>\n        </td>\n      </tr>\n    }\n  </tbody>\n</table>\n\n<ng-template #diTooltip let-event>\n  <div class=\"event-dis-tooltip\">\n    @for (di of event.dis; track di){\n      <div>\n        - {{di.id}} ({{'@hvy.procedure.status.' + di.status | i18n}})\n      </div>\n    }\n  </div>\n</ng-template>\n\n", dependencies: [{ kind: "component", type: i5.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle", "name", "inputId", "inhibit"] }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i1$3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: EventColumnOrderComponent, selector: "hvy-event-column-order" }, { kind: "component", type: IconDisplayComponent, selector: "hvy-icon-display", inputs: ["event"] }, { kind: "component", type: StatusDisplayComponent, selector: "hvy-status-display", inputs: ["type", "readonly", "item", "modifiable"], outputs: ["modified"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }, { kind: "pipe", type: DisplayLocaleDateTime, name: "displayLocaleDatetime" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: EventListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'hvy-event-list', template: "<table class=\"o-hvy-events-table\">\n  <thead>\n    <tr class=\"o-hvy-events-table__header\">\n      <th class=\"-checkbox\">\n        <pry-checkbox [ngModel]=\"allSelected$ | async\" (ngModelChange)=\"selectAll($event)\">\n          <div>\n            ({{(selectedIds$| async)?.length}})\n          </div>\n        </pry-checkbox>\n      </th>\n      <th>\n        <hvy-event-column-order field=\"criticality\">{{ '@hvy.event.criticality.name' | i18n }}</hvy-event-column-order>\n      </th>\n      <th>\n        <hvy-event-column-order field=\"id\">{{ '@hvy.event.id' | i18n }}</hvy-event-column-order>\n      </th>\n      <th>\n        <hvy-event-column-order field=\"domain\">{{ '@hvy.event.domain.name' | i18n }}</hvy-event-column-order>\n      </th>\n      <th>\n        <hvy-event-column-order field=\"name\">{{ '@hvy.event.name' | i18n }}</hvy-event-column-order>\n      </th>\n      <th>\n        {{ '@hvy.event.dis' | i18n }}\n      </th>\n      <th>\n        <hvy-event-column-order field=\"status\">{{ '@hvy.event.status.name' | i18n }}</hvy-event-column-order>\n      </th>\n      <th>\n        <hvy-event-column-order field=\"source\">{{ '@hvy.event.source' | i18n }}</hvy-event-column-order>\n      </th>\n      <th>\n        <hvy-event-column-order field=\"procedureProgress\"\n          >{{ '@hvy.procedure.progress' | i18n }}\n        </hvy-event-column-order>\n      </th>\n      <th>\n        <hvy-event-column-order field=\"category\">{{ '@hvy.event.category.name' | i18n }}</hvy-event-column-order>\n      </th>\n      <th>\n        <hvy-event-column-order field=\"creationDate\">{{ '@hvy.event.creationDateTable' | i18n }}</hvy-event-column-order>\n      </th>\n      <th>\n        <hvy-event-column-order field=\"lastModificationDate\"\n          >{{ '@hvy.event.lastModificationDateTable' | i18n }}\n        </hvy-event-column-order>\n      </th>\n      <th></th>\n    </tr>\n  </thead>\n  <tbody>\n    @for (event of events$ | async; track event.id; let index = $index) {\n      <tr class=\"o-hvy-events-table__line\" [class.-nogo]=\"disableGotoDetail\" (click)=\"goTo(event)\">\n        <td class=\"o-hvy-events-table__line__cell checkbox\">\n          <pry-checkbox\n            [ngModel]=\"(selectedIds$ | async)!.includes(event.id)\"\n            (click)=\"select(event, $event)\"\n          ></pry-checkbox>\n        </td>\n        <td class=\"o-hvy-events-table__line__cell -centered icon\">\n          <hvy-icon-display [event]=\"event\"></hvy-icon-display>\n        </td>\n        <td class=\"o-hvy-events-table__line__cell id\">\n          {{ padId.fn(event.id) }}\n        </td>\n        <td class=\"o-hvy-events-table__line__cell domain\">\n          {{ event.domain ?? '' }}\n        </td>\n        <td class=\"o-hvy-events-table__line__cell name\">\n          <div class=\"o-hvy-events-table__line__cell__name__main\">{{ event.name }}</div>\n          <div class=\"o-hvy-events-table__line__cell__name__sub\">\n            @if (event.equipment) {\n              {{ event.equipment.name ? event.equipment.name : '' }} -\n              {{ event.equipment ? ('@hvy.event.family.' + event.equipment.family | i18n) : '' }}\n            }\n          </div>\n          <div class=\"o-hvy-events-table__line__cell__name__subsub\">\n            <span>{{ event.address }}</span>\n            @if(event.district) {\n              @if(event.address) {\n                <span>,&nbsp;</span>\n              }\n              <span>{{(\"@hvy.event.places.\" + event.district | i18n)}} </span>\n            }\n          </div>\n        </td>\n        <td class=\"o-hvy-events-table__line__cell\" #elem>\n          @if (getEventDisLength(event) > 0){\n            <div class=\"o-hvy-last-events__services__item__icon\">\n              <div class=\"event-dis-container\"\n                   (mouseenter)=\"showDiTooltip(event, index)\"\n                   (mouseleave)=\"showDiTooltip(event, index)\">\n                <pry-icon iconSvg=\"service\" [height]=\"30\" [width]=\"30\"></pry-icon>\n                  <div class=\"event-dis-number\">\n                    {{eventDisLength}}\n                  </div>\n              </div>\n            </div>\n          }\n        </td>\n        <td class=\"o-hvy-events-table__line__cell -centered status\">\n          <hvy-status-display [item]=\"event\"></hvy-status-display>\n        </td>\n        <td class=\"o-hvy-events-table__line__cell source\">\n          {{ event.externalSourceRef ?? ('@hvy.event.hypervisor' | i18n) }}\n        </td>\n        <td class=\"o-hvy-events-table__line__cell -centered progress\">{{ event.procedureProgress }} %</td>\n        <td class=\"o-hvy-events-table__line__cell category\">\n          <div class=\"o-hvy-events-table__line__cell__name__main\">\n            {{ '@hvy.event.category.' + event.category | i18n }}\n          </div>\n          @if (event.subCategory && event.subCategory !== 'NONE') {\n            <div class=\"o-hvy-events-table__line__cell__name__sub\">\n              {{ '@hvy.event.subCategory.' + event.subCategory | i18n }}\n            </div>\n          }\n        </td>\n        <td class=\"o-hvy-events-table__line__cell creation-date\">\n          {{ event.creationDate | displayLocaleDatetime }}\n        </td>\n        <td class=\"o-hvy-events-table__line__cell modification-date\">\n          {{ event.lastModificationDate | displayLocaleDatetime }}\n        </td>\n        <td class=\"o-hvy-events-table__line__cell link\">\n          @if (!disableGotoDetail) {\n            <a\n              [routerLink]=\"EVENT_LINK.fn(event, _store)\"\n              [title]=\"\n                '@hvy.event.consult'\n                  | i18n: { howMany: Math.max(1, event.linkedEvents), plural: event.linkedEvents > 1 ? 's' : '' }\n              \"\n            >\n              <div class=\"consult-link\">\n                <pry-icon iconSvg=\"eye\" [height]=\"30\" [width]=\"40\"></pry-icon>\n                @if (event.linkedEvents > 1) {\n                  <div class=\"indicator-badge\">{{ event.linkedEvents }}</div>\n                }\n              </div>\n            </a>\n          }\n        </td>\n      </tr>\n    } @empty {\n      <tr>\n        <td class=\"o-hvy-events-table__empty\" colspan=\"50\">\n          <div>{{ '@hvy.event.log.empty' | i18n }}</div>\n          <div>\n            <ng-content></ng-content>\n          </div>\n        </td>\n      </tr>\n    }\n  </tbody>\n</table>\n\n<ng-template #diTooltip let-event>\n  <div class=\"event-dis-tooltip\">\n    @for (di of event.dis; track di){\n      <div>\n        - {{di.id}} ({{'@hvy.procedure.status.' + di.status | i18n}})\n      </div>\n    }\n  </div>\n</ng-template>\n\n" }]
-        }], ctorParameters: () => [{ type: i1$1.Store }, { type: i0.ElementRef }, { type: i2.Router }, { type: InfiniteScrollService }, { type: i2$1.Overlay }, { type: i0.ViewContainerRef }, { type: i2$1.OverlayPositionBuilder }], propDecorators: { disableGotoDetail: [{
+            args: [{ selector: 'hvy-event-list', template: "<table class=\"o-hvy-events-table journal-table-event\">\n  <thead>\n    <tr class=\"o-hvy-events-table__header\">\n      <th class=\"-checkbox\">\n        <pry-checkbox [ngModel]=\"allSelected$ | async\" (ngModelChange)=\"selectAll($event)\">\n          <div>\n            ({{(selectedIds$| async)?.length}})\n          </div>\n        </pry-checkbox>\n      </th>\n      <th>\n        <hvy-event-column-order field=\"criticality\">{{ '@hvy.event.criticality.name' | i18n }}</hvy-event-column-order>\n      </th>\n      <th>\n        <hvy-event-column-order field=\"id\">{{ '@hvy.event.id' | i18n }}</hvy-event-column-order>\n      </th>\n      <th>\n        <hvy-event-column-order field=\"domain\">{{ '@hvy.event.domain.name' | i18n }}</hvy-event-column-order>\n      </th>\n      <th>\n        <hvy-event-column-order field=\"name\">{{ '@hvy.event.name' | i18n }}</hvy-event-column-order>\n      </th>\n      <th>\n        {{ '@hvy.event.dis' | i18n }}\n      </th>\n      <th>\n        <hvy-event-column-order field=\"status\">{{ '@hvy.event.status.name' | i18n }}</hvy-event-column-order>\n      </th>\n      <th>\n        <hvy-event-column-order field=\"source\">{{ '@hvy.event.source' | i18n }}</hvy-event-column-order>\n      </th>\n      <th>\n        <hvy-event-column-order field=\"procedureProgress\"\n          >{{ '@hvy.procedure.progress' | i18n }}\n        </hvy-event-column-order>\n      </th>\n      <th>\n        <hvy-event-column-order field=\"category\">{{ '@hvy.event.category.name' | i18n }}</hvy-event-column-order>\n      </th>\n      <th>\n        <hvy-event-column-order field=\"creationDate\">{{ '@hvy.event.creationDateTable' | i18n }}</hvy-event-column-order>\n      </th>\n      <th>\n        <hvy-event-column-order field=\"lastModificationDate\"\n          >{{ '@hvy.event.lastModificationDateTable' | i18n }}\n        </hvy-event-column-order>\n      </th>\n      <th></th>\n    </tr>\n  </thead>\n  <tbody>\n    @for (event of events$ | async; track event.id; let index = $index) {\n      <tr class=\"o-hvy-events-table__line\" [class.-nogo]=\"disableGotoDetail\" (click)=\"goTo(event)\">\n        <td class=\"o-hvy-events-table__line__cell checkbox\">\n          <pry-checkbox\n            [ngModel]=\"(selectedIds$ | async)!.includes(event.id)\"\n            (click)=\"select(event, $event)\"\n          ></pry-checkbox>\n        </td>\n        <td class=\"o-hvy-events-table__line__cell -centered icon\">\n          <hvy-icon-display [event]=\"event\"></hvy-icon-display>\n        </td>\n        <td class=\"o-hvy-events-table__line__cell id\">\n          {{ padId.fn(event.id) }}\n        </td>\n        <td class=\"o-hvy-events-table__line__cell domain\">\n          {{ event.domain ?? '' }}\n        </td>\n        <td class=\"o-hvy-events-table__line__cell name\">\n          <div class=\"o-hvy-events-table__line__cell__name__main\">{{ event.name }}</div>\n          <div class=\"o-hvy-events-table__line__cell__name__sub\">\n            @if (event.equipment) {\n              {{ event.equipment.name ? event.equipment.name : '' }} -\n              {{ event.equipment ? ('@hvy.event.family.' + event.equipment.family | i18n) : '' }}\n            }\n          </div>\n          <div class=\"o-hvy-events-table__line__cell__name__subsub\">\n            <span>{{ event.address }}</span>\n            @if(event.district) {\n              @if(event.address) {\n                <span>,&nbsp;</span>\n              }\n              <span>{{(\"@hvy.event.places.\" + event.district | i18n)}} </span>\n            }\n          </div>\n        </td>\n        <td class=\"o-hvy-events-table__line__cell td-journal-di\" #elem>\n          @if (getEventDisLength(event) > 0){\n            <div class=\"o-hvy-last-events__services__item__icon\">\n              <div class=\"event-dis-container\"\n                   (mouseenter)=\"showDiTooltip(event, index)\"\n                   (mouseleave)=\"showDiTooltip(event, index)\">\n                <pry-icon iconSvg=\"service\" [height]=\"30\" [width]=\"30\"></pry-icon>\n                  <div class=\"event-dis-number\">\n                    {{eventDisLength}}\n                  </div>\n              </div>\n            </div>\n          }\n        </td>\n        <td class=\"o-hvy-events-table__line__cell -centered status\">\n          <hvy-status-display [item]=\"event\"></hvy-status-display>\n        </td>\n        <td class=\"o-hvy-events-table__line__cell source\">\n          {{ event.externalSourceRef ?? ('@hvy.event.hypervisor' | i18n) }}\n        </td>\n        <td class=\"o-hvy-events-table__line__cell -centered progress\">{{ event.procedureProgress }} %</td>\n        <td class=\"o-hvy-events-table__line__cell category\">\n          <div class=\"o-hvy-events-table__line__cell__name__main\">\n            {{ '@hvy.event.category.' + event.category | i18n }}\n          </div>\n          @if (event.subCategory && event.subCategory !== 'NONE') {\n            <div class=\"o-hvy-events-table__line__cell__name__sub\">\n              {{ '@hvy.event.subCategory.' + event.subCategory | i18n }}\n            </div>\n          }\n        </td>\n        <td class=\"o-hvy-events-table__line__cell creation-date\">\n          {{ event.creationDate | displayLocaleDatetime }}\n        </td>\n        <td class=\"o-hvy-events-table__line__cell modification-date\">\n          {{ event.lastModificationDate | displayLocaleDatetime }}\n        </td>\n        <td class=\"o-hvy-events-table__line__cell link\">\n          @if (!disableGotoDetail) {\n            <a\n              [routerLink]=\"EVENT_LINK.fn(event, _store)\"\n              [title]=\"\n                '@hvy.event.consult'\n                  | i18n: { howMany: Math.max(1, event.linkedEvents), plural: event.linkedEvents > 1 ? 's' : '' }\n              \"\n            >\n              <div class=\"consult-link\">\n                <pry-icon iconSvg=\"eye\" [height]=\"30\" [width]=\"40\"></pry-icon>\n                @if (event.linkedEvents > 1) {\n                  <div class=\"indicator-badge\">{{ event.linkedEvents }}</div>\n                }\n              </div>\n            </a>\n          }\n        </td>\n      </tr>\n    } @empty {\n      <tr>\n        <td class=\"o-hvy-events-table__empty\" colspan=\"50\">\n          <div>{{ '@hvy.event.log.empty' | i18n }}</div>\n          <div>\n            <ng-content></ng-content>\n          </div>\n        </td>\n      </tr>\n    }\n  </tbody>\n</table>\n\n<ng-template #diTooltip let-event>\n  <div class=\"event-dis-tooltip\">\n    @for (di of event.dis; track di){\n      <div>\n        - {{di.id}} ({{'@hvy.procedure.status.' + di.status | i18n}})\n      </div>\n    }\n  </div>\n</ng-template>\n\n" }]
+        }], ctorParameters: () => [{ type: i1$1.Store }, { type: i0.ElementRef }, { type: i2.Router }, { type: InfiniteScrollService }, { type: i4.Overlay }, { type: i0.ViewContainerRef }, { type: i4.OverlayPositionBuilder }, { type: i4.CdkScrollable, decorators: [{
+                    type: Optional
+                }, {
+                    type: Host
+                }] }], propDecorators: { disableGotoDetail: [{
                 type: Input
             }], diTooltip: [{
                 type: ViewChild,
@@ -1564,13 +1571,13 @@ class HvyServiceActionDisplayComponent extends HvyBaseParameterActionComponent {
             }, 100);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: HvyServiceActionDisplayComponent, deps: [{ token: i1$3.PryDialogService }, { token: i2$1.Overlay }, { token: ServiceService }, { token: i1$3.I18nPipe }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: HvyServiceActionDisplayComponent, deps: [{ token: i1$3.PryDialogService }, { token: i4.Overlay }, { token: ServiceService }, { token: i1$3.I18nPipe }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: HvyServiceActionDisplayComponent, selector: "hvy-service-action-display", viewQueries: [{ propertyName: "menuButton", first: true, predicate: ["menuButton"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "<div class=\"param-line -vertical\">\n  <p>\n    {{ '@hvy.procedure.action.service' | i18n }} : <b>{{ reference }}</b> {{ status }}\n  </p>\n  @if (!action.serviceExternalId && this.mode !== 'model') {\n    <button\n      class=\"a-link\"\n      [disabled]=\"readonly ||\n      (action.type === 'ASKED_SERVICE' &&\n        (action.status === 'DONE' || action.status === 'OT_CLOSED' || !action.lastModificationDate)\n      ) || disableSaveDIButton\"\n      (click)=\"toggleModal()\"\n      #menuButton\n    >\n      > {{ '@hvy.action.create' | i18n }}\n    </button>\n  }\n</div>\n", dependencies: [{ kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: HvyServiceActionDisplayComponent, decorators: [{
             type: Component,
             args: [{ selector: 'hvy-service-action-display', template: "<div class=\"param-line -vertical\">\n  <p>\n    {{ '@hvy.procedure.action.service' | i18n }} : <b>{{ reference }}</b> {{ status }}\n  </p>\n  @if (!action.serviceExternalId && this.mode !== 'model') {\n    <button\n      class=\"a-link\"\n      [disabled]=\"readonly ||\n      (action.type === 'ASKED_SERVICE' &&\n        (action.status === 'DONE' || action.status === 'OT_CLOSED' || !action.lastModificationDate)\n      ) || disableSaveDIButton\"\n      (click)=\"toggleModal()\"\n      #menuButton\n    >\n      > {{ '@hvy.action.create' | i18n }}\n    </button>\n  }\n</div>\n" }]
-        }], ctorParameters: () => [{ type: i1$3.PryDialogService }, { type: i2$1.Overlay }, { type: ServiceService }, { type: i1$3.I18nPipe }], propDecorators: { menuButton: [{
+        }], ctorParameters: () => [{ type: i1$3.PryDialogService }, { type: i4.Overlay }, { type: ServiceService }, { type: i1$3.I18nPipe }], propDecorators: { menuButton: [{
                 type: ViewChild,
                 args: ['menuButton', { read: ElementRef }]
             }] } });
@@ -1916,13 +1923,13 @@ class ProcedureActionsComponent extends SubscriptionnerDirective {
             });
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ProcedureActionsComponent, deps: [{ token: i1$3.PryDialogService }, { token: i2$1.Overlay }, { token: HypCommentsService }, { token: ServiceService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ProcedureActionsComponent, deps: [{ token: i1$3.PryDialogService }, { token: i4.Overlay }, { token: HypCommentsService }, { token: ServiceService }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: ProcedureActionsComponent, selector: "hvy-procedure-actions", inputs: { mode: "mode", me: "me", readonly: "readonly", readOnlyComment: "readOnlyComment", enableEditActions: "enableEditActions", events: "events", disableSaveDIButton: "disableSaveDIButton", initialActions: "initialActions", procedureModificationsActions: "procedureModificationsActions", actions: "actions" }, outputs: { modified: "modified", commented: "commented", refreshActions: "refreshActions" }, viewQueries: [{ propertyName: "menuButtons", predicate: ["menuButton"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "<div\n  class=\"o-hvy-events-detail__procedure__actions\"\n  (drag)=\"move($event)\"\n  (drop)=\"drop($event)\"\n  (dragover)=\"allowDrop($event)\"\n>\n  @for (action of actions; track action.id; let idx = $index) {\n    <div\n      class=\"o-hvy-events-detail__procedure__actions__action\"\n      [draggable]=\"isDraggable(action) && !readonly\"\n      (dragstart)=\"dragStart($event, action, idx)\"\n      (mousedown)=\"onMouseDown($event)\"\n      [class.-updating]=\"!!action._status\"\n      [class.-other-updating]=\"editing\"\n    >\n      <div class=\"o-hvy-events-detail__procedure__actions__action__header\">\n        @if (this.enableEditActions) {\n          <pry-icon\n            iconSvg=\"six_dot\"\n            #handle\n            [class.-disabled]=\"!isDraggable(action)\"\n            [class.-hidden]=\"action._status || readonly\"\n            class=\"grabbable\"\n          ></pry-icon>\n        }\n        <div class=\"number-badge\">{{ idx + 1 }}</div>\n        @if (!action._status || readonly) {\n          @if (mode === 'procedure') {\n            <pry-checkbox\n              [ngModel]=\"action.status !== 'NEW' || !!action.serviceExternalId\"\n              (click)=\"toggleActionStatus(idx, $event, disabledCheckbox(action))\"\n              [disabled]=\"disabledCheckbox(action)\"\n              [class.-disabled]=\"disabledCheckbox(action)\"\n              [title]=\"'@hvy.procedure.checkbox.' + action.status | i18n\"\n            ></pry-checkbox>\n          }\n          <div [class.-done]=\"action.status === 'DONE' || action.status === 'OT_CLOSED'\" [class.-disabled]=\"editing\">\n            <hvy-action-parameter\n              [action]=\"action\"\n              [type]=\"action.type\"\n              [isParam]=\"false\"\n              [events]=\"this.events\"\n              [mode]=\"this.mode\"\n              [readonly]=\"readonly\"\n              [disableSaveDIButton]=\"disableSaveDIButton || editing ||\n              (actions.length !== initialActions?.length) ||\n              (procedureModificationsActions !== undefined && procedureModificationsActions.length > 0)\"\n            ></hvy-action-parameter>\n          </div>\n          @if (!readonly) {\n            <button class=\"a-btn a-btn--icon-only\" (click)=\"openModal(action, idx)\" [disabled]=\"editing\">\n              <pry-icon iconSvg=\"more_horiz\" #menuButton></pry-icon>\n            </button>\n          }\n        } @else {\n          <div class=\"o-hvy-events-detail__procedure__actions__action__create\">\n            <div class=\"o-hvy-events-detail__procedure__actions__action__create__header\">\n              <p>{{ '@hvy.procedure.action.' + action._status | i18n }}</p>\n              <button class=\"a-btn a-btn--icon-only\" (click)=\"saveAction(action, idx)\" [disabled]=\"!isValid(action)\">\n                <pry-icon iconSvg=\"check\"></pry-icon>\n              </button>\n              <button class=\"a-btn a-btn--icon-only\" (click)=\"cancelAction(action, idx)\">\n                <pry-icon iconSvg=\"close\"></pry-icon>\n              </button>\n            </div>\n            <div>\n              <pry-select\n                [ngModel]=\"action.type\"\n                [items]=\"ACTIONS_TYPES\"\n                (ngModelChange)=\"update(idx, 'type', $event)\"\n                i18nPrefix=\"@hvy.procedure.action.\"\n                [placeholder]=\"'@hvy.procedure.action.placeholder.action' | i18n\"\n              ></pry-select>\n            </div>\n            <hvy-action-parameter\n              [action]=\"action\"\n              [type]=\"action.type\"\n              [isParam]=\"true\"\n              [events]=\"this.events\"\n              [mode]=\"this.mode\"\n              [disableSaveDIButton]=\"disableSaveDIButton || editing\"\n            ></hvy-action-parameter>\n          </div>\n        }\n      </div>\n      <hvy-comments\n        [lastComment]=\"action.lastComment\"\n        [commentCount]=\"action.commentsCount\"\n        [objectId]=\"action.id\"\n        [readonly]=\"readOnlyComment\"\n        (commented)=\"updateComment(action, $event)\"\n        [type]=\"'actions'\"\n        [trigger]=\"triggers[action.id]\"\n        [displayEmpty]=\"false\"\n        [me]=\"me\"\n      ></hvy-comments>\n    </div>\n  } @empty {\n    @if (actions.length === 0) {\n      <div>{{ '@hvy.event.log.procedure.noAction' | i18n }}</div>\n    }\n  }\n  @if (!readonly && enableEditActions) {\n    <div class=\"o-hvy-events-detail__procedure__button\">\n      <button class=\"a-btn a-btn--primary\" (click)=\"add()\" [disabled]=\"editing\">\n        <pry-icon iconSvg=\"add\"></pry-icon>\n        {{ '@hvy.procedure.action.add' | i18n }}\n      </button>\n    </div>\n  }\n</div>\n", dependencies: [{ kind: "component", type: i5.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle", "name", "inputId", "inhibit"] }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1$3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i1$3.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "isForm", "required", "name", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked", "pressedEnter"] }, { kind: "component", type: HvyActionParameterComponent, selector: "hvy-action-parameter", inputs: ["mode", "readonly", "disableSaveDIButton", "events", "isParam", "type", "action"] }, { kind: "component", type: HvyCommentsComponent, selector: "hvy-comments", inputs: ["readonly", "me", "type", "objectId", "displayEmpty", "commentCount", "lastComment", "trigger"], outputs: ["commented"] }, { kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ProcedureActionsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'hvy-procedure-actions', template: "<div\n  class=\"o-hvy-events-detail__procedure__actions\"\n  (drag)=\"move($event)\"\n  (drop)=\"drop($event)\"\n  (dragover)=\"allowDrop($event)\"\n>\n  @for (action of actions; track action.id; let idx = $index) {\n    <div\n      class=\"o-hvy-events-detail__procedure__actions__action\"\n      [draggable]=\"isDraggable(action) && !readonly\"\n      (dragstart)=\"dragStart($event, action, idx)\"\n      (mousedown)=\"onMouseDown($event)\"\n      [class.-updating]=\"!!action._status\"\n      [class.-other-updating]=\"editing\"\n    >\n      <div class=\"o-hvy-events-detail__procedure__actions__action__header\">\n        @if (this.enableEditActions) {\n          <pry-icon\n            iconSvg=\"six_dot\"\n            #handle\n            [class.-disabled]=\"!isDraggable(action)\"\n            [class.-hidden]=\"action._status || readonly\"\n            class=\"grabbable\"\n          ></pry-icon>\n        }\n        <div class=\"number-badge\">{{ idx + 1 }}</div>\n        @if (!action._status || readonly) {\n          @if (mode === 'procedure') {\n            <pry-checkbox\n              [ngModel]=\"action.status !== 'NEW' || !!action.serviceExternalId\"\n              (click)=\"toggleActionStatus(idx, $event, disabledCheckbox(action))\"\n              [disabled]=\"disabledCheckbox(action)\"\n              [class.-disabled]=\"disabledCheckbox(action)\"\n              [title]=\"'@hvy.procedure.checkbox.' + action.status | i18n\"\n            ></pry-checkbox>\n          }\n          <div [class.-done]=\"action.status === 'DONE' || action.status === 'OT_CLOSED'\" [class.-disabled]=\"editing\">\n            <hvy-action-parameter\n              [action]=\"action\"\n              [type]=\"action.type\"\n              [isParam]=\"false\"\n              [events]=\"this.events\"\n              [mode]=\"this.mode\"\n              [readonly]=\"readonly\"\n              [disableSaveDIButton]=\"disableSaveDIButton || editing ||\n              (actions.length !== initialActions?.length) ||\n              (procedureModificationsActions !== undefined && procedureModificationsActions.length > 0)\"\n            ></hvy-action-parameter>\n          </div>\n          @if (!readonly) {\n            <button class=\"a-btn a-btn--icon-only\" (click)=\"openModal(action, idx)\" [disabled]=\"editing\">\n              <pry-icon iconSvg=\"more_horiz\" #menuButton></pry-icon>\n            </button>\n          }\n        } @else {\n          <div class=\"o-hvy-events-detail__procedure__actions__action__create\">\n            <div class=\"o-hvy-events-detail__procedure__actions__action__create__header\">\n              <p>{{ '@hvy.procedure.action.' + action._status | i18n }}</p>\n              <button class=\"a-btn a-btn--icon-only\" (click)=\"saveAction(action, idx)\" [disabled]=\"!isValid(action)\">\n                <pry-icon iconSvg=\"check\"></pry-icon>\n              </button>\n              <button class=\"a-btn a-btn--icon-only\" (click)=\"cancelAction(action, idx)\">\n                <pry-icon iconSvg=\"close\"></pry-icon>\n              </button>\n            </div>\n            <div>\n              <pry-select\n                [ngModel]=\"action.type\"\n                [items]=\"ACTIONS_TYPES\"\n                (ngModelChange)=\"update(idx, 'type', $event)\"\n                i18nPrefix=\"@hvy.procedure.action.\"\n                [placeholder]=\"'@hvy.procedure.action.placeholder.action' | i18n\"\n              ></pry-select>\n            </div>\n            <hvy-action-parameter\n              [action]=\"action\"\n              [type]=\"action.type\"\n              [isParam]=\"true\"\n              [events]=\"this.events\"\n              [mode]=\"this.mode\"\n              [disableSaveDIButton]=\"disableSaveDIButton || editing\"\n            ></hvy-action-parameter>\n          </div>\n        }\n      </div>\n      <hvy-comments\n        [lastComment]=\"action.lastComment\"\n        [commentCount]=\"action.commentsCount\"\n        [objectId]=\"action.id\"\n        [readonly]=\"readOnlyComment\"\n        (commented)=\"updateComment(action, $event)\"\n        [type]=\"'actions'\"\n        [trigger]=\"triggers[action.id]\"\n        [displayEmpty]=\"false\"\n        [me]=\"me\"\n      ></hvy-comments>\n    </div>\n  } @empty {\n    @if (actions.length === 0) {\n      <div>{{ '@hvy.event.log.procedure.noAction' | i18n }}</div>\n    }\n  }\n  @if (!readonly && enableEditActions) {\n    <div class=\"o-hvy-events-detail__procedure__button\">\n      <button class=\"a-btn a-btn--primary\" (click)=\"add()\" [disabled]=\"editing\">\n        <pry-icon iconSvg=\"add\"></pry-icon>\n        {{ '@hvy.procedure.action.add' | i18n }}\n      </button>\n    </div>\n  }\n</div>\n" }]
-        }], ctorParameters: () => [{ type: i1$3.PryDialogService }, { type: i2$1.Overlay }, { type: HypCommentsService }, { type: ServiceService }], propDecorators: { modified: [{
+        }], ctorParameters: () => [{ type: i1$3.PryDialogService }, { type: i4.Overlay }, { type: HypCommentsService }, { type: ServiceService }], propDecorators: { modified: [{
                 type: Output
             }], commented: [{
                 type: Output
@@ -2669,13 +2676,13 @@ class EventDetailComponent extends SubscriptionnerDirective {
         this.tooltipRef.dialog?.close();
         this.tooltipRef.dialog = null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: EventDetailComponent, deps: [{ token: EquipmentService }, { token: i1$1.Store }, { token: i2$1.Overlay }, { token: i0.ViewContainerRef }, { token: i1$3.PryI18nService }, { token: i1$3.PryDialogService }, { token: HypCommentsService }, { token: EventService }, { token: i1$5.Actions }, { token: i1$4.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: EventDetailComponent, deps: [{ token: EquipmentService }, { token: i1$1.Store }, { token: i4.Overlay }, { token: i0.ViewContainerRef }, { token: i1$3.PryI18nService }, { token: i1$3.PryDialogService }, { token: HypCommentsService }, { token: EventService }, { token: i1$5.Actions }, { token: i1$4.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: EventDetailComponent, selector: "hvy-event-detail", inputs: { placesChoices: "placesChoices", title: "title", equipmentFromMap: "equipmentFromMap", readonly: "readonly", readonlyProcedure: "readonlyProcedure", enableEditActions: "enableEditActions", readOnlyComment: "readOnlyComment", me: "me", events: "events", procedure: "procedure", cancelModifications: "cancelModifications" }, outputs: { modifiedEvents: "modifiedEvents", modifiedProcedure: "modifiedProcedure", eventErrors: "eventErrors", addedEvent: "addedEvent", comfirmDialogOpened: "comfirmDialogOpened", commented: "commented" }, viewQueries: [{ propertyName: "confirmDialog", first: true, predicate: ["confirmDialog"], descendants: true, read: TemplateRef }, { propertyName: "detailHoverIcon", predicate: ["detailHoverIcon"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "<div class=\"o-hvy-events-detail\">\n  <div class=\"o-hvy-events-detail__header\">\n    <div class=\"o-hvy-events-detail__header__split\">\n      <h1>{{ title ?? '@hvy.event.detail' | i18n }} {{events.length > 1 ? '('+events.length+')': ''}}</h1>\n      @if (procedure && canCloseSome) {\n        <button class=\"add-button\" [disabled]=\"readonly\" (click)=\"addOneEvent()\">\n          <pry-icon iconSvg=\"add\" [width]=\"18\" [height]=\"18\"></pry-icon>\n        </button>\n      }\n      @if (events.length > 1) {\n        @if (canCloseSome && !readonly) {\n          <button class=\"a-btn a-btn--secondary -fix-right\" [disabled]=\"!canCloseSome\" (click)=\"closeAll()\">\n            {{ (canCloseSome ? '@hvy.event.log.event.close' : '@hvy.event.log.event.closed') | i18n }}\n          </button>\n        }\n        @if (!canCloseSome && closeComment && closeComment.length > 0) {\n          <div class=\"a-tooltip\" [attr.data-tooltip]=\"closeComment\" data-tooltip-position=\"right\">\n            <pry-icon iconSvg=\"i\" [height]=\"18\" [width]=\"18\">i</pry-icon>\n          </div>\n        }\n      }\n    </div>\n    <div class=\"o-hvy-events-detail__header__split\">\n      @if (procedure && !readonly) {\n        <button class=\"a-btn a-btn--secondary\" (click)=\"openDeleteModal()\" [disabled]=\"readonlyProcedure\">\n          {{ '@hvy.event.log.procedure.delete' | i18n }}\n        </button>\n      }\n    </div>\n  </div>\n  <div class=\"o-hvy-events-detail__container\" id=\"provoly-event-detail-container\">\n    <div class=\"o-hvy-events-detail__container__scrollable\">\n      <div class=\"o-hvy-events-detail__events\">\n        @for (event of events; track event.id; let idx = $index) {\n          <div class=\"o-hvy-events-detail__events__event\">\n            <div class=\"o-hvy-events-detail__events__event__header\">\n              <pry-icon\n                iconSvg=\"arrow_down_rounded\"\n                [class.-rotated]=\"opened[idx]\"\n                class=\"-hand\"\n                (click)=\"toggle(idx)\"\n                [width]=\"10\"\n                [height]=\"10\"\n              ></pry-icon>\n              <hvy-icon-display [event]=\"event\"></hvy-icon-display>\n              <h2>{{ event.name }}</h2>\n              <div class=\"o-hvy-events-detail__events__event__header__comment\">\n                @if (event.commentCount > 0) {\n                  <span>{{\n                    (event.commentCount > 1 ? '@hvy.event.comment.heads' : '@hvy.event.comment.head')\n                      | i18n: { nb: event.commentCount }\n                  }}</span>\n                }\n              </div>\n              <hvy-status-display\n                [item]=\"event\"\n                [modifiable]=\"event.status !== 'DONE'\"\n                [readonly]=\"readonly\"\n                (modified)=\"changeStatus($event, event)\"\n              ></hvy-status-display>\n            </div>\n            <div class=\"o-hvy-events-detail__events__event__content\">\n              @if (!opened[idx]) {\n                <div>\n                  {{ '@hvy.event.log.event.category' | i18n }} : {{ '@hvy.event.category.' + event.category | i18n }}\n                </div>\n                <div>{{ '@hvy.event.log.event.description' | i18n }} : {{ event.description }}</div>\n              } @else {\n                @if (access(event); as accessValue) {\n                  <div class=\"o-hvy-events-detail__events__event__content__header\">\n                    <h3>{{ '@hvy.event.log.event.detail' | i18n }}</h3>\n                    <span class=\"required\">{{ '@hvy.event.log.event.mandatory' | i18n }}</span>\n                  </div>\n                  <table>\n                    <tbody>\n                      <!--identifiant-->\n                      @if (event.id > 0) {\n                        <tr>\n                          <td>{{ '@hvy.event.log.event.id' | i18n }}<span class=\"required\">*</span> :</td>\n                          <td>\n                            <input type=\"text\" class=\"a-form-field\" [value]=\"padId.fn(event.id)\" [readonly]=\"true\" />\n                          </td>\n                          <td></td>\n                        </tr>\n                      }\n                      <!--nom-->\n                      <tr>\n                        <td>{{ '@hvy.event.log.event.name' | i18n }}<span class=\"required\">*</span> :</td>\n                        <td>\n                          <input\n                            type=\"text\"\n                            class=\"a-form-field\"\n                            [class.-error]=\"hasError('name', idx)\"\n                            [value]=\"event.name\"\n                            (change)=\"modifyEvent(idx, 'name', $event)\"\n                            [readonly]=\"accessValue.name\"\n                            [maxLength]=\"50\"\n                          />\n                        </td>\n                        <td></td>\n                      </tr>\n                      <!--categorie-->\n                      <tr>\n                        <td>{{ '@hvy.event.log.event.category' | i18n }}<span class=\"required\">*</span> :</td>\n                        <td>\n                          <pry-select\n                            [ngModel]=\"event.category\"\n                            [items]=\"categories(event)\"\n                            [class.-error]=\"hasError('category', idx)\"\n                            (ngModelChange)=\"modifyEvent(idx, 'category', $event)\"\n                            i18nPrefix=\"@hvy.event.category.\"\n                            [disabled]=\"accessValue.category\"\n                          ></pry-select>\n                        </td>\n                        <td></td>\n                      </tr>\n                      <!--sous categorie-->\n                      @if (event.category === 'ANOMALY') {\n                        <tr>\n                          <td>{{ '@hvy.event.subCategory.name' | i18n }}<span class=\"required\">*</span> :</td>\n                          <td>\n                            <pry-select\n                              [ngModel]=\"event.subCategory\"\n                              [items]=\"subCategories\"\n                              [class.-error]=\"hasError('subCategory', idx)\"\n                              (ngModelChange)=\"modifyEvent(idx, 'subCategory', $event)\"\n                              i18nPrefix=\"@hvy.event.subCategory.\"\n                              [disabled]=\"accessValue.subCategory\"\n                            ></pry-select>\n                          </td>\n                          <td></td>\n                        </tr>\n                      }\n                      <!--criticite-->\n                      <tr>\n                        <td>{{ '@hvy.event.criticality.name' | i18n }}<span class=\"required\">*</span> :</td>\n                        <td>\n                          <pry-select\n                            [ngModel]=\"event.criticality\"\n                            [items]=\"criticalities\"\n                            [class.-error]=\"hasError('criticality', idx)\"\n                            i18nPrefix=\"@hvy.event.criticality.\"\n                            [disabled]=\"accessValue.criticality\"\n                            (ngModelChange)=\"modifyEvent(idx, 'criticality', $event)\"\n                          ></pry-select>\n                        </td>\n                        <td></td>\n                      </tr>\n                      <!--metier-->\n                      <tr>\n                        <td>{{ '@hvy.event.domain.name' | i18n }} :</td>\n                        <td>\n                          <pry-select\n                            [items]=\"DOMAINS\"\n                            [ngModel]=\"event.domain\"\n                            i18nPrefix=\"@hvy.event.domain.\"\n                            [class.-error]=\"hasError('domain', idx)\"\n                            (ngModelChange)=\"modifyEvent(idx, 'domain', $event)\"\n                            [disabled]=\"accessValue.domain\"\n                          ></pry-select>\n                        </td>\n                        <td></td>\n                      </tr>\n                      <!--equipement-->\n                      <tr>\n                        <td>{{ '@hvy.event.equipment' | i18n }} :</td>\n                        <td class=\"td-autocomplete\">\n                          <input type=\"text\" class=\"input-autocomplete\"\n                                 [placeholder]=\"'@hvy.event.equipmentPlaceholder' | i18n\"\n                                 [matAutocomplete]=\"auto\"\n                                 [formControl]=\"getEquipControl(idx)\"\n                                 [ngClass]=\"{'equipment-disabled': event.status === 'DONE'}\"\n                                 #trigger=\"matAutocompleteTrigger\"\n                                 [class.-error]=\"hasError('equipment', idx)\"/>\n                          <mat-autocomplete\n                            #auto=\"matAutocomplete\"\n                            [displayWith]=\"displayEquipment.bind(this)\"\n                            (opened)=\"openAutocomplete(idx)\"\n                            (closed)=\"closeAutocomplete(idx)\"\n                          >\n                            @for (equipment of equipments$[idx] | async; track equipment) {\n                              <mat-option [value]=\"equipment\">\n                                {{equipment.name}} - {{'@hvy.event.family.' + equipment.family | i18n}}\n                              </mat-option>\n                            }\n                          </mat-autocomplete>\n\n                          <pry-icon\n                            class=\"a-pry-select__toggle autocomplete-chevron\"\n                            [iconSvg]=\"openedAutocomplete[idx]? 'chevron_top' : 'chevron_bottom'\"\n                            [width]=\"10\"\n                            [height]=\"16\"\n                            (click)=\"openOrCloseAutocomplete($event, trigger, idx)\"\n                          ></pry-icon>\n                        </td>\n\n                        <td>\n                          @if (selectedEquipment[idx]) {\n                            <pry-icon\n                              iconSvg=\"i\"\n                              class=\"-hand anchor-tooltip\"\n                              [ngClass]=\"'anchor-tooltip-'+ idx\"\n                              [style.anchor-name]=\"'--my-anchor' + idx\"\n                              #detailHoverIcon\n                              (click)=\"toggleDetailsTooltip(idx)\"\n                              [width]=\"18\"\n                              [height]=\"18\"\n                            ></pry-icon>\n                          }\n                        </td>\n                      </tr>\n                      <!--entite-->\n                      <tr>\n                        <td>{{ '@hvy.event.equipmentEntity' | i18n }} :</td>\n                        <td>\n                          <input\n                            type=\"text\"\n                            class=\"a-form-field\"\n                            [class.-error]=\"hasError('equipment', idx)\"\n                            [value]=\"\n                              (event.equipment?.entity ? '@hvy.event.entity.' + event.equipment?.entity : '') | i18n\n                            \"\n                            readonly\n                          />\n                        </td>\n                        <td></td>\n                      </tr>\n                      <!--adresse-->\n                      <tr>\n                        <td>{{ '@hvy.event.log.event.address' | i18n }} :</td>\n                        <td>\n                          <textarea\n                            [ngModel]=\"event.address\"\n                            class=\"a-form-field\"\n                            [class.-error]=\"hasError('address', idx)\"\n                            [readonly]=\"accessValue.address\"\n                            (ngModelChange)=\"modifyEvent(idx, 'address', $event)\"\n                            [maxLength]=\"256\"\n                            [disabled]=\"adressDisabled[idx] || event.status === 'DONE'\"\n                          ></textarea>\n                        </td>\n                        <td></td>\n                      </tr>\n                      <!--ville-->\n                      <tr>\n                        <td>{{ '@hvy.event.district' | i18n }} :</td>\n                        <td>\n                          <pry-select\n                            [items]=\"placesChoices\"\n                            [ngModel]=\"event.district\"\n                            [bindValue]=\"'key'\"\n                            bindLabel=\"display\"\n                            i18nPrefix=\"@hvy.event.places.\"\n                            (ngModelChange)=\"modifyEvent(idx, 'district', $event)\"\n                            [disabled]=\"adressDisabled[idx] || event.status === 'DONE'\"\n                          ></pry-select>\n                        </td>\n                        <td></td>\n                      </tr>\n                      <!--evenement parent-->\n                      <tr>\n                        <td>{{ '@hvy.event.parentEvent.name' | i18n }} :</td>\n                        <td>\n                          <pry-select\n                            [items]=\"events$ | async\"\n                            bindLabel=\"displayName\"\n                            [ngModel]=\"eventSelectValue[idx]\"\n                            (ngModelChange)=\"selectedParentChange($event, idx)\"\n                            [autocomplete]=\"true\"\n                            [externalAutocompleteService]=\"true\"\n                            [placeholder]=\"'@hvy.event.parentEvent.placeholder' | i18n\"\n                            id=\"parent\"\n                            [template]=\"templateParent\"\n                            [disabled]=\"accessValue.parent\"\n                            [class.-error]=\"hasError('parent', idx)\"\n                            class=\"o-hvy-events-detail__events__event__content__equipment\"\n                          ></pry-select>\n                          <ng-template #templateParent let-item=\"item\">\n                            <div class=\"u-display-flex -column\">\n                              <span [innerHTML]=\"item.html\"></span>\n                            </div>\n                          </ng-template>\n                        </td>\n                        <td></td>\n                      </tr>\n                      <!--description-->\n                      <tr>\n                        <td>{{ '@hvy.event.log.event.description' | i18n }}<span class=\"required\">*</span> :</td>\n                        <td>\n                          <textarea\n                            [ngModel]=\"event.description\"\n                            class=\"a-form-field\"\n                            [class.-error]=\"hasError('description', idx)\"\n                            [readonly]=\"accessValue.description\"\n                            (ngModelChange)=\"modifyEvent(idx, 'description', $event)\"\n                            [maxLength]=\"256\"\n                          ></textarea>\n                        </td>\n                        <td></td>\n                      </tr>\n                      <!--date debut-->\n                      <tr>\n                        <td>\n                          {{ '@hvy.event.startDate' | i18n }}\n                          @if (event.category === 'MANIFESTATION') {\n                            <span class=\"required\">*</span>\n                          }\n                          :\n                        </td>\n                        <td>\n                          <input\n                            type=\"datetime-local\"\n                            class=\"a-form-field\"\n                            [value]=\"event.startDate | forDateTimeLocal\"\n                            [class.-error]=\"hasError('startDate', idx)\"\n                            [readonly]=\"accessValue.startDate\"\n                            (change)=\"modifyEvent(idx, 'startDate', $event)\"\n                          />\n                        </td>\n                        <td></td>\n                      </tr>\n                      <!--date fin-->\n                      <tr>\n                        <td>\n                          {{ '@hvy.event.endDate' | i18n }}\n                          @if (event.category === 'MANIFESTATION') {\n                            <span class=\"required\">*</span>\n                          }\n                          :\n                        </td>\n                        <td>\n                          <input\n                            type=\"datetime-local\"\n                            class=\"a-form-field\"\n                            [value]=\"event.endDate | forDateTimeLocal\"\n                            [class.-error]=\"hasError('endDate', idx)\"\n                            [readonly]=\"accessValue.endDate\"\n                            (change)=\"modifyEvent(idx, 'endDate', $event)\"\n                          />\n                          @if (hasError('endDate', idx) && event.endDate && event.startDate) {\n                            <span class=\"a-form-field -error\">{{ '@hvy.event.errorDate' | i18n }}</span>\n                          }\n                        </td>\n                        <td></td>\n                      </tr>\n                      <!--source-->\n                      <tr>\n                        <td>{{ '@hvy.event.source' | i18n }}<span class=\"required\">*</span> :</td>\n                        <td>\n                          <input\n                            type=\"text\"\n                            class=\"a-form-field\"\n                            [value]=\"event.externalSourceRef ?? ('@hvy.event.hypervisor' | i18n)\"\n                            [class.-error]=\"hasError('source', idx)\"\n                            [readonly]=\"accessValue.source\"\n                            (change)=\"modifyEvent(idx, 'source', $event)\"\n                          />\n                        </td>\n                        <td></td>\n                      </tr>\n                      <!--ref\u00E9rence externe-->\n                      @if (event.externalSourceRef !== 'Hyperviseur') {\n                        <tr>\n                          <td>{{ '@hvy.event.externalId' | i18n }}<span class=\"required\">*</span> :</td>\n                          <td>\n                            <input\n                              type=\"text\"\n                              class=\"a-form-field\"\n                              [value]=\"event.externalId ?? '-'\"\n                              [readonly]=\"true\"\n                            />\n                          </td>\n                          <td></td>\n                        </tr>\n                      }\n                      <!--createur-->\n                      <tr>\n                        <td>{{ '@hvy.event.creator' | i18n }}<span class=\"required\">*</span> :</td>\n                        <td>\n                          <input type=\"text\" class=\"a-form-field\" [value]=\"event.creator\" [readonly]=\"true\" />\n                        </td>\n                        <td></td>\n                      </tr>\n                      <!--date creation-->\n                      <tr>\n                        <td>{{ '@hvy.event.creationDate' | i18n }}<span class=\"required\">*</span> :</td>\n                        <td>\n                          <input\n                            type=\"datetime-local\"\n                            class=\"a-form-field\"\n                            [value]=\"event.creationDate | forDateTimeLocal\"\n                            readonly\n                          />\n                        </td>\n                        <td></td>\n                      </tr>\n                      <!--date modification-->\n                      <tr>\n                        <td>{{ '@hvy.event.lastModificationDate' | i18n }}<span class=\"required\">*</span> :</td>\n                        <td>\n                          <input\n                            type=\"datetime-local\"\n                            class=\"a-form-field\"\n                            [value]=\"event.lastModificationDate | forDateTimeLocal\"\n                            readonly\n                          />\n                        </td>\n                        <td></td>\n                      </tr>\n                      <!--date cloture-->\n                      <tr>\n                        <td>{{ '@hvy.event.closeDate' | i18n }} :</td>\n                        <td>\n                          <input\n                            type=\"datetime-local\"\n                            class=\"a-form-field\"\n                            [value]=\"event.closeDate | forDateTimeLocal\"\n                            readonly\n                          />\n                        </td>\n                        <td></td>\n                      </tr>\n                    </tbody>\n                  </table>\n                  @if (event.id !== -1) {\n                    <hvy-comments\n                      [lastComment]=\"event.lastComment\"\n                      [commentCount]=\"event.commentCount\"\n                      (commented)=\"updateComment(event, $event)\"\n                      [readonly]=\"readonly\"\n                      [type]=\"'events'\"\n                      [me]=\"me?.sub\"\n                      [objectId]=\"event.id\"\n                    ></hvy-comments>\n                  }\n                }\n              }\n            </div>\n          </div>\n        }\n      </div>\n      <div class=\"o-hvy-events-detail__procedure\">\n        <div class=\"o-hvy-events-detail__procedure__header\">\n          <h2>\n            {{ (events.length === 1 ? '@hvy.event.log.procedure.name1' : '@hvy.event.log.procedure.name') | i18n }}\n          </h2>\n        </div>\n        @if (procedure) {\n          <div class=\"o-hvy-events-detail__procedure__description\">\n            <p>\n              <span>{{ procedure.name }}&nbsp;:</span>\n              {{ procedure.description }}\n            </p>\n          </div>\n          <div class=\"o-hvy-events-detail__procedure__progress\">\n            <p>{{ '@hvy.event.log.procedure.progress' | i18n }}</p>\n            <hvy-progress-display [progress]=\"calculatedProgress\"></hvy-progress-display>\n          </div>\n          <hvy-procedure-actions\n            [procedureModificationsActions]=\"procedureModifications?.actions\"\n            [initialActions] = this._procedure?.actions\n            [readonly]=\"readonlyProcedure || readonly\"\n            [readOnlyComment]=\"readOnlyComment\"\n            [disableSaveDIButton]=\"isEventModified()\"\n            [enableEditActions]=\"enableEditActions\"\n            [actions]=\"procedure.actions\"\n            (modified)=\"modifiedActions($event)\"\n            (refreshActions)=\"refreshActions($event)\"\n            [me]=\"me?.sub\"\n            [events]=\"this.events\"\n            (commented)=\"actionCommented($event)\"\n          ></hvy-procedure-actions>\n        } @else {\n          @if (!readonly) {\n            <button class=\"a-btn a-btn--secondary\" [disabled]=\"!canAssociateProcedure\" (click)=\"openAssociationModal()\">\n              {{ '@hvy.action.associate' | i18n }}\n            </button>\n          } @else {\n            <span class=\"o-hvy-events-detail__procedure__empty\">{{ '@hvy.event.log.procedure.none' | i18n }}</span>\n          }\n        }\n      </div>\n    </div>\n  </div>\n</div>\n\n<ng-template #confirmDialog>\n  <div\n    class=\"o-hvy-close-confirm__dialog\"\n    aria-labelledby=\"confirm\"\n    tabindex=\"-1\"\n    id=\"choice\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n  >\n    <h2>\n      {{\n        (changeStatusContext.events.length === 1 ? '@hvy.event.close.oneTitle' : '@hvy.event.close.multiTitle') | i18n\n      }}\n    </h2>\n    <p>{{ (changeStatusContext.events.length === 1 ? '@hvy.event.close.one' : '@hvy.event.close.multi') | i18n }}</p>\n    <ul class=\"list-eve-close-modal\">\n      @for (event of changeStatusContext.events; track event.id) {\n        <li>{{ event.name }}</li>\n      }\n    </ul>\n    <p class=\"o-hvy-close-confirm__dialog__comment-title\">\n      {{ '@hvy.event.close.comment' | i18n }}<span class=\"required\">*</span> :\n    </p>\n    <div class=\"o-hvy-close-confirm__dialog__comment\">\n      <textarea [(ngModel)]=\"changeStatusContext.comment\" class=\"a-form-field\" [maxLength]=\"255\"></textarea>\n    </div>\n    <div class=\"o-hvy-close-confirm__dialog__actions\">\n      <button class=\"a-btn a-btn--primary\" (click)=\"confirmedClose()\" [disabled]=\"confirmDisabled()\">\n        {{ '@hvy.action.validate' | i18n }}\n      </button>\n      <button class=\"a-btn a-btn--secondary\" (click)=\"toggleConfirm()\">{{ '@hvy.action.cancel' | i18n }}</button>\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1$3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i1$3.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "isForm", "required", "name", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked", "pressedEnter"] }, { kind: "directive", type: i9.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i9.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i9.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i1$4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconDisplayComponent, selector: "hvy-icon-display", inputs: ["event"] }, { kind: "component", type: StatusDisplayComponent, selector: "hvy-status-display", inputs: ["type", "readonly", "item", "modifiable"], outputs: ["modified"] }, { kind: "component", type: ProgressDisplayComponent, selector: "hvy-progress-display", inputs: ["progress"] }, { kind: "component", type: HvyCommentsComponent, selector: "hvy-comments", inputs: ["readonly", "me", "type", "objectId", "displayEmpty", "commentCount", "lastComment", "trigger"], outputs: ["commented"] }, { kind: "component", type: ProcedureActionsComponent, selector: "hvy-procedure-actions", inputs: ["mode", "me", "readonly", "readOnlyComment", "enableEditActions", "events", "disableSaveDIButton", "initialActions", "procedureModificationsActions", "actions"], outputs: ["modified", "commented", "refreshActions"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }, { kind: "pipe", type: ForDatetimeLocalPipe, name: "forDateTimeLocal" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: EventDetailComponent, decorators: [{
             type: Component,
             args: [{ selector: 'hvy-event-detail', template: "<div class=\"o-hvy-events-detail\">\n  <div class=\"o-hvy-events-detail__header\">\n    <div class=\"o-hvy-events-detail__header__split\">\n      <h1>{{ title ?? '@hvy.event.detail' | i18n }} {{events.length > 1 ? '('+events.length+')': ''}}</h1>\n      @if (procedure && canCloseSome) {\n        <button class=\"add-button\" [disabled]=\"readonly\" (click)=\"addOneEvent()\">\n          <pry-icon iconSvg=\"add\" [width]=\"18\" [height]=\"18\"></pry-icon>\n        </button>\n      }\n      @if (events.length > 1) {\n        @if (canCloseSome && !readonly) {\n          <button class=\"a-btn a-btn--secondary -fix-right\" [disabled]=\"!canCloseSome\" (click)=\"closeAll()\">\n            {{ (canCloseSome ? '@hvy.event.log.event.close' : '@hvy.event.log.event.closed') | i18n }}\n          </button>\n        }\n        @if (!canCloseSome && closeComment && closeComment.length > 0) {\n          <div class=\"a-tooltip\" [attr.data-tooltip]=\"closeComment\" data-tooltip-position=\"right\">\n            <pry-icon iconSvg=\"i\" [height]=\"18\" [width]=\"18\">i</pry-icon>\n          </div>\n        }\n      }\n    </div>\n    <div class=\"o-hvy-events-detail__header__split\">\n      @if (procedure && !readonly) {\n        <button class=\"a-btn a-btn--secondary\" (click)=\"openDeleteModal()\" [disabled]=\"readonlyProcedure\">\n          {{ '@hvy.event.log.procedure.delete' | i18n }}\n        </button>\n      }\n    </div>\n  </div>\n  <div class=\"o-hvy-events-detail__container\" id=\"provoly-event-detail-container\">\n    <div class=\"o-hvy-events-detail__container__scrollable\">\n      <div class=\"o-hvy-events-detail__events\">\n        @for (event of events; track event.id; let idx = $index) {\n          <div class=\"o-hvy-events-detail__events__event\">\n            <div class=\"o-hvy-events-detail__events__event__header\">\n              <pry-icon\n                iconSvg=\"arrow_down_rounded\"\n                [class.-rotated]=\"opened[idx]\"\n                class=\"-hand\"\n                (click)=\"toggle(idx)\"\n                [width]=\"10\"\n                [height]=\"10\"\n              ></pry-icon>\n              <hvy-icon-display [event]=\"event\"></hvy-icon-display>\n              <h2>{{ event.name }}</h2>\n              <div class=\"o-hvy-events-detail__events__event__header__comment\">\n                @if (event.commentCount > 0) {\n                  <span>{{\n                    (event.commentCount > 1 ? '@hvy.event.comment.heads' : '@hvy.event.comment.head')\n                      | i18n: { nb: event.commentCount }\n                  }}</span>\n                }\n              </div>\n              <hvy-status-display\n                [item]=\"event\"\n                [modifiable]=\"event.status !== 'DONE'\"\n                [readonly]=\"readonly\"\n                (modified)=\"changeStatus($event, event)\"\n              ></hvy-status-display>\n            </div>\n            <div class=\"o-hvy-events-detail__events__event__content\">\n              @if (!opened[idx]) {\n                <div>\n                  {{ '@hvy.event.log.event.category' | i18n }} : {{ '@hvy.event.category.' + event.category | i18n }}\n                </div>\n                <div>{{ '@hvy.event.log.event.description' | i18n }} : {{ event.description }}</div>\n              } @else {\n                @if (access(event); as accessValue) {\n                  <div class=\"o-hvy-events-detail__events__event__content__header\">\n                    <h3>{{ '@hvy.event.log.event.detail' | i18n }}</h3>\n                    <span class=\"required\">{{ '@hvy.event.log.event.mandatory' | i18n }}</span>\n                  </div>\n                  <table>\n                    <tbody>\n                      <!--identifiant-->\n                      @if (event.id > 0) {\n                        <tr>\n                          <td>{{ '@hvy.event.log.event.id' | i18n }}<span class=\"required\">*</span> :</td>\n                          <td>\n                            <input type=\"text\" class=\"a-form-field\" [value]=\"padId.fn(event.id)\" [readonly]=\"true\" />\n                          </td>\n                          <td></td>\n                        </tr>\n                      }\n                      <!--nom-->\n                      <tr>\n                        <td>{{ '@hvy.event.log.event.name' | i18n }}<span class=\"required\">*</span> :</td>\n                        <td>\n                          <input\n                            type=\"text\"\n                            class=\"a-form-field\"\n                            [class.-error]=\"hasError('name', idx)\"\n                            [value]=\"event.name\"\n                            (change)=\"modifyEvent(idx, 'name', $event)\"\n                            [readonly]=\"accessValue.name\"\n                            [maxLength]=\"50\"\n                          />\n                        </td>\n                        <td></td>\n                      </tr>\n                      <!--categorie-->\n                      <tr>\n                        <td>{{ '@hvy.event.log.event.category' | i18n }}<span class=\"required\">*</span> :</td>\n                        <td>\n                          <pry-select\n                            [ngModel]=\"event.category\"\n                            [items]=\"categories(event)\"\n                            [class.-error]=\"hasError('category', idx)\"\n                            (ngModelChange)=\"modifyEvent(idx, 'category', $event)\"\n                            i18nPrefix=\"@hvy.event.category.\"\n                            [disabled]=\"accessValue.category\"\n                          ></pry-select>\n                        </td>\n                        <td></td>\n                      </tr>\n                      <!--sous categorie-->\n                      @if (event.category === 'ANOMALY') {\n                        <tr>\n                          <td>{{ '@hvy.event.subCategory.name' | i18n }}<span class=\"required\">*</span> :</td>\n                          <td>\n                            <pry-select\n                              [ngModel]=\"event.subCategory\"\n                              [items]=\"subCategories\"\n                              [class.-error]=\"hasError('subCategory', idx)\"\n                              (ngModelChange)=\"modifyEvent(idx, 'subCategory', $event)\"\n                              i18nPrefix=\"@hvy.event.subCategory.\"\n                              [disabled]=\"accessValue.subCategory\"\n                            ></pry-select>\n                          </td>\n                          <td></td>\n                        </tr>\n                      }\n                      <!--criticite-->\n                      <tr>\n                        <td>{{ '@hvy.event.criticality.name' | i18n }}<span class=\"required\">*</span> :</td>\n                        <td>\n                          <pry-select\n                            [ngModel]=\"event.criticality\"\n                            [items]=\"criticalities\"\n                            [class.-error]=\"hasError('criticality', idx)\"\n                            i18nPrefix=\"@hvy.event.criticality.\"\n                            [disabled]=\"accessValue.criticality\"\n                            (ngModelChange)=\"modifyEvent(idx, 'criticality', $event)\"\n                          ></pry-select>\n                        </td>\n                        <td></td>\n                      </tr>\n                      <!--metier-->\n                      <tr>\n                        <td>{{ '@hvy.event.domain.name' | i18n }} :</td>\n                        <td>\n                          <pry-select\n                            [items]=\"DOMAINS\"\n                            [ngModel]=\"event.domain\"\n                            i18nPrefix=\"@hvy.event.domain.\"\n                            [class.-error]=\"hasError('domain', idx)\"\n                            (ngModelChange)=\"modifyEvent(idx, 'domain', $event)\"\n                            [disabled]=\"accessValue.domain\"\n                          ></pry-select>\n                        </td>\n                        <td></td>\n                      </tr>\n                      <!--equipement-->\n                      <tr>\n                        <td>{{ '@hvy.event.equipment' | i18n }} :</td>\n                        <td class=\"td-autocomplete\">\n                          <input type=\"text\" class=\"input-autocomplete\"\n                                 [placeholder]=\"'@hvy.event.equipmentPlaceholder' | i18n\"\n                                 [matAutocomplete]=\"auto\"\n                                 [formControl]=\"getEquipControl(idx)\"\n                                 [ngClass]=\"{'equipment-disabled': event.status === 'DONE'}\"\n                                 #trigger=\"matAutocompleteTrigger\"\n                                 [class.-error]=\"hasError('equipment', idx)\"/>\n                          <mat-autocomplete\n                            #auto=\"matAutocomplete\"\n                            [displayWith]=\"displayEquipment.bind(this)\"\n                            (opened)=\"openAutocomplete(idx)\"\n                            (closed)=\"closeAutocomplete(idx)\"\n                          >\n                            @for (equipment of equipments$[idx] | async; track equipment) {\n                              <mat-option [value]=\"equipment\">\n                                {{equipment.name}} - {{'@hvy.event.family.' + equipment.family | i18n}}\n                              </mat-option>\n                            }\n                          </mat-autocomplete>\n\n                          <pry-icon\n                            class=\"a-pry-select__toggle autocomplete-chevron\"\n                            [iconSvg]=\"openedAutocomplete[idx]? 'chevron_top' : 'chevron_bottom'\"\n                            [width]=\"10\"\n                            [height]=\"16\"\n                            (click)=\"openOrCloseAutocomplete($event, trigger, idx)\"\n                          ></pry-icon>\n                        </td>\n\n                        <td>\n                          @if (selectedEquipment[idx]) {\n                            <pry-icon\n                              iconSvg=\"i\"\n                              class=\"-hand anchor-tooltip\"\n                              [ngClass]=\"'anchor-tooltip-'+ idx\"\n                              [style.anchor-name]=\"'--my-anchor' + idx\"\n                              #detailHoverIcon\n                              (click)=\"toggleDetailsTooltip(idx)\"\n                              [width]=\"18\"\n                              [height]=\"18\"\n                            ></pry-icon>\n                          }\n                        </td>\n                      </tr>\n                      <!--entite-->\n                      <tr>\n                        <td>{{ '@hvy.event.equipmentEntity' | i18n }} :</td>\n                        <td>\n                          <input\n                            type=\"text\"\n                            class=\"a-form-field\"\n                            [class.-error]=\"hasError('equipment', idx)\"\n                            [value]=\"\n                              (event.equipment?.entity ? '@hvy.event.entity.' + event.equipment?.entity : '') | i18n\n                            \"\n                            readonly\n                          />\n                        </td>\n                        <td></td>\n                      </tr>\n                      <!--adresse-->\n                      <tr>\n                        <td>{{ '@hvy.event.log.event.address' | i18n }} :</td>\n                        <td>\n                          <textarea\n                            [ngModel]=\"event.address\"\n                            class=\"a-form-field\"\n                            [class.-error]=\"hasError('address', idx)\"\n                            [readonly]=\"accessValue.address\"\n                            (ngModelChange)=\"modifyEvent(idx, 'address', $event)\"\n                            [maxLength]=\"256\"\n                            [disabled]=\"adressDisabled[idx] || event.status === 'DONE'\"\n                          ></textarea>\n                        </td>\n                        <td></td>\n                      </tr>\n                      <!--ville-->\n                      <tr>\n                        <td>{{ '@hvy.event.district' | i18n }} :</td>\n                        <td>\n                          <pry-select\n                            [items]=\"placesChoices\"\n                            [ngModel]=\"event.district\"\n                            [bindValue]=\"'key'\"\n                            bindLabel=\"display\"\n                            i18nPrefix=\"@hvy.event.places.\"\n                            (ngModelChange)=\"modifyEvent(idx, 'district', $event)\"\n                            [disabled]=\"adressDisabled[idx] || event.status === 'DONE'\"\n                          ></pry-select>\n                        </td>\n                        <td></td>\n                      </tr>\n                      <!--evenement parent-->\n                      <tr>\n                        <td>{{ '@hvy.event.parentEvent.name' | i18n }} :</td>\n                        <td>\n                          <pry-select\n                            [items]=\"events$ | async\"\n                            bindLabel=\"displayName\"\n                            [ngModel]=\"eventSelectValue[idx]\"\n                            (ngModelChange)=\"selectedParentChange($event, idx)\"\n                            [autocomplete]=\"true\"\n                            [externalAutocompleteService]=\"true\"\n                            [placeholder]=\"'@hvy.event.parentEvent.placeholder' | i18n\"\n                            id=\"parent\"\n                            [template]=\"templateParent\"\n                            [disabled]=\"accessValue.parent\"\n                            [class.-error]=\"hasError('parent', idx)\"\n                            class=\"o-hvy-events-detail__events__event__content__equipment\"\n                          ></pry-select>\n                          <ng-template #templateParent let-item=\"item\">\n                            <div class=\"u-display-flex -column\">\n                              <span [innerHTML]=\"item.html\"></span>\n                            </div>\n                          </ng-template>\n                        </td>\n                        <td></td>\n                      </tr>\n                      <!--description-->\n                      <tr>\n                        <td>{{ '@hvy.event.log.event.description' | i18n }}<span class=\"required\">*</span> :</td>\n                        <td>\n                          <textarea\n                            [ngModel]=\"event.description\"\n                            class=\"a-form-field\"\n                            [class.-error]=\"hasError('description', idx)\"\n                            [readonly]=\"accessValue.description\"\n                            (ngModelChange)=\"modifyEvent(idx, 'description', $event)\"\n                            [maxLength]=\"256\"\n                          ></textarea>\n                        </td>\n                        <td></td>\n                      </tr>\n                      <!--date debut-->\n                      <tr>\n                        <td>\n                          {{ '@hvy.event.startDate' | i18n }}\n                          @if (event.category === 'MANIFESTATION') {\n                            <span class=\"required\">*</span>\n                          }\n                          :\n                        </td>\n                        <td>\n                          <input\n                            type=\"datetime-local\"\n                            class=\"a-form-field\"\n                            [value]=\"event.startDate | forDateTimeLocal\"\n                            [class.-error]=\"hasError('startDate', idx)\"\n                            [readonly]=\"accessValue.startDate\"\n                            (change)=\"modifyEvent(idx, 'startDate', $event)\"\n                          />\n                        </td>\n                        <td></td>\n                      </tr>\n                      <!--date fin-->\n                      <tr>\n                        <td>\n                          {{ '@hvy.event.endDate' | i18n }}\n                          @if (event.category === 'MANIFESTATION') {\n                            <span class=\"required\">*</span>\n                          }\n                          :\n                        </td>\n                        <td>\n                          <input\n                            type=\"datetime-local\"\n                            class=\"a-form-field\"\n                            [value]=\"event.endDate | forDateTimeLocal\"\n                            [class.-error]=\"hasError('endDate', idx)\"\n                            [readonly]=\"accessValue.endDate\"\n                            (change)=\"modifyEvent(idx, 'endDate', $event)\"\n                          />\n                          @if (hasError('endDate', idx) && event.endDate && event.startDate) {\n                            <span class=\"a-form-field -error\">{{ '@hvy.event.errorDate' | i18n }}</span>\n                          }\n                        </td>\n                        <td></td>\n                      </tr>\n                      <!--source-->\n                      <tr>\n                        <td>{{ '@hvy.event.source' | i18n }}<span class=\"required\">*</span> :</td>\n                        <td>\n                          <input\n                            type=\"text\"\n                            class=\"a-form-field\"\n                            [value]=\"event.externalSourceRef ?? ('@hvy.event.hypervisor' | i18n)\"\n                            [class.-error]=\"hasError('source', idx)\"\n                            [readonly]=\"accessValue.source\"\n                            (change)=\"modifyEvent(idx, 'source', $event)\"\n                          />\n                        </td>\n                        <td></td>\n                      </tr>\n                      <!--ref\u00E9rence externe-->\n                      @if (event.externalSourceRef !== 'Hyperviseur') {\n                        <tr>\n                          <td>{{ '@hvy.event.externalId' | i18n }}<span class=\"required\">*</span> :</td>\n                          <td>\n                            <input\n                              type=\"text\"\n                              class=\"a-form-field\"\n                              [value]=\"event.externalId ?? '-'\"\n                              [readonly]=\"true\"\n                            />\n                          </td>\n                          <td></td>\n                        </tr>\n                      }\n                      <!--createur-->\n                      <tr>\n                        <td>{{ '@hvy.event.creator' | i18n }}<span class=\"required\">*</span> :</td>\n                        <td>\n                          <input type=\"text\" class=\"a-form-field\" [value]=\"event.creator\" [readonly]=\"true\" />\n                        </td>\n                        <td></td>\n                      </tr>\n                      <!--date creation-->\n                      <tr>\n                        <td>{{ '@hvy.event.creationDate' | i18n }}<span class=\"required\">*</span> :</td>\n                        <td>\n                          <input\n                            type=\"datetime-local\"\n                            class=\"a-form-field\"\n                            [value]=\"event.creationDate | forDateTimeLocal\"\n                            readonly\n                          />\n                        </td>\n                        <td></td>\n                      </tr>\n                      <!--date modification-->\n                      <tr>\n                        <td>{{ '@hvy.event.lastModificationDate' | i18n }}<span class=\"required\">*</span> :</td>\n                        <td>\n                          <input\n                            type=\"datetime-local\"\n                            class=\"a-form-field\"\n                            [value]=\"event.lastModificationDate | forDateTimeLocal\"\n                            readonly\n                          />\n                        </td>\n                        <td></td>\n                      </tr>\n                      <!--date cloture-->\n                      <tr>\n                        <td>{{ '@hvy.event.closeDate' | i18n }} :</td>\n                        <td>\n                          <input\n                            type=\"datetime-local\"\n                            class=\"a-form-field\"\n                            [value]=\"event.closeDate | forDateTimeLocal\"\n                            readonly\n                          />\n                        </td>\n                        <td></td>\n                      </tr>\n                    </tbody>\n                  </table>\n                  @if (event.id !== -1) {\n                    <hvy-comments\n                      [lastComment]=\"event.lastComment\"\n                      [commentCount]=\"event.commentCount\"\n                      (commented)=\"updateComment(event, $event)\"\n                      [readonly]=\"readonly\"\n                      [type]=\"'events'\"\n                      [me]=\"me?.sub\"\n                      [objectId]=\"event.id\"\n                    ></hvy-comments>\n                  }\n                }\n              }\n            </div>\n          </div>\n        }\n      </div>\n      <div class=\"o-hvy-events-detail__procedure\">\n        <div class=\"o-hvy-events-detail__procedure__header\">\n          <h2>\n            {{ (events.length === 1 ? '@hvy.event.log.procedure.name1' : '@hvy.event.log.procedure.name') | i18n }}\n          </h2>\n        </div>\n        @if (procedure) {\n          <div class=\"o-hvy-events-detail__procedure__description\">\n            <p>\n              <span>{{ procedure.name }}&nbsp;:</span>\n              {{ procedure.description }}\n            </p>\n          </div>\n          <div class=\"o-hvy-events-detail__procedure__progress\">\n            <p>{{ '@hvy.event.log.procedure.progress' | i18n }}</p>\n            <hvy-progress-display [progress]=\"calculatedProgress\"></hvy-progress-display>\n          </div>\n          <hvy-procedure-actions\n            [procedureModificationsActions]=\"procedureModifications?.actions\"\n            [initialActions] = this._procedure?.actions\n            [readonly]=\"readonlyProcedure || readonly\"\n            [readOnlyComment]=\"readOnlyComment\"\n            [disableSaveDIButton]=\"isEventModified()\"\n            [enableEditActions]=\"enableEditActions\"\n            [actions]=\"procedure.actions\"\n            (modified)=\"modifiedActions($event)\"\n            (refreshActions)=\"refreshActions($event)\"\n            [me]=\"me?.sub\"\n            [events]=\"this.events\"\n            (commented)=\"actionCommented($event)\"\n          ></hvy-procedure-actions>\n        } @else {\n          @if (!readonly) {\n            <button class=\"a-btn a-btn--secondary\" [disabled]=\"!canAssociateProcedure\" (click)=\"openAssociationModal()\">\n              {{ '@hvy.action.associate' | i18n }}\n            </button>\n          } @else {\n            <span class=\"o-hvy-events-detail__procedure__empty\">{{ '@hvy.event.log.procedure.none' | i18n }}</span>\n          }\n        }\n      </div>\n    </div>\n  </div>\n</div>\n\n<ng-template #confirmDialog>\n  <div\n    class=\"o-hvy-close-confirm__dialog\"\n    aria-labelledby=\"confirm\"\n    tabindex=\"-1\"\n    id=\"choice\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n  >\n    <h2>\n      {{\n        (changeStatusContext.events.length === 1 ? '@hvy.event.close.oneTitle' : '@hvy.event.close.multiTitle') | i18n\n      }}\n    </h2>\n    <p>{{ (changeStatusContext.events.length === 1 ? '@hvy.event.close.one' : '@hvy.event.close.multi') | i18n }}</p>\n    <ul class=\"list-eve-close-modal\">\n      @for (event of changeStatusContext.events; track event.id) {\n        <li>{{ event.name }}</li>\n      }\n    </ul>\n    <p class=\"o-hvy-close-confirm__dialog__comment-title\">\n      {{ '@hvy.event.close.comment' | i18n }}<span class=\"required\">*</span> :\n    </p>\n    <div class=\"o-hvy-close-confirm__dialog__comment\">\n      <textarea [(ngModel)]=\"changeStatusContext.comment\" class=\"a-form-field\" [maxLength]=\"255\"></textarea>\n    </div>\n    <div class=\"o-hvy-close-confirm__dialog__actions\">\n      <button class=\"a-btn a-btn--primary\" (click)=\"confirmedClose()\" [disabled]=\"confirmDisabled()\">\n        {{ '@hvy.action.validate' | i18n }}\n      </button>\n      <button class=\"a-btn a-btn--secondary\" (click)=\"toggleConfirm()\">{{ '@hvy.action.cancel' | i18n }}</button>\n    </div>\n  </div>\n</ng-template>\n" }]
-        }], ctorParameters: () => [{ type: EquipmentService }, { type: i1$1.Store }, { type: i2$1.Overlay }, { type: i0.ViewContainerRef }, { type: i1$3.PryI18nService }, { type: i1$3.PryDialogService }, { type: HypCommentsService }, { type: EventService }, { type: i1$5.Actions }, { type: i1$4.FormBuilder }], propDecorators: { placesChoices: [{
+        }], ctorParameters: () => [{ type: EquipmentService }, { type: i1$1.Store }, { type: i4.Overlay }, { type: i0.ViewContainerRef }, { type: i1$3.PryI18nService }, { type: i1$3.PryDialogService }, { type: HypCommentsService }, { type: EventService }, { type: i1$5.Actions }, { type: i1$4.FormBuilder }], propDecorators: { placesChoices: [{
                 type: Input
             }], modifiedEvents: [{
                 type: Output
@@ -3005,13 +3012,13 @@ class ChoiceFilterComponent extends HvyUnitFilterComponent {
         this.inhibate = this.filterSet;
         setTimeout(() => (this.inhibate = undefined), 50);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ChoiceFilterComponent, deps: [{ token: i1$1.Store }, { token: i2$1.Overlay }, { token: i0.ViewContainerRef }, { token: i1$3.PryI18nService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ChoiceFilterComponent, deps: [{ token: i1$1.Store }, { token: i4.Overlay }, { token: i0.ViewContainerRef }, { token: i1$3.PryI18nService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: ChoiceFilterComponent, selector: "hvy-choice-filter", inputs: { allLabel: "allLabel", label: "label", i18nPrefix: "i18nPrefix", addNonLeaves: "addNonLeaves", choices: "choices" }, providers: [{ provide: HvyUnitFilterComponent, useExisting: forwardRef(() => ChoiceFilterComponent) }], viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<button\n  (click)=\"toggleModal()\"\n  #button\n  class=\"o-hvy-choice-filter -horizontal\"\n  [class.-highlight]=\"displayValue() !== (allLabel | i18n)\"\n  [class.-no-value]=\"displayValue()==='(0)'\"\n  [class.-focus]=\"overlayRef\"\n>\n  <div class=\"o-hvy-choice-filter__choice-value\">\n    <span class=\"o-hvy-choice-filter__label\">{{ label | i18n }} :</span>\n    <span class=\"o-hvy-choice-filter__value\" type=\"text\" id=\"select_{{ id }}\">{{ displayValue() }}</span>\n  </div>\n  <pry-icon [iconSvg]=\"!!overlayRef ? 'chevron_top' : 'chevron_bottom'\" [width]=\"10\" [height]=\"10\"></pry-icon>\n</button>\n\n<ng-template #template>\n  <div\n    class=\"m-context-menu o-hvy-choice-filter\"\n    aria-labelledby=\"choice\"\n    tabindex=\"-1\"\n    id=\"choice\"\n    role=\"menu\"\n    aria-modal=\"true\"\n  >\n    <div class=\"o-hvy-choice-filter__all\">\n      <pry-checkbox [ngModel]=\"allSelected()\" (ngModelChange)=\"clickAll()\">\n        <span>{{ allLabel | i18n }}</span>\n      </pry-checkbox>\n    </div>\n    @for (elt of choices; track elt.key) {\n      @if (!elt.children) {\n        <pry-checkbox [ngModel]=\"isSelected(elt)\" (ngModelChange)=\"toggle(elt)\" class=\"o-hvy-choice-filter__root\">\n          <span>{{ i18nPrefix + elt.key | i18n }}</span>\n        </pry-checkbox>\n      } @else {\n        <pry-checkbox [ngModel]=\"isSelected(elt)\" (ngModelChange)=\"toggle(elt)\" class=\"o-hvy-choice-filter__root\">\n          <span>{{ i18nPrefix + elt.key | i18n }}</span>\n        </pry-checkbox>\n        @for (child of elt.children; track child.key) {\n          <pry-checkbox\n            [ngModel]=\"isSelected(child)\"\n            (ngModelChange)=\"toggle(child)\"\n            class=\"o-hvy-choice-filter__child\"\n          >\n            <span>{{ i18nPrefix + child.key | i18n }}</span>\n          </pry-checkbox>\n        }\n      }\n    }\n  </div>\n</ng-template>\n", dependencies: [{ kind: "component", type: i5.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle", "name", "inputId", "inhibit"] }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1$3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ChoiceFilterComponent, decorators: [{
             type: Component,
             args: [{ selector: 'hvy-choice-filter', providers: [{ provide: HvyUnitFilterComponent, useExisting: forwardRef(() => ChoiceFilterComponent) }], template: "<button\n  (click)=\"toggleModal()\"\n  #button\n  class=\"o-hvy-choice-filter -horizontal\"\n  [class.-highlight]=\"displayValue() !== (allLabel | i18n)\"\n  [class.-no-value]=\"displayValue()==='(0)'\"\n  [class.-focus]=\"overlayRef\"\n>\n  <div class=\"o-hvy-choice-filter__choice-value\">\n    <span class=\"o-hvy-choice-filter__label\">{{ label | i18n }} :</span>\n    <span class=\"o-hvy-choice-filter__value\" type=\"text\" id=\"select_{{ id }}\">{{ displayValue() }}</span>\n  </div>\n  <pry-icon [iconSvg]=\"!!overlayRef ? 'chevron_top' : 'chevron_bottom'\" [width]=\"10\" [height]=\"10\"></pry-icon>\n</button>\n\n<ng-template #template>\n  <div\n    class=\"m-context-menu o-hvy-choice-filter\"\n    aria-labelledby=\"choice\"\n    tabindex=\"-1\"\n    id=\"choice\"\n    role=\"menu\"\n    aria-modal=\"true\"\n  >\n    <div class=\"o-hvy-choice-filter__all\">\n      <pry-checkbox [ngModel]=\"allSelected()\" (ngModelChange)=\"clickAll()\">\n        <span>{{ allLabel | i18n }}</span>\n      </pry-checkbox>\n    </div>\n    @for (elt of choices; track elt.key) {\n      @if (!elt.children) {\n        <pry-checkbox [ngModel]=\"isSelected(elt)\" (ngModelChange)=\"toggle(elt)\" class=\"o-hvy-choice-filter__root\">\n          <span>{{ i18nPrefix + elt.key | i18n }}</span>\n        </pry-checkbox>\n      } @else {\n        <pry-checkbox [ngModel]=\"isSelected(elt)\" (ngModelChange)=\"toggle(elt)\" class=\"o-hvy-choice-filter__root\">\n          <span>{{ i18nPrefix + elt.key | i18n }}</span>\n        </pry-checkbox>\n        @for (child of elt.children; track child.key) {\n          <pry-checkbox\n            [ngModel]=\"isSelected(child)\"\n            (ngModelChange)=\"toggle(child)\"\n            class=\"o-hvy-choice-filter__child\"\n          >\n            <span>{{ i18nPrefix + child.key | i18n }}</span>\n          </pry-checkbox>\n        }\n      }\n    }\n  </div>\n</ng-template>\n" }]
-        }], ctorParameters: () => [{ type: i1$1.Store }, { type: i2$1.Overlay }, { type: i0.ViewContainerRef }, { type: i1$3.PryI18nService }, { type: i0.ElementRef }], propDecorators: { allLabel: [{
+        }], ctorParameters: () => [{ type: i1$1.Store }, { type: i4.Overlay }, { type: i0.ViewContainerRef }, { type: i1$3.PryI18nService }, { type: i0.ElementRef }], propDecorators: { allLabel: [{
                 type: Input
             }], label: [{
                 type: Input