@provoly/hypervisor 0.0.117 → 0.0.119

package/fesm2022/provoly-hypervisor.mjs

@@ -7,7 +7,7 @@ import { createAction, props, createReducer, on, createFeatureSelector, createSe
 import * as i2 from '@angular/cdk/overlay';
 import { OverlayConfig } from '@angular/cdk/overlay';
 import { TemplatePortal } from '@angular/cdk/portal';
-import { combineLatest, map, mergeMap, of, Subject, BehaviorSubject, debounceTime, switchMap, shareReplay, fromEvent, filter, withLatestFrom, auditTime, distinctUntilChanged } from 'rxjs';
+import { combineLatest, map, mergeMap, of, BehaviorSubject, Subject, debounceTime, switchMap, shareReplay, fromEvent, withLatestFrom, filter, auditTime, distinctUntilChanged } from 'rxjs';
 import equal from 'fast-deep-equal/es6';
 import { map as map$1, startWith, catchError, debounceTime as debounceTime$1, mergeMap as mergeMap$1 } from 'rxjs/operators';
 import * as i1 from '@angular/common/http';
@@ -47,6 +47,7 @@ const EventActions = {
     getTooltipInfoFailure: createAction('[Event Api] Load tooltip info Failure', props()),
     save: createAction('[Event] Save Event', props()),
     saveProcedure: createAction('[Event] Save Procedure and linked Events', props()),
+    addEventToProcedure: createAction('[Event] Add event to procedure', props()),
     saveSuccess: createAction('[Event] Save success', props()),
     saveFailure: createAction('[Event] Save failure', props()),
     status: createAction('[Event] Close Event or Procedure', props()),
@@ -55,7 +56,8 @@ const EventActions = {
     sort: createAction('[Event] set log event sorting', props()),
     associateProcedure: createAction('[Event] Associate Procedure to Event', props()),
     associateProcedureSuccess: createAction('[Event] Associate Procedure to Event Success', props()),
-    associateProcedureFailure: createAction('[Event] Associate Procedure to Event Failure', props())
+    associateProcedureFailure: createAction('[Event] Associate Procedure to Event Failure', props()),
+    export: createAction('[Event] Export events', props())
 };
 
 const padId = {
@@ -380,7 +382,7 @@ class ProcedureAssociationModalComponent extends SubscriptionnerDirective {
         this.store = store;
         this.procedureService = procedureService;
         this.dialog = dialog;
-        this.onDomainSelect$ = new Subject();
+        this.onDomainSelect$ = new BehaviorSubject(undefined);
         this.onProcedureSearch$ = new Subject();
         this.eventsFromInput$ = new BehaviorSubject(null);
         this.eventsForAction = [];
@@ -446,6 +448,275 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImpor
                 type: Input
             }] } });
 
+const displayDate = (endDate) => {
+    return new Date(endDate).toLocaleDateString();
+};
+
+class StatusDisplayComponent extends SubscriptionnerDirective {
+    static { this.idCounter = 0; }
+    set item(item) {
+        this._item = item;
+        this.updateTargetStatuses();
+    }
+    set modifiable(modifiable) {
+        this._modifiable = modifiable;
+        this.updateTargetStatuses();
+    }
+    get modifiable() {
+        return this._modifiable && !this.readonly;
+    }
+    get item() {
+        return this._item;
+    }
+    trigger(status) {
+        this.modified.next(status);
+        this.targetsDisplayed = false;
+    }
+    updateTargetStatuses() {
+        this.targetStatuses = this.modifiable && this.item.status !== 'DONE' ? ['DONE'] : [];
+    }
+    toggle() {
+        window.dispatchEvent(new CustomEvent('status-display-opening', { detail: this.id }));
+        this.targetsDisplayed = this.targetStatuses.length > 0 && !this.targetsDisplayed;
+    }
+    constructor() {
+        super();
+        this.id = StatusDisplayComponent.idCounter++;
+        this.modified = new EventEmitter();
+        this.targetStatuses = [];
+        this.targetsDisplayed = false;
+        this._modifiable = false;
+        this.type = 'event';
+        this.readonly = null;
+        this.subscriptions.add(fromEvent(window, 'status-display-opening').subscribe((event) => {
+            if (event.detail !== this.id) {
+                this.targetsDisplayed = false;
+            }
+        }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: StatusDisplayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.4", type: StatusDisplayComponent, selector: "hvy-status-display", inputs: { type: "type", readonly: "readonly", item: "item", modifiable: "modifiable" }, outputs: { modified: "modified" }, usesInheritance: true, ngImport: i0, template: "<span\n  class=\"a-chip -{{ item.status }} a-chip-status -{{ type }}\"\n  [class.-modifiable]=\"_modifiable\"\n  [class.-readonly]=\"readonly\"\n  (click)=\"toggle()\"\n>\n  {{ '@hvy.' + type + '.status.' + item.status | i18n }}\n  @if (targetStatuses.length > 0) {\n    <pry-icon iconSvg=\"caret_bottom_rounded\" [width]=\"10\" [height]=\"10\"></pry-icon>\n  }\n</span>\n@if (targetsDisplayed) {\n  <div class=\"a-chip-status__target\">\n    <div class=\"a-chip-status__target__filler\"></div>\n    @for (status of targetStatuses; track status) {\n      <div class=\"a-chip-status__target__item\" (click)=\"trigger(status)\">\n        {{ '@hvy.' + type + '.status.' + status | i18n }}\n      </div>\n    }\n  </div>\n}\n", dependencies: [{ kind: "component", type: i1$3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: StatusDisplayComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'hvy-status-display', template: "<span\n  class=\"a-chip -{{ item.status }} a-chip-status -{{ type }}\"\n  [class.-modifiable]=\"_modifiable\"\n  [class.-readonly]=\"readonly\"\n  (click)=\"toggle()\"\n>\n  {{ '@hvy.' + type + '.status.' + item.status | i18n }}\n  @if (targetStatuses.length > 0) {\n    <pry-icon iconSvg=\"caret_bottom_rounded\" [width]=\"10\" [height]=\"10\"></pry-icon>\n  }\n</span>\n@if (targetsDisplayed) {\n  <div class=\"a-chip-status__target\">\n    <div class=\"a-chip-status__target__filler\"></div>\n    @for (status of targetStatuses; track status) {\n      <div class=\"a-chip-status__target__item\" (click)=\"trigger(status)\">\n        {{ '@hvy.' + type + '.status.' + status | i18n }}\n      </div>\n    }\n  </div>\n}\n" }]
+        }], ctorParameters: () => [], propDecorators: { modified: [{
+                type: Output
+            }], type: [{
+                type: Input
+            }], readonly: [{
+                type: Input
+            }], item: [{
+                type: Input
+            }], modifiable: [{
+                type: Input
+            }] } });
+
+class LastEventsComponent extends SubscriptionnerDirective {
+    constructor() {
+        super(...arguments);
+        this.displayDate = displayDate;
+        this.services = [];
+        this.events = [];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: LastEventsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.4", type: LastEventsComponent, selector: "hvy-last-events", inputs: { services: "services", events: "events" }, usesInheritance: true, ngImport: i0, template: "@if (events.length > 0) {\n  <div class=\"o-hvy-last-events__events\">\n    <h3>{{ '@chh.event.lastEvents' | i18n }} ({{ events.length }})</h3>\n    @for (event of events; track event.id) {\n      <div class=\"o-hvy-last-events__events__item\">\n        <div class=\"o-hvy-last-events__events__item__icon\">\n          <hvy-icon-display [event]=\"event\"></hvy-icon-display>\n        </div>\n        <div class=\"o-hvy-last-events__events__item__title\">\n          <span>{{ event.name }}</span>\n        </div>\n        <div class=\"o-hvy-last-events__events__item__descr\">\n          <span> {{ event.description }}</span>\n        </div>\n        <div class=\"o-hvy-last-events__events__item__status\">\n          <hvy-status-display [item]=\"event\"></hvy-status-display>\n        </div>\n      </div>\n    }\n  </div>\n}\n@if (services.length > 0) {\n  <div class=\"o-hvy-last-events__services\">\n    <h3>{{ '@chh.event.services' | i18n }} ({{ services.length }})</h3>\n    @for (service of services; track service.id) {\n      <div class=\"o-hvy-last-events__services__item\">\n        <div class=\"o-hvy-last-events__services__item__icon\">\n          <pry-icon iconSvg=\"service\"></pry-icon>\n        </div>\n        <div class=\"o-hvy-last-events__services__item__title\">\n          <span>{{ service.externalId }} - {{ '@chh.intervention.' + service.category | i18n }}</span>\n        </div>\n        <div class=\"o-hvy-last-events__services__item__descr\">\n          <span>{{ '@chh.event.description' | i18n }}: {{ service.description }}</span>\n        </div>\n        <div class=\"o-hvy-last-events__services__item__date\">\n          @if (service.status === 'ASKED') {\n            <span>{{ '@chh.event.startDate' | i18n }} : {{ displayDate(service.startDate) }}</span>\n          }\n          @if (service.status === 'IN_PROGRESS') {\n            <span>{{ '@chh.event.endPlannedDate' | i18n }} : {{ displayDate(service.endDate) }}</span>\n          }\n          @if (service.status === 'DONE') {\n            <span>{{ '@chh.event.endDate' | i18n }} : {{ displayDate(service.endDate) }}</span>\n          }\n        </div>\n        <div class=\"o-hvy-last-events__services__item__status\">\n          <hvy-status-display [item]=\"service\" type=\"service\"></hvy-status-display>\n        </div>\n      </div>\n    }\n  </div>\n}\n", dependencies: [{ kind: "component", type: i1$3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: IconDisplayComponent, selector: "hvy-icon-display", inputs: ["event"] }, { kind: "component", type: StatusDisplayComponent, selector: "hvy-status-display", inputs: ["type", "readonly", "item", "modifiable"], outputs: ["modified"] }, { kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: LastEventsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'hvy-last-events', template: "@if (events.length > 0) {\n  <div class=\"o-hvy-last-events__events\">\n    <h3>{{ '@chh.event.lastEvents' | i18n }} ({{ events.length }})</h3>\n    @for (event of events; track event.id) {\n      <div class=\"o-hvy-last-events__events__item\">\n        <div class=\"o-hvy-last-events__events__item__icon\">\n          <hvy-icon-display [event]=\"event\"></hvy-icon-display>\n        </div>\n        <div class=\"o-hvy-last-events__events__item__title\">\n          <span>{{ event.name }}</span>\n        </div>\n        <div class=\"o-hvy-last-events__events__item__descr\">\n          <span> {{ event.description }}</span>\n        </div>\n        <div class=\"o-hvy-last-events__events__item__status\">\n          <hvy-status-display [item]=\"event\"></hvy-status-display>\n        </div>\n      </div>\n    }\n  </div>\n}\n@if (services.length > 0) {\n  <div class=\"o-hvy-last-events__services\">\n    <h3>{{ '@chh.event.services' | i18n }} ({{ services.length }})</h3>\n    @for (service of services; track service.id) {\n      <div class=\"o-hvy-last-events__services__item\">\n        <div class=\"o-hvy-last-events__services__item__icon\">\n          <pry-icon iconSvg=\"service\"></pry-icon>\n        </div>\n        <div class=\"o-hvy-last-events__services__item__title\">\n          <span>{{ service.externalId }} - {{ '@chh.intervention.' + service.category | i18n }}</span>\n        </div>\n        <div class=\"o-hvy-last-events__services__item__descr\">\n          <span>{{ '@chh.event.description' | i18n }}: {{ service.description }}</span>\n        </div>\n        <div class=\"o-hvy-last-events__services__item__date\">\n          @if (service.status === 'ASKED') {\n            <span>{{ '@chh.event.startDate' | i18n }} : {{ displayDate(service.startDate) }}</span>\n          }\n          @if (service.status === 'IN_PROGRESS') {\n            <span>{{ '@chh.event.endPlannedDate' | i18n }} : {{ displayDate(service.endDate) }}</span>\n          }\n          @if (service.status === 'DONE') {\n            <span>{{ '@chh.event.endDate' | i18n }} : {{ displayDate(service.endDate) }}</span>\n          }\n        </div>\n        <div class=\"o-hvy-last-events__services__item__status\">\n          <hvy-status-display [item]=\"service\" type=\"service\"></hvy-status-display>\n        </div>\n      </div>\n    }\n  </div>\n}\n" }]
+        }], propDecorators: { services: [{
+                type: Input
+            }], events: [{
+                type: Input
+            }] } });
+
+class HvyEventDetailsTooltipComponent {
+    constructor(data) {
+        this.data = data;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: HvyEventDetailsTooltipComponent, deps: [{ token: PRY_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: HvyEventDetailsTooltipComponent, selector: "hvy-event-detail-tooltip", ngImport: i0, template: "<div class=\"o-hvy-event-detail-tooltip\">\n  <hvy-last-events [events]=\"data.events ?? []\" [services]=\"data.services ?? []\"></hvy-last-events>\n</div>\n", dependencies: [{ kind: "component", type: LastEventsComponent, selector: "hvy-last-events", inputs: ["services", "events"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: HvyEventDetailsTooltipComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'hvy-event-detail-tooltip', template: "<div class=\"o-hvy-event-detail-tooltip\">\n  <hvy-last-events [events]=\"data.events ?? []\" [services]=\"data.services ?? []\"></hvy-last-events>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [PRY_DIALOG_DATA]
+                }] }] });
+
+const eventForWriteAPI = (event) => ({
+    ...event,
+    equipmentId: event.equipment?.id,
+    parent: typeof event.parent === 'object' ? event.parent.id : event.parent
+});
+
+const procedureForWriteAPI = (procedure) => ({
+    ...procedure,
+    events: procedure.events.map(eventForWriteAPI)
+});
+
+const PAGE_SIZE_FETCH = { value: 20 };
+const KNOWN_FILTER_SETS = {
+    EVENTS: 'events',
+    SUMMARY: 'summary'
+};
+class EventService {
+    constructor(httpClient, store) {
+        this.httpClient = httpClient;
+        this.store = store;
+    }
+    list(startWith = 0, pageSize = PAGE_SIZE_FETCH.value) {
+        return this.store.select(HypSelectors.url).pipe(withLatestFrom(this.store.select(EventSelectors.filters), this.store.select(EventSelectors.sort)), mergeMap(([url, filterSets, sort]) => {
+            const filters = filterSets[KNOWN_FILTER_SETS.EVENTS] ?? {};
+            let params = new HttpParams();
+            Object.keys(filters).forEach((filter) => {
+                filters[filter].forEach((filterValue) => {
+                    params = params.append(filter, filterValue);
+                });
+            });
+            params = params.set('page', startWith / pageSize + 1);
+            if (sort) {
+                params = params.set('sort', sort.field).set('order', sort.order);
+            }
+            return this.httpClient.get(encodeURI(`${url}/events`), { params });
+        }));
+    }
+    get(id) {
+        return this.store.select(HypSelectors.url).pipe(mergeMap((url) => {
+            return this.httpClient.get(encodeURI(`${url}/events/id/${id}`));
+        }));
+    }
+    getTooltipInfo(name) {
+        return this.store.select(HypSelectors.url).pipe(mergeMap((url) => {
+            return this.httpClient.get(encodeURI(`${url}/equipments/name/${name}`));
+        }));
+    }
+    getProcedure(id) {
+        return this.store.select(HypSelectors.url).pipe(mergeMap((url) => {
+            return this.httpClient.get(encodeURI(`${url}/procedures/id/${id}`));
+        }));
+    }
+    save(event) {
+        const toSend = { ...event };
+        if (event.id < 0) {
+            delete toSend.id;
+        }
+        return this.store.select(HypSelectors.url).pipe(mergeMap((url) => {
+            if (!!toSend.id) {
+                return this.httpClient.put(encodeURI(`${url}/events/id/${toSend.id}`), eventForWriteAPI(event));
+            }
+            return this.httpClient.post(encodeURI(`${url}/events`), eventForWriteAPI(event));
+        }));
+    }
+    saveProcedure(procedure) {
+        return this.store.select(HypSelectors.url).pipe(mergeMap((url) => {
+            return this.httpClient.put(encodeURI(`${url}/procedures/id/${procedure.id}`), procedureForWriteAPI(procedure));
+        }));
+    }
+    addEventToProcedure(eventId, procedure) {
+        return this.store.select(HypSelectors.url).pipe(mergeMap((url) => {
+            return this.httpClient.put(encodeURI(`${url}/procedures/id/${procedure.id}/associate/event/id/${eventId}`), {});
+        }));
+    }
+    status(event, status, comment) {
+        return this.store.select(HypSelectors.url).pipe(mergeMap((url) => {
+            return this.httpClient.put(encodeURI(`${url}/events/id/${event.id}/close`), {
+                id: v4(),
+                message: comment
+            });
+        }));
+    }
+    statusProcedure(procedure, status, comment) {
+        return this.store.select(HypSelectors.url).pipe(mergeMap((url) => {
+            return this.httpClient.put(encodeURI(`${url}/procedures/id/${procedure.id}/close`), {
+                id: v4(),
+                message: comment
+            });
+        }));
+    }
+    associateProcedure(procedureId, eventIds) {
+        return this.store.select(HypSelectors.url).pipe(mergeMap((url) => {
+            return this.httpClient.put(encodeURI(`${url}/procedures/model/id/${procedureId}/associate`), eventIds);
+        }));
+    }
+    export(archived) {
+        return this.store.select(HypSelectors.url).pipe(mergeMap((url) => {
+            return this.httpClient.get(encodeURI(`${url}/events/export?archived=${archived}`), {
+                observe: 'response',
+                responseType: 'arraybuffer'
+            });
+        }));
+    }
+    search(search) {
+        return this.store.select(HypSelectors.url).pipe(mergeMap((url) => {
+            let params = new HttpParams();
+            params = params.set('sort', 'name').set('order', 'DESC').set('pageSize', '10');
+            if (search)
+                params = params.set('search', search);
+            return this.httpClient.get(encodeURI(`${url}/events`), { params });
+        }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: EventService, deps: [{ token: i1.HttpClient }, { token: i1$1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: EventService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: EventService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i1$1.Store }] });
+
+class HvyEventAddEventComponent {
+    constructor(dialog, data, eventService) {
+        this.dialog = dialog;
+        this.data = data;
+        this.eventService = eventService;
+        this.onEventSearch$ = new Subject();
+        this.eventSelectValue = undefined;
+        this.events$ = this.onEventSearch$.pipe(startWith(), debounceTime(500)).pipe(switchMap(() => {
+            const search = typeof this.eventSelectValue === 'string' && this.eventSelectValue.length > 2
+                ? this.eventSelectValue
+                : undefined;
+            return this.eventService.search(search).pipe(map$1((events) => events.map((event) => {
+                const regex = RegExp(`(${search})` ?? '(/-/-/)', 'gid');
+                const html = `${padId.fn(event.id)} - ${event.name}`;
+                return {
+                    ...event,
+                    html: html.replaceAll(regex, (matched, capture1) => `<b>${capture1}</b>`)
+                };
+            })));
+        }), catchError(() => {
+            throw new Error('Search Equipment problem');
+        }), shareReplay());
+    }
+    selectedEventChange($event) {
+        this.onEventSearch$.next();
+        if (typeof $event === 'object') {
+            this.eventToAdd = $event;
+        }
+        else {
+            this.eventToAdd = undefined;
+        }
+    }
+    closeModal() {
+        this.dialog.close({ value: 'cancel' });
+    }
+    add() {
+        this.dialog.close({ value: 'add', event: this.eventToAdd });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: HvyEventAddEventComponent, deps: [{ token: i1$3.PryDialogRef }, { token: PRY_DIALOG_DATA }, { token: EventService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: HvyEventAddEventComponent, selector: "hvy-add-event", ngImport: i0, template: "<div class=\"o-hvy-event-detail-add\">\n  <h3>{{ '@hvy.event.add.title' | i18n }}</h3>\n  <p>{{ '@hvy.event.add.description' | i18n }}</p>\n\n  <div class=\"o-hvy-event-detail-add__container\">\n    <label for=\"event\">{{ '@hvy.event.add.search' | i18n }}<span class=\"required\">*</span> :</label>\n    <pry-select\n      [items]=\"events$ | async\"\n      bindLabel=\"name\"\n      [(ngModel)]=\"eventSelectValue\"\n      (ngModelChange)=\"selectedEventChange($event)\"\n      [autocomplete]=\"true\"\n      [externalAutocompleteService]=\"true\"\n      [placeholder]=\"'@hvy.event.parentEvent.placeholder' | i18n\"\n      id=\"event\"\n      [template]=\"templateOption\"\n      class=\"o-hvy-event-detail-add__event\"\n    ></pry-select>\n    <ng-template #templateOption let-item=\"item\">\n      <div class=\"u-display-flex -column\">\n        <span [innerHTML]=\"item.html\"></span>\n      </div>\n    </ng-template>\n  </div>\n\n  <div class=\"o-hvy-event-detail-add__buttons\">\n    <button class=\"a-btn a-btn--primary\" [disabled]=\"!eventToAdd\" (click)=\"add()\">\n      {{ '@hvy.action.validate' | i18n }}\n    </button>\n    <button class=\"a-btn a-btn--secondary\" (click)=\"closeModal()\">{{ '@hvy.action.cancel' | i18n }}</button>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1$3.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "isForm", "required", "name", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: HvyEventAddEventComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'hvy-add-event', template: "<div class=\"o-hvy-event-detail-add\">\n  <h3>{{ '@hvy.event.add.title' | i18n }}</h3>\n  <p>{{ '@hvy.event.add.description' | i18n }}</p>\n\n  <div class=\"o-hvy-event-detail-add__container\">\n    <label for=\"event\">{{ '@hvy.event.add.search' | i18n }}<span class=\"required\">*</span> :</label>\n    <pry-select\n      [items]=\"events$ | async\"\n      bindLabel=\"name\"\n      [(ngModel)]=\"eventSelectValue\"\n      (ngModelChange)=\"selectedEventChange($event)\"\n      [autocomplete]=\"true\"\n      [externalAutocompleteService]=\"true\"\n      [placeholder]=\"'@hvy.event.parentEvent.placeholder' | i18n\"\n      id=\"event\"\n      [template]=\"templateOption\"\n      class=\"o-hvy-event-detail-add__event\"\n    ></pry-select>\n    <ng-template #templateOption let-item=\"item\">\n      <div class=\"u-display-flex -column\">\n        <span [innerHTML]=\"item.html\"></span>\n      </div>\n    </ng-template>\n  </div>\n\n  <div class=\"o-hvy-event-detail-add__buttons\">\n    <button class=\"a-btn a-btn--primary\" [disabled]=\"!eventToAdd\" (click)=\"add()\">\n      {{ '@hvy.action.validate' | i18n }}\n    </button>\n    <button class=\"a-btn a-btn--secondary\" (click)=\"closeModal()\">{{ '@hvy.action.cancel' | i18n }}</button>\n  </div>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i1$3.PryDialogRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [PRY_DIALOG_DATA]
+                }] }, { type: EventService }] });
+
 class EquipmentService {
     constructor(httpClient, store) {
         this.httpClient = httpClient;
@@ -508,66 +779,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImpor
                 }]
         }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i1$1.Store }] });
 
-class StatusDisplayComponent extends SubscriptionnerDirective {
-    static { this.idCounter = 0; }
-    set item(item) {
-        this._item = item;
-        this.updateTargetStatuses();
-    }
-    set modifiable(modifiable) {
-        this._modifiable = modifiable;
-        this.updateTargetStatuses();
-    }
-    get modifiable() {
-        return this._modifiable && !this.readonly;
-    }
-    get item() {
-        return this._item;
-    }
-    trigger(status) {
-        this.modified.next(status);
-        this.targetsDisplayed = false;
-    }
-    updateTargetStatuses() {
-        this.targetStatuses = this.modifiable && this.item.status !== 'DONE' ? ['DONE'] : [];
-    }
-    toggle() {
-        window.dispatchEvent(new CustomEvent('status-display-opening', { detail: this.id }));
-        this.targetsDisplayed = this.targetStatuses.length > 0 && !this.targetsDisplayed;
-    }
-    constructor() {
-        super();
-        this.id = StatusDisplayComponent.idCounter++;
-        this.modified = new EventEmitter();
-        this.targetStatuses = [];
-        this.targetsDisplayed = false;
-        this._modifiable = false;
-        this.type = 'event';
-        this.readonly = null;
-        this.subscriptions.add(fromEvent(window, 'status-display-opening').subscribe((event) => {
-            if (event.detail !== this.id) {
-                this.targetsDisplayed = false;
-            }
-        }));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: StatusDisplayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.4", type: StatusDisplayComponent, selector: "hvy-status-display", inputs: { type: "type", readonly: "readonly", item: "item", modifiable: "modifiable" }, outputs: { modified: "modified" }, usesInheritance: true, ngImport: i0, template: "<span\n  class=\"a-chip -{{ item.status }} a-chip-status -{{ type }}\"\n  [class.-modifiable]=\"_modifiable\"\n  [class.-readonly]=\"readonly\"\n  (click)=\"toggle()\"\n>\n  {{ '@hvy.' + type + '.status.' + item.status | i18n }}\n  @if (targetStatuses.length > 0) {\n    <pry-icon iconSvg=\"caret_bottom_rounded\" [width]=\"10\" [height]=\"10\"></pry-icon>\n  }\n</span>\n@if (targetsDisplayed) {\n  <div class=\"a-chip-status__target\">\n    <div class=\"a-chip-status__target__filler\"></div>\n    @for (status of targetStatuses; track status) {\n      <div class=\"a-chip-status__target__item\" (click)=\"trigger(status)\">\n        {{ '@hvy.' + type + '.status.' + status | i18n }}\n      </div>\n    }\n  </div>\n}\n", dependencies: [{ kind: "component", type: i1$3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: StatusDisplayComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'hvy-status-display', template: "<span\n  class=\"a-chip -{{ item.status }} a-chip-status -{{ type }}\"\n  [class.-modifiable]=\"_modifiable\"\n  [class.-readonly]=\"readonly\"\n  (click)=\"toggle()\"\n>\n  {{ '@hvy.' + type + '.status.' + item.status | i18n }}\n  @if (targetStatuses.length > 0) {\n    <pry-icon iconSvg=\"caret_bottom_rounded\" [width]=\"10\" [height]=\"10\"></pry-icon>\n  }\n</span>\n@if (targetsDisplayed) {\n  <div class=\"a-chip-status__target\">\n    <div class=\"a-chip-status__target__filler\"></div>\n    @for (status of targetStatuses; track status) {\n      <div class=\"a-chip-status__target__item\" (click)=\"trigger(status)\">\n        {{ '@hvy.' + type + '.status.' + status | i18n }}\n      </div>\n    }\n  </div>\n}\n" }]
-        }], ctorParameters: () => [], propDecorators: { modified: [{
-                type: Output
-            }], type: [{
-                type: Input
-            }], readonly: [{
-                type: Input
-            }], item: [{
-                type: Input
-            }], modifiable: [{
-                type: Input
-            }] } });
-
 class ProgressDisplayComponent {
     constructor() {
         this._progress = 50;
@@ -1276,6 +1487,14 @@ class EventDetailComponent extends SubscriptionnerDirective {
         this.opened = this._events.length === 1 ? [true] : [];
         this.canCloseSome = this._events.filter((ev) => ev.status !== 'DONE').length > 0;
         this.comments$ = this.triggerComment$.pipe(mergeMap(() => combineLatest(this._events.map((event) => this.commentsService.get(event.id, 'events').pipe(map$1((comments) => ({ [event.id]: comments }))))).pipe(map$1((all) => all.reduce((p, c) => ({ ...p, ...c }), {})))), startWith({}), shareReplay());
+        this._events.forEach((ev, idx) => {
+            if (ev.equipment && ev.equipment.id && ev.equipment.id.length > 0) {
+                this.selectedEquipmentChange(ev.equipment, idx);
+            }
+            if (ev.parent && ev.parent.id) {
+                this.selectedParentChange(ev.parent, idx);
+            }
+        });
     }
     set procedure(procedure) {
         this._procedure = procedure;
@@ -1291,7 +1510,7 @@ class EventDetailComponent extends SubscriptionnerDirective {
             this.selectedEquipmentChange(request.equipmentName, request.index);
         }
     }
-    constructor(equipmentService, store, overlay, viewContainerRef, i18nService, pryDialog, commentsService) {
+    constructor(equipmentService, store, overlay, viewContainerRef, i18nService, pryDialog, commentsService, eventService) {
         super();
         this.equipmentService = equipmentService;
         this.store = store;
@@ -1300,6 +1519,7 @@ class EventDetailComponent extends SubscriptionnerDirective {
         this.i18nService = i18nService;
         this.pryDialog = pryDialog;
         this.commentsService = commentsService;
+        this.eventService = eventService;
         this.opened = [];
         this.criticalities = HypEventCriticality.values;
         this._events = [];
@@ -1309,6 +1529,7 @@ class EventDetailComponent extends SubscriptionnerDirective {
         this.modifiedProcedure = new EventEmitter();
         this.DOMAINS = DOMAINS.values;
         this.eventErrors = new EventEmitter();
+        this.addedEvent = new EventEmitter();
         this.errors = [];
         this.canCloseSome = false;
         this.changeStatusContext = {
@@ -1323,11 +1544,16 @@ class EventDetailComponent extends SubscriptionnerDirective {
         this.comfirmDialogOpened = new EventEmitter();
         this.triggerComment$ = new BehaviorSubject(undefined);
         this.onEquipmentSearch$ = new Subject();
+        this.equipmentSelectValue = [];
+        this.onEventSearch$ = new Subject();
+        this.eventSelectValue = [];
         this.padId = padId;
         this.subCategories = [undefined, ...HypEventSubCategory.values['ANOMALY']];
-        this.equipments$ = this.onEquipmentSearch$.pipe(startWith(), debounceTime(500)).pipe(switchMap(() => {
-            const search = typeof this.equipmentSelectValue === 'string' && this.equipmentSelectValue.length > 2
-                ? this.equipmentSelectValue
+        this.equipmentsEvents = [];
+        this.equipments$ = this.onEquipmentSearch$.pipe(startWith(), debounceTime(500)).pipe(switchMap((index) => {
+            const search = typeof this.equipmentSelectValue[index] === 'string' &&
+                this.equipmentSelectValue[index].length > 2
+                ? this.equipmentSelectValue[index]
                 : undefined;
             return this.equipmentService.search(search).pipe(map$1((equipments) => equipments.map((equipment) => {
                 const regex = RegExp(`(${search})` ?? '(/-/-/)', 'gid');
@@ -1340,6 +1566,21 @@ class EventDetailComponent extends SubscriptionnerDirective {
         }), catchError(() => {
             throw new Error('Search Equipment problem');
         }), shareReplay());
+        this.events$ = this.onEventSearch$.pipe(startWith(), debounceTime(500)).pipe(switchMap((index) => {
+            const search = typeof this.eventSelectValue[index] === 'string' && this.eventSelectValue[index].length > 2
+                ? this.eventSelectValue[index]
+                : undefined;
+            return this.eventService.list().pipe(map$1((events) => events.map((event) => {
+                const regex = RegExp(`(${search})` ?? '(/-/-/)', 'gid');
+                const html = `${padId.fn(event.id)} - ${event.name}`;
+                return {
+                    ...event,
+                    html: html.replaceAll(regex, (matched, capture1) => `<b>${capture1}</b>`)
+                };
+            })));
+        }), catchError(() => {
+            throw new Error('Search Equipment problem');
+        }), shareReplay());
     }
     get events() {
         return this._events.map((evt, idx) => ({ ...evt, ...(this.eventModifications[idx] ?? {}) }));
@@ -1388,37 +1629,23 @@ class EventDetailComponent extends SubscriptionnerDirective {
         }
     }
     access(event) {
-        if (this.readonly ||
+        const readonly = this.readonly ||
             event.status === 'DONE' ||
-            (['LIMIT', 'OUTOFORDER', 'ANOMALY'].includes(event.category) && event.externalSourceRef)) {
-            return {
-                name: true,
-                category: true,
-                subCategory: true,
-                criticality: true,
-                description: true,
-                address: true,
-                source: true,
-                domain: true,
-                eqName: true,
-                eqEntity: true,
-                startDate: true,
-                endDate: true
-            };
-        }
+            (['LIMIT', 'OUTOFORDER', 'ANOMALY'].includes(event.category) && event.externalSourceRef !== 'Hyperviseur');
         return {
-            name: false,
-            category: false,
-            subCategory: false,
-            criticality: false,
-            description: false,
-            address: false,
+            name: readonly,
+            category: readonly,
+            subCategory: readonly,
+            criticality: readonly,
+            description: readonly,
+            address: readonly,
             source: true,
-            domain: false,
-            eqName: false,
-            eqEntity: false,
-            startDate: false,
-            endDate: false
+            domain: readonly,
+            eqName: readonly,
+            eqEntity: readonly,
+            startDate: readonly,
+            endDate: readonly,
+            parent: readonly
         };
     }
     _outputModifications() {
@@ -1582,8 +1809,8 @@ class EventDetailComponent extends SubscriptionnerDirective {
         });
     }
     selectedEquipmentChange($event, index) {
-        this.equipmentSelectValue = $event;
-        this.onEquipmentSearch$.next();
+        this.equipmentSelectValue[index] = $event;
+        this.onEquipmentSearch$.next(index);
         if (typeof $event === 'object') {
             if (this._events[index].equipment?.name !== $event.name) {
                 if (!this.eventModifications[index]) {
@@ -1603,20 +1830,105 @@ class EventDetailComponent extends SubscriptionnerDirective {
                     this._outputModifications();
                 }
             }
+            this.populateEquipment($event, index);
+        }
+        else {
+            this.populateEquipment(undefined, index);
+        }
+    }
+    populateEquipment($event, index) {
+        this.equipmentsEvents[index] = {};
+        if ($event) {
+            this.equipmentService.findByName($event.name).subscribe((equip) => {
+                this.equipmentsEvents[index].events = equip.events;
+                this.equipmentsEvents[index].services = equip.services;
+            });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: EventDetailComponent, deps: [{ token: EquipmentService }, { token: i1$1.Store }, { token: i2.Overlay }, { token: i0.ViewContainerRef }, { token: i1$3.PryI18nService }, { token: i1$3.PryDialogService }, { token: HypCommentsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.4", type: EventDetailComponent, selector: "hvy-event-detail", inputs: { title: "title", me: "me", readonly: "readonly", readonlyProcedure: "readonlyProcedure", enableEditActions: "enableEditActions", events: "events", procedure: "procedure", cancelModifications: "cancelModifications", equipmentName: "equipmentName" }, outputs: { modifiedEvents: "modifiedEvents", modifiedProcedure: "modifiedProcedure", eventErrors: "eventErrors", comfirmDialogOpened: "comfirmDialogOpened" }, viewQueries: [{ propertyName: "confirmDialog", first: true, predicate: ["confirmDialog"], descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<div class=\"o-hvy-events-detail\">\n  <div class=\"o-hvy-events-detail__header\">\n    <div class=\"o-hvy-events-detail__header__split\">\n      <h1>{{ title ?? '@hvy.event.detail' | i18n }}</h1>\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=\"bottom\">\n            <pry-icon iconSvg=\"i\" [height]=\"18\" [width]=\"18\">i</pry-icon>\n          </div>\n        }\n      }\n    </div>\n    <div class=\"o-hvy-events-detail__header__split\">\n      @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\">\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                (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 (comments$ && comments$ | async; as comments) {\n                  @if (comments[event.id]?.length ?? 0 > 0) {\n                    <span>{{\n                      ((comments[event.id]?.length ?? 0) > 1 ? '@hvy.event.comment.heads' : '@hvy.event.comment.head')\n                        | i18n: { nb: comments[event.id]?.length }\n                    }}</span>\n                  }\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>{{ '@hvy.event.log.event.description' | i18n }} : {{ event.description }}</div>\n                <div>{{ '@hvy.event.log.event.address' | i18n }} : {{ event.address }}</div>\n              } @else {\n                @if (access(event); as accessValue) {\n                  <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                      <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                      </tr>\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                        </tr>\n                      }\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                      </tr>\n                      @if (event.category === 'ANOMALY') {\n                        <tr>\n                          <td>{{ '@hvy.event.subCategory.name' | i18n }} :</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                        </tr>\n                      }\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                      </tr>\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                      </tr>\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                          ></textarea>\n                        </td>\n                      </tr>\n                      @if (event.category !== 'MANIFESTATION') {\n                        <tr>\n                          <td>{{ '@hvy.event.source' | i18n }} :</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                        </tr>\n                      }\n                      <tr>\n                        <td>{{ '@hvy.event.equipment' | i18n }} :</td>\n                        <td>\n                          <pry-select\n                            [items]=\"equipments$ | async\"\n                            bindLabel=\"name\"\n                            [(ngModel)]=\"equipmentSelectValue\"\n                            (ngModelChange)=\"selectedEquipmentChange($event, idx)\"\n                            [autocomplete]=\"true\"\n                            [externalAutocompleteService]=\"true\"\n                            [placeholder]=\"'@hvy.event.equipmentPlaceholder' | i18n\"\n                            id=\"procedure-filter\"\n                            [template]=\"templateOption\"\n                            [class.-error]=\"hasError('equipment', idx)\"\n                            [disabled]=\"accessValue.eqName\"\n                            class=\"o-hvy-events-detail__events__event__content__equipment\"\n                          ></pry-select>\n                          <ng-template #templateOption let-item=\"item\">\n                            <div class=\"u-display-flex -column\">\n                              <span [innerHTML]=\"item.html\"></span>\n                            </div>\n                          </ng-template>\n                        </td>\n                      </tr>\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                      </tr>\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                      </tr>\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                      </tr>\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                        </td>\n                      </tr>\n                      <tr>\n                        <td>{{ '@hvy.event.creationDate' | i18n }} :</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                      </tr>\n                      <tr>\n                        <td>{{ '@hvy.event.lastModificationDate' | i18n }} :</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                      </tr>\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                      </tr>\n                    </tbody>\n                  </table>\n                  <hvy-comments\n                    [comments]=\"(comments$ | async) ? (comments$ | async)![event.id] : []\"\n                    (commented)=\"updateComment(event, $event)\"\n                    [readonly]=\"readonly\"\n                    [type]=\"'events'\"\n                    [me]=\"me\"\n                  ></hvy-comments>\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>{{ procedure.description }}</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            [readonly]=\"readonlyProcedure || readonly\"\n            [enableEditActions]=\"enableEditActions\"\n            [actions]=\"procedure.actions\"\n            (modified)=\"modifiedActions($event)\"\n            [me]=\"me\"\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>\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"] }, { 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", "displayEmpty", "comments", "trigger"], outputs: ["commented"] }, { kind: "component", type: ProcedureActionsComponent, selector: "hvy-procedure-actions", inputs: ["mode", "me", "readonly", "enableEditActions", "actions"], outputs: ["modified"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }, { kind: "pipe", type: ForDatetimeLocalPipe, name: "forDateTimeLocal" }] }); }
+    toggleDetailsTooltip(idx) {
+        if (!this.tooltipRef) {
+            let idxOpened = 0;
+            for (let i = 0; i < idx; i++) {
+                if (this.opened[i]) {
+                    idxOpened++;
+                }
+            }
+            this.tooltipRef = this.pryDialog.open(HvyEventDetailsTooltipComponent, {
+                data: this.equipmentsEvents[idx] ?? { events: [], services: [] },
+                overlayConfig: {
+                    positionStrategy: this.overlay
+                        .position()
+                        .flexibleConnectedTo(this.detailHoverIcon.get(idxOpened))
+                        .withPositions([
+                        {
+                            originX: 'end',
+                            originY: 'bottom',
+                            overlayX: 'start',
+                            overlayY: 'top'
+                        }
+                    ])
+                }
+            });
+        }
+        else {
+            this.tooltipRef.close();
+            this.tooltipRef = undefined;
+        }
+    }
+    selectedParentChange($event, index) {
+        this.eventSelectValue[index] = $event;
+        this.onEventSearch$.next(index);
+        if (typeof $event === 'object') {
+            if (this._events[index].parent?.id !== $event.id) {
+                if (!this.eventModifications[index]) {
+                    this.eventModifications[index] = {};
+                }
+                this.eventModifications[index].parent = { id: $event.id, name: $event.name };
+                this._outputModifications();
+            }
+            else {
+                if (!!this.eventModifications[index]) {
+                    // @ts-ignore
+                    delete this.eventModifications[index].parent;
+                    if (Object.keys(this.eventModifications[index]).length === 0) {
+                        delete this.eventModifications[index];
+                    }
+                    this._outputModifications();
+                }
+            }
+        }
+    }
+    addOneEvent() {
+        const ref = this.pryDialog.open(HvyEventAddEventComponent, {
+            data: { procedure: this.procedure },
+            backdropClass: 'backdrop-dark',
+            overlayConfig: {
+                positionStrategy: this.overlay.position().global().centerHorizontally().centerVertically()
+            }
+        });
+        ref.closeValue.subscribe((value) => {
+            switch (value.value) {
+                case 'add':
+                    this.addedEvent.next(value.event);
+                    break;
+            }
+            ref.close();
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: EventDetailComponent, deps: [{ token: EquipmentService }, { token: i1$1.Store }, { token: i2.Overlay }, { token: i0.ViewContainerRef }, { token: i1$3.PryI18nService }, { token: i1$3.PryDialogService }, { token: HypCommentsService }, { token: EventService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.4", type: EventDetailComponent, selector: "hvy-event-detail", inputs: { title: "title", me: "me", readonly: "readonly", readonlyProcedure: "readonlyProcedure", enableEditActions: "enableEditActions", events: "events", procedure: "procedure", cancelModifications: "cancelModifications", equipmentName: "equipmentName" }, outputs: { modifiedEvents: "modifiedEvents", modifiedProcedure: "modifiedProcedure", eventErrors: "eventErrors", addedEvent: "addedEvent", comfirmDialogOpened: "comfirmDialogOpened" }, 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 }}</h1>\n      @if (procedure) {\n        <button class=\"add-button\" [disabled]=\"readonly\" (click)=\"addOneEvent()\">\n          <pry-icon iconSvg=\"add\"></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=\"bottom\">\n            <pry-icon iconSvg=\"i\" [height]=\"18\" [width]=\"18\">i</pry-icon>\n          </div>\n        }\n      }\n    </div>\n    <div class=\"o-hvy-events-detail__header__split\">\n      @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\">\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                (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 (comments$ && comments$ | async; as comments) {\n                  @if (comments[event.id]?.length ?? 0 > 0) {\n                    <span>{{\n                      ((comments[event.id]?.length ?? 0) > 1 ? '@hvy.event.comment.heads' : '@hvy.event.comment.head')\n                        | i18n: { nb: comments[event.id]?.length }\n                    }}</span>\n                  }\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>{{ '@hvy.event.log.event.description' | i18n }} : {{ event.description }}</div>\n                <div>{{ '@hvy.event.log.event.address' | i18n }} : {{ event.address }}</div>\n              } @else {\n                @if (access(event); as accessValue) {\n                  <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                      <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                      @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                      <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                      @if (event.category === 'ANOMALY') {\n                        <tr>\n                          <td>{{ '@hvy.event.subCategory.name' | i18n }} :</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                      <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\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                      <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                          ></textarea>\n                        </td>\n                        <td></td>\n                      </tr>\n                      @if (event.category !== 'MANIFESTATION') {\n                        <tr>\n                          <td>{{ '@hvy.event.source' | i18n }} :</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                      }\n                      <tr>\n                        <td>{{ '@hvy.event.equipment' | i18n }} :</td>\n                        <td>\n                          <pry-select\n                            [items]=\"equipments$ | async\"\n                            bindLabel=\"name\"\n                            [(ngModel)]=\"equipmentSelectValue[idx]\"\n                            (ngModelChange)=\"selectedEquipmentChange($event, idx)\"\n                            [autocomplete]=\"true\"\n                            [externalAutocompleteService]=\"true\"\n                            [placeholder]=\"'@hvy.event.equipmentPlaceholder' | i18n\"\n                            id=\"procedure-filter\"\n                            [template]=\"templateOption\"\n                            [class.-error]=\"hasError('equipment', idx)\"\n                            [disabled]=\"accessValue.eqName\"\n                            class=\"o-hvy-events-detail__events__event__content__equipment\"\n                          ></pry-select>\n                          <ng-template #templateOption let-item=\"item\">\n                            <div class=\"u-display-flex -column\">\n                              <span [innerHTML]=\"item.html\"></span>\n                            </div>\n                          </ng-template>\n                        </td>\n                        <td>\n                          @if (event.equipment && event.equipment.id.length > 0) {\n                            <pry-icon\n                              iconSvg=\"i\"\n                              #detailHoverIcon\n                              (mouseenter)=\"toggleDetailsTooltip(idx)\"\n                              (mouseleave)=\"toggleDetailsTooltip(idx)\"\n                            ></pry-icon>\n                          }\n                        </td>\n                      </tr>\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                      <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                      <tr>\n                        <td>{{ '@hvy.event.parentEvent.name' | i18n }} :</td>\n                        <td>\n                          <pry-select\n                            [items]=\"events$ | async\"\n                            bindLabel=\"name\"\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=\"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                      <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                      <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                        </td>\n                        <td></td>\n                      </tr>\n                      <tr>\n                        <td>{{ '@hvy.event.creationDate' | i18n }} :</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                      <tr>\n                        <td>{{ '@hvy.event.lastModificationDate' | i18n }} :</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                      <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                  <hvy-comments\n                    [comments]=\"(comments$ | async) ? (comments$ | async)![event.id] : []\"\n                    (commented)=\"updateComment(event, $event)\"\n                    [readonly]=\"readonly\"\n                    [type]=\"'events'\"\n                    [me]=\"me\"\n                  ></hvy-comments>\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>{{ procedure.description }}</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            [readonly]=\"readonlyProcedure || readonly\"\n            [enableEditActions]=\"enableEditActions\"\n            [actions]=\"procedure.actions\"\n            (modified)=\"modifiedActions($event)\"\n            [me]=\"me\"\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>\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"] }, { 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", "displayEmpty", "comments", "trigger"], outputs: ["commented"] }, { kind: "component", type: ProcedureActionsComponent, selector: "hvy-procedure-actions", inputs: ["mode", "me", "readonly", "enableEditActions", "actions"], outputs: ["modified"] }, { 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: "17.3.4", 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 }}</h1>\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=\"bottom\">\n            <pry-icon iconSvg=\"i\" [height]=\"18\" [width]=\"18\">i</pry-icon>\n          </div>\n        }\n      }\n    </div>\n    <div class=\"o-hvy-events-detail__header__split\">\n      @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\">\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                (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 (comments$ && comments$ | async; as comments) {\n                  @if (comments[event.id]?.length ?? 0 > 0) {\n                    <span>{{\n                      ((comments[event.id]?.length ?? 0) > 1 ? '@hvy.event.comment.heads' : '@hvy.event.comment.head')\n                        | i18n: { nb: comments[event.id]?.length }\n                    }}</span>\n                  }\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>{{ '@hvy.event.log.event.description' | i18n }} : {{ event.description }}</div>\n                <div>{{ '@hvy.event.log.event.address' | i18n }} : {{ event.address }}</div>\n              } @else {\n                @if (access(event); as accessValue) {\n                  <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                      <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                      </tr>\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                        </tr>\n                      }\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                      </tr>\n                      @if (event.category === 'ANOMALY') {\n                        <tr>\n                          <td>{{ '@hvy.event.subCategory.name' | i18n }} :</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                        </tr>\n                      }\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                      </tr>\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                      </tr>\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                          ></textarea>\n                        </td>\n                      </tr>\n                      @if (event.category !== 'MANIFESTATION') {\n                        <tr>\n                          <td>{{ '@hvy.event.source' | i18n }} :</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                        </tr>\n                      }\n                      <tr>\n                        <td>{{ '@hvy.event.equipment' | i18n }} :</td>\n                        <td>\n                          <pry-select\n                            [items]=\"equipments$ | async\"\n                            bindLabel=\"name\"\n                            [(ngModel)]=\"equipmentSelectValue\"\n                            (ngModelChange)=\"selectedEquipmentChange($event, idx)\"\n                            [autocomplete]=\"true\"\n                            [externalAutocompleteService]=\"true\"\n                            [placeholder]=\"'@hvy.event.equipmentPlaceholder' | i18n\"\n                            id=\"procedure-filter\"\n                            [template]=\"templateOption\"\n                            [class.-error]=\"hasError('equipment', idx)\"\n                            [disabled]=\"accessValue.eqName\"\n                            class=\"o-hvy-events-detail__events__event__content__equipment\"\n                          ></pry-select>\n                          <ng-template #templateOption let-item=\"item\">\n                            <div class=\"u-display-flex -column\">\n                              <span [innerHTML]=\"item.html\"></span>\n                            </div>\n                          </ng-template>\n                        </td>\n                      </tr>\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                      </tr>\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                      </tr>\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                      </tr>\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                        </td>\n                      </tr>\n                      <tr>\n                        <td>{{ '@hvy.event.creationDate' | i18n }} :</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                      </tr>\n                      <tr>\n                        <td>{{ '@hvy.event.lastModificationDate' | i18n }} :</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                      </tr>\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                      </tr>\n                    </tbody>\n                  </table>\n                  <hvy-comments\n                    [comments]=\"(comments$ | async) ? (comments$ | async)![event.id] : []\"\n                    (commented)=\"updateComment(event, $event)\"\n                    [readonly]=\"readonly\"\n                    [type]=\"'events'\"\n                    [me]=\"me\"\n                  ></hvy-comments>\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>{{ procedure.description }}</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            [readonly]=\"readonlyProcedure || readonly\"\n            [enableEditActions]=\"enableEditActions\"\n            [actions]=\"procedure.actions\"\n            (modified)=\"modifiedActions($event)\"\n            [me]=\"me\"\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>\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.Overlay }, { type: i0.ViewContainerRef }, { type: i1$3.PryI18nService }, { type: i1$3.PryDialogService }, { type: HypCommentsService }], propDecorators: { modifiedEvents: [{
+            args: [{ selector: 'hvy-event-detail', template: "<div class=\"o-hvy-events-detail\">\n  <div class=\"o-hvy-events-detail__header\">\n    <div class=\"o-hvy-events-detail__header__split\">\n      <h1>{{ title ?? '@hvy.event.detail' | i18n }}</h1>\n      @if (procedure) {\n        <button class=\"add-button\" [disabled]=\"readonly\" (click)=\"addOneEvent()\">\n          <pry-icon iconSvg=\"add\"></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=\"bottom\">\n            <pry-icon iconSvg=\"i\" [height]=\"18\" [width]=\"18\">i</pry-icon>\n          </div>\n        }\n      }\n    </div>\n    <div class=\"o-hvy-events-detail__header__split\">\n      @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\">\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                (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 (comments$ && comments$ | async; as comments) {\n                  @if (comments[event.id]?.length ?? 0 > 0) {\n                    <span>{{\n                      ((comments[event.id]?.length ?? 0) > 1 ? '@hvy.event.comment.heads' : '@hvy.event.comment.head')\n                        | i18n: { nb: comments[event.id]?.length }\n                    }}</span>\n                  }\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>{{ '@hvy.event.log.event.description' | i18n }} : {{ event.description }}</div>\n                <div>{{ '@hvy.event.log.event.address' | i18n }} : {{ event.address }}</div>\n              } @else {\n                @if (access(event); as accessValue) {\n                  <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                      <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                      @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                      <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                      @if (event.category === 'ANOMALY') {\n                        <tr>\n                          <td>{{ '@hvy.event.subCategory.name' | i18n }} :</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                      <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\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                      <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                          ></textarea>\n                        </td>\n                        <td></td>\n                      </tr>\n                      @if (event.category !== 'MANIFESTATION') {\n                        <tr>\n                          <td>{{ '@hvy.event.source' | i18n }} :</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                      }\n                      <tr>\n                        <td>{{ '@hvy.event.equipment' | i18n }} :</td>\n                        <td>\n                          <pry-select\n                            [items]=\"equipments$ | async\"\n                            bindLabel=\"name\"\n                            [(ngModel)]=\"equipmentSelectValue[idx]\"\n                            (ngModelChange)=\"selectedEquipmentChange($event, idx)\"\n                            [autocomplete]=\"true\"\n                            [externalAutocompleteService]=\"true\"\n                            [placeholder]=\"'@hvy.event.equipmentPlaceholder' | i18n\"\n                            id=\"procedure-filter\"\n                            [template]=\"templateOption\"\n                            [class.-error]=\"hasError('equipment', idx)\"\n                            [disabled]=\"accessValue.eqName\"\n                            class=\"o-hvy-events-detail__events__event__content__equipment\"\n                          ></pry-select>\n                          <ng-template #templateOption let-item=\"item\">\n                            <div class=\"u-display-flex -column\">\n                              <span [innerHTML]=\"item.html\"></span>\n                            </div>\n                          </ng-template>\n                        </td>\n                        <td>\n                          @if (event.equipment && event.equipment.id.length > 0) {\n                            <pry-icon\n                              iconSvg=\"i\"\n                              #detailHoverIcon\n                              (mouseenter)=\"toggleDetailsTooltip(idx)\"\n                              (mouseleave)=\"toggleDetailsTooltip(idx)\"\n                            ></pry-icon>\n                          }\n                        </td>\n                      </tr>\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                      <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                      <tr>\n                        <td>{{ '@hvy.event.parentEvent.name' | i18n }} :</td>\n                        <td>\n                          <pry-select\n                            [items]=\"events$ | async\"\n                            bindLabel=\"name\"\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=\"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                      <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                      <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                        </td>\n                        <td></td>\n                      </tr>\n                      <tr>\n                        <td>{{ '@hvy.event.creationDate' | i18n }} :</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                      <tr>\n                        <td>{{ '@hvy.event.lastModificationDate' | i18n }} :</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                      <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                  <hvy-comments\n                    [comments]=\"(comments$ | async) ? (comments$ | async)![event.id] : []\"\n                    (commented)=\"updateComment(event, $event)\"\n                    [readonly]=\"readonly\"\n                    [type]=\"'events'\"\n                    [me]=\"me\"\n                  ></hvy-comments>\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>{{ procedure.description }}</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            [readonly]=\"readonlyProcedure || readonly\"\n            [enableEditActions]=\"enableEditActions\"\n            [actions]=\"procedure.actions\"\n            (modified)=\"modifiedActions($event)\"\n            [me]=\"me\"\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>\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.Overlay }, { type: i0.ViewContainerRef }, { type: i1$3.PryI18nService }, { type: i1$3.PryDialogService }, { type: HypCommentsService }, { type: EventService }], propDecorators: { modifiedEvents: [{
                 type: Output
             }], modifiedProcedure: [{
                 type: Output
             }], eventErrors: [{
                 type: Output
+            }], addedEvent: [{
+                type: Output
             }], title: [{
                 type: Input
             }], me: [{
@@ -1632,6 +1944,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImpor
                 args: ['confirmDialog', { read: TemplateRef }]
             }], comfirmDialogOpened: [{
                 type: Output
+            }], detailHoverIcon: [{
+                type: ViewChildren,
+                args: ['detailHoverIcon', { read: ElementRef }]
             }], events: [{
                 type: Input
             }], procedure: [{
@@ -2131,105 +2446,6 @@ const EventSummarySelectors = {
     loading
 };
 
-const eventForWriteAPI = (event) => ({
-    ...event,
-    equipmentId: event.equipment?.id
-});
-
-const procedureForWriteAPI = (procedure) => ({
-    ...procedure,
-    events: procedure.events.map(eventForWriteAPI)
-});
-
-const PAGE_SIZE_FETCH = { value: 20 };
-const KNOWN_FILTER_SETS = {
-    EVENTS: 'events',
-    SUMMARY: 'summary'
-};
-class EventService {
-    constructor(httpClient, store) {
-        this.httpClient = httpClient;
-        this.store = store;
-    }
-    list(startWith = 0, pageSize = PAGE_SIZE_FETCH.value) {
-        return this.store.select(HypSelectors.url).pipe(withLatestFrom(this.store.select(EventSelectors.filters), this.store.select(EventSelectors.sort)), mergeMap(([url, filterSets, sort]) => {
-            const filters = filterSets[KNOWN_FILTER_SETS.EVENTS] ?? {};
-            let params = new HttpParams();
-            Object.keys(filters).forEach((filter) => {
-                filters[filter].forEach((filterValue) => {
-                    params = params.append(filter, filterValue);
-                });
-            });
-            params = params.set('page', startWith / pageSize + 1);
-            if (sort) {
-                params = params.set('sort', sort.field).set('order', sort.order);
-            }
-            return this.httpClient.get(encodeURI(`${url}/events`), { params });
-        }));
-    }
-    get(id) {
-        return this.store.select(HypSelectors.url).pipe(mergeMap((url) => {
-            return this.httpClient.get(encodeURI(`${url}/events/id/${id}`));
-        }));
-    }
-    getTooltipInfo(name) {
-        return this.store.select(HypSelectors.url).pipe(mergeMap((url) => {
-            return this.httpClient.get(encodeURI(`${url}/equipments/name/${name}`));
-        }));
-    }
-    getProcedure(id) {
-        return this.store.select(HypSelectors.url).pipe(mergeMap((url) => {
-            return this.httpClient.get(encodeURI(`${url}/procedures/id/${id}`));
-        }));
-    }
-    save(event) {
-        const toSend = { ...event };
-        if (event.id < 0) {
-            delete toSend.id;
-        }
-        return this.store.select(HypSelectors.url).pipe(mergeMap((url) => {
-            if (!!toSend.id) {
-                return this.httpClient.put(encodeURI(`${url}/events/id/${toSend.id}`), eventForWriteAPI(event));
-            }
-            return this.httpClient.post(encodeURI(`${url}/events`), eventForWriteAPI(event));
-        }));
-    }
-    saveProcedure(procedure) {
-        return this.store.select(HypSelectors.url).pipe(mergeMap((url) => {
-            return this.httpClient.put(encodeURI(`${url}/procedures/id/${procedure.id}`), procedureForWriteAPI(procedure));
-        }));
-    }
-    status(event, status, comment) {
-        return this.store.select(HypSelectors.url).pipe(mergeMap((url) => {
-            return this.httpClient.put(encodeURI(`${url}/events/id/${event.id}/close`), {
-                id: v4(),
-                message: comment
-            });
-        }));
-    }
-    statusProcedure(procedure, status, comment) {
-        return this.store.select(HypSelectors.url).pipe(mergeMap((url) => {
-            return this.httpClient.put(encodeURI(`${url}/procedures/id/${procedure.id}/close`), {
-                id: v4(),
-                message: comment
-            });
-        }));
-    }
-    associateProcedure(procedureId, eventIds) {
-        return this.store.select(HypSelectors.url).pipe(mergeMap((url) => {
-            return this.httpClient.put(encodeURI(`${url}/procedures/model/id/${procedureId}/associate`), eventIds);
-        }));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: EventService, deps: [{ token: i1.HttpClient }, { token: i1$1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: EventService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: EventService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i1$1.Store }] });
-
 const HypEventStatus = {
     values: ['NEW', 'IN_PROGRESS', 'DONE', 'ARCHIVED']
 };
@@ -2381,11 +2597,11 @@ class ProcedureListComponent extends SubscriptionnerDirective {
         return this.router.navigate(this.PROCEDURE_LINK.fn(procedure, this.store));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ProcedureListComponent, deps: [{ token: i1$1.Store }, { token: i2$1.Router }, { token: InfiniteScrollService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.4", type: ProcedureListComponent, selector: "hvy-procedure-model-list", viewQueries: [{ propertyName: "scrollable", first: true, predicate: ["scrollable"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"o-procedure-list\">\n  <div class=\"m-form-label-field o-procedure-list__action\">\n    <hvy-immediate-filters [filterSet]=\"'procedure'\">\n      <hvy-text-filter prop=\"search\" #filter></hvy-text-filter>\n      <hvy-choice-filter\n        i18nPrefix=\"@hvy.event.domain.\"\n        label=\"@hvy.event.domain.name\"\n        [choices]=\"DOMAINS\"\n        prop=\"domain\"\n        #filter\n      ></hvy-choice-filter>\n    </hvy-immediate-filters>\n  </div>\n  <div class=\"o-procedure-list__table\" #scrollable>\n    <table class=\"o-hvy-events-table\">\n      <thead>\n        <tr class=\"o-hvy-events-table__header\">\n          <th>\n            <hvy-procedure-column-order field=\"useCount\"\n              >{{ '@hvy.procedure.useCount' | i18n }}\n            </hvy-procedure-column-order>\n          </th>\n          <th>\n            <hvy-procedure-column-order field=\"name\">{{ '@hvy.procedure.title' | i18n }}</hvy-procedure-column-order>\n          </th>\n          <th>\n            <hvy-procedure-column-order field=\"domain\">{{ '@hvy.procedure.domain' | i18n }}</hvy-procedure-column-order>\n          </th>\n          <th>\n            <hvy-procedure-column-order field=\"creator\"\n              >{{ '@hvy.procedure.author' | i18n }}\n            </hvy-procedure-column-order>\n          </th>\n          <th>\n            <hvy-procedure-column-order field=\"id\">{{ '@hvy.procedure.id' | i18n }}</hvy-procedure-column-order>\n          </th>\n          <th>\n            <hvy-procedure-column-order field=\"creationDate\"\n              >{{ '@hvy.event.creationDate' | i18n }}\n            </hvy-procedure-column-order>\n          </th>\n          <th>\n            <hvy-procedure-column-order field=\"lastModificationDate\">\n              <span>{{ '@hvy.event.lastModificationDate' | i18n }}</span></hvy-procedure-column-order\n            >\n          </th>\n          <th></th>\n        </tr>\n      </thead>\n      <tbody>\n        @for (procedure of procedures$ | async; track procedure.id) {\n          <tr class=\"o-hvy-events-table__line\" (click)=\"goTo(procedure)\">\n            <td class=\"o-hvy-events-table__line__cell\">{{ procedure.useCount }}</td>\n            <td class=\"o-hvy-events-table__line__cell\">{{ procedure.name }}</td>\n            <td class=\"o-hvy-events-table__line__cell\">{{ '@hvy.event.domain.' + procedure.domain | i18n }}</td>\n            <td class=\"o-hvy-events-table__line__cell -centered\">{{ procedure.creator }}</td>\n            <td class=\"o-hvy-events-table__line__cell\">{{ padId.fn(procedure.id) }}</td>\n            <td class=\"o-hvy-events-table__line__cell\">{{ procedure.creationDate | displayLocaleDatetime }}</td>\n            <td class=\"o-hvy-events-table__line__cell\">\n              {{ procedure.lastModificationDate | displayLocaleDatetime }}\n            </td>\n            <td class=\"o-hvy-events-table__line__cell\">\n              <a [routerLink]=\"PROCEDURE_LINK.fn(procedure, store)\">\n                <div class=\"consult-link\">\n                  <pry-icon iconSvg=\"eye\" [height]=\"30\" [width]=\"40\"></pry-icon>\n                </div>\n              </a>\n            </td>\n          </tr>\n        } @empty {\n          <tr>\n            <td class=\"o-hvy-events-table__empty\" colspan=\"50\">\n              <div>{{ '@hvy.procedure.noContent' | i18n }}</div>\n              <div>\n                <ng-content></ng-content>\n              </div>\n            </td>\n          </tr>\n        }\n      </tbody>\n    </table>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i1$3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: TextFilterComponent, selector: "hvy-text-filter", inputs: ["placeholder"] }, { kind: "component", type: ChoiceFilterComponent, selector: "hvy-choice-filter", inputs: ["allLabel", "label", "i18nPrefix", "addNonLeaves", "choices"] }, { kind: "component", type: ProcedureColumnOrderComponent, selector: "hvy-procedure-column-order" }, { kind: "component", type: ImmediateFiltersComponent, selector: "hvy-immediate-filters", inputs: ["filterSet", "delay"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }, { kind: "pipe", type: DisplayLocaleDateTime, name: "displayLocaleDatetime" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.4", type: ProcedureListComponent, selector: "hvy-procedure-model-list", viewQueries: [{ propertyName: "scrollable", first: true, predicate: ["scrollable"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"o-procedure-list\">\n  <div class=\"m-form-label-field o-procedure-list__action\">\n    <hvy-immediate-filters [filterSet]=\"'procedure'\">\n      <hvy-text-filter prop=\"search\" #filter></hvy-text-filter>\n      <hvy-choice-filter\n        i18nPrefix=\"@hvy.event.domain.\"\n        label=\"@hvy.event.domain.name\"\n        [choices]=\"DOMAINS\"\n        prop=\"domain\"\n        #filter\n      ></hvy-choice-filter>\n    </hvy-immediate-filters>\n  </div>\n  <div class=\"o-procedure-list__table\" #scrollable>\n    <table class=\"o-hvy-events-table\">\n      <thead>\n        <tr class=\"o-hvy-events-table__header\">\n          <th>\n            <hvy-procedure-column-order field=\"id\">{{ '@hvy.procedure.id' | i18n }}</hvy-procedure-column-order>\n          </th>\n          <th>\n            <hvy-procedure-column-order field=\"name\">{{ '@hvy.procedure.title' | i18n }}</hvy-procedure-column-order>\n          </th>\n          <th>\n            <hvy-procedure-column-order field=\"domain\">{{ '@hvy.procedure.domain' | i18n }}</hvy-procedure-column-order>\n          </th>\n          <th>\n            <hvy-procedure-column-order field=\"useCount\"\n              >{{ '@hvy.procedure.useCount' | i18n }}\n            </hvy-procedure-column-order>\n          </th>\n          <th>\n            <hvy-procedure-column-order field=\"creator\"\n              >{{ '@hvy.procedure.author' | i18n }}\n            </hvy-procedure-column-order>\n          </th>\n          <th>\n            <hvy-procedure-column-order field=\"creationDate\"\n              >{{ '@hvy.event.creationDate' | i18n }}\n            </hvy-procedure-column-order>\n          </th>\n          <th>\n            <hvy-procedure-column-order field=\"lastModificationDate\">\n              <span>{{ '@hvy.event.lastModificationDate' | i18n }}</span></hvy-procedure-column-order\n            >\n          </th>\n          <th></th>\n        </tr>\n      </thead>\n      <tbody>\n        @for (procedure of procedures$ | async; track procedure.id) {\n          <tr class=\"o-hvy-events-table__line\" (click)=\"goTo(procedure)\">\n            <td class=\"o-hvy-events-table__line__cell\">{{ padId.fn(procedure.id) }}</td>\n            <td class=\"o-hvy-events-table__line__cell\">{{ procedure.name }}</td>\n            <td class=\"o-hvy-events-table__line__cell\">{{ '@hvy.event.domain.' + procedure.domain | i18n }}</td>\n            <td class=\"o-hvy-events-table__line__cell\">{{ procedure.useCount }}</td>\n            <td class=\"o-hvy-events-table__line__cell -centered\">{{ procedure.creator }}</td>\n            <td class=\"o-hvy-events-table__line__cell\">{{ procedure.creationDate | displayLocaleDatetime }}</td>\n            <td class=\"o-hvy-events-table__line__cell\">\n              {{ procedure.lastModificationDate | displayLocaleDatetime }}\n            </td>\n            <td class=\"o-hvy-events-table__line__cell\">\n              <a [routerLink]=\"PROCEDURE_LINK.fn(procedure, store)\">\n                <div class=\"consult-link\">\n                  <pry-icon iconSvg=\"eye\" [height]=\"30\" [width]=\"40\"></pry-icon>\n                </div>\n              </a>\n            </td>\n          </tr>\n        } @empty {\n          <tr>\n            <td class=\"o-hvy-events-table__empty\" colspan=\"50\">\n              <div>{{ '@hvy.procedure.noContent' | i18n }}</div>\n              <div>\n                <ng-content></ng-content>\n              </div>\n            </td>\n          </tr>\n        }\n      </tbody>\n    </table>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i1$3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: TextFilterComponent, selector: "hvy-text-filter", inputs: ["placeholder"] }, { kind: "component", type: ChoiceFilterComponent, selector: "hvy-choice-filter", inputs: ["allLabel", "label", "i18nPrefix", "addNonLeaves", "choices"] }, { kind: "component", type: ProcedureColumnOrderComponent, selector: "hvy-procedure-column-order" }, { kind: "component", type: ImmediateFiltersComponent, selector: "hvy-immediate-filters", inputs: ["filterSet", "delay"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }, { kind: "pipe", type: DisplayLocaleDateTime, name: "displayLocaleDatetime" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ProcedureListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'hvy-procedure-model-list', template: "<div class=\"o-procedure-list\">\n  <div class=\"m-form-label-field o-procedure-list__action\">\n    <hvy-immediate-filters [filterSet]=\"'procedure'\">\n      <hvy-text-filter prop=\"search\" #filter></hvy-text-filter>\n      <hvy-choice-filter\n        i18nPrefix=\"@hvy.event.domain.\"\n        label=\"@hvy.event.domain.name\"\n        [choices]=\"DOMAINS\"\n        prop=\"domain\"\n        #filter\n      ></hvy-choice-filter>\n    </hvy-immediate-filters>\n  </div>\n  <div class=\"o-procedure-list__table\" #scrollable>\n    <table class=\"o-hvy-events-table\">\n      <thead>\n        <tr class=\"o-hvy-events-table__header\">\n          <th>\n            <hvy-procedure-column-order field=\"useCount\"\n              >{{ '@hvy.procedure.useCount' | i18n }}\n            </hvy-procedure-column-order>\n          </th>\n          <th>\n            <hvy-procedure-column-order field=\"name\">{{ '@hvy.procedure.title' | i18n }}</hvy-procedure-column-order>\n          </th>\n          <th>\n            <hvy-procedure-column-order field=\"domain\">{{ '@hvy.procedure.domain' | i18n }}</hvy-procedure-column-order>\n          </th>\n          <th>\n            <hvy-procedure-column-order field=\"creator\"\n              >{{ '@hvy.procedure.author' | i18n }}\n            </hvy-procedure-column-order>\n          </th>\n          <th>\n            <hvy-procedure-column-order field=\"id\">{{ '@hvy.procedure.id' | i18n }}</hvy-procedure-column-order>\n          </th>\n          <th>\n            <hvy-procedure-column-order field=\"creationDate\"\n              >{{ '@hvy.event.creationDate' | i18n }}\n            </hvy-procedure-column-order>\n          </th>\n          <th>\n            <hvy-procedure-column-order field=\"lastModificationDate\">\n              <span>{{ '@hvy.event.lastModificationDate' | i18n }}</span></hvy-procedure-column-order\n            >\n          </th>\n          <th></th>\n        </tr>\n      </thead>\n      <tbody>\n        @for (procedure of procedures$ | async; track procedure.id) {\n          <tr class=\"o-hvy-events-table__line\" (click)=\"goTo(procedure)\">\n            <td class=\"o-hvy-events-table__line__cell\">{{ procedure.useCount }}</td>\n            <td class=\"o-hvy-events-table__line__cell\">{{ procedure.name }}</td>\n            <td class=\"o-hvy-events-table__line__cell\">{{ '@hvy.event.domain.' + procedure.domain | i18n }}</td>\n            <td class=\"o-hvy-events-table__line__cell -centered\">{{ procedure.creator }}</td>\n            <td class=\"o-hvy-events-table__line__cell\">{{ padId.fn(procedure.id) }}</td>\n            <td class=\"o-hvy-events-table__line__cell\">{{ procedure.creationDate | displayLocaleDatetime }}</td>\n            <td class=\"o-hvy-events-table__line__cell\">\n              {{ procedure.lastModificationDate | displayLocaleDatetime }}\n            </td>\n            <td class=\"o-hvy-events-table__line__cell\">\n              <a [routerLink]=\"PROCEDURE_LINK.fn(procedure, store)\">\n                <div class=\"consult-link\">\n                  <pry-icon iconSvg=\"eye\" [height]=\"30\" [width]=\"40\"></pry-icon>\n                </div>\n              </a>\n            </td>\n          </tr>\n        } @empty {\n          <tr>\n            <td class=\"o-hvy-events-table__empty\" colspan=\"50\">\n              <div>{{ '@hvy.procedure.noContent' | i18n }}</div>\n              <div>\n                <ng-content></ng-content>\n              </div>\n            </td>\n          </tr>\n        }\n      </tbody>\n    </table>\n  </div>\n</div>\n" }]
+            args: [{ selector: 'hvy-procedure-model-list', template: "<div class=\"o-procedure-list\">\n  <div class=\"m-form-label-field o-procedure-list__action\">\n    <hvy-immediate-filters [filterSet]=\"'procedure'\">\n      <hvy-text-filter prop=\"search\" #filter></hvy-text-filter>\n      <hvy-choice-filter\n        i18nPrefix=\"@hvy.event.domain.\"\n        label=\"@hvy.event.domain.name\"\n        [choices]=\"DOMAINS\"\n        prop=\"domain\"\n        #filter\n      ></hvy-choice-filter>\n    </hvy-immediate-filters>\n  </div>\n  <div class=\"o-procedure-list__table\" #scrollable>\n    <table class=\"o-hvy-events-table\">\n      <thead>\n        <tr class=\"o-hvy-events-table__header\">\n          <th>\n            <hvy-procedure-column-order field=\"id\">{{ '@hvy.procedure.id' | i18n }}</hvy-procedure-column-order>\n          </th>\n          <th>\n            <hvy-procedure-column-order field=\"name\">{{ '@hvy.procedure.title' | i18n }}</hvy-procedure-column-order>\n          </th>\n          <th>\n            <hvy-procedure-column-order field=\"domain\">{{ '@hvy.procedure.domain' | i18n }}</hvy-procedure-column-order>\n          </th>\n          <th>\n            <hvy-procedure-column-order field=\"useCount\"\n              >{{ '@hvy.procedure.useCount' | i18n }}\n            </hvy-procedure-column-order>\n          </th>\n          <th>\n            <hvy-procedure-column-order field=\"creator\"\n              >{{ '@hvy.procedure.author' | i18n }}\n            </hvy-procedure-column-order>\n          </th>\n          <th>\n            <hvy-procedure-column-order field=\"creationDate\"\n              >{{ '@hvy.event.creationDate' | i18n }}\n            </hvy-procedure-column-order>\n          </th>\n          <th>\n            <hvy-procedure-column-order field=\"lastModificationDate\">\n              <span>{{ '@hvy.event.lastModificationDate' | i18n }}</span></hvy-procedure-column-order\n            >\n          </th>\n          <th></th>\n        </tr>\n      </thead>\n      <tbody>\n        @for (procedure of procedures$ | async; track procedure.id) {\n          <tr class=\"o-hvy-events-table__line\" (click)=\"goTo(procedure)\">\n            <td class=\"o-hvy-events-table__line__cell\">{{ padId.fn(procedure.id) }}</td>\n            <td class=\"o-hvy-events-table__line__cell\">{{ procedure.name }}</td>\n            <td class=\"o-hvy-events-table__line__cell\">{{ '@hvy.event.domain.' + procedure.domain | i18n }}</td>\n            <td class=\"o-hvy-events-table__line__cell\">{{ procedure.useCount }}</td>\n            <td class=\"o-hvy-events-table__line__cell -centered\">{{ procedure.creator }}</td>\n            <td class=\"o-hvy-events-table__line__cell\">{{ procedure.creationDate | displayLocaleDatetime }}</td>\n            <td class=\"o-hvy-events-table__line__cell\">\n              {{ procedure.lastModificationDate | displayLocaleDatetime }}\n            </td>\n            <td class=\"o-hvy-events-table__line__cell\">\n              <a [routerLink]=\"PROCEDURE_LINK.fn(procedure, store)\">\n                <div class=\"consult-link\">\n                  <pry-icon iconSvg=\"eye\" [height]=\"30\" [width]=\"40\"></pry-icon>\n                </div>\n              </a>\n            </td>\n          </tr>\n        } @empty {\n          <tr>\n            <td class=\"o-hvy-events-table__empty\" colspan=\"50\">\n              <div>{{ '@hvy.procedure.noContent' | i18n }}</div>\n              <div>\n                <ng-content></ng-content>\n              </div>\n            </td>\n          </tr>\n        }\n      </tbody>\n    </table>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1$1.Store }, { type: i2$1.Router }, { type: InfiniteScrollService }], propDecorators: { scrollable: [{
                 type: ViewChild,
                 args: ['scrollable']
@@ -2803,6 +3019,10 @@ const frTranslations = {
             prm: 'N° du contrat PRM',
             presenceSensor: 'Capteur de présence',
             parent: 'Parent',
+            parentEvent: {
+                name: 'Événement parent',
+                placeholder: 'Recherchez par identifiant ou nom'
+            },
             consult: 'Consulter {{howMany}} événement{{plural}}',
             entity: {
                 NOTFOUND: 'Équipement inconnu'
@@ -2815,7 +3035,15 @@ const frTranslations = {
                 head: '{{nb}} commentaire',
                 heads: '{{nb}} commentaires'
             },
-            equipmentPlaceholder: 'Recherchez par référence ou famille'
+            equipmentPlaceholder: 'Recherchez par référence ou famille',
+            export: {
+                filename: 'Hyperviseur_Export_Journal_Evenements'
+            },
+            add: {
+                title: 'Ajouter un événement',
+                description: 'L’événement s’ajoutera au groupe d’événements et sera associé à la procédure commune.',
+                search: 'Rechercher un événement'
+            }
         },
         eventSummary: {
             from: 'Du',
@@ -2974,6 +3202,7 @@ class EventEffects {
         this.getForProcedureEvent$ = createEffect(() => this.actions$.pipe(ofType(EventActions.getForProcedure), debounceTime$1(200), mergeMap$1((action) => this.eventService.getProcedure(action.id).pipe(map$1((procedure) => EventActions.getSuccess({ procedure })), catchError((error) => [EventActions.getFailure({ error: error })])))));
         this.saveEvent$ = createEffect(() => this.actions$.pipe(ofType(EventActions.save), debounceTime$1(200), mergeMap$1((action) => this.eventService.save(action.event).pipe(map$1((event) => EventActions.saveSuccess({ event: event ?? action.event, creation: action.event.id < 0 })), catchError((error) => [EventActions.saveFailure({ error: error })])))));
         this.saveProcedure$ = createEffect(() => this.actions$.pipe(ofType(EventActions.saveProcedure), debounceTime$1(200), mergeMap$1((action) => this.eventService.saveProcedure(action.procedure).pipe(map$1((procedure) => EventActions.saveSuccess({ procedure: action.procedure, creation: false })), catchError((error) => [EventActions.saveFailure({ error: error })])))));
+        this.addEventToProcedure$ = createEffect(() => this.actions$.pipe(ofType(EventActions.addEventToProcedure), debounceTime$1(200), mergeMap$1((action) => this.eventService.addEventToProcedure(action.eventId, action.procedure).pipe(map$1(() => EventActions.saveSuccess({ procedure: action.procedure, creation: false })), catchError((error) => [EventActions.saveFailure({ error: error })])))));
         this.refreshAfterSave$ = createEffect(() => this.actions$.pipe(ofType(EventActions.saveSuccess, EventActions.statusSuccess), debounceTime$1(200), map$1((action) => !!action.procedure
             ? EventActions.getForProcedure({ id: action.procedure.id })
             : EventActions.get({ id: action.event.id }))));
@@ -3121,7 +3350,10 @@ const components = [
     HvyServiceActionParameterComponent,
     HvyServiceActionDisplayComponent,
     DisplayLocaleDateTime,
-    HvyCommentsComponent
+    HvyCommentsComponent,
+    LastEventsComponent,
+    HvyEventDetailsTooltipComponent,
+    HvyEventAddEventComponent
 ];
 class PvyHypervisorModule {
     static forRoot(options) {
@@ -3174,7 +3406,10 @@ class PvyHypervisorModule {
             HvyServiceActionParameterComponent,
             HvyServiceActionDisplayComponent,
             DisplayLocaleDateTime,
-            HvyCommentsComponent, ProcedureActionsComponent], imports: [i1$1.StoreFeatureModule, i1$1.StoreFeatureModule, i1$1.StoreFeatureModule, i1$1.StoreFeatureModule, i1$5.EffectsFeatureModule, NgForOf,
+            HvyCommentsComponent,
+            LastEventsComponent,
+            HvyEventDetailsTooltipComponent,
+            HvyEventAddEventComponent, ProcedureActionsComponent], imports: [i1$1.StoreFeatureModule, i1$1.StoreFeatureModule, i1$1.StoreFeatureModule, i1$1.StoreFeatureModule, i1$5.EffectsFeatureModule, NgForOf,
             AsyncPipe,
             PryI18nModule,
             PryCoreModule,
@@ -3227,7 +3462,10 @@ class PvyHypervisorModule {
             HvyServiceActionParameterComponent,
             HvyServiceActionDisplayComponent,
             DisplayLocaleDateTime,
-            HvyCommentsComponent] }); }
+            HvyCommentsComponent,
+            LastEventsComponent,
+            HvyEventDetailsTooltipComponent,
+            HvyEventAddEventComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: PvyHypervisorModule, imports: [StoreModule.forFeature(hypFeatureKey, hypervisorReducer),
             StoreModule.forFeature(eventFeatureKey, eventReducer),
             StoreModule.forFeature(eventSummaryFeatureKey, eventSummaryReducer),
@@ -3290,5 +3528,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ACTIONS_TYPES, CategoryBackground, ChoiceFilterComponent, ColumnOrderComponent, DOMAINS, DateFilterComponent, DisplayLocaleDateTime, ENTITIES, EVENT_LINK, EVENT_TO_ICON, EquipmentService, EventActions, EventColumnOrderComponent, EventDetailComponent, EventEffects, EventFiltersComponent, EventIconPipe, EventListComponent, EventSelectors, EventService, EventSummaryActions, EventSummaryEffects, EventSummaryItemComponent, EventSummaryListComponent, EventSummaryPageComponent, EventSummarySelectors, ForDatetimeLocalPipe, HYP_BASE_CONFIG, HvyActionMenuComponent, HvyActionParameterComponent, HvyBaseParameterActionComponent, HvyCommentsComponent, HvyCreateServiceComponent, HvyEmailActionDisplayComponent, HvyEmailActionParameterComponent, HvyNoParamsActionDisplayComponent, HvyOtherActionDisplayComponent, HvyOtherActionParameterComponent, HvyPhoneActionDisplayComponent, HvyPhoneActionParameterComponent, HvyServiceActionDisplayComponent, HvyServiceActionParameterComponent, HypCommentsService, HypEventCategory, HypEventCriticality, HypEventStatus, HypEventSubCategory, HypEventType, HypSelectors, HypServiceStatus, HypervisorActions, HypervisorEffects, HypervisorService, IconDisplayComponent, ImmediateFiltersComponent, KNOWN_FILTER_SETS, PAGE_SIZE_FETCH, PROCEDURE_LINK, PROCEDURE_PAGE_SIZE_FETCH, ProcedureActions, ProcedureActionsComponent, ProcedureAssociationModalComponent, ProcedureColumnOrderComponent, ProcedureEffects, ProcedureListComponent, ProcedureModelDetailComponent, ProcedureSelectors, ProcedureService, ProgressDisplayComponent, PvyHypervisorModule, StatusDisplayComponent, TextFilterComponent, enTranslations, eventFeatureKey, eventForWriteAPI, eventInitialState, eventReducer, eventSummaryFeatureKey, eventSummaryInitialState, eventSummaryReducer, frTranslations, hypFeatureKey, hypInitialState, hypervisorReducer, padId, procedureFeatureKey, procedureForWriteAPI, procedureInitialState, procedureReducer };
+export { ACTIONS_TYPES, CategoryBackground, ChoiceFilterComponent, ColumnOrderComponent, DOMAINS, DateFilterComponent, DisplayLocaleDateTime, ENTITIES, EVENT_LINK, EVENT_TO_ICON, EquipmentService, EventActions, EventColumnOrderComponent, EventDetailComponent, EventEffects, EventFiltersComponent, EventIconPipe, EventListComponent, EventSelectors, EventService, EventSummaryActions, EventSummaryEffects, EventSummaryItemComponent, EventSummaryListComponent, EventSummaryPageComponent, EventSummarySelectors, ForDatetimeLocalPipe, HYP_BASE_CONFIG, HvyActionMenuComponent, HvyActionParameterComponent, HvyBaseParameterActionComponent, HvyCommentsComponent, HvyCreateServiceComponent, HvyEmailActionDisplayComponent, HvyEmailActionParameterComponent, HvyEventAddEventComponent, HvyEventDetailsTooltipComponent, HvyNoParamsActionDisplayComponent, HvyOtherActionDisplayComponent, HvyOtherActionParameterComponent, HvyPhoneActionDisplayComponent, HvyPhoneActionParameterComponent, HvyServiceActionDisplayComponent, HvyServiceActionParameterComponent, HypCommentsService, HypEventCategory, HypEventCriticality, HypEventStatus, HypEventSubCategory, HypEventType, HypSelectors, HypServiceStatus, HypervisorActions, HypervisorEffects, HypervisorService, IconDisplayComponent, ImmediateFiltersComponent, KNOWN_FILTER_SETS, LastEventsComponent, PAGE_SIZE_FETCH, PROCEDURE_LINK, PROCEDURE_PAGE_SIZE_FETCH, ProcedureActions, ProcedureActionsComponent, ProcedureAssociationModalComponent, ProcedureColumnOrderComponent, ProcedureEffects, ProcedureListComponent, ProcedureModelDetailComponent, ProcedureSelectors, ProcedureService, ProgressDisplayComponent, PvyHypervisorModule, StatusDisplayComponent, TextFilterComponent, displayDate, enTranslations, eventFeatureKey, eventForWriteAPI, eventInitialState, eventReducer, eventSummaryFeatureKey, eventSummaryInitialState, eventSummaryReducer, frTranslations, hypFeatureKey, hypInitialState, hypervisorReducer, padId, procedureFeatureKey, procedureForWriteAPI, procedureInitialState, procedureReducer };
 //# sourceMappingURL=provoly-hypervisor.mjs.map