@provoly/hypervisor 0.0.30 → 0.0.31

package/fesm2022/provoly-hypervisor.mjs

@@ -7,7 +7,7 @@ import { createAction, props, createReducer, on, createFeatureSelector, createSe
 import * as i3$1 from '@angular/cdk/overlay';
 import { OverlayConfig } from '@angular/cdk/overlay';
 import { TemplatePortal } from '@angular/cdk/portal';
-import { mergeMap, of, fromEvent, withLatestFrom, filter, auditTime, combineLatest, map as map$1, BehaviorSubject, Subject, distinctUntilChanged } from 'rxjs';
+import { mergeMap, of, fromEvent, withLatestFrom, filter, auditTime, combineLatest, map as map$1, BehaviorSubject, Subject, debounceTime, switchMap, distinctUntilChanged } from 'rxjs';
 import * as i1 from '@angular/common/http';
 import { HttpParams } from '@angular/common/http';
 import * as i4 from '@provoly/dashboard/components/checkbox';
@@ -18,7 +18,7 @@ import * as i1$2 from '@angular/common';
 import { NgForOf, AsyncPipe, NgStyle, DatePipe, KeyValuePipe, JsonPipe } from '@angular/common';
 import * as i2 from '@angular/router';
 import { RouterLink } from '@angular/router';
-import { map, debounceTime, mergeMap as mergeMap$1, catchError } from 'rxjs/operators';
+import { map, startWith, catchError, debounceTime as debounceTime$1, mergeMap as mergeMap$1 } from 'rxjs/operators';
 import * as i11 from '@provoly/dashboard/components/sinceDate';
 import { PrySinceDateModule } from '@provoly/dashboard/components/sinceDate';
 import * as i1$3 from '@ngrx/effects';
@@ -60,7 +60,9 @@ const EventActions = {
     status: createAction('[Event] Close Event or Procedure', props()),
     statusSuccess: createAction('[Event] Close success'),
     statusFailure: createAction('[Event] Close failure', props()),
-    sort: createAction('[Event] set log event sorting', props())
+    sort: createAction('[Event] set log event sorting', props()),
+    associateProcedure: createAction('[Event] Associate Procedure to Event', props()),
+    associateProcedureFailure: createAction('[Event] Associate Procedure to Event Failure', props())
 };
 
 const HypervisorActions = {
@@ -586,6 +588,7 @@ const feature$2 = createFeatureSelector(eventFeatureKey);
 const events = createSelector(feature$2, (state) => state.events);
 const noMoreEvents = createSelector(feature$2, (state) => state.noMoreEvents);
 const selectedIds = createSelector(feature$2, (state) => state.selectedIds);
+const selectedEvents = createSelector(feature$2, (state) => state.events.filter((event) => state.selectedIds.includes(event.id)));
 const loading$2 = createSelector(feature$2, (state) => state.loading);
 const filters = createSelector(feature$2, (state) => state.filters);
 const details = createSelector(feature$2, (state) => state.details);
@@ -594,6 +597,7 @@ const EventSelectors = {
     feature: feature$2,
     events,
     selectedIds,
+    selectedEvents,
     loading: loading$2,
     filters,
     details,
@@ -930,6 +934,152 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImpor
                 args: ['template', { read: TemplateRef }]
             }] } });
 
+const ProcedureActions = {
+    load: createAction('[Procedure] Load Procedures', props()),
+    loadSuccess: createAction('[Procedure] (bus) Load Procedure Success', props()),
+    loadFailure: createAction('[Procedure] Load Procedures Failure', props()),
+    sort: createAction('[Procedure] Set Procedure List Sorting', props()),
+    search: createAction('[Procedure] Set Search Query Value', props()),
+    setCategory: createAction('[Procedure] Set Category Value', props())
+};
+
+const procedureFeatureKey = '@hvy/procedure';
+const procedureInitialState = {
+    procedures: [],
+    noMoreProcedures: false,
+    loading: false,
+};
+const internalReducer$1 = createReducer(procedureInitialState, on(ProcedureActions.load, (state) => ({
+    ...state,
+    loading: true
+})), on(ProcedureActions.loadSuccess, (state, { procedures, startingFrom }) => {
+    return {
+        ...state,
+        loading: false,
+        noMoreProcedures: procedures.length < 20,
+        procedures: [...state.procedures.slice(0, startingFrom), ...procedures]
+    };
+}), on(ProcedureActions.loadFailure, (state) => ({
+    ...state,
+    loading: false,
+    procedures: []
+})), on(ProcedureActions.search, (state, { search }) => ({
+    ...state,
+    events: [],
+    noMoreProcedures: false,
+    search
+})), on(ProcedureActions.sort, (state, { field, order }) => ({
+    ...state,
+    events: [],
+    noMoreProcedures: false,
+    sort: { field, order }
+})));
+function procedureReducer(state, action) {
+    return internalReducer$1(state, action);
+}
+
+const feature$1 = createFeatureSelector(procedureFeatureKey);
+const procedures = createSelector(feature$1, (state) => state.procedures);
+const noMoreProcedures = createSelector(feature$1, (state) => state.noMoreProcedures);
+const loading$1 = createSelector(feature$1, (state) => state.loading);
+const search = createSelector(feature$1, (state) => state.search);
+const sort = createSelector(feature$1, (state) => state.sort);
+const ProcedureSelectors = {
+    feature: feature$1,
+    procedures,
+    loading: loading$1,
+    noMoreProcedures,
+    search,
+    sort
+};
+
+const PROCEDURE_PAGE_SIZE_FETCH = { value: 20 };
+class ProcedureService {
+    constructor(httpClient, store) {
+        this.httpClient = httpClient;
+        this.store = store;
+    }
+    list(startWith = 0, pageSize = PROCEDURE_PAGE_SIZE_FETCH.value) {
+        return this.store.select(HypSelectors.url).pipe(withLatestFrom(this.store.select(ProcedureSelectors.sort), this.store.select(ProcedureSelectors.search)), mergeMap(([url, sort, search]) => {
+            let params = new HttpParams();
+            params = params.set('page', startWith / pageSize + 1);
+            if (search)
+                params = params.set('search', search);
+            if (sort)
+                params = params.set('sort', sort.field).set('order', sort.order);
+            return this.httpClient.get(encodeURI(`${url}/procedures/catalog`), { params });
+        }));
+    }
+    getTop10ByUsage(domain, nameSearch) {
+        return this.store.select(HypSelectors.url).pipe(mergeMap((url) => {
+            let params = new HttpParams();
+            params = params
+                .set('sort', 'useCount')
+                .set('order', 'desc')
+                .set('pageSize', '10');
+            if (nameSearch)
+                params = params.set('name', nameSearch);
+            if (domain)
+                params = params.set('domain', domain);
+            return this.httpClient.get(encodeURI(`${url}/procedures/catalog`), { params });
+        }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ProcedureService, deps: [{ token: i1.HttpClient }, { token: i1$1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ProcedureService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ProcedureService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i1$1.Store }] });
+
+class ProcedureAssociationModalComponent extends SubscriptionnerDirective {
+    constructor(store, procedureService, dialog) {
+        super();
+        this.store = store;
+        this.procedureService = procedureService;
+        this.dialog = dialog;
+        this.onDomainSelect$ = new Subject;
+        this.onProcedureSearch$ = new Subject;
+        this.DOMAINS = DOMAINS.values;
+        this.selectedEvents$ = this.store.select(EventSelectors.selectedEvents);
+        this.procedures$ = combineLatest([
+            this.onDomainSelect$.pipe(startWith()),
+            this.onProcedureSearch$.pipe(startWith(), debounceTime(500)),
+        ]).pipe(switchMap(([_, __]) => {
+            const search = typeof this.procedureSelectValue === 'string' && this.procedureSelectValue.length > 2 ? this.procedureSelectValue : undefined;
+            return this.procedureService.getTop10ByUsage(this.selectedDomain, search);
+        }), catchError(() => {
+            throw new Error('Procedure catalog not implemented yet');
+        }));
+    }
+    onDomainChange() {
+        this.onDomainSelect$.next();
+        this.procedureSelectValue = undefined;
+    }
+    selectedProcedureChange($event) {
+        this.procedureSelectValue = $event;
+        this.onProcedureSearch$.next();
+    }
+    associateProcedure() {
+        this.store.dispatch(EventActions.associateProcedure({ procedureId: this.procedureSelectValue.id }));
+        this.closeModal();
+    }
+    isProcedureSelected() {
+        return typeof this.procedureSelectValue === 'object';
+    }
+    closeModal() {
+        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: i3.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", 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\"></pry-select>\n      </div>\n      <div class=\"m-form-label-field\">\n        <label for=\"procedure-filter\">{{ '@hvy.associationModal.searchProcedure' | i18n }}<span class=\"text-error\">*</span> : </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\"></pry-select>\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()\">{{ '@hvy.action.validate' | i18n }}</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: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.PrySelectComponent, selector: "pry-select", inputs: ["items", "clearable", "multiple", "closeOnSelect", "placeholder", "isForm", "required", "name", "readonly", "autocomplete", "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: i3.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\"></pry-select>\n      </div>\n      <div class=\"m-form-label-field\">\n        <label for=\"procedure-filter\">{{ '@hvy.associationModal.searchProcedure' | i18n }}<span class=\"text-error\">*</span> : </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\"></pry-select>\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()\">{{ '@hvy.action.validate' | i18n }}</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: i3.PryDialogRef }] });
+
 const EventSummaryActions = {
     load: createAction('[Event] Load Summaries'),
     loadSuccess: createAction('[Event Api] Load Summaries Success', props()),
@@ -947,7 +1097,7 @@ const eventSummaryInitialState = {
     summaries: { ...emptySummaries },
     loading: false,
 };
-const internalReducer$1 = createReducer(eventSummaryInitialState, on(EventSummaryActions.load, (state, action) => ({
+const internalReducer = createReducer(eventSummaryInitialState, on(EventSummaryActions.load, (state, action) => ({
     ...state,
     loading: true
 })), on(EventSummaryActions.loadSuccess, (state, { summaries }) => ({
@@ -959,16 +1109,16 @@ const internalReducer$1 = createReducer(eventSummaryInitialState, on(EventSummar
     loading: false
 })));
 function eventSummaryReducer(state, action) {
-    return internalReducer$1(state, action);
+    return internalReducer(state, action);
 }
 
-const feature$1 = createFeatureSelector(eventSummaryFeatureKey);
-const summaries = createSelector(feature$1, (state) => state.summaries);
-const loading$1 = createSelector(feature$1, (state) => state.loading);
+const feature = createFeatureSelector(eventSummaryFeatureKey);
+const summaries = createSelector(feature, (state) => state.summaries);
+const loading = createSelector(feature, (state) => state.loading);
 const EventSummarySelectors = {
-    feature: feature$1,
+    feature,
     summaries,
-    loading: loading$1
+    loading
 };
 
 const eventForWriteAPI = (event) => ({
@@ -981,7 +1131,7 @@ const procedureForWriteAPI = (procedure) => ({
     events: procedure.events.map(eventForWriteAPI)
 });
 
-const PAGE_SIZE_FETCH$1 = { value: 20 };
+const PAGE_SIZE_FETCH = { value: 20 };
 const KNOWN_FILTER_SETS = {
     EVENTS: 'events',
     SUMMARY: 'summary'
@@ -991,7 +1141,7 @@ class EventService {
         this.httpClient = httpClient;
         this.store = store;
     }
-    list(startWith = 0, pageSize = PAGE_SIZE_FETCH$1.value) {
+    list(startWith = 0, pageSize = PAGE_SIZE_FETCH.value) {
         return this.store.select(HypSelectors.url).pipe(withLatestFrom(this.store.select(EventSelectors.filters), this.store.select(EventSelectors.sort)), mergeMap(([url, filterSets, sort]) => {
             const filters = filterSets[KNOWN_FILTER_SETS.EVENTS] ?? {};
             let params = new HttpParams();
@@ -1037,6 +1187,11 @@ class EventService {
             return this.httpClient.put(encodeURI(`${url}/procedures/id/${procedure.id}/close`), { status, comment });
         }));
     }
+    associateProcedure(procedureId) {
+        return this.store.select(HypSelectors.url).pipe(withLatestFrom(this.store.select(EventSelectors.selectedIds)), mergeMap(([url, selectedIds]) => {
+            return this.httpClient.put(encodeURI(`${url}/procedures/catalog/id/${procedureId}`), { id: procedureId, events: selectedIds });
+        }));
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: EventService, deps: [{ token: i1.HttpClient }, { token: i1$1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: EventService, providedIn: 'root' }); }
 }
@@ -1148,64 +1303,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImpor
                 type: Input
             }] } });
 
-const ProcedureActions = {
-    load: createAction('[Procedure] Load Procedures', props()),
-    loadSuccess: createAction('[Procedure] (bus) Load Procedure Success', props()),
-    loadFailure: createAction('[Procedure] Load Procedures Failure', props()),
-    sort: createAction('[Procedure] Set Procedure List Sorting', props()),
-    search: createAction('[Procedure] Set Search Query Value', props())
-};
-
-const procedureFeatureKey = '@hvy/procedure';
-const procedureInitialState = {
-    procedures: [],
-    noMoreProcedures: false,
-    loading: false,
-};
-const internalReducer = createReducer(procedureInitialState, on(ProcedureActions.load, (state) => ({
-    ...state,
-    loading: true
-})), on(ProcedureActions.loadSuccess, (state, { procedures, startingFrom }) => {
-    return {
-        ...state,
-        loading: false,
-        noMoreProcedures: procedures.length < 20,
-        procedures: [...state.procedures.slice(0, startingFrom), ...procedures]
-    };
-}), on(ProcedureActions.loadFailure, (state) => ({
-    ...state,
-    loading: false,
-    procedures: []
-})), on(ProcedureActions.search, (state, { search }) => ({
-    ...state,
-    events: [],
-    noMoreProcedures: false,
-    search
-})), on(ProcedureActions.sort, (state, { field, order }) => ({
-    ...state,
-    events: [],
-    noMoreProcedures: false,
-    sort: { field, order }
-})));
-function procedureReducer(state, action) {
-    return internalReducer(state, action);
-}
-
-const feature = createFeatureSelector(procedureFeatureKey);
-const procedures = createSelector(feature, (state) => state.procedures);
-const noMoreProcedures = createSelector(feature, (state) => state.noMoreProcedures);
-const loading = createSelector(feature, (state) => state.loading);
-const search = createSelector(feature, (state) => state.search);
-const sort = createSelector(feature, (state) => state.sort);
-const ProcedureSelectors = {
-    feature,
-    procedures,
-    loading,
-    noMoreProcedures,
-    search,
-    sort
-};
-
 class ProcedureColumnOrderComponent extends ColumnOrderComponent {
     constructor(store) {
         super(store);
@@ -1238,7 +1335,7 @@ class ProcedureListComponent extends SubscriptionnerDirective {
         this.search$ = new Subject;
         this.store.dispatch(ProcedureActions.load({}));
         this.procedures$ = this.store.select(ProcedureSelectors.procedures);
-        this.subscriptions.add(this.search$.pipe(debounceTime(300), distinctUntilChanged()).subscribe((search) => {
+        this.subscriptions.add(this.search$.pipe(debounceTime$1(300), distinctUntilChanged()).subscribe((search) => {
             throw Error('Search not implemented.');
             this.store.dispatch(ProcedureActions.search({ search }));
         }));
@@ -1384,6 +1481,15 @@ const enTranslations = {
             noContent: 'No existing procedures found',
             domain: "Domain"
         },
+        "associationModal": {
+            "title": "Link a procedure",
+            "description": "Adding a procedure to selected events allows for selecting a list of actions to be performed to treat the events.",
+            "linkedEvents": "Linked events",
+            "categoryFilter": "Filter by category",
+            "searchProcedure": "Search procedures",
+            "domainPlaceholder": "Select a domain",
+            "procedurePlaceholder": "Input procedure title"
+        },
         action: {
             consult: 'Consult',
             close: 'Close',
@@ -1513,6 +1619,15 @@ const frTranslations = {
             noContent: 'Aucune procédure n\'a été créée.',
             domain: "Métier",
         },
+        associationModal: {
+            title: "Associer à une procédure",
+            description: "Ajouter une procédure à des événements permet de sélectionner la liste d'actions à exécuter pour traiter ces événement",
+            linkedEvents: "Événements liés",
+            categoryFilter: "Filtrer par métier",
+            searchProcedure: "Rechercher une procédure",
+            domainPlaceholder: "Sélectionner un métier",
+            procedurePlaceholder: "Saisissez le titre de la procédure"
+        },
         action: {
             consult: 'Consulter',
             close: 'Clotûrer',
@@ -1537,12 +1652,12 @@ class EventEffects {
         this.actions$ = actions$;
         this.eventService = eventService;
         this.store = store;
-        this.loadEvents$ = createEffect(() => this.actions$.pipe(ofType(EventActions.load), debounceTime(200), withLatestFrom(this.store.select(EventSelectors.events), this.store.select(EventSelectors.noMoreEvents)), filter(([action, events, noMore]) => !noMore), mergeMap$1(([action, stateEvents]) => this.eventService.list(action.next ? stateEvents.length : 0).pipe(map((events) => EventActions.loadSuccess({ events, startingFrom: action.next ? stateEvents.length : 0 })), catchError((error) => [EventActions.loadFailure({ error: error })])))));
-        this.getEvent$ = createEffect(() => this.actions$.pipe(ofType(EventActions.get), debounceTime(200), mergeMap$1((action) => this.eventService.get(action.id).pipe(map((event) => EventActions.getSuccess({ event })), catchError((error) => [EventActions.getFailure({ error: error })])))));
-        this.getForProcedureEvent$ = createEffect(() => this.actions$.pipe(ofType(EventActions.getForProcedure), debounceTime(200), mergeMap$1((action) => this.eventService.getProcedure(action.id).pipe(map((procedure) => EventActions.getSuccess({ procedure })), catchError((error) => [EventActions.getFailure({ error: error })])))));
-        this.saveEvent$ = createEffect(() => this.actions$.pipe(ofType(EventActions.save), debounceTime(200), mergeMap$1((action) => this.eventService.save(action.event).pipe(map((event) => EventActions.saveSuccess({ event: action.event })), catchError((error) => [EventActions.saveFailure({ error: error })])))));
-        this.saveProcedure$ = createEffect(() => this.actions$.pipe(ofType(EventActions.saveProcedure), debounceTime(200), mergeMap$1((action) => this.eventService.saveProcedure(action.procedure).pipe(map((procedure) => EventActions.saveSuccess({ procedure: action.procedure })), catchError((error) => [EventActions.saveFailure({ error: error })])))));
-        this.close$ = createEffect(() => this.actions$.pipe(ofType(EventActions.status), debounceTime(200), mergeMap$1((action) => {
+        this.loadEvents$ = createEffect(() => this.actions$.pipe(ofType(EventActions.load), debounceTime$1(200), withLatestFrom(this.store.select(EventSelectors.events), this.store.select(EventSelectors.noMoreEvents)), filter(([action, events, noMore]) => !noMore), mergeMap$1(([action, stateEvents]) => this.eventService.list(action.next ? stateEvents.length : 0).pipe(map((events) => EventActions.loadSuccess({ events, startingFrom: action.next ? stateEvents.length : 0 })), catchError((error) => [EventActions.loadFailure({ error: error })])))));
+        this.getEvent$ = createEffect(() => this.actions$.pipe(ofType(EventActions.get), debounceTime$1(200), mergeMap$1((action) => this.eventService.get(action.id).pipe(map((event) => EventActions.getSuccess({ event })), catchError((error) => [EventActions.getFailure({ error: error })])))));
+        this.getForProcedureEvent$ = createEffect(() => this.actions$.pipe(ofType(EventActions.getForProcedure), debounceTime$1(200), mergeMap$1((action) => this.eventService.getProcedure(action.id).pipe(map((procedure) => EventActions.getSuccess({ procedure })), catchError((error) => [EventActions.getFailure({ error: error })])))));
+        this.saveEvent$ = createEffect(() => this.actions$.pipe(ofType(EventActions.save), debounceTime$1(200), mergeMap$1((action) => this.eventService.save(action.event).pipe(map((event) => EventActions.saveSuccess({ event: action.event })), catchError((error) => [EventActions.saveFailure({ error: error })])))));
+        this.saveProcedure$ = createEffect(() => this.actions$.pipe(ofType(EventActions.saveProcedure), debounceTime$1(200), mergeMap$1((action) => this.eventService.saveProcedure(action.procedure).pipe(map((procedure) => EventActions.saveSuccess({ procedure: action.procedure })), catchError((error) => [EventActions.saveFailure({ error: error })])))));
+        this.close$ = createEffect(() => this.actions$.pipe(ofType(EventActions.status), debounceTime$1(200), mergeMap$1((action) => {
             if (!!action.event) {
                 return this.eventService.status(action.event, action.targetStatus, action.comment).pipe(map((event) => EventActions.statusSuccess()), catchError((error) => [EventActions.statusFailure({ error: error })]));
             }
@@ -1550,8 +1665,9 @@ class EventEffects {
                 return this.eventService.statusProcedure(action.procedure, action.targetStatus, action.comment).pipe(map((event) => EventActions.statusSuccess()), catchError((error) => [EventActions.statusFailure({ error: error })]));
             }
         })));
-        this.sort$ = createEffect(() => this.actions$.pipe(ofType(EventActions.sort), debounceTime(200), map(() => EventActions.load({}))));
-        this.filter$ = createEffect(() => this.actions$.pipe(ofType(EventActions.filter), filter((action) => action.filterSet === KNOWN_FILTER_SETS.EVENTS), debounceTime(200), map(() => EventActions.load({}))));
+        this.sort$ = createEffect(() => this.actions$.pipe(ofType(EventActions.sort), debounceTime$1(200), map(() => EventActions.load({}))));
+        this.filter$ = createEffect(() => this.actions$.pipe(ofType(EventActions.filter), filter((action) => action.filterSet === KNOWN_FILTER_SETS.EVENTS), debounceTime$1(200), map(() => EventActions.load({}))));
+        this.associateProcedure$ = createEffect(() => this.actions$.pipe(ofType(EventActions.associateProcedure), mergeMap$1((action) => this.eventService.associateProcedure(action.procedureId).pipe(map(() => EventActions.load({})), catchError((error) => [EventActions.associateProcedureFailure({ error: error })])))));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: EventEffects, deps: [{ token: i1$3.Actions }, { token: EventService }, { token: i1$1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: EventEffects }); }
@@ -1618,7 +1734,7 @@ class EventSummaryEffects {
     constructor(actions$, eventSummaryService) {
         this.actions$ = actions$;
         this.eventSummaryService = eventSummaryService;
-        this.loadSummaries$ = createEffect(() => this.actions$.pipe(ofType(EventSummaryActions.load), debounceTime(200), mergeMap$1((action) => this.eventSummaryService.list().pipe(map((summaries) => EventSummaryActions.loadSuccess({ summaries })), catchError((error) => [EventSummaryActions.loadFailure({ error: error })])))));
+        this.loadSummaries$ = createEffect(() => this.actions$.pipe(ofType(EventSummaryActions.load), debounceTime$1(200), mergeMap$1((action) => this.eventSummaryService.list().pipe(map((summaries) => EventSummaryActions.loadSuccess({ summaries })), catchError((error) => [EventSummaryActions.loadFailure({ error: error })])))));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: EventSummaryEffects, deps: [{ token: i1$3.Actions }, { token: EventSummaryService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: EventSummaryEffects }); }
@@ -1627,41 +1743,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImpor
             type: Injectable
         }], ctorParameters: () => [{ type: i1$3.Actions }, { type: EventSummaryService }] });
 
-const PAGE_SIZE_FETCH = { value: 20 };
-class ProcedureService {
-    constructor(httpClient, store) {
-        this.httpClient = httpClient;
-        this.store = store;
-    }
-    list(startWith = 0, pageSize = PAGE_SIZE_FETCH.value) {
-        return this.store.select(HypSelectors.url).pipe(withLatestFrom(this.store.select(ProcedureSelectors.sort), this.store.select(ProcedureSelectors.search)), mergeMap(([url, sort, search]) => {
-            let params = new HttpParams();
-            params = params.set('page', startWith / pageSize + 1);
-            if (search)
-                params = params.set('search', search);
-            if (sort)
-                params = params.set('sort', sort.field).set('order', sort.order);
-            return this.httpClient.get(encodeURI(`${url}/procedures/catalog`), { params });
-        }));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ProcedureService, deps: [{ token: i1.HttpClient }, { token: i1$1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ProcedureService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ProcedureService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i1$1.Store }] });
-
 class ProcedureEffects {
     constructor(actions$, procedureService, store) {
         this.actions$ = actions$;
         this.procedureService = procedureService;
         this.store = store;
-        this.loadProcedures$ = createEffect(() => this.actions$.pipe(ofType(ProcedureActions.load), debounceTime(200), withLatestFrom(this.store.select(ProcedureSelectors.procedures), this.store.select(ProcedureSelectors.noMoreProcedures)), filter(([action, stateProcedures, noMore]) => !noMore), mergeMap$1(([action, stateProcedures]) => this.procedureService.list(action.next ? stateProcedures.length : 0).pipe(map((procedures) => ProcedureActions.loadSuccess({ procedures, startingFrom: action.next ? stateProcedures.length : 0 })), catchError((error) => [ProcedureActions.loadFailure({ error: error })])))));
-        this.search$ = createEffect(() => this.actions$.pipe(ofType(ProcedureActions.search), debounceTime(200), map(() => ProcedureActions.load({}))));
-        this.sort$ = createEffect(() => this.actions$.pipe(ofType(ProcedureActions.sort), debounceTime(200), map(() => ProcedureActions.load({}))));
+        this.loadProcedures$ = createEffect(() => this.actions$.pipe(ofType(ProcedureActions.load), debounceTime$1(200), withLatestFrom(this.store.select(ProcedureSelectors.procedures), this.store.select(ProcedureSelectors.noMoreProcedures)), filter(([action, stateProcedures, noMore]) => !noMore), mergeMap$1(([action, stateProcedures]) => this.procedureService.list(action.next ? stateProcedures.length : 0).pipe(map((procedures) => ProcedureActions.loadSuccess({ procedures, startingFrom: action.next ? stateProcedures.length : 0 })), catchError((error) => [ProcedureActions.loadFailure({ error: error })])))));
+        this.sort$ = createEffect(() => this.actions$.pipe(ofType(ProcedureActions.sort), debounceTime$1(200), map(() => ProcedureActions.load({}))));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ProcedureEffects, deps: [{ token: i1$3.Actions }, { token: ProcedureService }, { token: i1$1.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ProcedureEffects }); }
@@ -1687,7 +1775,8 @@ const components = [
     DateFilterComponent,
     ChoiceFilterComponent,
     ProcedureListComponent,
-    ProcedureColumnOrderComponent
+    ProcedureColumnOrderComponent,
+    ProcedureAssociationModalComponent
 ];
 class PvyHypervisorModule {
     static forRoot(options) {
@@ -1723,7 +1812,8 @@ class PvyHypervisorModule {
             DateFilterComponent,
             ChoiceFilterComponent,
             ProcedureListComponent,
-            ProcedureColumnOrderComponent], imports: [i1$1.StoreFeatureModule, i1$1.StoreFeatureModule, i1$1.StoreFeatureModule, i1$1.StoreFeatureModule, i1$3.EffectsFeatureModule, NgForOf,
+            ProcedureColumnOrderComponent,
+            ProcedureAssociationModalComponent], imports: [i1$1.StoreFeatureModule, i1$1.StoreFeatureModule, i1$1.StoreFeatureModule, i1$1.StoreFeatureModule, i1$3.EffectsFeatureModule, NgForOf,
             AsyncPipe,
             PryI18nModule,
             PryCoreModule,
@@ -1753,7 +1843,8 @@ class PvyHypervisorModule {
             DateFilterComponent,
             ChoiceFilterComponent,
             ProcedureListComponent,
-            ProcedureColumnOrderComponent] }); }
+            ProcedureColumnOrderComponent,
+            ProcedureAssociationModalComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: PvyHypervisorModule, imports: [StoreModule.forFeature(hypFeatureKey, hypervisorReducer),
             StoreModule.forFeature(eventFeatureKey, eventReducer),
             StoreModule.forFeature(eventSummaryFeatureKey, eventSummaryReducer),
@@ -1813,5 +1904,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { CATEGORIES_BY_TYPE, ChoiceFilterComponent, ColumnOrderComponent, DOMAINS, DateFilterComponent, EVENT_LINK, EVENT_TO_ICON, EquipmentService, EventActions, EventColumnOrderComponent, EventDetailComponent, EventEffects, EventFiltersComponent, EventIconPipe, EventListComponent, EventSelectors, EventService, EventSummaryActions, EventSummaryEffects, EventSummaryItemComponent, EventSummaryListComponent, EventSummaryPageComponent, EventSummarySelectors, ForDatetimeLocalPipe, HYP_BASE_CONFIG, HypEventCategory, HypEventCriticality, HypEventStatus, HypEventType, HypSelectors, HypervisorActions, HypervisorEffects, HypervisorService, IconDisplayComponent, KNOWN_FILTER_SETS, PAGE_SIZE_FETCH$1 as PAGE_SIZE_FETCH, PROCEDURE_LINK, ProcedureColumnOrderComponent, ProcedureListComponent, ProgressDisplayComponent, PvyHypervisorModule, StatusDisplayComponent, enTranslations, eventFeatureKey, eventForWriteAPI, eventInitialState, eventReducer, eventSummaryFeatureKey, eventSummaryInitialState, eventSummaryReducer, frTranslations, hypFeatureKey, hypInitialState, hypervisorReducer, procedureForWriteAPI };
+export { CATEGORIES_BY_TYPE, ChoiceFilterComponent, ColumnOrderComponent, DOMAINS, DateFilterComponent, EVENT_LINK, EVENT_TO_ICON, EquipmentService, EventActions, EventColumnOrderComponent, EventDetailComponent, EventEffects, EventFiltersComponent, EventIconPipe, EventListComponent, EventSelectors, EventService, EventSummaryActions, EventSummaryEffects, EventSummaryItemComponent, EventSummaryListComponent, EventSummaryPageComponent, EventSummarySelectors, ForDatetimeLocalPipe, HYP_BASE_CONFIG, HypEventCategory, HypEventCriticality, HypEventStatus, HypEventType, HypSelectors, HypervisorActions, HypervisorEffects, HypervisorService, IconDisplayComponent, KNOWN_FILTER_SETS, PAGE_SIZE_FETCH, PROCEDURE_LINK, PROCEDURE_PAGE_SIZE_FETCH, ProcedureActions, ProcedureAssociationModalComponent, ProcedureColumnOrderComponent, ProcedureEffects, ProcedureListComponent, ProcedureSelectors, ProcedureService, ProgressDisplayComponent, PvyHypervisorModule, StatusDisplayComponent, enTranslations, eventFeatureKey, eventForWriteAPI, eventInitialState, eventReducer, eventSummaryFeatureKey, eventSummaryInitialState, eventSummaryReducer, frTranslations, hypFeatureKey, hypInitialState, hypervisorReducer, procedureFeatureKey, procedureForWriteAPI, procedureInitialState, procedureReducer };
 //# sourceMappingURL=provoly-hypervisor.mjs.map