@provoly/hypervisor 0.0.99 → 0.0.101

package/fesm2022/provoly-hypervisor.mjs

@@ -437,11 +437,11 @@ class ProcedureAssociationModalComponent extends SubscriptionnerDirective {
         this.dialog.close();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ProcedureAssociationModalComponent, deps: [{ token: i1$1.Store }, { token: ProcedureService }, { token: i1$3.PryDialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.4", type: ProcedureAssociationModalComponent, selector: "hvy-procedure-association-modal", inputs: { events: "events" }, usesInheritance: true, ngImport: i0, template: "<div class=\"o-hvy-association-modal u-display-flex -column -align-center\">\n  <h3>{{ '@hvy.associationModal.title' | i18n }}</h3>\n  <span class=\"o-hvy-association-modal__description\">{{ '@hvy.associationModal.description' | i18n }}</span>\n  <div class=\"o-hvy-association-modal__content u-display-flex -justify-space-between\">\n    @if (selectedEvents$ | async; as selectedEvents) {\n      <div>\n        <label>\u00C9v\u00E9nements li\u00E9s ({{ selectedEvents.length }}) :</label>\n        <ul class=\"o-hvy-association-modal__events\">\n          @for (event of selectedEvents; track event.id) {\n            <li class=\"o-hvy-association-modal__event u-display-flex -align-center\">\n              <hvy-icon-display [event]=\"event\"></hvy-icon-display>\n              <div class=\"o-hvy-association-modal__event-detail u-display-flex -column\">\n                <span class=\"o-hvy-association-modal__event-name\">{{ event.name }}</span>\n                @if (event.equipment) {\n                  <span class=\"o-hvy-association-modal__equipment-name\">{{ event.equipment.name }}</span>\n                }\n              </div>\n            </li>\n          }\n        </ul>\n      </div>\n    }\n    <div class=\"o-hvy-association-modal__form\">\n      <div class=\"m-form-label-field\">\n        <label>{{ '@hvy.associationModal.categoryFilter' | i18n }}</label>\n        <pry-select\n          [items]=\"DOMAINS\"\n          [(ngModel)]=\"selectedDomain\"\n          (ngModelChange)=\"onDomainChange()\"\n          [placeholder]=\"'@hvy.associationModal.domainPlaceholder' | i18n\"\n          i18nPrefix=\"@hvy.event.domain.\"\n          id=\"category-filter\"\n        ></pry-select>\n      </div>\n      <div class=\"m-form-label-field\">\n        <label for=\"procedure-filter\"\n          >{{ '@hvy.associationModal.searchProcedure' | i18n }}<span class=\"text-error\">*</span> :\n        </label>\n        <pry-select\n          [items]=\"procedures$ | async\"\n          bindLabel=\"name\"\n          [(ngModel)]=\"procedureSelectValue\"\n          (ngModelChange)=\"selectedProcedureChange($event)\"\n          [autocomplete]=\"true\"\n          [externalAutocompleteService]=\"true\"\n          [placeholder]=\"'@hvy.associationModal.procedurePlaceholder' | i18n\"\n          id=\"procedure-filter\"\n          [template]=\"templateOption\"\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    </div>\n  </div>\n  <div class=\"o-hvy-association-modal__buttons u-display-flex -justify-center\">\n    <button class=\"a-btn a-btn--primary\" [disabled]=\"!isProcedureSelected()\" (click)=\"associateProcedure()\">\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", "readonly", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked"] }, { kind: "component", type: IconDisplayComponent, selector: "hvy-icon-display", inputs: ["event"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.4", type: ProcedureAssociationModalComponent, selector: "hvy-procedure-association-modal", inputs: { events: "events" }, usesInheritance: true, ngImport: i0, template: "<div class=\"o-hvy-association-modal u-display-flex -column -align-center\">\n  <h3>{{ '@hvy.associationModal.title' | i18n }}</h3>\n  <span class=\"o-hvy-association-modal__description\">{{ '@hvy.associationModal.description' | i18n }}</span>\n  <div class=\"o-hvy-association-modal__content u-display-flex -justify-space-between\">\n    @if (selectedEvents$ | async; as selectedEvents) {\n      <div>\n        <label>\u00C9v\u00E9nements li\u00E9s ({{ selectedEvents.length }}) :</label>\n        <ul class=\"o-hvy-association-modal__events\">\n          @for (event of selectedEvents; track event.id) {\n            <li class=\"o-hvy-association-modal__event u-display-flex -align-center\">\n              <hvy-icon-display [event]=\"event\"></hvy-icon-display>\n              <div class=\"o-hvy-association-modal__event-detail u-display-flex -column\">\n                <span class=\"o-hvy-association-modal__event-name\">{{ event.name }}</span>\n                @if (event.equipment) {\n                  <span class=\"o-hvy-association-modal__equipment-name\">{{ event.equipment.name }}</span>\n                }\n              </div>\n            </li>\n          }\n        </ul>\n      </div>\n    }\n    <div class=\"o-hvy-association-modal__form\">\n      <div class=\"m-form-label-field\">\n        <label>{{ '@hvy.associationModal.categoryFilter' | i18n }}:</label>\n        <pry-select\n          [items]=\"DOMAINS\"\n          [(ngModel)]=\"selectedDomain\"\n          (ngModelChange)=\"onDomainChange()\"\n          [placeholder]=\"'@hvy.associationModal.domainPlaceholder' | i18n\"\n          i18nPrefix=\"@hvy.event.domain.\"\n          id=\"category-filter\"\n        ></pry-select>\n      </div>\n      <div class=\"m-form-label-field\">\n        <label for=\"procedure-filter\"\n          >{{ '@hvy.associationModal.searchProcedure' | i18n }}<span class=\"text-error\">*</span> :\n        </label>\n        <pry-select\n          [items]=\"procedures$ | async\"\n          bindLabel=\"name\"\n          [(ngModel)]=\"procedureSelectValue\"\n          (ngModelChange)=\"selectedProcedureChange($event)\"\n          [autocomplete]=\"true\"\n          [externalAutocompleteService]=\"true\"\n          [placeholder]=\"'@hvy.associationModal.procedurePlaceholder' | i18n\"\n          id=\"procedure-filter\"\n          [template]=\"templateOption\"\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    </div>\n  </div>\n  <div class=\"o-hvy-association-modal__buttons u-display-flex -justify-center\">\n    <button class=\"a-btn a-btn--primary\" [disabled]=\"!isProcedureSelected()\" (click)=\"associateProcedure()\">\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", "readonly", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked"] }, { kind: "component", type: IconDisplayComponent, selector: "hvy-icon-display", inputs: ["event"] }, { kind: "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: ProcedureAssociationModalComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'hvy-procedure-association-modal', template: "<div class=\"o-hvy-association-modal u-display-flex -column -align-center\">\n  <h3>{{ '@hvy.associationModal.title' | i18n }}</h3>\n  <span class=\"o-hvy-association-modal__description\">{{ '@hvy.associationModal.description' | i18n }}</span>\n  <div class=\"o-hvy-association-modal__content u-display-flex -justify-space-between\">\n    @if (selectedEvents$ | async; as selectedEvents) {\n      <div>\n        <label>\u00C9v\u00E9nements li\u00E9s ({{ selectedEvents.length }}) :</label>\n        <ul class=\"o-hvy-association-modal__events\">\n          @for (event of selectedEvents; track event.id) {\n            <li class=\"o-hvy-association-modal__event u-display-flex -align-center\">\n              <hvy-icon-display [event]=\"event\"></hvy-icon-display>\n              <div class=\"o-hvy-association-modal__event-detail u-display-flex -column\">\n                <span class=\"o-hvy-association-modal__event-name\">{{ event.name }}</span>\n                @if (event.equipment) {\n                  <span class=\"o-hvy-association-modal__equipment-name\">{{ event.equipment.name }}</span>\n                }\n              </div>\n            </li>\n          }\n        </ul>\n      </div>\n    }\n    <div class=\"o-hvy-association-modal__form\">\n      <div class=\"m-form-label-field\">\n        <label>{{ '@hvy.associationModal.categoryFilter' | i18n }}</label>\n        <pry-select\n          [items]=\"DOMAINS\"\n          [(ngModel)]=\"selectedDomain\"\n          (ngModelChange)=\"onDomainChange()\"\n          [placeholder]=\"'@hvy.associationModal.domainPlaceholder' | i18n\"\n          i18nPrefix=\"@hvy.event.domain.\"\n          id=\"category-filter\"\n        ></pry-select>\n      </div>\n      <div class=\"m-form-label-field\">\n        <label for=\"procedure-filter\"\n          >{{ '@hvy.associationModal.searchProcedure' | i18n }}<span class=\"text-error\">*</span> :\n        </label>\n        <pry-select\n          [items]=\"procedures$ | async\"\n          bindLabel=\"name\"\n          [(ngModel)]=\"procedureSelectValue\"\n          (ngModelChange)=\"selectedProcedureChange($event)\"\n          [autocomplete]=\"true\"\n          [externalAutocompleteService]=\"true\"\n          [placeholder]=\"'@hvy.associationModal.procedurePlaceholder' | i18n\"\n          id=\"procedure-filter\"\n          [template]=\"templateOption\"\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    </div>\n  </div>\n  <div class=\"o-hvy-association-modal__buttons u-display-flex -justify-center\">\n    <button class=\"a-btn a-btn--primary\" [disabled]=\"!isProcedureSelected()\" (click)=\"associateProcedure()\">\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" }]
+            args: [{ selector: 'hvy-procedure-association-modal', template: "<div class=\"o-hvy-association-modal u-display-flex -column -align-center\">\n  <h3>{{ '@hvy.associationModal.title' | i18n }}</h3>\n  <span class=\"o-hvy-association-modal__description\">{{ '@hvy.associationModal.description' | i18n }}</span>\n  <div class=\"o-hvy-association-modal__content u-display-flex -justify-space-between\">\n    @if (selectedEvents$ | async; as selectedEvents) {\n      <div>\n        <label>\u00C9v\u00E9nements li\u00E9s ({{ selectedEvents.length }}) :</label>\n        <ul class=\"o-hvy-association-modal__events\">\n          @for (event of selectedEvents; track event.id) {\n            <li class=\"o-hvy-association-modal__event u-display-flex -align-center\">\n              <hvy-icon-display [event]=\"event\"></hvy-icon-display>\n              <div class=\"o-hvy-association-modal__event-detail u-display-flex -column\">\n                <span class=\"o-hvy-association-modal__event-name\">{{ event.name }}</span>\n                @if (event.equipment) {\n                  <span class=\"o-hvy-association-modal__equipment-name\">{{ event.equipment.name }}</span>\n                }\n              </div>\n            </li>\n          }\n        </ul>\n      </div>\n    }\n    <div class=\"o-hvy-association-modal__form\">\n      <div class=\"m-form-label-field\">\n        <label>{{ '@hvy.associationModal.categoryFilter' | i18n }}:</label>\n        <pry-select\n          [items]=\"DOMAINS\"\n          [(ngModel)]=\"selectedDomain\"\n          (ngModelChange)=\"onDomainChange()\"\n          [placeholder]=\"'@hvy.associationModal.domainPlaceholder' | i18n\"\n          i18nPrefix=\"@hvy.event.domain.\"\n          id=\"category-filter\"\n        ></pry-select>\n      </div>\n      <div class=\"m-form-label-field\">\n        <label for=\"procedure-filter\"\n          >{{ '@hvy.associationModal.searchProcedure' | i18n }}<span class=\"text-error\">*</span> :\n        </label>\n        <pry-select\n          [items]=\"procedures$ | async\"\n          bindLabel=\"name\"\n          [(ngModel)]=\"procedureSelectValue\"\n          (ngModelChange)=\"selectedProcedureChange($event)\"\n          [autocomplete]=\"true\"\n          [externalAutocompleteService]=\"true\"\n          [placeholder]=\"'@hvy.associationModal.procedurePlaceholder' | i18n\"\n          id=\"procedure-filter\"\n          [template]=\"templateOption\"\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    </div>\n  </div>\n  <div class=\"o-hvy-association-modal__buttons u-display-flex -justify-center\">\n    <button class=\"a-btn a-btn--primary\" [disabled]=\"!isProcedureSelected()\" (click)=\"associateProcedure()\">\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$1.Store }, { type: ProcedureService }, { type: i1$3.PryDialogRef }], propDecorators: { events: [{
                 type: Input
             }] } });
@@ -479,7 +479,7 @@ class StatusDisplayComponent extends SubscriptionnerDirective {
         this.updateTargetStatuses();
     }
     get modifiable() {
-        return this._modifiable;
+        return this._modifiable && !this.readonly;
     }
     get item() {
         return this._item;
@@ -503,6 +503,7 @@ class StatusDisplayComponent extends SubscriptionnerDirective {
         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;
@@ -510,15 +511,17 @@ class StatusDisplayComponent extends SubscriptionnerDirective {
         }));
     }
     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", item: "item", modifiable: "modifiable" }, outputs: { modified: "modified" }, usesInheritance: true, ngImport: i0, template: "<span class=\"a-chip -{{ item.status }} a-chip-status -{{ type }}\" [class.-modifiable]=\"_modifiable\" (click)=\"toggle()\">\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" }] }); }
+    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 class=\"a-chip -{{ item.status }} a-chip-status -{{ type }}\" [class.-modifiable]=\"_modifiable\" (click)=\"toggle()\">\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" }]
+            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: [{
@@ -555,11 +558,11 @@ class HvyActionMenuComponent {
         this.dialog.close(value);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: HvyActionMenuComponent, deps: [{ token: i1$3.PryDialogRef }, { token: PRY_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.4", type: HvyActionMenuComponent, selector: "pry-action-menu", outputs: { choice: "choice" }, ngImport: i0, template: "<div class=\"o-hvy-action-menu\">\n  @if (data.mode === 'procedure') {\n    <button (click)=\"action('comment')\">{{ '@hvy.procedure.action.comment' | i18n }}</button>\n  }\n  @if (data.action.status === 'NEW') {\n    <button (click)=\"action('update')\">{{ '@hvy.procedure.action.update' | i18n }}</button>\n  }\n  @if (data.action.status !== 'DONE' && data.action.status !== 'IN_PROGRESS') {\n    <button (click)=\"action('delete')\">{{ '@hvy.procedure.action.delete' | i18n }}</button>\n  }\n  @if (data.action.status !== 'DONE' && data.mode === 'procedure') {\n    <button (click)=\"action('done')\">{{ '@hvy.procedure.action.done' | i18n }}</button>\n  }\n</div>\n", dependencies: [{ kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.4", type: HvyActionMenuComponent, selector: "pry-action-menu", outputs: { choice: "choice" }, ngImport: i0, template: "<div class=\"o-hvy-action-menu\">\n  @if (data.mode === 'procedure') {\n    <button (click)=\"action('comment')\">{{ '@hvy.procedure.action.comment' | i18n }}</button>\n  }\n  @if (data.action.status === 'NEW' && !data.readonly) {\n    <button (click)=\"action('update')\">{{ '@hvy.procedure.action.update' | i18n }}</button>\n  }\n  @if (data.action.status !== 'DONE' && data.action.status !== 'IN_PROGRESS' && !data.readonly) {\n    <button (click)=\"action('delete')\">{{ '@hvy.procedure.action.delete' | i18n }}</button>\n  }\n  @if (data.action.status !== 'DONE' && data.mode === 'procedure' && !data.readonly && data.progress) {\n    <button (click)=\"action('done')\">{{ '@hvy.procedure.action.done' | i18n }}</button>\n  }\n</div>\n", dependencies: [{ kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: HvyActionMenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pry-action-menu', template: "<div class=\"o-hvy-action-menu\">\n  @if (data.mode === 'procedure') {\n    <button (click)=\"action('comment')\">{{ '@hvy.procedure.action.comment' | i18n }}</button>\n  }\n  @if (data.action.status === 'NEW') {\n    <button (click)=\"action('update')\">{{ '@hvy.procedure.action.update' | i18n }}</button>\n  }\n  @if (data.action.status !== 'DONE' && data.action.status !== 'IN_PROGRESS') {\n    <button (click)=\"action('delete')\">{{ '@hvy.procedure.action.delete' | i18n }}</button>\n  }\n  @if (data.action.status !== 'DONE' && data.mode === 'procedure') {\n    <button (click)=\"action('done')\">{{ '@hvy.procedure.action.done' | i18n }}</button>\n  }\n</div>\n" }]
+            args: [{ selector: 'pry-action-menu', template: "<div class=\"o-hvy-action-menu\">\n  @if (data.mode === 'procedure') {\n    <button (click)=\"action('comment')\">{{ '@hvy.procedure.action.comment' | i18n }}</button>\n  }\n  @if (data.action.status === 'NEW' && !data.readonly) {\n    <button (click)=\"action('update')\">{{ '@hvy.procedure.action.update' | i18n }}</button>\n  }\n  @if (data.action.status !== 'DONE' && data.action.status !== 'IN_PROGRESS' && !data.readonly) {\n    <button (click)=\"action('delete')\">{{ '@hvy.procedure.action.delete' | i18n }}</button>\n  }\n  @if (data.action.status !== 'DONE' && data.mode === 'procedure' && !data.readonly && data.progress) {\n    <button (click)=\"action('done')\">{{ '@hvy.procedure.action.done' | i18n }}</button>\n  }\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1$3.PryDialogRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [PRY_DIALOG_DATA]
@@ -780,6 +783,8 @@ class ProcedureActionsComponent extends SubscriptionnerDirective {
         this.previousOffset = 0;
         this.modified = new EventEmitter();
         this.mode = 'procedure';
+        this.readonly = false;
+        this.progress = false;
         this._actions = [];
         this.model = model$1;
         this.ACTIONS_TYPES = Object.keys(ACTIONS_TYPES.values);
@@ -869,7 +874,9 @@ class ProcedureActionsComponent extends SubscriptionnerDirective {
             },
             data: {
                 action,
-                mode: this.mode
+                mode: this.mode,
+                readonly: this.readonly,
+                progress: this.progress
             }
         });
         const sub = dialogRef.closeValue.subscribe((type) => {
@@ -920,15 +927,19 @@ class ProcedureActionsComponent extends SubscriptionnerDirective {
         return !this.editing && action.status === 'NEW';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ProcedureActionsComponent, deps: [{ token: i1$3.PryDialogService }, { token: i2.Overlay }, { token: i1$3.PryI18nService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.4", type: ProcedureActionsComponent, selector: "hvy-procedure-actions", inputs: { mode: "mode", actions: "actions" }, outputs: { modified: "modified" }, viewQueries: [{ propertyName: "menuButtons", predicate: ["menuButton"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "<div\n  class=\"o-hvy-events-detail__procedure__actions\"\n  (drag)=\"move($event)\"\n  (drop)=\"drop($event)\"\n  (dragover)=\"allowDrop($event)\"\n>\n  @for (action of actions; track action.id; let idx = $index) {\n    <div\n      class=\"o-hvy-events-detail__procedure__actions__action\"\n      [draggable]=\"isDraggable(action)\"\n      (dragstart)=\"dragStart($event, action, idx)\"\n      (mousedown)=\"onMouseDown($event)\"\n      [class.-updating]=\"!!action._status\"\n      [class.-other-updating]=\"editing\"\n    >\n      <pry-icon\n        iconSvg=\"six_dot\"\n        #handle\n        [class.-disabled]=\"!isDraggable(action)\"\n        [class.-hidden]=\"action._status\"\n        class=\"grabbable\"\n      ></pry-icon>\n      <div class=\"number-badge\">{{ idx + 1 }}</div>\n      @if (!action._status) {\n        @if (mode === 'procedure') {\n          <pry-checkbox\n            [ngModel]=\"action.status !== 'NEW'\"\n            (click)=\"toggleActionStatus(idx, $event)\"\n            [disabled]=\"action.status === 'DONE'\"\n          ></pry-checkbox>\n        }\n        <div [class.-done]=\"action.status === 'DONE'\" [class.-disabled]=\"editing\">\n          <hvy-action-parameter [action]=\"action\" [type]=\"action.type\" [isParam]=\"false\"></hvy-action-parameter>\n        </div>\n        <button class=\"a-btn a-btn--icon-only\" (click)=\"openModal(action, idx)\" [disabled]=\"editing\">\n          <pry-icon iconSvg=\"more_horiz\" #menuButton></pry-icon>\n        </button>\n      } @else {\n        <div class=\"o-hvy-events-detail__procedure__actions__action__create\">\n          <div class=\"o-hvy-events-detail__procedure__actions__action__create__header\">\n            <p>{{ '@hvy.procedure.action.' + action._status | i18n }}</p>\n            <button class=\"a-btn a-btn--icon-only\" (click)=\"saveAction(action, idx)\" [disabled]=\"!isValid(action)\">\n              <pry-icon iconSvg=\"check\"></pry-icon>\n            </button>\n            <button class=\"a-btn a-btn--icon-only\" (click)=\"cancelAction(action, idx)\">\n              <pry-icon iconSvg=\"close\"></pry-icon>\n            </button>\n          </div>\n          <div>\n            <pry-select\n              [ngModel]=\"action.type\"\n              [items]=\"ACTIONS_TYPES\"\n              (ngModelChange)=\"update(idx, 'type', $event)\"\n              i18nPrefix=\"@hvy.procedure.action.\"\n              [placeholder]=\"'@hvy.procedure.action.placeholder.action' | i18n\"\n            ></pry-select>\n          </div>\n          <hvy-action-parameter [action]=\"action\" [type]=\"action.type\" [isParam]=\"true\"></hvy-action-parameter>\n        </div>\n      }\n    </div>\n  } @empty {\n    @if (actions.length === 0) {\n      <div>{{ '@hvy.event.log.procedure.noAction' | i18n }}</div>\n    }\n  }\n  <div class=\"o-hvy-events-detail__procedure__button\">\n    <button class=\"a-btn a-btn--primary\" (click)=\"add()\" [disabled]=\"editing\">\n      <pry-icon iconSvg=\"add\"></pry-icon>\n      {{ '@hvy.procedure.action.add' | i18n }}\n    </button>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: i4.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle", "name", "inputId", "inhibit"] }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1$3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i1$3.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "isForm", "required", "name", "readonly", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked"] }, { kind: "component", type: HvyActionParameterComponent, selector: "hvy-action-parameter", inputs: ["isParam", "type", "action"] }, { kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.4", type: ProcedureActionsComponent, selector: "hvy-procedure-actions", inputs: { mode: "mode", readonly: "readonly", progress: "progress", actions: "actions" }, outputs: { modified: "modified" }, viewQueries: [{ propertyName: "menuButtons", predicate: ["menuButton"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "<div\n  class=\"o-hvy-events-detail__procedure__actions\"\n  (drag)=\"move($event)\"\n  (drop)=\"drop($event)\"\n  (dragover)=\"allowDrop($event)\"\n>\n  @for (action of actions; track action.id; let idx = $index) {\n    <div\n      class=\"o-hvy-events-detail__procedure__actions__action\"\n      [draggable]=\"isDraggable(action) && !readonly\"\n      (dragstart)=\"dragStart($event, action, idx)\"\n      (mousedown)=\"onMouseDown($event)\"\n      [class.-updating]=\"!!action._status\"\n      [class.-other-updating]=\"editing\"\n    >\n      <pry-icon\n        iconSvg=\"six_dot\"\n        #handle\n        [class.-disabled]=\"!isDraggable(action)\"\n        [class.-hidden]=\"action._status || readonly\"\n        class=\"grabbable\"\n      ></pry-icon>\n      <div class=\"number-badge\">{{ idx + 1 }}</div>\n      @if (!action._status || readonly) {\n        @if (mode === 'procedure') {\n          <pry-checkbox\n            [ngModel]=\"action.status !== 'NEW'\"\n            (click)=\"toggleActionStatus(idx, $event)\"\n            [disabled]=\"action.status === 'DONE' || !progress\"\n          ></pry-checkbox>\n        }\n        <div [class.-done]=\"action.status === 'DONE'\" [class.-disabled]=\"editing\">\n          <hvy-action-parameter [action]=\"action\" [type]=\"action.type\" [isParam]=\"false\"></hvy-action-parameter>\n        </div>\n        @if (!readonly) {\n          <button class=\"a-btn a-btn--icon-only\" (click)=\"openModal(action, idx)\" [disabled]=\"editing\">\n            <pry-icon iconSvg=\"more_horiz\" #menuButton></pry-icon>\n          </button>\n        }\n      } @else {\n        <div class=\"o-hvy-events-detail__procedure__actions__action__create\">\n          <div class=\"o-hvy-events-detail__procedure__actions__action__create__header\">\n            <p>{{ '@hvy.procedure.action.' + action._status | i18n }}</p>\n            <button class=\"a-btn a-btn--icon-only\" (click)=\"saveAction(action, idx)\" [disabled]=\"!isValid(action)\">\n              <pry-icon iconSvg=\"check\"></pry-icon>\n            </button>\n            <button class=\"a-btn a-btn--icon-only\" (click)=\"cancelAction(action, idx)\">\n              <pry-icon iconSvg=\"close\"></pry-icon>\n            </button>\n          </div>\n          <div>\n            <pry-select\n              [ngModel]=\"action.type\"\n              [items]=\"ACTIONS_TYPES\"\n              (ngModelChange)=\"update(idx, 'type', $event)\"\n              i18nPrefix=\"@hvy.procedure.action.\"\n              [placeholder]=\"'@hvy.procedure.action.placeholder.action' | i18n\"\n            ></pry-select>\n          </div>\n          <hvy-action-parameter [action]=\"action\" [type]=\"action.type\" [isParam]=\"true\"></hvy-action-parameter>\n        </div>\n      }\n    </div>\n  } @empty {\n    @if (actions.length === 0) {\n      <div>{{ '@hvy.event.log.procedure.noAction' | i18n }}</div>\n    }\n  }\n  @if (!readonly) {\n    <div class=\"o-hvy-events-detail__procedure__button\">\n      <button class=\"a-btn a-btn--primary\" (click)=\"add()\" [disabled]=\"editing\">\n        <pry-icon iconSvg=\"add\"></pry-icon>\n        {{ '@hvy.procedure.action.add' | i18n }}\n      </button>\n    </div>\n  }\n</div>\n", dependencies: [{ kind: "component", type: i4.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle", "name", "inputId", "inhibit"] }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1$3.PryIconComponent, selector: "pry-icon", inputs: ["color", "iconSvg", "animation", "iconImage", "alt", "width", "height", "classes"] }, { kind: "component", type: i1$3.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "isForm", "required", "name", "readonly", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked"] }, { kind: "component", type: HvyActionParameterComponent, selector: "hvy-action-parameter", inputs: ["isParam", "type", "action"] }, { kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ProcedureActionsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'hvy-procedure-actions', template: "<div\n  class=\"o-hvy-events-detail__procedure__actions\"\n  (drag)=\"move($event)\"\n  (drop)=\"drop($event)\"\n  (dragover)=\"allowDrop($event)\"\n>\n  @for (action of actions; track action.id; let idx = $index) {\n    <div\n      class=\"o-hvy-events-detail__procedure__actions__action\"\n      [draggable]=\"isDraggable(action)\"\n      (dragstart)=\"dragStart($event, action, idx)\"\n      (mousedown)=\"onMouseDown($event)\"\n      [class.-updating]=\"!!action._status\"\n      [class.-other-updating]=\"editing\"\n    >\n      <pry-icon\n        iconSvg=\"six_dot\"\n        #handle\n        [class.-disabled]=\"!isDraggable(action)\"\n        [class.-hidden]=\"action._status\"\n        class=\"grabbable\"\n      ></pry-icon>\n      <div class=\"number-badge\">{{ idx + 1 }}</div>\n      @if (!action._status) {\n        @if (mode === 'procedure') {\n          <pry-checkbox\n            [ngModel]=\"action.status !== 'NEW'\"\n            (click)=\"toggleActionStatus(idx, $event)\"\n            [disabled]=\"action.status === 'DONE'\"\n          ></pry-checkbox>\n        }\n        <div [class.-done]=\"action.status === 'DONE'\" [class.-disabled]=\"editing\">\n          <hvy-action-parameter [action]=\"action\" [type]=\"action.type\" [isParam]=\"false\"></hvy-action-parameter>\n        </div>\n        <button class=\"a-btn a-btn--icon-only\" (click)=\"openModal(action, idx)\" [disabled]=\"editing\">\n          <pry-icon iconSvg=\"more_horiz\" #menuButton></pry-icon>\n        </button>\n      } @else {\n        <div class=\"o-hvy-events-detail__procedure__actions__action__create\">\n          <div class=\"o-hvy-events-detail__procedure__actions__action__create__header\">\n            <p>{{ '@hvy.procedure.action.' + action._status | i18n }}</p>\n            <button class=\"a-btn a-btn--icon-only\" (click)=\"saveAction(action, idx)\" [disabled]=\"!isValid(action)\">\n              <pry-icon iconSvg=\"check\"></pry-icon>\n            </button>\n            <button class=\"a-btn a-btn--icon-only\" (click)=\"cancelAction(action, idx)\">\n              <pry-icon iconSvg=\"close\"></pry-icon>\n            </button>\n          </div>\n          <div>\n            <pry-select\n              [ngModel]=\"action.type\"\n              [items]=\"ACTIONS_TYPES\"\n              (ngModelChange)=\"update(idx, 'type', $event)\"\n              i18nPrefix=\"@hvy.procedure.action.\"\n              [placeholder]=\"'@hvy.procedure.action.placeholder.action' | i18n\"\n            ></pry-select>\n          </div>\n          <hvy-action-parameter [action]=\"action\" [type]=\"action.type\" [isParam]=\"true\"></hvy-action-parameter>\n        </div>\n      }\n    </div>\n  } @empty {\n    @if (actions.length === 0) {\n      <div>{{ '@hvy.event.log.procedure.noAction' | i18n }}</div>\n    }\n  }\n  <div class=\"o-hvy-events-detail__procedure__button\">\n    <button class=\"a-btn a-btn--primary\" (click)=\"add()\" [disabled]=\"editing\">\n      <pry-icon iconSvg=\"add\"></pry-icon>\n      {{ '@hvy.procedure.action.add' | i18n }}\n    </button>\n  </div>\n</div>\n" }]
+            args: [{ selector: 'hvy-procedure-actions', template: "<div\n  class=\"o-hvy-events-detail__procedure__actions\"\n  (drag)=\"move($event)\"\n  (drop)=\"drop($event)\"\n  (dragover)=\"allowDrop($event)\"\n>\n  @for (action of actions; track action.id; let idx = $index) {\n    <div\n      class=\"o-hvy-events-detail__procedure__actions__action\"\n      [draggable]=\"isDraggable(action) && !readonly\"\n      (dragstart)=\"dragStart($event, action, idx)\"\n      (mousedown)=\"onMouseDown($event)\"\n      [class.-updating]=\"!!action._status\"\n      [class.-other-updating]=\"editing\"\n    >\n      <pry-icon\n        iconSvg=\"six_dot\"\n        #handle\n        [class.-disabled]=\"!isDraggable(action)\"\n        [class.-hidden]=\"action._status || readonly\"\n        class=\"grabbable\"\n      ></pry-icon>\n      <div class=\"number-badge\">{{ idx + 1 }}</div>\n      @if (!action._status || readonly) {\n        @if (mode === 'procedure') {\n          <pry-checkbox\n            [ngModel]=\"action.status !== 'NEW'\"\n            (click)=\"toggleActionStatus(idx, $event)\"\n            [disabled]=\"action.status === 'DONE' || !progress\"\n          ></pry-checkbox>\n        }\n        <div [class.-done]=\"action.status === 'DONE'\" [class.-disabled]=\"editing\">\n          <hvy-action-parameter [action]=\"action\" [type]=\"action.type\" [isParam]=\"false\"></hvy-action-parameter>\n        </div>\n        @if (!readonly) {\n          <button class=\"a-btn a-btn--icon-only\" (click)=\"openModal(action, idx)\" [disabled]=\"editing\">\n            <pry-icon iconSvg=\"more_horiz\" #menuButton></pry-icon>\n          </button>\n        }\n      } @else {\n        <div class=\"o-hvy-events-detail__procedure__actions__action__create\">\n          <div class=\"o-hvy-events-detail__procedure__actions__action__create__header\">\n            <p>{{ '@hvy.procedure.action.' + action._status | i18n }}</p>\n            <button class=\"a-btn a-btn--icon-only\" (click)=\"saveAction(action, idx)\" [disabled]=\"!isValid(action)\">\n              <pry-icon iconSvg=\"check\"></pry-icon>\n            </button>\n            <button class=\"a-btn a-btn--icon-only\" (click)=\"cancelAction(action, idx)\">\n              <pry-icon iconSvg=\"close\"></pry-icon>\n            </button>\n          </div>\n          <div>\n            <pry-select\n              [ngModel]=\"action.type\"\n              [items]=\"ACTIONS_TYPES\"\n              (ngModelChange)=\"update(idx, 'type', $event)\"\n              i18nPrefix=\"@hvy.procedure.action.\"\n              [placeholder]=\"'@hvy.procedure.action.placeholder.action' | i18n\"\n            ></pry-select>\n          </div>\n          <hvy-action-parameter [action]=\"action\" [type]=\"action.type\" [isParam]=\"true\"></hvy-action-parameter>\n        </div>\n      }\n    </div>\n  } @empty {\n    @if (actions.length === 0) {\n      <div>{{ '@hvy.event.log.procedure.noAction' | i18n }}</div>\n    }\n  }\n  @if (!readonly) {\n    <div class=\"o-hvy-events-detail__procedure__button\">\n      <button class=\"a-btn a-btn--primary\" (click)=\"add()\" [disabled]=\"editing\">\n        <pry-icon iconSvg=\"add\"></pry-icon>\n        {{ '@hvy.procedure.action.add' | i18n }}\n      </button>\n    </div>\n  }\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1$3.PryDialogService }, { type: i2.Overlay }, { type: i1$3.PryI18nService }], propDecorators: { modified: [{
                 type: Output
             }], mode: [{
                 type: Input
+            }], readonly: [{
+                type: Input
+            }], progress: [{
+                type: Input
             }], menuButtons: [{
                 type: ViewChildren,
                 args: ['menuButton', { read: ElementRef }]
@@ -1005,6 +1016,9 @@ class EventDetailComponent extends SubscriptionnerDirective {
             status: 'DONE',
             all: false
         };
+        this.readonly = false;
+        this.readonlyProcedure = false;
+        this.progressProcedure = false;
         this.padId = padId;
         this.subCategories = [undefined, ...HypEventSubCategory.values['ANOMALY']];
     }
@@ -1052,7 +1066,8 @@ class EventDetailComponent extends SubscriptionnerDirective {
         }
     }
     access(event) {
-        if (event.status === 'DONE' ||
+        if (this.readonly ||
+            event.status === 'DONE' ||
             (['LIMIT', 'OUTOFORDER', 'ANOMALY'].includes(event.category) && event.externalSourceRef)) {
             return {
                 name: true,
@@ -1284,11 +1299,11 @@ class EventDetailComponent extends SubscriptionnerDirective {
         return new Date(newValue).toISOString();
     }
     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.PrySnackbarService }, { token: i1$3.PryI18nService }, { token: i1$3.PryDialogService }], 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", events: "events", procedure: "procedure", cancelModifications: "cancelModifications", equipmentName: "equipmentName" }, outputs: { modifiedEvents: "modifiedEvents", modifiedProcedure: "modifiedProcedure", eventErrors: "eventErrors" }, viewQueries: [{ propertyName: "confirmDialog", first: true, predicate: ["confirmDialog"], descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<div class=\"o-hvy-events-detail\">\n  <div class=\"o-hvy-events-detail__header\">\n    <div class=\"o-hvy-events-detail__header__split\">\n      <h1>{{ title ?? '@hvy.event.detail' | i18n }}</h1>\n      @if (events.length > 1) {\n        @if (canCloseSome) {\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) {\n          <div\n            class=\"a-tooltip\"\n            [attr.data-tooltip]=\"'... TODO: get closing comment ...'\"\n            data-tooltip-position=\"bottom\"\n          >\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) {\n        <button class=\"a-btn a-btn--secondary\" (click)=\"openDeleteModal()\">\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              <hvy-status-display\n                [item]=\"event\"\n                [modifiable]=\"event.status !== 'DONE'\"\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 ?? ''\"\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                          <input\n                            type=\"text\"\n                            class=\"a-form-field\"\n                            [value]=\"event.equipment?.name ?? ''\"\n                            [class.-error]=\"hasError('equipment', idx)\"\n                            [readonly]=\"accessValue.eqName\"\n                            (change)=\"changeEquipment(idx, $event)\"\n                          />\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                  <div class=\"o-hvy-events-detail__events__event__content__comments\">\n                    <h3>{{ '@hvy.event.log.event.comments.name' | i18n }} :</h3>\n                    <textarea\n                      [placeholder]=\"('@hvy.event.log.event.comments.placeholder' | i18n) + '...'\"\n                      [(ngModel)]=\"newComentContent\"\n                    ></textarea>\n                    <div class=\"o-hvy-events-detail__events__event__content__comments__button\">\n                      <button class=\"a-btn a-btn--primary\" [disabled]=\"newComentContent.length === 0\">\n                        {{ '@hvy.action.comment' | i18n }}\n                      </button>\n                    </div>\n                  </div>\n                }\n              }\n            </div>\n          </div>\n        }\n      </div>\n      <div class=\"o-hvy-events-detail__procedure\">\n        <div class=\"o-hvy-events-detail__procedure__header\">\n          <h2>\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            [actions]=\"procedure.actions\"\n            (modified)=\"modifiedActions($event)\"\n          ></hvy-procedure-actions>\n        } @else {\n          <button class=\"a-btn a-btn--secondary\" [disabled]=\"!canAssociateProcedure\" (click)=\"openAssociationModal()\">\n            {{ '@hvy.action.associate' | i18n }}\n          </button>\n        }\n      </div>\n    </div>\n  </div>\n</div>\n\n<ng-template #confirmDialog>\n  <div\n    class=\"o-hvy-close-confirm__dialog\"\n    aria-labelledby=\"confirm\"\n    tabindex=\"-1\"\n    id=\"choice\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n  >\n    <h2>\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", "readonly", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked"] }, { kind: "component", type: IconDisplayComponent, selector: "hvy-icon-display", inputs: ["event"] }, { kind: "component", type: StatusDisplayComponent, selector: "hvy-status-display", inputs: ["type", "item", "modifiable"], outputs: ["modified"] }, { kind: "component", type: ProgressDisplayComponent, selector: "hvy-progress-display", inputs: ["progress"] }, { kind: "component", type: ProcedureActionsComponent, selector: "hvy-procedure-actions", inputs: ["mode", "actions"], outputs: ["modified"] }, { kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }, { kind: "pipe", type: ForDatetimeLocalPipe, name: "forDateTimeLocal" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.4", type: EventDetailComponent, selector: "hvy-event-detail", inputs: { title: "title", readonly: "readonly", readonlyProcedure: "readonlyProcedure", progressProcedure: "progressProcedure", events: "events", procedure: "procedure", cancelModifications: "cancelModifications", equipmentName: "equipmentName" }, outputs: { modifiedEvents: "modifiedEvents", modifiedProcedure: "modifiedProcedure", eventErrors: "eventErrors" }, viewQueries: [{ propertyName: "confirmDialog", first: true, predicate: ["confirmDialog"], descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<div class=\"o-hvy-events-detail\">\n  <div class=\"o-hvy-events-detail__header\">\n    <div class=\"o-hvy-events-detail__header__split\">\n      <h1>{{ 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) {\n          <div\n            class=\"a-tooltip\"\n            [attr.data-tooltip]=\"'... TODO: get closing comment ...'\"\n            data-tooltip-position=\"bottom\"\n          >\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              <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 ?? ''\"\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                          <input\n                            type=\"text\"\n                            class=\"a-form-field\"\n                            [value]=\"event.equipment?.name ?? ''\"\n                            [class.-error]=\"hasError('equipment', idx)\"\n                            [readonly]=\"accessValue.eqName\"\n                            (change)=\"changeEquipment(idx, $event)\"\n                          />\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                  <div class=\"o-hvy-events-detail__events__event__content__comments\">\n                    <h3>{{ '@hvy.event.log.event.comments.name' | i18n }} :</h3>\n                    <textarea\n                      [placeholder]=\"('@hvy.event.log.event.comments.placeholder' | i18n) + '...'\"\n                      [(ngModel)]=\"newComentContent\"\n                    ></textarea>\n                    <div class=\"o-hvy-events-detail__events__event__content__comments__button\">\n                      <button class=\"a-btn a-btn--primary\" [disabled]=\"newComentContent.length === 0\">\n                        {{ '@hvy.action.comment' | i18n }}\n                      </button>\n                    </div>\n                  </div>\n                }\n              }\n            </div>\n          </div>\n        }\n      </div>\n      <div class=\"o-hvy-events-detail__procedure\">\n        <div class=\"o-hvy-events-detail__procedure__header\">\n          <h2>\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\"\n            [progress]=\"progressProcedure\"\n            [actions]=\"procedure.actions\"\n            (modified)=\"modifiedActions($event)\"\n          ></hvy-procedure-actions>\n        } @else {\n          @if (!readonly) {\n            <button class=\"a-btn a-btn--secondary\" [disabled]=\"!canAssociateProcedure\" (click)=\"openAssociationModal()\">\n              {{ '@hvy.action.associate' | i18n }}\n            </button>\n          }\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", "readonly", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked"] }, { kind: "component", type: IconDisplayComponent, selector: "hvy-icon-display", inputs: ["event"] }, { kind: "component", type: StatusDisplayComponent, selector: "hvy-status-display", inputs: ["type", "readonly", "item", "modifiable"], outputs: ["modified"] }, { kind: "component", type: ProgressDisplayComponent, selector: "hvy-progress-display", inputs: ["progress"] }, { kind: "component", type: ProcedureActionsComponent, selector: "hvy-procedure-actions", inputs: ["mode", "readonly", "progress", "actions"], outputs: ["modified"] }, { 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) {\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) {\n          <div\n            class=\"a-tooltip\"\n            [attr.data-tooltip]=\"'... TODO: get closing comment ...'\"\n            data-tooltip-position=\"bottom\"\n          >\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) {\n        <button class=\"a-btn a-btn--secondary\" (click)=\"openDeleteModal()\">\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              <hvy-status-display\n                [item]=\"event\"\n                [modifiable]=\"event.status !== 'DONE'\"\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 ?? ''\"\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                          <input\n                            type=\"text\"\n                            class=\"a-form-field\"\n                            [value]=\"event.equipment?.name ?? ''\"\n                            [class.-error]=\"hasError('equipment', idx)\"\n                            [readonly]=\"accessValue.eqName\"\n                            (change)=\"changeEquipment(idx, $event)\"\n                          />\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                  <div class=\"o-hvy-events-detail__events__event__content__comments\">\n                    <h3>{{ '@hvy.event.log.event.comments.name' | i18n }} :</h3>\n                    <textarea\n                      [placeholder]=\"('@hvy.event.log.event.comments.placeholder' | i18n) + '...'\"\n                      [(ngModel)]=\"newComentContent\"\n                    ></textarea>\n                    <div class=\"o-hvy-events-detail__events__event__content__comments__button\">\n                      <button class=\"a-btn a-btn--primary\" [disabled]=\"newComentContent.length === 0\">\n                        {{ '@hvy.action.comment' | i18n }}\n                      </button>\n                    </div>\n                  </div>\n                }\n              }\n            </div>\n          </div>\n        }\n      </div>\n      <div class=\"o-hvy-events-detail__procedure\">\n        <div class=\"o-hvy-events-detail__procedure__header\">\n          <h2>\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            [actions]=\"procedure.actions\"\n            (modified)=\"modifiedActions($event)\"\n          ></hvy-procedure-actions>\n        } @else {\n          <button class=\"a-btn a-btn--secondary\" [disabled]=\"!canAssociateProcedure\" (click)=\"openAssociationModal()\">\n            {{ '@hvy.action.associate' | i18n }}\n          </button>\n        }\n      </div>\n    </div>\n  </div>\n</div>\n\n<ng-template #confirmDialog>\n  <div\n    class=\"o-hvy-close-confirm__dialog\"\n    aria-labelledby=\"confirm\"\n    tabindex=\"-1\"\n    id=\"choice\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n  >\n    <h2>\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" }]
+            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) {\n          <div\n            class=\"a-tooltip\"\n            [attr.data-tooltip]=\"'... TODO: get closing comment ...'\"\n            data-tooltip-position=\"bottom\"\n          >\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              <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 ?? ''\"\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                          <input\n                            type=\"text\"\n                            class=\"a-form-field\"\n                            [value]=\"event.equipment?.name ?? ''\"\n                            [class.-error]=\"hasError('equipment', idx)\"\n                            [readonly]=\"accessValue.eqName\"\n                            (change)=\"changeEquipment(idx, $event)\"\n                          />\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                  <div class=\"o-hvy-events-detail__events__event__content__comments\">\n                    <h3>{{ '@hvy.event.log.event.comments.name' | i18n }} :</h3>\n                    <textarea\n                      [placeholder]=\"('@hvy.event.log.event.comments.placeholder' | i18n) + '...'\"\n                      [(ngModel)]=\"newComentContent\"\n                    ></textarea>\n                    <div class=\"o-hvy-events-detail__events__event__content__comments__button\">\n                      <button class=\"a-btn a-btn--primary\" [disabled]=\"newComentContent.length === 0\">\n                        {{ '@hvy.action.comment' | i18n }}\n                      </button>\n                    </div>\n                  </div>\n                }\n              }\n            </div>\n          </div>\n        }\n      </div>\n      <div class=\"o-hvy-events-detail__procedure\">\n        <div class=\"o-hvy-events-detail__procedure__header\">\n          <h2>\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\"\n            [progress]=\"progressProcedure\"\n            [actions]=\"procedure.actions\"\n            (modified)=\"modifiedActions($event)\"\n          ></hvy-procedure-actions>\n        } @else {\n          @if (!readonly) {\n            <button class=\"a-btn a-btn--secondary\" [disabled]=\"!canAssociateProcedure\" (click)=\"openAssociationModal()\">\n              {{ '@hvy.action.associate' | i18n }}\n            </button>\n          }\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.PrySnackbarService }, { type: i1$3.PryI18nService }, { type: i1$3.PryDialogService }], propDecorators: { modifiedEvents: [{
                 type: Output
             }], modifiedProcedure: [{
@@ -1297,6 +1312,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImpor
                 type: Output
             }], title: [{
                 type: Input
+            }], readonly: [{
+                type: Input
+            }], readonlyProcedure: [{
+                type: Input
+            }], progressProcedure: [{
+                type: Input
             }], confirmDialog: [{
                 type: ViewChild,
                 args: ['confirmDialog', { read: TemplateRef }]
@@ -1419,6 +1440,7 @@ class EventListComponent extends SubscriptionnerDirective {
         this.EVENT_LINK = EVENT_LINK;
         this._store = this.store;
         this._inhibit = true;
+        this.readonly = false;
         this.Math = Math;
         this.store.dispatch(EventActions.load({}));
         this.events$ = this.store.select(EventSelectors.events);
@@ -1452,12 +1474,14 @@ class EventListComponent extends SubscriptionnerDirective {
         return this.router.navigate(this.EVENT_LINK.fn(event, this.store));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: EventListComponent, deps: [{ token: i1$1.Store }, { token: i0.ElementRef }, { token: i2$1.Router }, { token: InfiniteScrollService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.4", type: EventListComponent, selector: "hvy-event-list", usesInheritance: true, ngImport: i0, template: "<table class=\"o-hvy-events-table\">\n  <thead>\n    <tr class=\"o-hvy-events-table__header\">\n      <th class=\"-checkbox\">\n        <pry-checkbox [ngModel]=\"allSelected$ | async\" (ngModelChange)=\"selectAll($event)\"></pry-checkbox>\n      </th>\n      <th>{{ '@hvy.event.criticality.name' | i18n }}</th>\n      <th>{{ '@hvy.event.name' | i18n }}</th>\n      <th>\n        <hvy-event-column-order field=\"status\">{{ '@hvy.event.status.name' | i18n }}</hvy-event-column-order>\n      </th>\n      <th>\n        <hvy-event-column-order field=\"procedureProgress\"\n          >{{ '@hvy.procedure.progress' | i18n }}\n        </hvy-event-column-order>\n      </th>\n      <th>{{ '@hvy.event.category.name' | i18n }}</th>\n      <th>\n        <hvy-event-column-order field=\"lastModificationDate\"\n          >{{ '@hvy.event.lastModificationDate' | i18n }}\n        </hvy-event-column-order>\n      </th>\n      <th></th>\n    </tr>\n  </thead>\n  <tbody>\n    @for (event of events$ | async; track event.id) {\n      <tr class=\"o-hvy-events-table__line\" (click)=\"goTo(event)\">\n        <td class=\"o-hvy-events-table__line__cell\">\n          <pry-checkbox\n            [ngModel]=\"(selectedIds$ | async)!.includes(event.id)\"\n            (click)=\"select(event, $event)\"\n          ></pry-checkbox>\n        </td>\n        <td class=\"o-hvy-events-table__line__cell -centered\">\n          <hvy-icon-display [event]=\"event\"></hvy-icon-display>\n        </td>\n        <td class=\"o-hvy-events-table__line__cell\">\n          <div class=\"o-hvy-events-table__line__cell__name__main\">{{ event.name }}</div>\n          <div class=\"o-hvy-events-table__line__cell__name__sub\">\n            {{ event.equipment?.name ? event.equipment?.name : '' }}\n          </div>\n          <div class=\"o-hvy-events-table__line__cell__name__subsub\">\n            {{ event.address }}\n          </div>\n        </td>\n        <td class=\"o-hvy-events-table__line__cell -centered\">\n          <hvy-status-display [item]=\"event\"></hvy-status-display>\n        </td>\n        <td class=\"o-hvy-events-table__line__cell -centered\">{{ event.procedureProgress }} %</td>\n        <td class=\"o-hvy-events-table__line__cell\">\n          <div class=\"o-hvy-events-table__line__cell__name__main\">\n            {{ '@hvy.event.category.' + event.category | i18n }}\n          </div>\n          @if (event.subCategory) {\n            <div class=\"o-hvy-events-table__line__cell__name__sub\">\n              {{ '@hvy.event.subCategory.' + event.subCategory | i18n }}\n            </div>\n          }\n        </td>\n        <td class=\"o-hvy-events-table__line__cell\">\n          {{ event.lastModificationDate | displayLocaleDatetime }}\n        </td>\n        <td class=\"o-hvy-events-table__line__cell\">\n          <a\n            [routerLink]=\"EVENT_LINK.fn(event, _store)\"\n            [title]=\"\n              '@hvy.event.consult'\n                | i18n: { howMany: Math.max(1, event.linkedEvents), plural: event.linkedEvents > 1 ? 's' : '' }\n            \"\n          >\n            <div class=\"consult-link\">\n              <pry-icon iconSvg=\"eye\" [height]=\"30\" [width]=\"40\"></pry-icon>\n              @if (event.linkedEvents > 1) {\n                <div class=\"indicator-badge\">{{ event.linkedEvents }}</div>\n              }\n            </div>\n          </a>\n        </td>\n      </tr>\n    } @empty {\n      <tr>\n        <td class=\"o-hvy-events-table__empty\" colspan=\"50\">\n          <div>{{ '@hvy.event.log.empty' | i18n }}</div>\n          <div>\n            <ng-content></ng-content>\n          </div>\n        </td>\n      </tr>\n    }\n  </tbody>\n</table>\n", dependencies: [{ kind: "component", type: i4.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle", "name", "inputId", "inhibit"] }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2$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: EventColumnOrderComponent, selector: "hvy-event-column-order" }, { kind: "component", type: IconDisplayComponent, selector: "hvy-icon-display", inputs: ["event"] }, { kind: "component", type: StatusDisplayComponent, selector: "hvy-status-display", inputs: ["type", "item", "modifiable"], outputs: ["modified"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }, { kind: "pipe", type: DisplayLocaleDateTime, name: "displayLocaleDatetime" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.4", type: EventListComponent, selector: "hvy-event-list", inputs: { readonly: "readonly" }, usesInheritance: true, ngImport: i0, template: "<table class=\"o-hvy-events-table\">\n  <thead>\n    <tr class=\"o-hvy-events-table__header\">\n      <th class=\"-checkbox\">\n        <pry-checkbox [ngModel]=\"allSelected$ | async\" (ngModelChange)=\"selectAll($event)\"></pry-checkbox>\n      </th>\n      <th>{{ '@hvy.event.criticality.name' | i18n }}</th>\n      <th>{{ '@hvy.event.name' | i18n }}</th>\n      <th>\n        <hvy-event-column-order field=\"status\">{{ '@hvy.event.status.name' | i18n }}</hvy-event-column-order>\n      </th>\n      <th>\n        <hvy-event-column-order field=\"procedureProgress\"\n          >{{ '@hvy.procedure.progress' | i18n }}\n        </hvy-event-column-order>\n      </th>\n      <th>{{ '@hvy.event.category.name' | i18n }}</th>\n      <th>\n        <hvy-event-column-order field=\"lastModificationDate\"\n          >{{ '@hvy.event.lastModificationDate' | i18n }}\n        </hvy-event-column-order>\n      </th>\n      <th></th>\n    </tr>\n  </thead>\n  <tbody>\n    @for (event of events$ | async; track event.id) {\n      <tr class=\"o-hvy-events-table__line\" (click)=\"goTo(event)\">\n        <td class=\"o-hvy-events-table__line__cell\">\n          <pry-checkbox\n            [ngModel]=\"(selectedIds$ | async)!.includes(event.id)\"\n            (click)=\"select(event, $event)\"\n          ></pry-checkbox>\n        </td>\n        <td class=\"o-hvy-events-table__line__cell -centered\">\n          <hvy-icon-display [event]=\"event\"></hvy-icon-display>\n        </td>\n        <td class=\"o-hvy-events-table__line__cell\">\n          <div class=\"o-hvy-events-table__line__cell__name__main\">{{ event.name }}</div>\n          <div class=\"o-hvy-events-table__line__cell__name__sub\">\n            {{ event.equipment?.name ? event.equipment?.name : '' }}\n          </div>\n          <div class=\"o-hvy-events-table__line__cell__name__subsub\">\n            {{ event.address }}\n          </div>\n        </td>\n        <td class=\"o-hvy-events-table__line__cell -centered\">\n          <hvy-status-display [item]=\"event\"></hvy-status-display>\n        </td>\n        <td class=\"o-hvy-events-table__line__cell -centered\">{{ event.procedureProgress }} %</td>\n        <td class=\"o-hvy-events-table__line__cell\">\n          <div class=\"o-hvy-events-table__line__cell__name__main\">\n            {{ '@hvy.event.category.' + event.category | i18n }}\n          </div>\n          @if (event.subCategory) {\n            <div class=\"o-hvy-events-table__line__cell__name__sub\">\n              {{ '@hvy.event.subCategory.' + event.subCategory | i18n }}\n            </div>\n          }\n        </td>\n        <td class=\"o-hvy-events-table__line__cell\">\n          {{ event.lastModificationDate | displayLocaleDatetime }}\n        </td>\n        <td class=\"o-hvy-events-table__line__cell\">\n          <a\n            [routerLink]=\"EVENT_LINK.fn(event, _store)\"\n            [title]=\"\n              '@hvy.event.consult'\n                | i18n: { howMany: Math.max(1, event.linkedEvents), plural: event.linkedEvents > 1 ? 's' : '' }\n            \"\n          >\n            <div class=\"consult-link\">\n              <pry-icon iconSvg=\"eye\" [height]=\"30\" [width]=\"40\"></pry-icon>\n              @if (event.linkedEvents > 1) {\n                <div class=\"indicator-badge\">{{ event.linkedEvents }}</div>\n              }\n            </div>\n          </a>\n        </td>\n      </tr>\n    } @empty {\n      <tr>\n        <td class=\"o-hvy-events-table__empty\" colspan=\"50\">\n          <div>{{ '@hvy.event.log.empty' | i18n }}</div>\n          <div>\n            <ng-content></ng-content>\n          </div>\n        </td>\n      </tr>\n    }\n  </tbody>\n</table>\n", dependencies: [{ kind: "component", type: i4.PryCheckboxComponent, selector: "pry-checkbox", inputs: ["circle", "name", "inputId", "inhibit"] }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2$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: EventColumnOrderComponent, selector: "hvy-event-column-order" }, { kind: "component", type: IconDisplayComponent, selector: "hvy-icon-display", inputs: ["event"] }, { kind: "component", type: StatusDisplayComponent, selector: "hvy-status-display", inputs: ["type", "readonly", "item", "modifiable"], outputs: ["modified"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }, { kind: "pipe", type: DisplayLocaleDateTime, name: "displayLocaleDatetime" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: EventListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'hvy-event-list', template: "<table class=\"o-hvy-events-table\">\n  <thead>\n    <tr class=\"o-hvy-events-table__header\">\n      <th class=\"-checkbox\">\n        <pry-checkbox [ngModel]=\"allSelected$ | async\" (ngModelChange)=\"selectAll($event)\"></pry-checkbox>\n      </th>\n      <th>{{ '@hvy.event.criticality.name' | i18n }}</th>\n      <th>{{ '@hvy.event.name' | i18n }}</th>\n      <th>\n        <hvy-event-column-order field=\"status\">{{ '@hvy.event.status.name' | i18n }}</hvy-event-column-order>\n      </th>\n      <th>\n        <hvy-event-column-order field=\"procedureProgress\"\n          >{{ '@hvy.procedure.progress' | i18n }}\n        </hvy-event-column-order>\n      </th>\n      <th>{{ '@hvy.event.category.name' | i18n }}</th>\n      <th>\n        <hvy-event-column-order field=\"lastModificationDate\"\n          >{{ '@hvy.event.lastModificationDate' | i18n }}\n        </hvy-event-column-order>\n      </th>\n      <th></th>\n    </tr>\n  </thead>\n  <tbody>\n    @for (event of events$ | async; track event.id) {\n      <tr class=\"o-hvy-events-table__line\" (click)=\"goTo(event)\">\n        <td class=\"o-hvy-events-table__line__cell\">\n          <pry-checkbox\n            [ngModel]=\"(selectedIds$ | async)!.includes(event.id)\"\n            (click)=\"select(event, $event)\"\n          ></pry-checkbox>\n        </td>\n        <td class=\"o-hvy-events-table__line__cell -centered\">\n          <hvy-icon-display [event]=\"event\"></hvy-icon-display>\n        </td>\n        <td class=\"o-hvy-events-table__line__cell\">\n          <div class=\"o-hvy-events-table__line__cell__name__main\">{{ event.name }}</div>\n          <div class=\"o-hvy-events-table__line__cell__name__sub\">\n            {{ event.equipment?.name ? event.equipment?.name : '' }}\n          </div>\n          <div class=\"o-hvy-events-table__line__cell__name__subsub\">\n            {{ event.address }}\n          </div>\n        </td>\n        <td class=\"o-hvy-events-table__line__cell -centered\">\n          <hvy-status-display [item]=\"event\"></hvy-status-display>\n        </td>\n        <td class=\"o-hvy-events-table__line__cell -centered\">{{ event.procedureProgress }} %</td>\n        <td class=\"o-hvy-events-table__line__cell\">\n          <div class=\"o-hvy-events-table__line__cell__name__main\">\n            {{ '@hvy.event.category.' + event.category | i18n }}\n          </div>\n          @if (event.subCategory) {\n            <div class=\"o-hvy-events-table__line__cell__name__sub\">\n              {{ '@hvy.event.subCategory.' + event.subCategory | i18n }}\n            </div>\n          }\n        </td>\n        <td class=\"o-hvy-events-table__line__cell\">\n          {{ event.lastModificationDate | displayLocaleDatetime }}\n        </td>\n        <td class=\"o-hvy-events-table__line__cell\">\n          <a\n            [routerLink]=\"EVENT_LINK.fn(event, _store)\"\n            [title]=\"\n              '@hvy.event.consult'\n                | i18n: { howMany: Math.max(1, event.linkedEvents), plural: event.linkedEvents > 1 ? 's' : '' }\n            \"\n          >\n            <div class=\"consult-link\">\n              <pry-icon iconSvg=\"eye\" [height]=\"30\" [width]=\"40\"></pry-icon>\n              @if (event.linkedEvents > 1) {\n                <div class=\"indicator-badge\">{{ event.linkedEvents }}</div>\n              }\n            </div>\n          </a>\n        </td>\n      </tr>\n    } @empty {\n      <tr>\n        <td class=\"o-hvy-events-table__empty\" colspan=\"50\">\n          <div>{{ '@hvy.event.log.empty' | i18n }}</div>\n          <div>\n            <ng-content></ng-content>\n          </div>\n        </td>\n      </tr>\n    }\n  </tbody>\n</table>\n" }]
-        }], ctorParameters: () => [{ type: i1$1.Store }, { type: i0.ElementRef }, { type: i2$1.Router }, { type: InfiniteScrollService }] });
+        }], ctorParameters: () => [{ type: i1$1.Store }, { type: i0.ElementRef }, { type: i2$1.Router }, { type: InfiniteScrollService }], propDecorators: { readonly: [{
+                type: Input
+            }] } });
 
 class EventFiltersComponent extends SubscriptionnerDirective {
     constructor(store) {
@@ -2039,6 +2063,7 @@ class ProcedureModelDetailComponent extends SubscriptionnerDirective {
         this.eventErrors = new EventEmitter();
         this.modified = new EventEmitter();
         this.DOMAINS = DOMAINS.values;
+        this.readonly = false;
         this.padId = padId;
     }
     hasError(prop) {
@@ -2090,11 +2115,11 @@ class ProcedureModelDetailComponent extends SubscriptionnerDirective {
         this._outputModifications();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ProcedureModelDetailComponent, deps: [{ token: i1$1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.4", type: ProcedureModelDetailComponent, selector: "hvy-procedure-model-detail", inputs: { model: "model", username: "username", title: "title", cancelModifications: "cancelModifications" }, outputs: { eventErrors: "eventErrors", modified: "modified" }, usesInheritance: true, ngImport: i0, template: "<div class=\"o-hvy-procedure-detail\">\n  <h1>{{ title ?? '@hvy.procedure.detail' | i18n }}</h1>\n  <div class=\"o-hvy-procedure-detail__container\">\n    <div class=\"o-hvy-procedure-detail__container__scrollable\">\n      @if (modifiedModel; as model) {\n        <div class=\"o-hvy-procedure-detail__form\">\n          <h3>{{ '@hvy.procedure.formTitle' | i18n }}</h3>\n          <table>\n            <tbody>\n              <tr>\n                <td>{{ '@hvy.procedure.title' | i18n }}<span class=\"required\">*</span> :</td>\n                <td>\n                  <input\n                    type=\"text\"\n                    class=\"a-form-field\"\n                    [class.-error]=\"hasError('name')\"\n                    [value]=\"model.name\"\n                    (change)=\"modify('name', $event)\"\n                    [maxLength]=\"50\"\n                  />\n                </td>\n              </tr>\n              <tr>\n                <td>{{ '@hvy.procedure.description' | i18n }}<span class=\"required\">*</span> :</td>\n                <td>\n                  <textarea\n                    [ngModel]=\"model.description\"\n                    class=\"a-form-field\"\n                    [class.-error]=\"hasError('description')\"\n                    (ngModelChange)=\"modify('description', $event)\"\n                    [maxLength]=\"256\"\n                  ></textarea>\n                </td>\n              </tr>\n              <tr>\n                <td>{{ '@hvy.event.domain.name' | i18n }}<span class=\"required\">*</span> :</td>\n                <td>\n                  <pry-select\n                    [items]=\"DOMAINS\"\n                    [ngModel]=\"model.domain\"\n                    i18nPrefix=\"@hvy.event.domain.\"\n                    [class.-error]=\"hasError('domain')\"\n                    (ngModelChange)=\"modify('domain', $event)\"\n                  ></pry-select>\n                </td>\n              </tr>\n              <tr>\n                <td>{{ '@hvy.procedure.creator' | i18n }} :</td>\n                <td>\n                  <input type=\"text\" class=\"a-form-field\" [value]=\"model.creator\" readonly />\n                </td>\n              </tr>\n              @if (model.id > 0) {\n                <tr>\n                  <td>{{ '@hvy.event.log.event.id' | i18n }} :</td>\n                  <td>\n                    <input type=\"text\" class=\"a-form-field\" [value]=\"padId.fn(model.id)\" [readonly]=\"true\" />\n                  </td>\n                </tr>\n              }\n              @if (!!model.id) {\n                <tr>\n                  <td>{{ '@hvy.event.creationDate' | i18n }} :</td>\n                  <td>\n                    <input\n                      type=\"datetime-local\"\n                      class=\"a-form-field\"\n                      [value]=\"model.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]=\"model.lastModificationDate | forDateTimeLocal\"\n                      readonly\n                    />\n                  </td>\n                </tr>\n              }\n            </tbody>\n          </table>\n        </div>\n        <div class=\"o-hvy-procedure-detail__actions\">\n          <h3>{{ '@hvy.procedure.actions' | i18n }} ({{ model.actions.length }})</h3>\n          <hvy-procedure-actions\n            [actions]=\"model.actions\"\n            (modified)=\"updateActions($event)\"\n            mode=\"model\"\n          ></hvy-procedure-actions>\n        </div>\n      }\n    </div>\n  </div>\n</div>\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.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "isForm", "required", "name", "readonly", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked"] }, { kind: "component", type: ProcedureActionsComponent, selector: "hvy-procedure-actions", inputs: ["mode", "actions"], outputs: ["modified"] }, { kind: "pipe", type: i1$3.I18nPipe, name: "i18n" }, { kind: "pipe", type: ForDatetimeLocalPipe, name: "forDateTimeLocal" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.4", type: ProcedureModelDetailComponent, selector: "hvy-procedure-model-detail", inputs: { model: "model", username: "username", title: "title", readonly: "readonly", cancelModifications: "cancelModifications" }, outputs: { eventErrors: "eventErrors", modified: "modified" }, usesInheritance: true, ngImport: i0, template: "<div class=\"o-hvy-procedure-detail\">\n  <h1>{{ title ?? '@hvy.procedure.detail' | i18n }}</h1>\n  <div class=\"o-hvy-procedure-detail__container\">\n    <div class=\"o-hvy-procedure-detail__container__scrollable\">\n      @if (modifiedModel; as model) {\n        <div class=\"o-hvy-procedure-detail__form\">\n          <h3>{{ '@hvy.procedure.formTitle' | i18n }}</h3>\n          <table>\n            <tbody>\n              <tr>\n                <td>{{ '@hvy.procedure.title' | i18n }}<span class=\"required\">*</span> :</td>\n                <td>\n                  <input\n                    type=\"text\"\n                    class=\"a-form-field\"\n                    [class.-error]=\"hasError('name')\"\n                    [value]=\"model.name\"\n                    (change)=\"modify('name', $event)\"\n                    [maxLength]=\"50\"\n                    [readonly]=\"readonly\"\n                  />\n                </td>\n              </tr>\n              <tr>\n                <td>{{ '@hvy.procedure.description' | i18n }}<span class=\"required\">*</span> :</td>\n                <td>\n                  <textarea\n                    [ngModel]=\"model.description\"\n                    class=\"a-form-field\"\n                    [class.-error]=\"hasError('description')\"\n                    (ngModelChange)=\"modify('description', $event)\"\n                    [maxLength]=\"256\"\n                    [readonly]=\"readonly\"\n                  ></textarea>\n                </td>\n              </tr>\n              <tr>\n                <td>{{ '@hvy.event.domain.name' | i18n }}<span class=\"required\">*</span> :</td>\n                <td>\n                  <pry-select\n                    [items]=\"DOMAINS\"\n                    [ngModel]=\"model.domain\"\n                    i18nPrefix=\"@hvy.event.domain.\"\n                    [class.-error]=\"hasError('domain')\"\n                    (ngModelChange)=\"modify('domain', $event)\"\n                    [disabled]=\"readonly\"\n                  ></pry-select>\n                </td>\n              </tr>\n              <tr>\n                <td>{{ '@hvy.procedure.creator' | i18n }} :</td>\n                <td>\n                  <input type=\"text\" class=\"a-form-field\" [value]=\"model.creator\" readonly />\n                </td>\n              </tr>\n              @if (model.id > 0) {\n                <tr>\n                  <td>{{ '@hvy.event.log.event.id' | i18n }} :</td>\n                  <td>\n                    <input type=\"text\" class=\"a-form-field\" [value]=\"padId.fn(model.id)\" readonly />\n                  </td>\n                </tr>\n              }\n              @if (!!model.id) {\n                <tr>\n                  <td>{{ '@hvy.event.creationDate' | i18n }} :</td>\n                  <td>\n                    <input\n                      type=\"datetime-local\"\n                      class=\"a-form-field\"\n                      [value]=\"model.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]=\"model.lastModificationDate | forDateTimeLocal\"\n                      readonly\n                    />\n                  </td>\n                </tr>\n              }\n            </tbody>\n          </table>\n        </div>\n        <div class=\"o-hvy-procedure-detail__actions\">\n          <h3>{{ '@hvy.procedure.actions' | i18n }} ({{ model.actions.length }})</h3>\n          <hvy-procedure-actions\n            [actions]=\"model.actions\"\n            (modified)=\"updateActions($event)\"\n            [readonly]=\"readonly\"\n            mode=\"model\"\n          ></hvy-procedure-actions>\n        </div>\n      }\n    </div>\n  </div>\n</div>\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.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "isForm", "required", "name", "readonly", "autocomplete", "alwaysShowAutosuggestedValues", "externalAutocompleteService", "bindValue", "bindLabel", "iconSize", "bindIcon", "template", "i18nPrefix", "bindClasses", "loading", "elementRef"], outputs: ["searched", "cleared", "clicked"] }, { kind: "component", type: ProcedureActionsComponent, selector: "hvy-procedure-actions", inputs: ["mode", "readonly", "progress", "actions"], outputs: ["modified"] }, { 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: ProcedureModelDetailComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'hvy-procedure-model-detail', template: "<div class=\"o-hvy-procedure-detail\">\n  <h1>{{ title ?? '@hvy.procedure.detail' | i18n }}</h1>\n  <div class=\"o-hvy-procedure-detail__container\">\n    <div class=\"o-hvy-procedure-detail__container__scrollable\">\n      @if (modifiedModel; as model) {\n        <div class=\"o-hvy-procedure-detail__form\">\n          <h3>{{ '@hvy.procedure.formTitle' | i18n }}</h3>\n          <table>\n            <tbody>\n              <tr>\n                <td>{{ '@hvy.procedure.title' | i18n }}<span class=\"required\">*</span> :</td>\n                <td>\n                  <input\n                    type=\"text\"\n                    class=\"a-form-field\"\n                    [class.-error]=\"hasError('name')\"\n                    [value]=\"model.name\"\n                    (change)=\"modify('name', $event)\"\n                    [maxLength]=\"50\"\n                  />\n                </td>\n              </tr>\n              <tr>\n                <td>{{ '@hvy.procedure.description' | i18n }}<span class=\"required\">*</span> :</td>\n                <td>\n                  <textarea\n                    [ngModel]=\"model.description\"\n                    class=\"a-form-field\"\n                    [class.-error]=\"hasError('description')\"\n                    (ngModelChange)=\"modify('description', $event)\"\n                    [maxLength]=\"256\"\n                  ></textarea>\n                </td>\n              </tr>\n              <tr>\n                <td>{{ '@hvy.event.domain.name' | i18n }}<span class=\"required\">*</span> :</td>\n                <td>\n                  <pry-select\n                    [items]=\"DOMAINS\"\n                    [ngModel]=\"model.domain\"\n                    i18nPrefix=\"@hvy.event.domain.\"\n                    [class.-error]=\"hasError('domain')\"\n                    (ngModelChange)=\"modify('domain', $event)\"\n                  ></pry-select>\n                </td>\n              </tr>\n              <tr>\n                <td>{{ '@hvy.procedure.creator' | i18n }} :</td>\n                <td>\n                  <input type=\"text\" class=\"a-form-field\" [value]=\"model.creator\" readonly />\n                </td>\n              </tr>\n              @if (model.id > 0) {\n                <tr>\n                  <td>{{ '@hvy.event.log.event.id' | i18n }} :</td>\n                  <td>\n                    <input type=\"text\" class=\"a-form-field\" [value]=\"padId.fn(model.id)\" [readonly]=\"true\" />\n                  </td>\n                </tr>\n              }\n              @if (!!model.id) {\n                <tr>\n                  <td>{{ '@hvy.event.creationDate' | i18n }} :</td>\n                  <td>\n                    <input\n                      type=\"datetime-local\"\n                      class=\"a-form-field\"\n                      [value]=\"model.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]=\"model.lastModificationDate | forDateTimeLocal\"\n                      readonly\n                    />\n                  </td>\n                </tr>\n              }\n            </tbody>\n          </table>\n        </div>\n        <div class=\"o-hvy-procedure-detail__actions\">\n          <h3>{{ '@hvy.procedure.actions' | i18n }} ({{ model.actions.length }})</h3>\n          <hvy-procedure-actions\n            [actions]=\"model.actions\"\n            (modified)=\"updateActions($event)\"\n            mode=\"model\"\n          ></hvy-procedure-actions>\n        </div>\n      }\n    </div>\n  </div>\n</div>\n" }]
+            args: [{ selector: 'hvy-procedure-model-detail', template: "<div class=\"o-hvy-procedure-detail\">\n  <h1>{{ title ?? '@hvy.procedure.detail' | i18n }}</h1>\n  <div class=\"o-hvy-procedure-detail__container\">\n    <div class=\"o-hvy-procedure-detail__container__scrollable\">\n      @if (modifiedModel; as model) {\n        <div class=\"o-hvy-procedure-detail__form\">\n          <h3>{{ '@hvy.procedure.formTitle' | i18n }}</h3>\n          <table>\n            <tbody>\n              <tr>\n                <td>{{ '@hvy.procedure.title' | i18n }}<span class=\"required\">*</span> :</td>\n                <td>\n                  <input\n                    type=\"text\"\n                    class=\"a-form-field\"\n                    [class.-error]=\"hasError('name')\"\n                    [value]=\"model.name\"\n                    (change)=\"modify('name', $event)\"\n                    [maxLength]=\"50\"\n                    [readonly]=\"readonly\"\n                  />\n                </td>\n              </tr>\n              <tr>\n                <td>{{ '@hvy.procedure.description' | i18n }}<span class=\"required\">*</span> :</td>\n                <td>\n                  <textarea\n                    [ngModel]=\"model.description\"\n                    class=\"a-form-field\"\n                    [class.-error]=\"hasError('description')\"\n                    (ngModelChange)=\"modify('description', $event)\"\n                    [maxLength]=\"256\"\n                    [readonly]=\"readonly\"\n                  ></textarea>\n                </td>\n              </tr>\n              <tr>\n                <td>{{ '@hvy.event.domain.name' | i18n }}<span class=\"required\">*</span> :</td>\n                <td>\n                  <pry-select\n                    [items]=\"DOMAINS\"\n                    [ngModel]=\"model.domain\"\n                    i18nPrefix=\"@hvy.event.domain.\"\n                    [class.-error]=\"hasError('domain')\"\n                    (ngModelChange)=\"modify('domain', $event)\"\n                    [disabled]=\"readonly\"\n                  ></pry-select>\n                </td>\n              </tr>\n              <tr>\n                <td>{{ '@hvy.procedure.creator' | i18n }} :</td>\n                <td>\n                  <input type=\"text\" class=\"a-form-field\" [value]=\"model.creator\" readonly />\n                </td>\n              </tr>\n              @if (model.id > 0) {\n                <tr>\n                  <td>{{ '@hvy.event.log.event.id' | i18n }} :</td>\n                  <td>\n                    <input type=\"text\" class=\"a-form-field\" [value]=\"padId.fn(model.id)\" readonly />\n                  </td>\n                </tr>\n              }\n              @if (!!model.id) {\n                <tr>\n                  <td>{{ '@hvy.event.creationDate' | i18n }} :</td>\n                  <td>\n                    <input\n                      type=\"datetime-local\"\n                      class=\"a-form-field\"\n                      [value]=\"model.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]=\"model.lastModificationDate | forDateTimeLocal\"\n                      readonly\n                    />\n                  </td>\n                </tr>\n              }\n            </tbody>\n          </table>\n        </div>\n        <div class=\"o-hvy-procedure-detail__actions\">\n          <h3>{{ '@hvy.procedure.actions' | i18n }} ({{ model.actions.length }})</h3>\n          <hvy-procedure-actions\n            [actions]=\"model.actions\"\n            (modified)=\"updateActions($event)\"\n            [readonly]=\"readonly\"\n            mode=\"model\"\n          ></hvy-procedure-actions>\n        </div>\n      }\n    </div>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1$1.Store }], propDecorators: { model: [{
                 type: Input
             }], username: [{
@@ -2105,6 +2130,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImpor
                 type: Output
             }], modified: [{
                 type: Output
+            }], readonly: [{
+                type: Input
             }], cancelModifications: [{
                 type: Input
             }] } });