@dsivd/prestations-ng 15.2.1 → 15.2.3-beta10

package/fesm2015/dsivd-prestations-ng.mjs

@@ -31,21 +31,31 @@ import weekOfYear from 'dayjs/plugin/weekOfYear';
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
 const IAM_SESSION_EXPIRED_HEADER = 'iam-session-expired';
-const LOGIN_PATH = '/100018/login';
+const CYBER_LOGIN_PATH = '/100018/login';
+const ACV_LOGIN_PATH = '/iamlogin';
+const isIamExpiredHeader = (event) => {
+    return !!event.headers.get(IAM_SESSION_EXPIRED_HEADER);
+};
+const isRedirectionToLogin = (event) => {
+    const isRedirection = event.status === 302 /* Found */;
+    const locationHeader = event.headers.get('Location');
+    const isLocationCyberLogin = locationHeader === null || locationHeader === void 0 ? void 0 : locationHeader.includes(CYBER_LOGIN_PATH);
+    const isLocationAcvLogin = locationHeader === null || locationHeader === void 0 ? void 0 : locationHeader.includes(ACV_LOGIN_PATH);
+    return isRedirection && (isLocationCyberLogin || isLocationAcvLogin);
+};
 class IamExpiredInterceptorService {
     constructor() {
-        this._iamExpirationHeaderPresence = new Subject();
+        this._isIamSessionExpired = new Subject();
     }
-    get iamExpirationHeaderPresence() {
-        return this._iamExpirationHeaderPresence.asObservable();
+    get isIamSessionExpired() {
+        return this._isIamSessionExpired.asObservable();
     }
     intercept(req, next) {
         return next.handle(req).pipe(map(event => {
             if (event instanceof HttpResponse) {
-                // either we have the header 'iam-session-expired'
-                const iamExpiredHeader = event.headers.get(IAM_SESSION_EXPIRED_HEADER);
-                if (null !== iamExpiredHeader) {
-                    this._iamExpirationHeaderPresence.next(true);
+                if (isIamExpiredHeader(event) ||
+                    isRedirectionToLogin(event)) {
+                    this._isIamSessionExpired.next(true);
                 }
             }
             return event;
@@ -53,11 +63,13 @@ class IamExpiredInterceptorService {
     }
     handleError(err) {
         if (err instanceof HttpErrorResponse) {
-            if (err.status === 200) {
-                const isLogin = err.url.indexOf(LOGIN_PATH) > 0;
-                if (isLogin) {
-                    this._iamExpirationHeaderPresence.next(true);
-                }
+            // status is 200, but still an error since
+            // login page is returned when xml/json is expected
+            const isStatusOk = err.status === 200 /* Ok */;
+            const isUrlCyberLogin = err.url.includes(CYBER_LOGIN_PATH);
+            const isUrlAcvLogin = err.url.includes(ACV_LOGIN_PATH);
+            if (isStatusOk && (isUrlCyberLogin || isUrlAcvLogin)) {
+                this._isIamSessionExpired.next(true);
             }
         }
         return throwError(err);
@@ -598,6 +610,7 @@ class GesdemHandlerService {
         url = `${url}/validated/${reference}`;
         return this.http.get(url).pipe(tap(this.emitResponse.bind(this)), map(() => true), catchError((response) => this.handleGesdemError(reference, response)));
     }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     retrieveActionStatut(reference) {
         let url = 'api';
         if (this.prefix) {
@@ -1470,6 +1483,7 @@ const DEFAULT_DICTIONARY = {
     'foehn-table.totalElements': '{total} éléments trouvés',
     'foehn-table.totalElements.1': '1 élément trouvé',
     'foehn-table.totalElements.0': 'Aucun résultat',
+    'foehn-table.header.actions': 'Actions',
     'foehn-status-progress-bar.step1': 'Saisie',
     'foehn-status-progress-bar.step1.srOnly': 'Etape 1 sur 3, Saisie',
     'foehn-status-progress-bar.step2': 'Vérification',
@@ -4163,7 +4177,12 @@ class FoehnCheckableGroupComponent extends FoehnInputComponent {
         // This allows us to properly use an object as the model rather
         // than a string.
         const identityFn = this.getValueIdentityFunction();
-        return identityFn(value1) === identityFn(value2);
+        if (identityFn) {
+            return identityFn(value1) === identityFn(value2);
+        }
+        else {
+            return ObjectHelper.isEqual(value1, value2);
+        }
     }
     onElementsRetrieved() {
         if (!this.model && this.defaultElementValue) {
@@ -4230,7 +4249,7 @@ class FoehnCheckableGroupComponent extends FoehnInputComponent {
     getValueIdentityFunction() {
         return typeof this.elementValueIdentity === 'function'
             ? this.elementValueIdentity
-            : (x) => x;
+            : null;
     }
     fetchData() {
         return this.httpClient.get(this.elementsUrl).pipe(map(r => {
@@ -4306,19 +4325,7 @@ class FoehnSelectComponent extends FoehnCheckableGroupComponent {
      */
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     compareFn(value1, value2) {
-        return ObjectHelper.isEqual(value1, value2);
-    }
-    /**
-     * We override areValuesEquals from FoehnCheckableGroupComponent so we keep only one way of comparing objects
-     * So there is no need to use 'elementValueIdentity' anymore
-     *
-     * @param value1 to be compared to
-     * @param value2 to be compared to
-     * @returns boolean
-     */
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    areValuesEquals(value1, value2) {
-        return ObjectHelper.isEqual(value1, value2);
+        return this.areValuesEquals(value1, value2);
     }
 }
 FoehnSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.5", ngImport: i0, type: FoehnSelectComponent, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
@@ -4328,7 +4335,7 @@ FoehnSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
             useExisting: forwardRef(() => FoehnSelectComponent),
             multi: true
         }
-    ], usesInheritance: true, ngImport: i0, template: "<div\n    class=\"form-group\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n>\n    <label\n        [attr.for]=\"buildChildId()\"\n        *ngIf=\"!!label\"\n        [ngClass]=\"isLabelSrOnly ? 'sr-only' : labelStyleModifier\"\n    >\n        <span [innerHTML]=\"label\"></span>\n        <span\n            *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n            aria-hidden=\"true\"\n        >\n            {{ 'foehn-input.optional' | fromDictionary }}\n        </span>\n    </label>\n\n    <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n    <div *ngIf=\"!elements\">Chargement...</div>\n\n    <small\n        *ngIf=\"helpText\"\n        [attr.id]=\"buildChildId() + 'Help'\"\n        class=\"form-text text-secondary\"\n        [innerHTML]=\"helpText\"\n    ></small>\n\n    <ng-content></ng-content>\n\n    <select\n        *ngIf=\"!multiple\"\n        [class.is-invalid]=\"hasErrorsToDisplay() || hasInheritErrorFromParent()\"\n        class=\"form-control\"\n        [name]=\"name || label\"\n        [attr.id]=\"buildChildId()\"\n        [attr.disabled]=\"disabled ? 'disabled' : null\"\n        [attr.aria-describedby]=\"getDescribedBy()\"\n        [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n        [attr.aria-required]=\"required || null\"\n        [attr.autocomplete]=\"getAutoComplete()\"\n        [ngModel]=\"model\"\n        (ngModelChange)=\"updateNgModel($event)\"\n        [compareWith]=\"compareFn\"\n        (change)=\"handleChange(model)\"\n        #entryComponent\n        ngDefaultControl\n    >\n        <option *ngIf=\"!required\" [ngValue]=\"null\">-</option>\n        <option\n            *ngFor=\"let element of elements\"\n            [ngValue]=\"getValue(element)\"\n            [attr.selected]=\"isElementSelected(element) ? 'selected' : null\"\n            [attr.disabled]=\"getDisabled(element) ? 'disabled' : null\"\n            [innerHTML]=\"getLabel(element)\"\n        ></option>\n    </select>\n    <select\n        *ngIf=\"multiple\"\n        multiple\n        [attr.aria-multiselectable]=\"true\"\n        [class.is-invalid]=\"hasErrorsToDisplay() || hasInheritErrorFromParent()\"\n        class=\"form-control\"\n        [name]=\"name || label\"\n        [attr.id]=\"buildChildId()\"\n        [attr.disabled]=\"disabled ? 'disabled' : null\"\n        [attr.aria-describedby]=\"getDescribedBy()\"\n        [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n        [attr.aria-required]=\"required || null\"\n        [ngModel]=\"model\"\n        (ngModelChange)=\"updateNgModel($event)\"\n        [compareWith]=\"compareFn\"\n        (change)=\"handleChange(model)\"\n        #entryComponent\n        ngDefaultControl\n    >\n        <option\n            *ngFor=\"let element of elements\"\n            [ngValue]=\"getValue(element)\"\n            [attr.selected]=\"isElementSelected(element) ? 'selected' : null\"\n            [attr.aria-selected]=\"isElementSelected(element)\"\n        >\n            {{ getLabel(element) }}\n        </option>\n    </select>\n</div>\n", components: [{ type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.SelectMultipleControlValueAccessor, selector: "select[multiple][formControlName],select[multiple][formControl],select[multiple][ngModel]", inputs: ["compareWith"] }], pipes: { "fromDictionary": SdkDictionaryPipe } });
+    ], usesInheritance: true, ngImport: i0, template: "<div\n    class=\"form-group\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n>\n    <label\n        [attr.for]=\"buildChildId()\"\n        *ngIf=\"!!label\"\n        [ngClass]=\"isLabelSrOnly ? 'sr-only' : labelStyleModifier\"\n    >\n        <span [innerHTML]=\"label\"></span>\n        <span\n            *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n            aria-hidden=\"true\"\n        >\n            {{ 'foehn-input.optional' | fromDictionary }}\n        </span>\n    </label>\n\n    <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n    <div *ngIf=\"!elements\">Chargement...</div>\n\n    <small\n        *ngIf=\"helpText\"\n        [attr.id]=\"buildChildId() + 'Help'\"\n        class=\"form-text text-secondary\"\n        [innerHTML]=\"helpText\"\n    ></small>\n\n    <ng-content></ng-content>\n\n    <select\n        *ngIf=\"!multiple\"\n        [class.is-invalid]=\"hasErrorsToDisplay() || hasInheritErrorFromParent()\"\n        class=\"form-control\"\n        [name]=\"name || label\"\n        [attr.id]=\"buildChildId()\"\n        [attr.disabled]=\"disabled ? 'disabled' : null\"\n        [attr.aria-describedby]=\"getDescribedBy()\"\n        [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n        [attr.aria-required]=\"required || null\"\n        [attr.autocomplete]=\"getAutoComplete()\"\n        [ngModel]=\"model\"\n        (ngModelChange)=\"updateNgModel($event)\"\n        [compareWith]=\"compareFn.bind(this)\"\n        (change)=\"handleChange(model)\"\n        #entryComponent\n        ngDefaultControl\n    >\n        <option *ngIf=\"!required\" [ngValue]=\"null\">-</option>\n        <option\n            *ngFor=\"let element of elements\"\n            [ngValue]=\"getValue(element)\"\n            [attr.selected]=\"isElementSelected(element) ? 'selected' : null\"\n            [attr.disabled]=\"getDisabled(element) ? 'disabled' : null\"\n            [innerHTML]=\"getLabel(element)\"\n        ></option>\n    </select>\n    <select\n        *ngIf=\"multiple\"\n        multiple\n        [attr.aria-multiselectable]=\"true\"\n        [class.is-invalid]=\"hasErrorsToDisplay() || hasInheritErrorFromParent()\"\n        class=\"form-control\"\n        [name]=\"name || label\"\n        [attr.id]=\"buildChildId()\"\n        [attr.disabled]=\"disabled ? 'disabled' : null\"\n        [attr.aria-describedby]=\"getDescribedBy()\"\n        [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n        [attr.aria-required]=\"required || null\"\n        [ngModel]=\"model\"\n        (ngModelChange)=\"updateNgModel($event)\"\n        [compareWith]=\"compareFn.bind(this)\"\n        (change)=\"handleChange(model)\"\n        #entryComponent\n        ngDefaultControl\n    >\n        <option\n            *ngFor=\"let element of elements\"\n            [ngValue]=\"getValue(element)\"\n            [attr.selected]=\"isElementSelected(element) ? 'selected' : null\"\n            [attr.aria-selected]=\"isElementSelected(element)\"\n        >\n            {{ getLabel(element) }}\n        </option>\n    </select>\n</div>\n", components: [{ type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.SelectMultipleControlValueAccessor, selector: "select[multiple][formControlName],select[multiple][formControl],select[multiple][ngModel]", inputs: ["compareWith"] }], pipes: { "fromDictionary": SdkDictionaryPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.5", ngImport: i0, type: FoehnSelectComponent, decorators: [{
             type: Component,
             args: [{ selector: 'foehn-select', providers: [
@@ -4337,7 +4344,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.5", ngImpor
                             useExisting: forwardRef(() => FoehnSelectComponent),
                             multi: true
                         }
-                    ], template: "<div\n    class=\"form-group\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n>\n    <label\n        [attr.for]=\"buildChildId()\"\n        *ngIf=\"!!label\"\n        [ngClass]=\"isLabelSrOnly ? 'sr-only' : labelStyleModifier\"\n    >\n        <span [innerHTML]=\"label\"></span>\n        <span\n            *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n            aria-hidden=\"true\"\n        >\n            {{ 'foehn-input.optional' | fromDictionary }}\n        </span>\n    </label>\n\n    <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n    <div *ngIf=\"!elements\">Chargement...</div>\n\n    <small\n        *ngIf=\"helpText\"\n        [attr.id]=\"buildChildId() + 'Help'\"\n        class=\"form-text text-secondary\"\n        [innerHTML]=\"helpText\"\n    ></small>\n\n    <ng-content></ng-content>\n\n    <select\n        *ngIf=\"!multiple\"\n        [class.is-invalid]=\"hasErrorsToDisplay() || hasInheritErrorFromParent()\"\n        class=\"form-control\"\n        [name]=\"name || label\"\n        [attr.id]=\"buildChildId()\"\n        [attr.disabled]=\"disabled ? 'disabled' : null\"\n        [attr.aria-describedby]=\"getDescribedBy()\"\n        [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n        [attr.aria-required]=\"required || null\"\n        [attr.autocomplete]=\"getAutoComplete()\"\n        [ngModel]=\"model\"\n        (ngModelChange)=\"updateNgModel($event)\"\n        [compareWith]=\"compareFn\"\n        (change)=\"handleChange(model)\"\n        #entryComponent\n        ngDefaultControl\n    >\n        <option *ngIf=\"!required\" [ngValue]=\"null\">-</option>\n        <option\n            *ngFor=\"let element of elements\"\n            [ngValue]=\"getValue(element)\"\n            [attr.selected]=\"isElementSelected(element) ? 'selected' : null\"\n            [attr.disabled]=\"getDisabled(element) ? 'disabled' : null\"\n            [innerHTML]=\"getLabel(element)\"\n        ></option>\n    </select>\n    <select\n        *ngIf=\"multiple\"\n        multiple\n        [attr.aria-multiselectable]=\"true\"\n        [class.is-invalid]=\"hasErrorsToDisplay() || hasInheritErrorFromParent()\"\n        class=\"form-control\"\n        [name]=\"name || label\"\n        [attr.id]=\"buildChildId()\"\n        [attr.disabled]=\"disabled ? 'disabled' : null\"\n        [attr.aria-describedby]=\"getDescribedBy()\"\n        [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n        [attr.aria-required]=\"required || null\"\n        [ngModel]=\"model\"\n        (ngModelChange)=\"updateNgModel($event)\"\n        [compareWith]=\"compareFn\"\n        (change)=\"handleChange(model)\"\n        #entryComponent\n        ngDefaultControl\n    >\n        <option\n            *ngFor=\"let element of elements\"\n            [ngValue]=\"getValue(element)\"\n            [attr.selected]=\"isElementSelected(element) ? 'selected' : null\"\n            [attr.aria-selected]=\"isElementSelected(element)\"\n        >\n            {{ getLabel(element) }}\n        </option>\n    </select>\n</div>\n" }]
+                    ], template: "<div\n    class=\"form-group\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n>\n    <label\n        [attr.for]=\"buildChildId()\"\n        *ngIf=\"!!label\"\n        [ngClass]=\"isLabelSrOnly ? 'sr-only' : labelStyleModifier\"\n    >\n        <span [innerHTML]=\"label\"></span>\n        <span\n            *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n            aria-hidden=\"true\"\n        >\n            {{ 'foehn-input.optional' | fromDictionary }}\n        </span>\n    </label>\n\n    <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n    <div *ngIf=\"!elements\">Chargement...</div>\n\n    <small\n        *ngIf=\"helpText\"\n        [attr.id]=\"buildChildId() + 'Help'\"\n        class=\"form-text text-secondary\"\n        [innerHTML]=\"helpText\"\n    ></small>\n\n    <ng-content></ng-content>\n\n    <select\n        *ngIf=\"!multiple\"\n        [class.is-invalid]=\"hasErrorsToDisplay() || hasInheritErrorFromParent()\"\n        class=\"form-control\"\n        [name]=\"name || label\"\n        [attr.id]=\"buildChildId()\"\n        [attr.disabled]=\"disabled ? 'disabled' : null\"\n        [attr.aria-describedby]=\"getDescribedBy()\"\n        [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n        [attr.aria-required]=\"required || null\"\n        [attr.autocomplete]=\"getAutoComplete()\"\n        [ngModel]=\"model\"\n        (ngModelChange)=\"updateNgModel($event)\"\n        [compareWith]=\"compareFn.bind(this)\"\n        (change)=\"handleChange(model)\"\n        #entryComponent\n        ngDefaultControl\n    >\n        <option *ngIf=\"!required\" [ngValue]=\"null\">-</option>\n        <option\n            *ngFor=\"let element of elements\"\n            [ngValue]=\"getValue(element)\"\n            [attr.selected]=\"isElementSelected(element) ? 'selected' : null\"\n            [attr.disabled]=\"getDisabled(element) ? 'disabled' : null\"\n            [innerHTML]=\"getLabel(element)\"\n        ></option>\n    </select>\n    <select\n        *ngIf=\"multiple\"\n        multiple\n        [attr.aria-multiselectable]=\"true\"\n        [class.is-invalid]=\"hasErrorsToDisplay() || hasInheritErrorFromParent()\"\n        class=\"form-control\"\n        [name]=\"name || label\"\n        [attr.id]=\"buildChildId()\"\n        [attr.disabled]=\"disabled ? 'disabled' : null\"\n        [attr.aria-describedby]=\"getDescribedBy()\"\n        [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n        [attr.aria-required]=\"required || null\"\n        [ngModel]=\"model\"\n        (ngModelChange)=\"updateNgModel($event)\"\n        [compareWith]=\"compareFn.bind(this)\"\n        (change)=\"handleChange(model)\"\n        #entryComponent\n        ngDefaultControl\n    >\n        <option\n            *ngFor=\"let element of elements\"\n            [ngValue]=\"getValue(element)\"\n            [attr.selected]=\"isElementSelected(element) ? 'selected' : null\"\n            [attr.aria-selected]=\"isElementSelected(element)\"\n        >\n            {{ getLabel(element) }}\n        </option>\n    </select>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i0.NgZone }]; }, propDecorators: { multiple: [{
                 type: Input
             }] } });
@@ -4860,7 +4867,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.5", ngImpor
 
 class FoehnModalComponent {
     constructor() {
-        this.modalFooterText = "L'Administration Cantonale Vaudoise";
         this.closeable = true;
         this.isModalVisibleChange = new EventEmitter();
         this.isVisible = false;
@@ -4909,7 +4915,7 @@ class FoehnModalComponent {
     }
 }
 FoehnModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.5", ngImport: i0, type: FoehnModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FoehnModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.5", type: FoehnModalComponent, selector: "foehn-modal", inputs: { id: "id", name: "name", modalSize: "modalSize", modalBodyText: "modalBodyText", modalHeaderText: "modalHeaderText", modalFooterText: "modalFooterText", closeable: "closeable", modalTriggerHtmlElement: "modalTriggerHtmlElement", isModalVisible: "isModalVisible" }, outputs: { isModalVisibleChange: "isModalVisibleChange" }, host: { listeners: { "keyup": "handleKeyboardEvent($event)" } }, viewQueries: [{ propertyName: "modalBody", first: true, predicate: ["modalBody"], descendants: true }, { propertyName: "modalTitle", first: true, predicate: ["modalTitle"], descendants: true }, { propertyName: "specificfooter", first: true, predicate: ["specificfooter"], descendants: true }, { propertyName: "modalDefaultCloseBtn", first: true, predicate: ["modalDefaultCloseBtn"], descendants: true }], ngImport: i0, template: "<div\n    class=\"modal\"\n    [id]=\"id || name\"\n    role=\"dialog\"\n    aria-labelledby=\"modalTitle\"\n    aria-describedby=\"modalBody\"\n    style=\"display: block\"\n    *ngIf=\"isModalVisible\"\n    cdkTrapFocus\n>\n    <div class=\"modal-dialog modal-dialog-centered\" [ngClass]=\"modalSize\">\n        <div class=\"modal-content\">\n            <div\n                class=\"modal-header d-flex\"\n                [ngClass]=\"{ 'flex-row-reverse': closeable }\"\n            >\n                <button\n                    *ngIf=\"closeable\"\n                    (click)=\"isModalVisible = false\"\n                    type=\"button\"\n                    class=\"btn close\"\n                    aria-label=\"Fermer la boite de dialogue\"\n                    id=\"closeButton\"\n                >\n                    <span aria-hidden=\"true\">&times;</span>\n                </button>\n                <h2\n                    class=\"modal-title h5\"\n                    id=\"modalTitle\"\n                    #modalTitle\n                    [innerHTML]=\"modalHeaderText\"\n                ></h2>\n            </div>\n            <div class=\"modal-body\" id=\"modalBody\" #modalBody tabindex=\"-1\">\n                <div *ngIf=\"modalBodyText\" [innerHTML]=\"modalBodyText\"></div>\n                <ng-content></ng-content>\n            </div>\n            <div class=\"modal-footer w-100 d-block\">\n                <div #specificfooter id=\"specificfooter\">\n                    <ng-content select=\"[modal-footer]\"></ng-content>\n                </div>\n                <ng-container *ngIf=\"!specificfooter.innerHTML.trim()\">\n                    <div modal-footer class=\"w-100\">\n                        <div class=\"d-md-flex\">\n                            <div class=\"ml-md-auto mr-md-2 mb-2 mt-2\">\n                                <button\n                                    (click)=\"isModalVisible = false\"\n                                    class=\"btn btn-secondary w-100\"\n                                    data-dismiss=\"modal\"\n                                    aria-label=\"Fermer la boite de dialogue\"\n                                    #modalDefaultCloseBtn\n                                >\n                                    Fermer\n                                </button>\n                            </div>\n                        </div>\n                    </div>\n                </ng-container>\n            </div>\n        </div>\n    </div>\n</div>\n", styles: [".modal{top:0;left:0;height:100%;width:100%;position:fixed;z-index:9999;overflow:auto;background-color:#000;background-color:#0006}.modal-title{margin-top:.5em!important}.modal-logo{width:30px}.modal-footer{padding-top:20px}.modal-content{-webkit-animation-name:redirect-animatetop;-webkit-animation-duration:.4s;animation-name:redirect-animatetop;animation-duration:.4s}@keyframes redirect-animatetop{0%{top:-300px;opacity:0}to{top:0;opacity:1}}.redirect-modal-header{padding:14px 16px 10px;background-color:#152025;color:#fff}.redirect-modal-body{padding:10px 16px}.redirect-modal-footer{padding:14px 16px 10px;background-color:#152025;color:#fff}\n"], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+FoehnModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.5", type: FoehnModalComponent, selector: "foehn-modal", inputs: { id: "id", name: "name", modalSize: "modalSize", modalBodyText: "modalBodyText", modalHeaderText: "modalHeaderText", closeable: "closeable", modalTriggerHtmlElement: "modalTriggerHtmlElement", isModalVisible: "isModalVisible" }, outputs: { isModalVisibleChange: "isModalVisibleChange" }, host: { listeners: { "keyup": "handleKeyboardEvent($event)" } }, viewQueries: [{ propertyName: "modalBody", first: true, predicate: ["modalBody"], descendants: true }, { propertyName: "modalTitle", first: true, predicate: ["modalTitle"], descendants: true }, { propertyName: "specificfooter", first: true, predicate: ["specificfooter"], descendants: true }, { propertyName: "modalDefaultCloseBtn", first: true, predicate: ["modalDefaultCloseBtn"], descendants: true }], ngImport: i0, template: "<div\n    class=\"modal\"\n    [id]=\"id || name\"\n    role=\"dialog\"\n    aria-labelledby=\"modalTitle\"\n    aria-describedby=\"modalBody\"\n    style=\"display: block\"\n    *ngIf=\"isModalVisible\"\n    cdkTrapFocus\n>\n    <div class=\"modal-dialog modal-dialog-centered\" [ngClass]=\"modalSize\">\n        <div class=\"modal-content\">\n            <div\n                class=\"modal-header d-flex\"\n                [ngClass]=\"{ 'flex-row-reverse': closeable }\"\n            >\n                <button\n                    *ngIf=\"closeable\"\n                    (click)=\"isModalVisible = false\"\n                    type=\"button\"\n                    class=\"btn close\"\n                    aria-label=\"Fermer la boite de dialogue\"\n                    id=\"closeButton\"\n                >\n                    <span aria-hidden=\"true\">&times;</span>\n                </button>\n                <h2\n                    class=\"modal-title h5\"\n                    id=\"modalTitle\"\n                    #modalTitle\n                    [innerHTML]=\"modalHeaderText\"\n                ></h2>\n            </div>\n            <div class=\"modal-body\" id=\"modalBody\" #modalBody tabindex=\"-1\">\n                <div *ngIf=\"modalBodyText\" [innerHTML]=\"modalBodyText\"></div>\n                <ng-content></ng-content>\n            </div>\n            <div class=\"modal-footer w-100 d-block\">\n                <div #specificfooter id=\"specificfooter\">\n                    <ng-content select=\"[modal-footer]\"></ng-content>\n                </div>\n                <ng-container *ngIf=\"!specificfooter.innerHTML.trim()\">\n                    <div modal-footer class=\"w-100\">\n                        <div class=\"d-md-flex\">\n                            <div class=\"ml-md-auto mr-md-2 mb-2 mt-2\">\n                                <button\n                                    (click)=\"isModalVisible = false\"\n                                    class=\"btn btn-secondary w-100\"\n                                    data-dismiss=\"modal\"\n                                    aria-label=\"Fermer la boite de dialogue\"\n                                    #modalDefaultCloseBtn\n                                >\n                                    Fermer\n                                </button>\n                            </div>\n                        </div>\n                    </div>\n                </ng-container>\n            </div>\n        </div>\n    </div>\n</div>\n", styles: [".modal{top:0;left:0;height:100%;width:100%;position:fixed;z-index:9999;overflow:auto;background-color:#000;background-color:#0006}.modal-title{margin-top:.5em!important}.modal-logo{width:30px}.modal-footer{padding-top:20px}.modal-content{-webkit-animation-name:redirect-animatetop;-webkit-animation-duration:.4s;animation-name:redirect-animatetop;animation-duration:.4s}@keyframes redirect-animatetop{0%{top:-300px;opacity:0}to{top:0;opacity:1}}.redirect-modal-header{padding:14px 16px 10px;background-color:#152025;color:#fff}.redirect-modal-body{padding:10px 16px}.redirect-modal-footer{padding:14px 16px 10px;background-color:#152025;color:#fff}\n"], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.5", ngImport: i0, type: FoehnModalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'foehn-modal', template: "<div\n    class=\"modal\"\n    [id]=\"id || name\"\n    role=\"dialog\"\n    aria-labelledby=\"modalTitle\"\n    aria-describedby=\"modalBody\"\n    style=\"display: block\"\n    *ngIf=\"isModalVisible\"\n    cdkTrapFocus\n>\n    <div class=\"modal-dialog modal-dialog-centered\" [ngClass]=\"modalSize\">\n        <div class=\"modal-content\">\n            <div\n                class=\"modal-header d-flex\"\n                [ngClass]=\"{ 'flex-row-reverse': closeable }\"\n            >\n                <button\n                    *ngIf=\"closeable\"\n                    (click)=\"isModalVisible = false\"\n                    type=\"button\"\n                    class=\"btn close\"\n                    aria-label=\"Fermer la boite de dialogue\"\n                    id=\"closeButton\"\n                >\n                    <span aria-hidden=\"true\">&times;</span>\n                </button>\n                <h2\n                    class=\"modal-title h5\"\n                    id=\"modalTitle\"\n                    #modalTitle\n                    [innerHTML]=\"modalHeaderText\"\n                ></h2>\n            </div>\n            <div class=\"modal-body\" id=\"modalBody\" #modalBody tabindex=\"-1\">\n                <div *ngIf=\"modalBodyText\" [innerHTML]=\"modalBodyText\"></div>\n                <ng-content></ng-content>\n            </div>\n            <div class=\"modal-footer w-100 d-block\">\n                <div #specificfooter id=\"specificfooter\">\n                    <ng-content select=\"[modal-footer]\"></ng-content>\n                </div>\n                <ng-container *ngIf=\"!specificfooter.innerHTML.trim()\">\n                    <div modal-footer class=\"w-100\">\n                        <div class=\"d-md-flex\">\n                            <div class=\"ml-md-auto mr-md-2 mb-2 mt-2\">\n                                <button\n                                    (click)=\"isModalVisible = false\"\n                                    class=\"btn btn-secondary w-100\"\n                                    data-dismiss=\"modal\"\n                                    aria-label=\"Fermer la boite de dialogue\"\n                                    #modalDefaultCloseBtn\n                                >\n                                    Fermer\n                                </button>\n                            </div>\n                        </div>\n                    </div>\n                </ng-container>\n            </div>\n        </div>\n    </div>\n</div>\n", styles: [".modal{top:0;left:0;height:100%;width:100%;position:fixed;z-index:9999;overflow:auto;background-color:#000;background-color:#0006}.modal-title{margin-top:.5em!important}.modal-logo{width:30px}.modal-footer{padding-top:20px}.modal-content{-webkit-animation-name:redirect-animatetop;-webkit-animation-duration:.4s;animation-name:redirect-animatetop;animation-duration:.4s}@keyframes redirect-animatetop{0%{top:-300px;opacity:0}to{top:0;opacity:1}}.redirect-modal-header{padding:14px 16px 10px;background-color:#152025;color:#fff}.redirect-modal-body{padding:10px 16px}.redirect-modal-footer{padding:14px 16px 10px;background-color:#152025;color:#fff}\n"] }]
@@ -4923,8 +4929,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.5", ngImpor
                 type: Input
             }], modalHeaderText: [{
                 type: Input
-            }], modalFooterText: [{
-                type: Input
             }], closeable: [{
                 type: Input
             }], modalTriggerHtmlElement: [{
@@ -4987,7 +4991,7 @@ class FoehnPageModalComponent {
     }
 }
 FoehnPageModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.5", ngImport: i0, type: FoehnPageModalComponent, deps: [{ token: SessionInfo }, { token: ApplicationInfoService }, { token: FoehnPageModalService }], target: i0.ɵɵFactoryTarget.Component });
-FoehnPageModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.5", type: FoehnPageModalComponent, selector: "foehn-page-modal", ngImport: i0, template: "<foehn-modal\n    modalHeaderText=\"Acc\u00E8s non autoris\u00E9\"\n    modalSize=\"modal-lg\"\n    [isModalVisible]=\"wrongPublicModalVisible\"\n    (isModalVisibleChange)=\"updateVisibilityStatus($event)\"\n    [closeable]=\"false\"\n>\n    <div class=\"modal-body\">\n        Vous \u00EAtes connect\u00E9 pour le compte d\u2019un usager de type\n        {{ getUserCategory() }}, or cette prestation est destin\u00E9e aux usagers de\n        type :\n        <ul>\n            <li *ngFor=\"let pubCible of formattedPublicsCibles\">\n                {{ pubCible }}\n            </li>\n        </ul>\n    </div>\n    <div class=\"modal-body\">\n        Vous pouvez choisir de vous reconnecter et de continuer, ou bien\n        d'abandonner.\n    </div>\n\n    <div modal-footer class=\"w-100\">\n        <div class=\"d-md-flex\">\n            <div class=\"ml-md-auto mr-md-2 mb-2 mt-2\">\n                <a\n                    class=\"btn btn-primary w-100\"\n                    [href]=\"getFullLoginUrl() | async\"\n                >\n                    Se reconnecter\n                </a>\n            </div>\n            <div class=\"ml-md-0 mr-md-2 mb-2 mt-2\">\n                <a class=\"btn btn-primary w-100\" [href]=\"getAbortUrl() | async\">\n                    Abandonner\n                </a>\n            </div>\n        </div>\n    </div>\n</foehn-modal>\n", components: [{ type: FoehnModalComponent, selector: "foehn-modal", inputs: ["id", "name", "modalSize", "modalBodyText", "modalHeaderText", "modalFooterText", "closeable", "modalTriggerHtmlElement", "isModalVisible"], outputs: ["isModalVisibleChange"] }], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i3.AsyncPipe } });
+FoehnPageModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.5", type: FoehnPageModalComponent, selector: "foehn-page-modal", ngImport: i0, template: "<foehn-modal\n    modalHeaderText=\"Acc\u00E8s non autoris\u00E9\"\n    modalSize=\"modal-lg\"\n    [isModalVisible]=\"wrongPublicModalVisible\"\n    (isModalVisibleChange)=\"updateVisibilityStatus($event)\"\n    [closeable]=\"false\"\n>\n    <div class=\"modal-body\">\n        Vous \u00EAtes connect\u00E9 pour le compte d\u2019un usager de type\n        {{ getUserCategory() }}, or cette prestation est destin\u00E9e aux usagers de\n        type :\n        <ul>\n            <li *ngFor=\"let pubCible of formattedPublicsCibles\">\n                {{ pubCible }}\n            </li>\n        </ul>\n    </div>\n    <div class=\"modal-body\">\n        Vous pouvez choisir de vous reconnecter et de continuer, ou bien\n        d'abandonner.\n    </div>\n\n    <div modal-footer class=\"w-100\">\n        <div class=\"d-md-flex\">\n            <div class=\"ml-md-auto mr-md-2 mb-2 mt-2\">\n                <a\n                    class=\"btn btn-primary w-100\"\n                    [href]=\"getFullLoginUrl() | async\"\n                >\n                    Se reconnecter\n                </a>\n            </div>\n            <div class=\"ml-md-0 mr-md-2 mb-2 mt-2\">\n                <a class=\"btn btn-primary w-100\" [href]=\"getAbortUrl() | async\">\n                    Abandonner\n                </a>\n            </div>\n        </div>\n    </div>\n</foehn-modal>\n", components: [{ type: FoehnModalComponent, selector: "foehn-modal", inputs: ["id", "name", "modalSize", "modalBodyText", "modalHeaderText", "closeable", "modalTriggerHtmlElement", "isModalVisible"], outputs: ["isModalVisibleChange"] }], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i3.AsyncPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.5", ngImport: i0, type: FoehnPageModalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'foehn-page-modal', template: "<foehn-modal\n    modalHeaderText=\"Acc\u00E8s non autoris\u00E9\"\n    modalSize=\"modal-lg\"\n    [isModalVisible]=\"wrongPublicModalVisible\"\n    (isModalVisibleChange)=\"updateVisibilityStatus($event)\"\n    [closeable]=\"false\"\n>\n    <div class=\"modal-body\">\n        Vous \u00EAtes connect\u00E9 pour le compte d\u2019un usager de type\n        {{ getUserCategory() }}, or cette prestation est destin\u00E9e aux usagers de\n        type :\n        <ul>\n            <li *ngFor=\"let pubCible of formattedPublicsCibles\">\n                {{ pubCible }}\n            </li>\n        </ul>\n    </div>\n    <div class=\"modal-body\">\n        Vous pouvez choisir de vous reconnecter et de continuer, ou bien\n        d'abandonner.\n    </div>\n\n    <div modal-footer class=\"w-100\">\n        <div class=\"d-md-flex\">\n            <div class=\"ml-md-auto mr-md-2 mb-2 mt-2\">\n                <a\n                    class=\"btn btn-primary w-100\"\n                    [href]=\"getFullLoginUrl() | async\"\n                >\n                    Se reconnecter\n                </a>\n            </div>\n            <div class=\"ml-md-0 mr-md-2 mb-2 mt-2\">\n                <a class=\"btn btn-primary w-100\" [href]=\"getAbortUrl() | async\">\n                    Abandonner\n                </a>\n            </div>\n        </div>\n    </div>\n</foehn-modal>\n" }]
@@ -5021,7 +5025,7 @@ class FoehnConfirmModalComponent {
     }
 }
 FoehnConfirmModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.5", ngImport: i0, type: FoehnConfirmModalComponent, deps: [{ token: FoehnConfirmModalService }], target: i0.ɵɵFactoryTarget.Component });
-FoehnConfirmModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.5", type: FoehnConfirmModalComponent, selector: "foehn-confirm-modal", ngImport: i0, template: "<foehn-modal\n    [modalHeaderText]=\"modalContent.title || 'Confirmation'\"\n    modalSize=\"modal-md\"\n    [isModalVisible]=\"isVisible\"\n    (isModalVisibleChange)=\"updateVisibilityStatus($event)\"\n    [closeable]=\"\n        modalContent.closeable !== null && modalContent.closeable !== undefined\n            ? modalContent.closeable\n            : true\n    \"\n    *ngIf=\"content | async as modalContent\"\n>\n    <p [innerHTML]=\"modalContent.htmlContent\"></p>\n\n    <div modal-footer>\n        <div class=\"d-flex justify-content-end mr-2 mb-2 mt-2\">\n            <button\n                id=\"confirmButton\"\n                class=\"btn btn-secondary\"\n                (click)=\"cancel()\"\n            >\n                {{ modalContent.cancelButtonLabel || 'Annuler' }}\n            </button>\n            <button\n                id=\"cancelButton\"\n                class=\"btn btn-primary ml-3\"\n                (click)=\"ok()\"\n            >\n                {{ modalContent.okButtonLabel || 'Confirmer' }}\n            </button>\n        </div>\n    </div>\n</foehn-modal>\n", components: [{ type: FoehnModalComponent, selector: "foehn-modal", inputs: ["id", "name", "modalSize", "modalBodyText", "modalHeaderText", "modalFooterText", "closeable", "modalTriggerHtmlElement", "isModalVisible"], outputs: ["isModalVisibleChange"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3.AsyncPipe } });
+FoehnConfirmModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.5", type: FoehnConfirmModalComponent, selector: "foehn-confirm-modal", ngImport: i0, template: "<foehn-modal\n    [modalHeaderText]=\"modalContent.title || 'Confirmation'\"\n    modalSize=\"modal-md\"\n    [isModalVisible]=\"isVisible\"\n    (isModalVisibleChange)=\"updateVisibilityStatus($event)\"\n    [closeable]=\"\n        modalContent.closeable !== null && modalContent.closeable !== undefined\n            ? modalContent.closeable\n            : true\n    \"\n    *ngIf=\"content | async as modalContent\"\n>\n    <p [innerHTML]=\"modalContent.htmlContent\"></p>\n\n    <div modal-footer>\n        <div class=\"d-flex justify-content-end mr-2 mb-2 mt-2\">\n            <button\n                id=\"confirmButton\"\n                class=\"btn btn-secondary\"\n                (click)=\"cancel()\"\n            >\n                {{ modalContent.cancelButtonLabel || 'Annuler' }}\n            </button>\n            <button\n                id=\"cancelButton\"\n                class=\"btn btn-primary ml-3\"\n                (click)=\"ok()\"\n            >\n                {{ modalContent.okButtonLabel || 'Confirmer' }}\n            </button>\n        </div>\n    </div>\n</foehn-modal>\n", components: [{ type: FoehnModalComponent, selector: "foehn-modal", inputs: ["id", "name", "modalSize", "modalBodyText", "modalHeaderText", "closeable", "modalTriggerHtmlElement", "isModalVisible"], outputs: ["isModalVisibleChange"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3.AsyncPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.5", ngImport: i0, type: FoehnConfirmModalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'foehn-confirm-modal', template: "<foehn-modal\n    [modalHeaderText]=\"modalContent.title || 'Confirmation'\"\n    modalSize=\"modal-md\"\n    [isModalVisible]=\"isVisible\"\n    (isModalVisibleChange)=\"updateVisibilityStatus($event)\"\n    [closeable]=\"\n        modalContent.closeable !== null && modalContent.closeable !== undefined\n            ? modalContent.closeable\n            : true\n    \"\n    *ngIf=\"content | async as modalContent\"\n>\n    <p [innerHTML]=\"modalContent.htmlContent\"></p>\n\n    <div modal-footer>\n        <div class=\"d-flex justify-content-end mr-2 mb-2 mt-2\">\n            <button\n                id=\"confirmButton\"\n                class=\"btn btn-secondary\"\n                (click)=\"cancel()\"\n            >\n                {{ modalContent.cancelButtonLabel || 'Annuler' }}\n            </button>\n            <button\n                id=\"cancelButton\"\n                class=\"btn btn-primary ml-3\"\n                (click)=\"ok()\"\n            >\n                {{ modalContent.okButtonLabel || 'Confirmer' }}\n            </button>\n        </div>\n    </div>\n</foehn-modal>\n" }]
@@ -9396,7 +9400,7 @@ class GesdemActionRecoveryRegistrationComponent {
     }
 }
 GesdemActionRecoveryRegistrationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.5", ngImport: i0, type: GesdemActionRecoveryRegistrationComponent, deps: [{ token: GesdemActionRecoveryService }, { token: ValidationHandlerService }, { token: FoehnPageService }, { token: GesdemEventService }, { token: GesdemHandlerService }, { token: ApplicationInfoService }, { token: SessionInfo }], target: i0.ɵɵFactoryTarget.Component });
-GesdemActionRecoveryRegistrationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.5", type: GesdemActionRecoveryRegistrationComponent, selector: "gesdem-action-recovery-registration", inputs: { continueLaterLabel: "continueLaterLabel" }, viewQueries: [{ propertyName: "modalTrigger", first: true, predicate: ["modalTrigger"], descendants: true }, { propertyName: "form", first: true, predicate: FoehnFormComponent, descendants: true }], ngImport: i0, template: "<button\n    type=\"button\"\n    id=\"continueLaterButton\"\n    class=\"btn btn-link pr-0 pl-0 no-text-transform\"\n    *ngIf=\"canContinueLater | async\"\n    (click)=\"open()\"\n    #modalTrigger\n>\n    {{ continueLaterLabel }}\n</button>\n\n<foehn-modal\n    id=\"action-recovery-registration-modal\"\n    [modalHeaderText]=\"'Informations pour la reprise de la demande'\"\n    [isModalVisible]=\"isModalVisible\"\n    (isModalVisibleChange)=\"updateVisibilityStatus($event)\"\n>\n    <ng-container *ngIf=\"isConnectedCyber | async; else notConnectedContent\">\n        <p>\n            Vos donn\u00E9es ont \u00E9t\u00E9 sauvegard\u00E9es, vous pouvez acc\u00E9der \u00E0 cette\n            demande dans la liste de\n            <a href=\"/100002/demandes/search/MINE/INITIAL\">\n                vos demandes en brouillon\n            </a>\n            .\n        </p>\n    </ng-container>\n    <ng-template #notConnectedContent>\n        <div class=\"alert alert-info\">\n            <p *ngIf=\"!mailSent\">\n                Les informations demand\u00E9es sont uniquement utilis\u00E9es pour vous\n                permettre d'effectuer la reprise de demande.\n            </p>\n\n            <div *ngIf=\"mailSent\">\n                <p>\n                    Un message contenant le lien de reprise de la demande a \u00E9t\u00E9\n                    envoy\u00E9 \u00E0 votre email.\n                </p>\n                <p>\n                    Vous pouvez cliquer sur ce lien pour reprendre la demande en\n                    saisissant le code qui sera envoy\u00E9 \u00E0 votre t\u00E9l\u00E9phone.\n                </p>\n            </div>\n        </div>\n\n        <foehn-form *ngIf=\"!mailSent\" [shouldDisplayAlertSummary]=\"false\">\n            <foehn-input-text\n                label=\"Email\"\n                helpText=\"Par exemple, john@doe.ch\"\n                [(model)]=\"model.email\"\n                name=\"email\"\n                required=\"true\"\n            ></foehn-input-text>\n\n            <foehn-input-phone\n                label=\"Num\u00E9ro de t\u00E9l\u00E9phone mobile\"\n                [acceptInternational]=\"true\"\n                [acceptMobilePhone]=\"true\"\n                [acceptPhone]=\"false\"\n                [(model)]=\"model.mobile\"\n                name=\"mobile\"\n                required=\"true\"\n            ></foehn-input-phone>\n        </foehn-form>\n    </ng-template>\n\n    <div modal-footer class=\"w-100\">\n        <div class=\"d-md-flex\">\n            <div class=\"ml-md-auto mr-md-2 mb-2 mt-2\">\n                <button (click)=\"close()\" class=\"btn btn-secondary w-100\">\n                    Fermer\n                </button>\n            </div>\n            <div\n                *ngIf=\"!(isConnectedCyber | async)\"\n                class=\"ml-md-0 mr-md-2 mb-2 mt-2\"\n            >\n                <button\n                    type=\"submit\"\n                    (click)=\"sendAndClose()\"\n                    class=\"btn btn-success w-100\"\n                    *ngIf=\"!mailSent\"\n                >\n                    Sauvegarder\n                </button>\n            </div>\n        </div>\n    </div>\n</foehn-modal>\n", styles: [".no-text-transform{text-transform:none;cursor:pointer}\n"], components: [{ type: FoehnModalComponent, selector: "foehn-modal", inputs: ["id", "name", "modalSize", "modalBodyText", "modalHeaderText", "modalFooterText", "closeable", "modalTriggerHtmlElement", "isModalVisible"], outputs: ["isModalVisibleChange"] }, { type: FoehnFormComponent, selector: "foehn-form", inputs: ["shouldDisplayAlertSummary"] }, { type: FoehnInputTextComponent, selector: "foehn-input-text", inputs: ["numberOnly"] }, { type: FoehnInputPhoneComponent, selector: "foehn-input-phone", inputs: ["acceptInternational", "acceptMobilePhone", "acceptPhone"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3.AsyncPipe } });
+GesdemActionRecoveryRegistrationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.5", type: GesdemActionRecoveryRegistrationComponent, selector: "gesdem-action-recovery-registration", inputs: { continueLaterLabel: "continueLaterLabel" }, viewQueries: [{ propertyName: "modalTrigger", first: true, predicate: ["modalTrigger"], descendants: true }, { propertyName: "form", first: true, predicate: FoehnFormComponent, descendants: true }], ngImport: i0, template: "<button\n    type=\"button\"\n    id=\"continueLaterButton\"\n    class=\"btn btn-link pr-0 pl-0 no-text-transform\"\n    *ngIf=\"canContinueLater | async\"\n    (click)=\"open()\"\n    #modalTrigger\n>\n    {{ continueLaterLabel }}\n</button>\n\n<foehn-modal\n    id=\"action-recovery-registration-modal\"\n    [modalHeaderText]=\"'Informations pour la reprise de la demande'\"\n    [isModalVisible]=\"isModalVisible\"\n    (isModalVisibleChange)=\"updateVisibilityStatus($event)\"\n>\n    <ng-container *ngIf=\"isConnectedCyber | async; else notConnectedContent\">\n        <p>\n            Vos donn\u00E9es ont \u00E9t\u00E9 sauvegard\u00E9es, vous pouvez acc\u00E9der \u00E0 cette\n            demande dans la liste de\n            <a href=\"/100002/demandes/search/MINE/INITIAL\">\n                vos demandes en brouillon\n            </a>\n            .\n        </p>\n    </ng-container>\n    <ng-template #notConnectedContent>\n        <div class=\"alert alert-info\">\n            <p *ngIf=\"!mailSent\">\n                Les informations demand\u00E9es sont uniquement utilis\u00E9es pour vous\n                permettre d'effectuer la reprise de demande.\n            </p>\n\n            <div *ngIf=\"mailSent\">\n                <p>\n                    Un message contenant le lien de reprise de la demande a \u00E9t\u00E9\n                    envoy\u00E9 \u00E0 votre email.\n                </p>\n                <p>\n                    Vous pouvez cliquer sur ce lien pour reprendre la demande en\n                    saisissant le code qui sera envoy\u00E9 \u00E0 votre t\u00E9l\u00E9phone.\n                </p>\n            </div>\n        </div>\n\n        <foehn-form *ngIf=\"!mailSent\" [shouldDisplayAlertSummary]=\"false\">\n            <foehn-input-text\n                label=\"Email\"\n                helpText=\"Par exemple, john@doe.ch\"\n                [(model)]=\"model.email\"\n                name=\"email\"\n                required=\"true\"\n            ></foehn-input-text>\n\n            <foehn-input-phone\n                label=\"Num\u00E9ro de t\u00E9l\u00E9phone mobile\"\n                [acceptInternational]=\"true\"\n                [acceptMobilePhone]=\"true\"\n                [acceptPhone]=\"false\"\n                [(model)]=\"model.mobile\"\n                name=\"mobile\"\n                required=\"true\"\n            ></foehn-input-phone>\n        </foehn-form>\n    </ng-template>\n\n    <div modal-footer class=\"w-100\">\n        <div class=\"d-md-flex\">\n            <div class=\"ml-md-auto mr-md-2 mb-2 mt-2\">\n                <button (click)=\"close()\" class=\"btn btn-secondary w-100\">\n                    Fermer\n                </button>\n            </div>\n            <div\n                *ngIf=\"!(isConnectedCyber | async)\"\n                class=\"ml-md-0 mr-md-2 mb-2 mt-2\"\n            >\n                <button\n                    type=\"submit\"\n                    (click)=\"sendAndClose()\"\n                    class=\"btn btn-success w-100\"\n                    *ngIf=\"!mailSent\"\n                >\n                    Sauvegarder\n                </button>\n            </div>\n        </div>\n    </div>\n</foehn-modal>\n", styles: [".no-text-transform{text-transform:none;cursor:pointer}\n"], components: [{ type: FoehnModalComponent, selector: "foehn-modal", inputs: ["id", "name", "modalSize", "modalBodyText", "modalHeaderText", "closeable", "modalTriggerHtmlElement", "isModalVisible"], outputs: ["isModalVisibleChange"] }, { type: FoehnFormComponent, selector: "foehn-form", inputs: ["shouldDisplayAlertSummary"] }, { type: FoehnInputTextComponent, selector: "foehn-input-text", inputs: ["numberOnly"] }, { type: FoehnInputPhoneComponent, selector: "foehn-input-phone", inputs: ["acceptInternational", "acceptMobilePhone", "acceptPhone"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3.AsyncPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.5", ngImport: i0, type: GesdemActionRecoveryRegistrationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'gesdem-action-recovery-registration', template: "<button\n    type=\"button\"\n    id=\"continueLaterButton\"\n    class=\"btn btn-link pr-0 pl-0 no-text-transform\"\n    *ngIf=\"canContinueLater | async\"\n    (click)=\"open()\"\n    #modalTrigger\n>\n    {{ continueLaterLabel }}\n</button>\n\n<foehn-modal\n    id=\"action-recovery-registration-modal\"\n    [modalHeaderText]=\"'Informations pour la reprise de la demande'\"\n    [isModalVisible]=\"isModalVisible\"\n    (isModalVisibleChange)=\"updateVisibilityStatus($event)\"\n>\n    <ng-container *ngIf=\"isConnectedCyber | async; else notConnectedContent\">\n        <p>\n            Vos donn\u00E9es ont \u00E9t\u00E9 sauvegard\u00E9es, vous pouvez acc\u00E9der \u00E0 cette\n            demande dans la liste de\n            <a href=\"/100002/demandes/search/MINE/INITIAL\">\n                vos demandes en brouillon\n            </a>\n            .\n        </p>\n    </ng-container>\n    <ng-template #notConnectedContent>\n        <div class=\"alert alert-info\">\n            <p *ngIf=\"!mailSent\">\n                Les informations demand\u00E9es sont uniquement utilis\u00E9es pour vous\n                permettre d'effectuer la reprise de demande.\n            </p>\n\n            <div *ngIf=\"mailSent\">\n                <p>\n                    Un message contenant le lien de reprise de la demande a \u00E9t\u00E9\n                    envoy\u00E9 \u00E0 votre email.\n                </p>\n                <p>\n                    Vous pouvez cliquer sur ce lien pour reprendre la demande en\n                    saisissant le code qui sera envoy\u00E9 \u00E0 votre t\u00E9l\u00E9phone.\n                </p>\n            </div>\n        </div>\n\n        <foehn-form *ngIf=\"!mailSent\" [shouldDisplayAlertSummary]=\"false\">\n            <foehn-input-text\n                label=\"Email\"\n                helpText=\"Par exemple, john@doe.ch\"\n                [(model)]=\"model.email\"\n                name=\"email\"\n                required=\"true\"\n            ></foehn-input-text>\n\n            <foehn-input-phone\n                label=\"Num\u00E9ro de t\u00E9l\u00E9phone mobile\"\n                [acceptInternational]=\"true\"\n                [acceptMobilePhone]=\"true\"\n                [acceptPhone]=\"false\"\n                [(model)]=\"model.mobile\"\n                name=\"mobile\"\n                required=\"true\"\n            ></foehn-input-phone>\n        </foehn-form>\n    </ng-template>\n\n    <div modal-footer class=\"w-100\">\n        <div class=\"d-md-flex\">\n            <div class=\"ml-md-auto mr-md-2 mb-2 mt-2\">\n                <button (click)=\"close()\" class=\"btn btn-secondary w-100\">\n                    Fermer\n                </button>\n            </div>\n            <div\n                *ngIf=\"!(isConnectedCyber | async)\"\n                class=\"ml-md-0 mr-md-2 mb-2 mt-2\"\n            >\n                <button\n                    type=\"submit\"\n                    (click)=\"sendAndClose()\"\n                    class=\"btn btn-success w-100\"\n                    *ngIf=\"!mailSent\"\n                >\n                    Sauvegarder\n                </button>\n            </div>\n        </div>\n    </div>\n</foehn-modal>\n", styles: [".no-text-transform{text-transform:none;cursor:pointer}\n"] }]
@@ -9869,10 +9873,10 @@ class FoehnTableComponent {
     }
 }
 FoehnTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.5", ngImport: i0, type: FoehnTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FoehnTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.5", type: FoehnTableComponent, selector: "foehn-table", inputs: { itemsPerPage: "itemsPerPage", id: "id", previousLabel: "previousLabel", nextLabel: "nextLabel", totalElements: "totalElements", fixedPageCount: "fixedPageCount", columnsConfiguration: "columnsConfiguration", sort: "sort", list: "list", trackByFn: "trackByFn" }, outputs: { pageChange: "pageChange", sortChange: "sortChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"row\" [id]=\"id\">\n    <div class=\"col-12\">\n        <h4 *ngIf=\"!!totalElements && totalElements === 1\">\n            {{ 'foehn-table.totalElements.1' | fromDictionary }}\n        </h4>\n        <h4 *ngIf=\"!!totalElements && totalElements !== 1\">\n            {{\n                'foehn-table.totalElements'\n                    | fromDictionary: { total: totalElements.toString() }\n            }}\n        </h4>\n    </div>\n\n    <div class=\"col-12 table-responsive\">\n        <table class=\"table table-hover\">\n            <thead class=\"vd-bg-pattern-bars-gray\">\n                <tr>\n                    <th\n                        scope=\"col\"\n                        *ngFor=\"let col of columnsConfiguration\"\n                        [id]=\"col.id\"\n                    >\n                        <ng-container\n                            *ngIf=\"!filteredList.length || !col.sortAttribute\"\n                        >\n                            <span\n                                [innerHTML]=\"\n                                    col.columnLabelKey | fromDictionary\n                                \"\n                            ></span>\n                        </ng-container>\n\n                        <ng-container\n                            *ngIf=\"!!filteredList.length && !!col.sortAttribute\"\n                        >\n                            <a\n                                href=\"#\"\n                                class=\"vd-text-thin\"\n                                (click)=\"\n                                    $event.preventDefault();\n                                    triggerSort(col.sortAttribute)\n                                \"\n                                [title]=\"\n                                    'Trier par ' +\n                                    (col.columnLabelKey | fromDictionary)\n                                \"\n                            >\n                                <span\n                                    [innerHTML]=\"\n                                        col.columnLabelKey | fromDictionary\n                                    \"\n                                ></span>\n                                <ng-container\n                                    *ngIf=\"\n                                        sort.sortAttribute === col.sortAttribute\n                                    \"\n                                >\n                                    <span\n                                        class=\"ml-3\"\n                                        *ngIf=\"sort.sortDirection === 'ASC'\"\n                                    >\n                                        <foehn-icon-chevron-up></foehn-icon-chevron-up>\n                                    </span>\n                                    <span\n                                        class=\"ml-3\"\n                                        *ngIf=\"sort.sortDirection === 'DESC'\"\n                                    >\n                                        <foehn-icon-chevron-down></foehn-icon-chevron-down>\n                                    </span>\n                                </ng-container>\n                            </a>\n                        </ng-container>\n                    </th>\n                </tr>\n            </thead>\n            <tbody>\n                <tr\n                    *ngFor=\"\n                        let item of filteredList;\n                        let index = index;\n                        trackBy: trackByFn\n                    \"\n                >\n                    <td\n                        *ngFor=\"let col of columnsConfiguration\"\n                        [id]=\"col.id + '-' + index\"\n                    >\n                        <ng-container *ngIf=\"!!col.isImportant\">\n                            <span\n                                *ngIf=\"col.isImportant(item)\"\n                                class=\"cell-vertical-align-middle\"\n                            >\n                                <svg\n                                    xmlns=\"http://www.w3.org/2000/svg\"\n                                    width=\"30\"\n                                    height=\"30\"\n                                    style=\"color: var(--red)\"\n                                    fill=\"currentColor\"\n                                    class=\"bi bi-exclamation\"\n                                    viewBox=\"0 0 16 16\"\n                                >\n                                    <path\n                                        d=\"M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.553.553 0 0 1-1.1 0L7.1 4.995z\"\n                                    />\n                                </svg>\n                            </span>\n                        </ng-container>\n\n                        <ng-container *ngIf=\"!col.routerLinkGetter\">\n                            <span\n                                [innerHTML]=\"col.valueGetter(item)\"\n                                class=\"cell-vertical-align-middle\"\n                            ></span>\n                        </ng-container>\n\n                        <ng-container *ngIf=\"!!col.routerLinkGetter\">\n                            <a\n                                [routerLink]=\"col.routerLinkGetter(item)\"\n                                queryParamsHandling=\"merge\"\n                                class=\"cell-vertical-align-middle\"\n                            >\n                                <span\n                                    [innerHTML]=\"col.valueGetter(item)\"\n                                ></span>\n                            </a>\n                        </ng-container>\n                    </td>\n                </tr>\n                <tr *ngIf=\"!!columnsConfiguration && !filteredList.length\">\n                    <td [colSpan]=\"columnsConfiguration.length\">\n                        <div class=\"w-100 text-center\">\n                            {{ 'foehn-table.totalElements.0' | fromDictionary }}\n                        </div>\n                    </td>\n                </tr>\n            </tbody>\n        </table>\n\n        <div class=\"row d-flex justify-content-between p-1\">\n            <div class=\"col-lg-3 col-md-3 col-sm-6 col-xs-6\">\n                <nav\n                    class=\"vd-pagination\"\n                    aria-label=\"Pagination\"\n                    *ngIf=\"hasPreviousPage()\"\n                >\n                    <ul class=\"vd-pagination__list\">\n                        <li\n                            class=\"vd-pagination__item vd-pagination__item--previous\"\n                        >\n                            <button\n                                class=\"btn-link vd-pagination__link btn-no-extra vd-pagination__link-reset\"\n                                (click)=\"previousPage()\"\n                            >\n                                <span class=\"vd-pagination__title\">\n                                    <foehn-icon-chevron-left></foehn-icon-chevron-left>\n                                    {{ previousLabel }}\n                                </span>\n                                <span class=\"sr-only\">:</span>\n                                <span class=\"vd-pagination__label\">\n                                    {{ currentPage - 1 }} sur {{ pagesCount() }}\n                                </span>\n                            </button>\n                        </li>\n                    </ul>\n                </nav>\n            </div>\n\n            <div class=\"col-lg-3 col-md-3 col-sm-6 col-xs-6\">\n                <nav\n                    class=\"vd-pagination\"\n                    aria-label=\"Pagination\"\n                    *ngIf=\"hasNextPage()\"\n                >\n                    <ul class=\"vd-pagination__list\">\n                        <li\n                            class=\"vd-pagination__item vd-pagination__item--next\"\n                        >\n                            <button\n                                class=\"btn-link vd-pagination__link btn-no-extra vd-pagination__link-reset\"\n                                (click)=\"nextPage()\"\n                            >\n                                <span class=\"vd-pagination__title\">\n                                    {{ nextLabel }}\n                                    <foehn-icon-chevron-right></foehn-icon-chevron-right>\n                                </span>\n                                <span class=\"sr-only\">:</span>\n                                <span class=\"vd-pagination__label\">\n                                    {{ currentPage + 1 }} sur {{ pagesCount() }}\n                                </span>\n                            </button>\n                        </li>\n                    </ul>\n                </nav>\n            </div>\n        </div>\n    </div>\n</div>\n", styles: [".btn-no-extra{padding:0;border:none;font-weight:400;-webkit-text-decoration-line:none;text-decoration-line:none}.vd-pagination__link-reset{background:none;border:none;font-weight:inherit;-webkit-text-decoration-line:none;text-decoration-line:none;text-align:inherit;cursor:pointer}.vd-pagination__link-reset:focus{background-color:var(--vd-focus)}.cell-vertical-align-middle{vertical-align:middle}\n"], components: [{ type: FoehnIconChevronUpComponent, selector: "foehn-icon-chevron-up" }, { type: FoehnIconChevronDownComponent, selector: "foehn-icon-chevron-down" }, { type: FoehnIconChevronLeftComponent, selector: "foehn-icon-chevron-left" }, { type: FoehnIconChevronRightComponent, selector: "foehn-icon-chevron-right" }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }], pipes: { "fromDictionary": SdkDictionaryPipe } });
+FoehnTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.5", type: FoehnTableComponent, selector: "foehn-table", inputs: { itemsPerPage: "itemsPerPage", id: "id", previousLabel: "previousLabel", nextLabel: "nextLabel", totalElements: "totalElements", fixedPageCount: "fixedPageCount", columnsConfiguration: "columnsConfiguration", sort: "sort", list: "list", trackByFn: "trackByFn" }, outputs: { pageChange: "pageChange", sortChange: "sortChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"row\" [id]=\"id\">\n    <div class=\"col-12\">\n        <h4 *ngIf=\"!!totalElements && totalElements === 1\">\n            {{ 'foehn-table.totalElements.1' | fromDictionary }}\n        </h4>\n        <h4 *ngIf=\"!!totalElements && totalElements !== 1\">\n            {{\n                'foehn-table.totalElements'\n                    | fromDictionary: { total: totalElements.toString() }\n            }}\n        </h4>\n    </div>\n\n    <div class=\"col-12 table-responsive\">\n        <table class=\"table table-hover\">\n            <thead class=\"vd-bg-pattern-bars-gray\">\n                <tr>\n                    <th\n                        scope=\"col\"\n                        *ngFor=\"let col of columnsConfiguration\"\n                        [id]=\"col.id\"\n                    >\n                        <ng-container\n                            *ngIf=\"!filteredList.length || !col.sortAttribute\"\n                        >\n                            <span\n                                [innerHTML]=\"\n                                    col.columnLabelKey | fromDictionary\n                                \"\n                            ></span>\n                        </ng-container>\n\n                        <ng-container\n                            *ngIf=\"!!filteredList.length && !!col.sortAttribute\"\n                        >\n                            <a\n                                href=\"#\"\n                                class=\"vd-text-thin\"\n                                (click)=\"\n                                    $event.preventDefault();\n                                    triggerSort(col.sortAttribute)\n                                \"\n                                [title]=\"\n                                    'Trier par ' +\n                                    (col.columnLabelKey | fromDictionary)\n                                \"\n                            >\n                                <span\n                                    [innerHTML]=\"\n                                        col.columnLabelKey | fromDictionary\n                                    \"\n                                ></span>\n                                <ng-container\n                                    *ngIf=\"\n                                        sort.sortAttribute === col.sortAttribute\n                                    \"\n                                >\n                                    <span\n                                        class=\"ml-3\"\n                                        *ngIf=\"sort.sortDirection === 'ASC'\"\n                                    >\n                                        <foehn-icon-chevron-up></foehn-icon-chevron-up>\n                                    </span>\n                                    <span\n                                        class=\"ml-3\"\n                                        *ngIf=\"sort.sortDirection === 'DESC'\"\n                                    >\n                                        <foehn-icon-chevron-down></foehn-icon-chevron-down>\n                                    </span>\n                                </ng-container>\n                            </a>\n                        </ng-container>\n                    </th>\n                </tr>\n            </thead>\n            <tbody>\n                <tr\n                    *ngFor=\"\n                        let item of filteredList;\n                        let index = index;\n                        trackBy: trackByFn\n                    \"\n                >\n                    <td\n                        *ngFor=\"let col of columnsConfiguration\"\n                        [id]=\"col.id + '-' + index\"\n                    >\n                        <ng-container *ngIf=\"!!col.isImportant\">\n                            <span\n                                *ngIf=\"col.isImportant(item)\"\n                                class=\"cell-vertical-align-middle\"\n                            >\n                                <svg\n                                    xmlns=\"http://www.w3.org/2000/svg\"\n                                    width=\"30\"\n                                    height=\"30\"\n                                    style=\"color: var(--red)\"\n                                    fill=\"currentColor\"\n                                    class=\"bi bi-exclamation\"\n                                    viewBox=\"0 0 16 16\"\n                                >\n                                    <path\n                                        d=\"M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.553.553 0 0 1-1.1 0L7.1 4.995z\"\n                                    />\n                                </svg>\n                            </span>\n                        </ng-container>\n\n                        <ng-container *ngIf=\"!!col.iconGetter\">\n                            <span\n                                *ngIf=\"col.iconGetter(item) as iconDef\"\n                                class=\"cell-vertical-align-middle mr-2\"\n                            >\n                                <fa-icon\n                                    aria-hidden=\"true\"\n                                    [icon]=\"iconDef.icon\"\n                                    [title]=\"iconDef.label\"\n                                ></fa-icon>\n                                <span class=\"sr-only\">{{ iconDef.label }}</span>\n                            </span>\n                        </ng-container>\n\n                        <ng-container *ngIf=\"!!col.template\">\n                            <ng-template\n                                [ngTemplateOutlet]=\"col.template\"\n                                [ngTemplateOutletContext]=\"{\n                                    item: item,\n                                    index: index\n                                }\"\n                            ></ng-template>\n                        </ng-container>\n\n                        <ng-container *ngIf=\"!col.template\">\n                            <ng-container *ngIf=\"!col.routerLinkGetter\">\n                                <span\n                                    [innerHTML]=\"col.valueGetter(item)\"\n                                    class=\"cell-vertical-align-middle\"\n                                ></span>\n                            </ng-container>\n\n                            <ng-container *ngIf=\"!!col.routerLinkGetter\">\n                                <a\n                                    [routerLink]=\"col.routerLinkGetter(item)\"\n                                    queryParamsHandling=\"merge\"\n                                    class=\"cell-vertical-align-middle\"\n                                >\n                                    <span\n                                        [innerHTML]=\"col.valueGetter(item)\"\n                                    ></span>\n                                </a>\n                            </ng-container>\n                        </ng-container>\n                    </td>\n                </tr>\n                <tr *ngIf=\"!!columnsConfiguration && !filteredList.length\">\n                    <td [colSpan]=\"columnsConfiguration.length\">\n                        <div class=\"w-100 text-center\">\n                            {{ 'foehn-table.totalElements.0' | fromDictionary }}\n                        </div>\n                    </td>\n                </tr>\n            </tbody>\n        </table>\n\n        <div class=\"row d-flex justify-content-between p-1\">\n            <div class=\"col-lg-3 col-md-3 col-sm-6 col-xs-6\">\n                <nav\n                    class=\"vd-pagination\"\n                    aria-label=\"Pagination\"\n                    *ngIf=\"hasPreviousPage()\"\n                >\n                    <ul class=\"vd-pagination__list\">\n                        <li\n                            class=\"vd-pagination__item vd-pagination__item--previous\"\n                        >\n                            <button\n                                class=\"btn-link vd-pagination__link btn-no-extra vd-pagination__link-reset\"\n                                (click)=\"previousPage()\"\n                            >\n                                <span class=\"vd-pagination__title\">\n                                    <foehn-icon-chevron-left></foehn-icon-chevron-left>\n                                    {{ previousLabel }}\n                                </span>\n                                <span class=\"sr-only\">:</span>\n                                <span class=\"vd-pagination__label\">\n                                    {{ currentPage - 1 }} sur {{ pagesCount() }}\n                                </span>\n                            </button>\n                        </li>\n                    </ul>\n                </nav>\n            </div>\n\n            <div class=\"col-lg-3 col-md-3 col-sm-6 col-xs-6\">\n                <nav\n                    class=\"vd-pagination\"\n                    aria-label=\"Pagination\"\n                    *ngIf=\"hasNextPage()\"\n                >\n                    <ul class=\"vd-pagination__list\">\n                        <li\n                            class=\"vd-pagination__item vd-pagination__item--next\"\n                        >\n                            <button\n                                class=\"btn-link vd-pagination__link btn-no-extra vd-pagination__link-reset\"\n                                (click)=\"nextPage()\"\n                            >\n                                <span class=\"vd-pagination__title\">\n                                    {{ nextLabel }}\n                                    <foehn-icon-chevron-right></foehn-icon-chevron-right>\n                                </span>\n                                <span class=\"sr-only\">:</span>\n                                <span class=\"vd-pagination__label\">\n                                    {{ currentPage + 1 }} sur {{ pagesCount() }}\n                                </span>\n                            </button>\n                        </li>\n                    </ul>\n                </nav>\n            </div>\n        </div>\n    </div>\n</div>\n", styles: [".btn-no-extra{padding:0;border:none;font-weight:400;-webkit-text-decoration-line:none;text-decoration-line:none}.vd-pagination__link-reset{background:none;border:none;font-weight:inherit;-webkit-text-decoration-line:none;text-decoration-line:none;text-align:inherit;cursor:pointer}.vd-pagination__link-reset:focus{background-color:var(--vd-focus)}.cell-vertical-align-middle{vertical-align:middle}\n"], components: [{ type: FoehnIconChevronUpComponent, selector: "foehn-icon-chevron-up" }, { type: FoehnIconChevronDownComponent, selector: "foehn-icon-chevron-down" }, { type: i1$2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { type: FoehnIconChevronLeftComponent, selector: "foehn-icon-chevron-left" }, { type: FoehnIconChevronRightComponent, selector: "foehn-icon-chevron-right" }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1$1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }], pipes: { "fromDictionary": SdkDictionaryPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.5", ngImport: i0, type: FoehnTableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'foehn-table', template: "<div class=\"row\" [id]=\"id\">\n    <div class=\"col-12\">\n        <h4 *ngIf=\"!!totalElements && totalElements === 1\">\n            {{ 'foehn-table.totalElements.1' | fromDictionary }}\n        </h4>\n        <h4 *ngIf=\"!!totalElements && totalElements !== 1\">\n            {{\n                'foehn-table.totalElements'\n                    | fromDictionary: { total: totalElements.toString() }\n            }}\n        </h4>\n    </div>\n\n    <div class=\"col-12 table-responsive\">\n        <table class=\"table table-hover\">\n            <thead class=\"vd-bg-pattern-bars-gray\">\n                <tr>\n                    <th\n                        scope=\"col\"\n                        *ngFor=\"let col of columnsConfiguration\"\n                        [id]=\"col.id\"\n                    >\n                        <ng-container\n                            *ngIf=\"!filteredList.length || !col.sortAttribute\"\n                        >\n                            <span\n                                [innerHTML]=\"\n                                    col.columnLabelKey | fromDictionary\n                                \"\n                            ></span>\n                        </ng-container>\n\n                        <ng-container\n                            *ngIf=\"!!filteredList.length && !!col.sortAttribute\"\n                        >\n                            <a\n                                href=\"#\"\n                                class=\"vd-text-thin\"\n                                (click)=\"\n                                    $event.preventDefault();\n                                    triggerSort(col.sortAttribute)\n                                \"\n                                [title]=\"\n                                    'Trier par ' +\n                                    (col.columnLabelKey | fromDictionary)\n                                \"\n                            >\n                                <span\n                                    [innerHTML]=\"\n                                        col.columnLabelKey | fromDictionary\n                                    \"\n                                ></span>\n                                <ng-container\n                                    *ngIf=\"\n                                        sort.sortAttribute === col.sortAttribute\n                                    \"\n                                >\n                                    <span\n                                        class=\"ml-3\"\n                                        *ngIf=\"sort.sortDirection === 'ASC'\"\n                                    >\n                                        <foehn-icon-chevron-up></foehn-icon-chevron-up>\n                                    </span>\n                                    <span\n                                        class=\"ml-3\"\n                                        *ngIf=\"sort.sortDirection === 'DESC'\"\n                                    >\n                                        <foehn-icon-chevron-down></foehn-icon-chevron-down>\n                                    </span>\n                                </ng-container>\n                            </a>\n                        </ng-container>\n                    </th>\n                </tr>\n            </thead>\n            <tbody>\n                <tr\n                    *ngFor=\"\n                        let item of filteredList;\n                        let index = index;\n                        trackBy: trackByFn\n                    \"\n                >\n                    <td\n                        *ngFor=\"let col of columnsConfiguration\"\n                        [id]=\"col.id + '-' + index\"\n                    >\n                        <ng-container *ngIf=\"!!col.isImportant\">\n                            <span\n                                *ngIf=\"col.isImportant(item)\"\n                                class=\"cell-vertical-align-middle\"\n                            >\n                                <svg\n                                    xmlns=\"http://www.w3.org/2000/svg\"\n                                    width=\"30\"\n                                    height=\"30\"\n                                    style=\"color: var(--red)\"\n                                    fill=\"currentColor\"\n                                    class=\"bi bi-exclamation\"\n                                    viewBox=\"0 0 16 16\"\n                                >\n                                    <path\n                                        d=\"M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.553.553 0 0 1-1.1 0L7.1 4.995z\"\n                                    />\n                                </svg>\n                            </span>\n                        </ng-container>\n\n                        <ng-container *ngIf=\"!col.routerLinkGetter\">\n                            <span\n                                [innerHTML]=\"col.valueGetter(item)\"\n                                class=\"cell-vertical-align-middle\"\n                            ></span>\n                        </ng-container>\n\n                        <ng-container *ngIf=\"!!col.routerLinkGetter\">\n                            <a\n                                [routerLink]=\"col.routerLinkGetter(item)\"\n                                queryParamsHandling=\"merge\"\n                                class=\"cell-vertical-align-middle\"\n                            >\n                                <span\n                                    [innerHTML]=\"col.valueGetter(item)\"\n                                ></span>\n                            </a>\n                        </ng-container>\n                    </td>\n                </tr>\n                <tr *ngIf=\"!!columnsConfiguration && !filteredList.length\">\n                    <td [colSpan]=\"columnsConfiguration.length\">\n                        <div class=\"w-100 text-center\">\n                            {{ 'foehn-table.totalElements.0' | fromDictionary }}\n                        </div>\n                    </td>\n                </tr>\n            </tbody>\n        </table>\n\n        <div class=\"row d-flex justify-content-between p-1\">\n            <div class=\"col-lg-3 col-md-3 col-sm-6 col-xs-6\">\n                <nav\n                    class=\"vd-pagination\"\n                    aria-label=\"Pagination\"\n                    *ngIf=\"hasPreviousPage()\"\n                >\n                    <ul class=\"vd-pagination__list\">\n                        <li\n                            class=\"vd-pagination__item vd-pagination__item--previous\"\n                        >\n                            <button\n                                class=\"btn-link vd-pagination__link btn-no-extra vd-pagination__link-reset\"\n                                (click)=\"previousPage()\"\n                            >\n                                <span class=\"vd-pagination__title\">\n                                    <foehn-icon-chevron-left></foehn-icon-chevron-left>\n                                    {{ previousLabel }}\n                                </span>\n                                <span class=\"sr-only\">:</span>\n                                <span class=\"vd-pagination__label\">\n                                    {{ currentPage - 1 }} sur {{ pagesCount() }}\n                                </span>\n                            </button>\n                        </li>\n                    </ul>\n                </nav>\n            </div>\n\n            <div class=\"col-lg-3 col-md-3 col-sm-6 col-xs-6\">\n                <nav\n                    class=\"vd-pagination\"\n                    aria-label=\"Pagination\"\n                    *ngIf=\"hasNextPage()\"\n                >\n                    <ul class=\"vd-pagination__list\">\n                        <li\n                            class=\"vd-pagination__item vd-pagination__item--next\"\n                        >\n                            <button\n                                class=\"btn-link vd-pagination__link btn-no-extra vd-pagination__link-reset\"\n                                (click)=\"nextPage()\"\n                            >\n                                <span class=\"vd-pagination__title\">\n                                    {{ nextLabel }}\n                                    <foehn-icon-chevron-right></foehn-icon-chevron-right>\n                                </span>\n                                <span class=\"sr-only\">:</span>\n                                <span class=\"vd-pagination__label\">\n                                    {{ currentPage + 1 }} sur {{ pagesCount() }}\n                                </span>\n                            </button>\n                        </li>\n                    </ul>\n                </nav>\n            </div>\n        </div>\n    </div>\n</div>\n", styles: [".btn-no-extra{padding:0;border:none;font-weight:400;-webkit-text-decoration-line:none;text-decoration-line:none}.vd-pagination__link-reset{background:none;border:none;font-weight:inherit;-webkit-text-decoration-line:none;text-decoration-line:none;text-align:inherit;cursor:pointer}.vd-pagination__link-reset:focus{background-color:var(--vd-focus)}.cell-vertical-align-middle{vertical-align:middle}\n"] }]
+            args: [{ selector: 'foehn-table', template: "<div class=\"row\" [id]=\"id\">\n    <div class=\"col-12\">\n        <h4 *ngIf=\"!!totalElements && totalElements === 1\">\n            {{ 'foehn-table.totalElements.1' | fromDictionary }}\n        </h4>\n        <h4 *ngIf=\"!!totalElements && totalElements !== 1\">\n            {{\n                'foehn-table.totalElements'\n                    | fromDictionary: { total: totalElements.toString() }\n            }}\n        </h4>\n    </div>\n\n    <div class=\"col-12 table-responsive\">\n        <table class=\"table table-hover\">\n            <thead class=\"vd-bg-pattern-bars-gray\">\n                <tr>\n                    <th\n                        scope=\"col\"\n                        *ngFor=\"let col of columnsConfiguration\"\n                        [id]=\"col.id\"\n                    >\n                        <ng-container\n                            *ngIf=\"!filteredList.length || !col.sortAttribute\"\n                        >\n                            <span\n                                [innerHTML]=\"\n                                    col.columnLabelKey | fromDictionary\n                                \"\n                            ></span>\n                        </ng-container>\n\n                        <ng-container\n                            *ngIf=\"!!filteredList.length && !!col.sortAttribute\"\n                        >\n                            <a\n                                href=\"#\"\n                                class=\"vd-text-thin\"\n                                (click)=\"\n                                    $event.preventDefault();\n                                    triggerSort(col.sortAttribute)\n                                \"\n                                [title]=\"\n                                    'Trier par ' +\n                                    (col.columnLabelKey | fromDictionary)\n                                \"\n                            >\n                                <span\n                                    [innerHTML]=\"\n                                        col.columnLabelKey | fromDictionary\n                                    \"\n                                ></span>\n                                <ng-container\n                                    *ngIf=\"\n                                        sort.sortAttribute === col.sortAttribute\n                                    \"\n                                >\n                                    <span\n                                        class=\"ml-3\"\n                                        *ngIf=\"sort.sortDirection === 'ASC'\"\n                                    >\n                                        <foehn-icon-chevron-up></foehn-icon-chevron-up>\n                                    </span>\n                                    <span\n                                        class=\"ml-3\"\n                                        *ngIf=\"sort.sortDirection === 'DESC'\"\n                                    >\n                                        <foehn-icon-chevron-down></foehn-icon-chevron-down>\n                                    </span>\n                                </ng-container>\n                            </a>\n                        </ng-container>\n                    </th>\n                </tr>\n            </thead>\n            <tbody>\n                <tr\n                    *ngFor=\"\n                        let item of filteredList;\n                        let index = index;\n                        trackBy: trackByFn\n                    \"\n                >\n                    <td\n                        *ngFor=\"let col of columnsConfiguration\"\n                        [id]=\"col.id + '-' + index\"\n                    >\n                        <ng-container *ngIf=\"!!col.isImportant\">\n                            <span\n                                *ngIf=\"col.isImportant(item)\"\n                                class=\"cell-vertical-align-middle\"\n                            >\n                                <svg\n                                    xmlns=\"http://www.w3.org/2000/svg\"\n                                    width=\"30\"\n                                    height=\"30\"\n                                    style=\"color: var(--red)\"\n                                    fill=\"currentColor\"\n                                    class=\"bi bi-exclamation\"\n                                    viewBox=\"0 0 16 16\"\n                                >\n                                    <path\n                                        d=\"M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.553.553 0 0 1-1.1 0L7.1 4.995z\"\n                                    />\n                                </svg>\n                            </span>\n                        </ng-container>\n\n                        <ng-container *ngIf=\"!!col.iconGetter\">\n                            <span\n                                *ngIf=\"col.iconGetter(item) as iconDef\"\n                                class=\"cell-vertical-align-middle mr-2\"\n                            >\n                                <fa-icon\n                                    aria-hidden=\"true\"\n                                    [icon]=\"iconDef.icon\"\n                                    [title]=\"iconDef.label\"\n                                ></fa-icon>\n                                <span class=\"sr-only\">{{ iconDef.label }}</span>\n                            </span>\n                        </ng-container>\n\n                        <ng-container *ngIf=\"!!col.template\">\n                            <ng-template\n                                [ngTemplateOutlet]=\"col.template\"\n                                [ngTemplateOutletContext]=\"{\n                                    item: item,\n                                    index: index\n                                }\"\n                            ></ng-template>\n                        </ng-container>\n\n                        <ng-container *ngIf=\"!col.template\">\n                            <ng-container *ngIf=\"!col.routerLinkGetter\">\n                                <span\n                                    [innerHTML]=\"col.valueGetter(item)\"\n                                    class=\"cell-vertical-align-middle\"\n                                ></span>\n                            </ng-container>\n\n                            <ng-container *ngIf=\"!!col.routerLinkGetter\">\n                                <a\n                                    [routerLink]=\"col.routerLinkGetter(item)\"\n                                    queryParamsHandling=\"merge\"\n                                    class=\"cell-vertical-align-middle\"\n                                >\n                                    <span\n                                        [innerHTML]=\"col.valueGetter(item)\"\n                                    ></span>\n                                </a>\n                            </ng-container>\n                        </ng-container>\n                    </td>\n                </tr>\n                <tr *ngIf=\"!!columnsConfiguration && !filteredList.length\">\n                    <td [colSpan]=\"columnsConfiguration.length\">\n                        <div class=\"w-100 text-center\">\n                            {{ 'foehn-table.totalElements.0' | fromDictionary }}\n                        </div>\n                    </td>\n                </tr>\n            </tbody>\n        </table>\n\n        <div class=\"row d-flex justify-content-between p-1\">\n            <div class=\"col-lg-3 col-md-3 col-sm-6 col-xs-6\">\n                <nav\n                    class=\"vd-pagination\"\n                    aria-label=\"Pagination\"\n                    *ngIf=\"hasPreviousPage()\"\n                >\n                    <ul class=\"vd-pagination__list\">\n                        <li\n                            class=\"vd-pagination__item vd-pagination__item--previous\"\n                        >\n                            <button\n                                class=\"btn-link vd-pagination__link btn-no-extra vd-pagination__link-reset\"\n                                (click)=\"previousPage()\"\n                            >\n                                <span class=\"vd-pagination__title\">\n                                    <foehn-icon-chevron-left></foehn-icon-chevron-left>\n                                    {{ previousLabel }}\n                                </span>\n                                <span class=\"sr-only\">:</span>\n                                <span class=\"vd-pagination__label\">\n                                    {{ currentPage - 1 }} sur {{ pagesCount() }}\n                                </span>\n                            </button>\n                        </li>\n                    </ul>\n                </nav>\n            </div>\n\n            <div class=\"col-lg-3 col-md-3 col-sm-6 col-xs-6\">\n                <nav\n                    class=\"vd-pagination\"\n                    aria-label=\"Pagination\"\n                    *ngIf=\"hasNextPage()\"\n                >\n                    <ul class=\"vd-pagination__list\">\n                        <li\n                            class=\"vd-pagination__item vd-pagination__item--next\"\n                        >\n                            <button\n                                class=\"btn-link vd-pagination__link btn-no-extra vd-pagination__link-reset\"\n                                (click)=\"nextPage()\"\n                            >\n                                <span class=\"vd-pagination__title\">\n                                    {{ nextLabel }}\n                                    <foehn-icon-chevron-right></foehn-icon-chevron-right>\n                                </span>\n                                <span class=\"sr-only\">:</span>\n                                <span class=\"vd-pagination__label\">\n                                    {{ currentPage + 1 }} sur {{ pagesCount() }}\n                                </span>\n                            </button>\n                        </li>\n                    </ul>\n                </nav>\n            </div>\n        </div>\n    </div>\n</div>\n", styles: [".btn-no-extra{padding:0;border:none;font-weight:400;-webkit-text-decoration-line:none;text-decoration-line:none}.vd-pagination__link-reset{background:none;border:none;font-weight:inherit;-webkit-text-decoration-line:none;text-decoration-line:none;text-align:inherit;cursor:pointer}.vd-pagination__link-reset:focus{background-color:var(--vd-focus)}.cell-vertical-align-middle{vertical-align:middle}\n"] }]
         }], propDecorators: { itemsPerPage: [{
                 type: Input
             }], id: [{
@@ -9940,29 +9944,19 @@ class TableSort {
 class RedirectComponent {
     constructor(iamInterceptor) {
         this.iamInterceptor = iamInterceptor;
-        this.subscription = this.iamInterceptor.iamExpirationHeaderPresence.subscribe(() => {
-            this.showModal();
-        });
-    }
-    ngOnInit() {
-        this.modalHeaderText = 'Information';
-        this.modalBodyText = `<p>Votre session a expiré.</p>
-            <p>Vous pouvez vous connecter à nouveau pour continuer à utiliser nos services.</p>`;
-    }
-    ngOnDestroy() {
-        this.subscription.unsubscribe();
+        this.iamInterceptor.isIamSessionExpired
+            .pipe(first())
+            .subscribe(() => this.showModal());
     }
-    redirect() {
-        // feels dirty...
-        // @todo replace with router.navigateToUrl
-        window.location.href = '/iam/accueil';
+    reloadPage() {
+        window.location.reload();
     }
     showModal() {
         this.counter = 10;
         this.isModalVisible = true;
         setInterval(() => {
             if (0 === this.counter) {
-                this.redirect();
+                this.reloadPage();
                 return;
             }
             this.counter--;
@@ -9970,10 +9964,10 @@ class RedirectComponent {
     }
 }
 RedirectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.5", ngImport: i0, type: RedirectComponent, deps: [{ token: IamExpiredInterceptorService }], target: i0.ɵɵFactoryTarget.Component });
-RedirectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.5", type: RedirectComponent, selector: "redirector", ngImport: i0, template: "<foehn-modal\n    [modalBodyText]=\"modalBodyText\"\n    [isModalVisible]=\"isModalVisible\"\n    [modalHeaderText]=\"modalHeaderText\"\n    [modalFooterText]=\"'Vous allez \u00EAtre redirig\u00E9 dans ' + this.counter + ' s.'\"\n></foehn-modal>\n", components: [{ type: FoehnModalComponent, selector: "foehn-modal", inputs: ["id", "name", "modalSize", "modalBodyText", "modalHeaderText", "modalFooterText", "closeable", "modalTriggerHtmlElement", "isModalVisible"], outputs: ["isModalVisibleChange"] }] });
+RedirectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.5", type: RedirectComponent, selector: "redirector", ngImport: i0, template: "<foehn-modal\n    [modalHeaderText]=\"'Information'\"\n    [isModalVisible]=\"isModalVisible\"\n    [closeable]=\"false\"\n>\n    <p>Votre session a expir\u00E9.</p>\n    <p>\n        Vous pouvez\n        <a href=\"#\" (click)=\"$event.preventDefault(); reloadPage()\">\n            vous connecter\n        </a>\n        \u00E0 nouveau pour continuer \u00E0 utiliser nos services.\n    </p>\n\n    <div modal-footer class=\"w-100 text-right font-weight-bold\">\n        Vous allez \u00EAtre redirig\u00E9 dans {{ counter }} s.\n    </div>\n</foehn-modal>\n", components: [{ type: FoehnModalComponent, selector: "foehn-modal", inputs: ["id", "name", "modalSize", "modalBodyText", "modalHeaderText", "closeable", "modalTriggerHtmlElement", "isModalVisible"], outputs: ["isModalVisibleChange"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.5", ngImport: i0, type: RedirectComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'redirector', template: "<foehn-modal\n    [modalBodyText]=\"modalBodyText\"\n    [isModalVisible]=\"isModalVisible\"\n    [modalHeaderText]=\"modalHeaderText\"\n    [modalFooterText]=\"'Vous allez \u00EAtre redirig\u00E9 dans ' + this.counter + ' s.'\"\n></foehn-modal>\n" }]
+            args: [{ selector: 'redirector', template: "<foehn-modal\n    [modalHeaderText]=\"'Information'\"\n    [isModalVisible]=\"isModalVisible\"\n    [closeable]=\"false\"\n>\n    <p>Votre session a expir\u00E9.</p>\n    <p>\n        Vous pouvez\n        <a href=\"#\" (click)=\"$event.preventDefault(); reloadPage()\">\n            vous connecter\n        </a>\n        \u00E0 nouveau pour continuer \u00E0 utiliser nos services.\n    </p>\n\n    <div modal-footer class=\"w-100 text-right font-weight-bold\">\n        Vous allez \u00EAtre redirig\u00E9 dans {{ counter }} s.\n    </div>\n</foehn-modal>\n" }]
         }], ctorParameters: function () { return [{ type: IamExpiredInterceptorService }]; } });
 
 class SdkRedirectModule {
@@ -11365,7 +11359,7 @@ class SdkEpaymentComponent {
     }
 }
 SdkEpaymentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.5", ngImport: i0, type: SdkEpaymentComponent, deps: [{ token: EPaymentService }, { token: i1$1.ActivatedRoute }, { token: GesdemHandlerService }, { token: GesdemEventService }], target: i0.ɵɵFactoryTarget.Component });
-SdkEpaymentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.5", type: SdkEpaymentComponent, selector: "epayment-form", inputs: { baseUrl: "baseUrl" }, ngImport: i0, template: "<foehn-modal\n    [isModalVisible]=\"this.modalDisplayed\"\n    [modalBodyText]=\"this.platformFailureMessage\"\n    modalHeaderText=\"Le paiement n'a pu \u00EAtre effectu\u00E9\"\n    modalFooterText=\"L'Administration Cantonale Vaudoise\"\n    (click)=\"this.modalDisplayed = false\"\n></foehn-modal>\n", styles: [""], components: [{ type: FoehnModalComponent, selector: "foehn-modal", inputs: ["id", "name", "modalSize", "modalBodyText", "modalHeaderText", "modalFooterText", "closeable", "modalTriggerHtmlElement", "isModalVisible"], outputs: ["isModalVisibleChange"] }] });
+SdkEpaymentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.5", type: SdkEpaymentComponent, selector: "epayment-form", inputs: { baseUrl: "baseUrl" }, ngImport: i0, template: "<foehn-modal\n    [isModalVisible]=\"this.modalDisplayed\"\n    [modalBodyText]=\"this.platformFailureMessage\"\n    modalHeaderText=\"Le paiement n'a pu \u00EAtre effectu\u00E9\"\n    modalFooterText=\"L'Administration Cantonale Vaudoise\"\n    (click)=\"this.modalDisplayed = false\"\n></foehn-modal>\n", styles: [""], components: [{ type: FoehnModalComponent, selector: "foehn-modal", inputs: ["id", "name", "modalSize", "modalBodyText", "modalHeaderText", "closeable", "modalTriggerHtmlElement", "isModalVisible"], outputs: ["isModalVisibleChange"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.5", ngImport: i0, type: SdkEpaymentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'epayment-form', template: "<foehn-modal\n    [isModalVisible]=\"this.modalDisplayed\"\n    [modalBodyText]=\"this.platformFailureMessage\"\n    modalHeaderText=\"Le paiement n'a pu \u00EAtre effectu\u00E9\"\n    modalFooterText=\"L'Administration Cantonale Vaudoise\"\n    (click)=\"this.modalDisplayed = false\"\n></foehn-modal>\n", styles: [""] }]
@@ -11413,7 +11407,7 @@ class FoehnHelpModalComponent {
     }
 }
 FoehnHelpModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.5", ngImport: i0, type: FoehnHelpModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FoehnHelpModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.5", type: FoehnHelpModalComponent, selector: "foehn-help-modal", inputs: { modalContent: "modalContent" }, viewQueries: [{ propertyName: "modalTrigger", first: true, predicate: ["modalTrigger"], descendants: true, static: true }, { propertyName: "content", first: true, predicate: ["content"], descendants: true, static: true }], ngImport: i0, template: "<button\n    type=\"button\"\n    class=\"clear-button btn d-flex\"\n    (click)=\"open()\"\n    #modalTrigger\n>\n    <foehn-icon-info-circle\n        [class.mr-1]=\"hasContent()\"\n        title=\"&nbsp;\"\n    ></foehn-icon-info-circle>\n\n    <span class=\"sr-only button-help-text\" *ngIf=\"!hasContent()\">\n        Aide: {{ modalContent.title }}\n    </span>\n\n    <span #content>\n        <ng-content></ng-content>\n    </span>\n</button>\n<foehn-modal\n    id=\"help-modal\"\n    modalSize=\"modal-lg\"\n    [modalHeaderText]=\"currentModalTitle\"\n    [isModalVisible]=\"isModalVisible\"\n    (isModalVisibleChange)=\"updateVisibilityStatus($event)\"\n    (click)=\"close()\"\n    [modalTriggerHtmlElement]=\"modalTrigger\"\n>\n    <ng-container *ngIf=\"modalContent\">\n        <div *ngIf=\"!!modalContent.body\" [innerHtml]=\"modalContent.body\"></div>\n        <img\n            *ngFor=\"let image of modalContent.images\"\n            [src]=\"image.src\"\n            [alt]=\"image.alt\"\n            class=\"mt-2\"\n            width=\"100%\"\n            height=\"auto\"\n        />\n    </ng-container>\n</foehn-modal>\n", styles: [":host ::ng-deep .modal-body{height:100%}:host ::ng-deep .clear-button.btn .svg-inline--fa{color:#000!important}.clear-button{background:none;margin-left:-1em}\n"], components: [{ type: FoehnIconInfoCircleComponent, selector: "foehn-icon-info-circle" }, { type: FoehnModalComponent, selector: "foehn-modal", inputs: ["id", "name", "modalSize", "modalBodyText", "modalHeaderText", "modalFooterText", "closeable", "modalTriggerHtmlElement", "isModalVisible"], outputs: ["isModalVisibleChange"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+FoehnHelpModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.5", type: FoehnHelpModalComponent, selector: "foehn-help-modal", inputs: { modalContent: "modalContent" }, viewQueries: [{ propertyName: "modalTrigger", first: true, predicate: ["modalTrigger"], descendants: true, static: true }, { propertyName: "content", first: true, predicate: ["content"], descendants: true, static: true }], ngImport: i0, template: "<button\n    type=\"button\"\n    class=\"clear-button btn d-flex\"\n    (click)=\"open()\"\n    #modalTrigger\n>\n    <foehn-icon-info-circle\n        [class.mr-1]=\"hasContent()\"\n        title=\"&nbsp;\"\n    ></foehn-icon-info-circle>\n\n    <span class=\"sr-only button-help-text\" *ngIf=\"!hasContent()\">\n        Aide: {{ modalContent.title }}\n    </span>\n\n    <span #content>\n        <ng-content></ng-content>\n    </span>\n</button>\n<foehn-modal\n    id=\"help-modal\"\n    modalSize=\"modal-lg\"\n    [modalHeaderText]=\"currentModalTitle\"\n    [isModalVisible]=\"isModalVisible\"\n    (isModalVisibleChange)=\"updateVisibilityStatus($event)\"\n    (click)=\"close()\"\n    [modalTriggerHtmlElement]=\"modalTrigger\"\n>\n    <ng-container *ngIf=\"modalContent\">\n        <div *ngIf=\"!!modalContent.body\" [innerHtml]=\"modalContent.body\"></div>\n        <img\n            *ngFor=\"let image of modalContent.images\"\n            [src]=\"image.src\"\n            [alt]=\"image.alt\"\n            class=\"mt-2\"\n            width=\"100%\"\n            height=\"auto\"\n        />\n    </ng-container>\n</foehn-modal>\n", styles: [":host ::ng-deep .modal-body{height:100%}:host ::ng-deep .clear-button.btn .svg-inline--fa{color:#000!important}.clear-button{background:none;margin-left:-1em}\n"], components: [{ type: FoehnIconInfoCircleComponent, selector: "foehn-icon-info-circle" }, { type: FoehnModalComponent, selector: "foehn-modal", inputs: ["id", "name", "modalSize", "modalBodyText", "modalHeaderText", "closeable", "modalTriggerHtmlElement", "isModalVisible"], outputs: ["isModalVisibleChange"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.5", ngImport: i0, type: FoehnHelpModalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'foehn-help-modal', template: "<button\n    type=\"button\"\n    class=\"clear-button btn d-flex\"\n    (click)=\"open()\"\n    #modalTrigger\n>\n    <foehn-icon-info-circle\n        [class.mr-1]=\"hasContent()\"\n        title=\"&nbsp;\"\n    ></foehn-icon-info-circle>\n\n    <span class=\"sr-only button-help-text\" *ngIf=\"!hasContent()\">\n        Aide: {{ modalContent.title }}\n    </span>\n\n    <span #content>\n        <ng-content></ng-content>\n    </span>\n</button>\n<foehn-modal\n    id=\"help-modal\"\n    modalSize=\"modal-lg\"\n    [modalHeaderText]=\"currentModalTitle\"\n    [isModalVisible]=\"isModalVisible\"\n    (isModalVisibleChange)=\"updateVisibilityStatus($event)\"\n    (click)=\"close()\"\n    [modalTriggerHtmlElement]=\"modalTrigger\"\n>\n    <ng-container *ngIf=\"modalContent\">\n        <div *ngIf=\"!!modalContent.body\" [innerHtml]=\"modalContent.body\"></div>\n        <img\n            *ngFor=\"let image of modalContent.images\"\n            [src]=\"image.src\"\n            [alt]=\"image.alt\"\n            class=\"mt-2\"\n            width=\"100%\"\n            height=\"auto\"\n        />\n    </ng-container>\n</foehn-modal>\n", styles: [":host ::ng-deep .modal-body{height:100%}:host ::ng-deep .clear-button.btn .svg-inline--fa{color:#000!important}.clear-button{background:none;margin-left:-1em}\n"] }]
@@ -11791,7 +11785,7 @@ class FoehnMenuItemTransmitComponent {
     }
 }
 FoehnMenuItemTransmitComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.5", ngImport: i0, type: FoehnMenuItemTransmitComponent, deps: [{ token: i1$1.Router }, { token: i1$1.ActivatedRoute }, { token: GesdemHandlerService }], target: i0.ɵɵFactoryTarget.Component });
-FoehnMenuItemTransmitComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.5", type: FoehnMenuItemTransmitComponent, selector: "foehn-menu-item-transmit", inputs: { linkId: "linkId", rLink: "rLink", labelDicoKey: "labelDicoKey", dicoLabelPlaceHolders: "dicoLabelPlaceHolders", remainingErrorsAlertTitle: "remainingErrorsAlertTitle", remainingErrorsAlertBody: "remainingErrorsAlertBody" }, ngImport: i0, template: "<li\n    class=\"d-flex flex-column flex-md-row justify-content-between border-bottom pb-3\"\n>\n    <span class=\"align-self-baseline mt-2\">\n        <a\n            href=\"#\"\n            (click)=\"$event.preventDefault(); transmit()\"\n            [id]=\"linkId\"\n            #transmitLink\n        >\n            {{ labelDicoKey | fromDictionary: dicoLabelPlaceHolders }}\n        </a>\n        <foehn-modal\n            [(isModalVisible)]=\"showRemainingErrorsAlert\"\n            [modalHeaderText]=\"remainingErrorsAlertTitle\"\n            [modalTriggerHtmlElement]=\"transmitLink\"\n        >\n            <p>\n                <span [innerHTML]=\"remainingErrorsAlertBody\"></span>\n                <foehn-error-pill [errorPrefix]=\"''\"></foehn-error-pill>\n            </p>\n        </foehn-modal>\n    </span>\n</li>\n", components: [{ type: FoehnModalComponent, selector: "foehn-modal", inputs: ["id", "name", "modalSize", "modalBodyText", "modalHeaderText", "modalFooterText", "closeable", "modalTriggerHtmlElement", "isModalVisible"], outputs: ["isModalVisibleChange"] }, { type: FoehnErrorPillComponent, selector: "foehn-error-pill", inputs: ["errorPrefix", "incompleteIndicatorOnly"] }], pipes: { "fromDictionary": SdkDictionaryPipe } });
+FoehnMenuItemTransmitComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.5", type: FoehnMenuItemTransmitComponent, selector: "foehn-menu-item-transmit", inputs: { linkId: "linkId", rLink: "rLink", labelDicoKey: "labelDicoKey", dicoLabelPlaceHolders: "dicoLabelPlaceHolders", remainingErrorsAlertTitle: "remainingErrorsAlertTitle", remainingErrorsAlertBody: "remainingErrorsAlertBody" }, ngImport: i0, template: "<li\n    class=\"d-flex flex-column flex-md-row justify-content-between border-bottom pb-3\"\n>\n    <span class=\"align-self-baseline mt-2\">\n        <a\n            href=\"#\"\n            (click)=\"$event.preventDefault(); transmit()\"\n            [id]=\"linkId\"\n            #transmitLink\n        >\n            {{ labelDicoKey | fromDictionary: dicoLabelPlaceHolders }}\n        </a>\n        <foehn-modal\n            [(isModalVisible)]=\"showRemainingErrorsAlert\"\n            [modalHeaderText]=\"remainingErrorsAlertTitle\"\n            [modalTriggerHtmlElement]=\"transmitLink\"\n        >\n            <p>\n                <span [innerHTML]=\"remainingErrorsAlertBody\"></span>\n                <foehn-error-pill [errorPrefix]=\"''\"></foehn-error-pill>\n            </p>\n        </foehn-modal>\n    </span>\n</li>\n", components: [{ type: FoehnModalComponent, selector: "foehn-modal", inputs: ["id", "name", "modalSize", "modalBodyText", "modalHeaderText", "closeable", "modalTriggerHtmlElement", "isModalVisible"], outputs: ["isModalVisibleChange"] }, { type: FoehnErrorPillComponent, selector: "foehn-error-pill", inputs: ["errorPrefix", "incompleteIndicatorOnly"] }], pipes: { "fromDictionary": SdkDictionaryPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.5", ngImport: i0, type: FoehnMenuItemTransmitComponent, decorators: [{
             type: Component,
             args: [{ selector: 'foehn-menu-item-transmit', template: "<li\n    class=\"d-flex flex-column flex-md-row justify-content-between border-bottom pb-3\"\n>\n    <span class=\"align-self-baseline mt-2\">\n        <a\n            href=\"#\"\n            (click)=\"$event.preventDefault(); transmit()\"\n            [id]=\"linkId\"\n            #transmitLink\n        >\n            {{ labelDicoKey | fromDictionary: dicoLabelPlaceHolders }}\n        </a>\n        <foehn-modal\n            [(isModalVisible)]=\"showRemainingErrorsAlert\"\n            [modalHeaderText]=\"remainingErrorsAlertTitle\"\n            [modalTriggerHtmlElement]=\"transmitLink\"\n        >\n            <p>\n                <span [innerHTML]=\"remainingErrorsAlertBody\"></span>\n                <foehn-error-pill [errorPrefix]=\"''\"></foehn-error-pill>\n            </p>\n        </foehn-modal>\n    </span>\n</li>\n" }]