@dsivd/prestations-ng 16.4.0-beta.7 → 16.4.0-beta.9

package/fesm2020/dsivd-prestations-ng.mjs

@@ -2,8 +2,8 @@ import * as i0 from '@angular/core';
 import { Injectable, Optional, Inject, EventEmitter, Directive, Input, ViewChildren, ViewChild, forwardRef, Output, HostBinding, Pipe, Component, ContentChildren, HostListener, NgModule, TemplateRef, ContentChild } from '@angular/core';
 import * as i1$1 from '@angular/router';
 import { ActivatedRoute, NavigationStart, RouterModule, NavigationEnd, RouterLink } from '@angular/router';
-import { of, BehaviorSubject, combineLatest, Subject, throwError, concat, toArray, EMPTY, merge, tap as tap$1, debounceTime as debounceTime$1, startWith, pairwise, map as map$1 } from 'rxjs';
-import { map, shareReplay, debounceTime, catchError, switchMap, tap, filter, mergeMap, throttleTime, share, first, finalize, distinctUntilChanged, take } from 'rxjs/operators';
+import { of, BehaviorSubject, combineLatest, Subject, throwError, concat, toArray, EMPTY, merge, tap as tap$1, debounceTime as debounceTime$1, map as map$1 } from 'rxjs';
+import { map, shareReplay, debounceTime, catchError, switchMap, tap, filter, mergeMap, throttleTime, share, first, finalize, distinctUntilChanged } from 'rxjs/operators';
 import * as i1 from '@angular/common/http';
 import { HttpParams, HttpEventType, HttpResponse, HttpErrorResponse, HTTP_INTERCEPTORS, HttpClientModule, HttpClient } from '@angular/common/http';
 import * as i3 from '@angular/forms';
@@ -16,8 +16,8 @@ import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 import * as i2$1 from '@angular/cdk/a11y';
 import { A11yModule } from '@angular/cdk/a11y';
 import * as i1$3 from '@angular/platform-browser';
-import localeFr from '@angular/common/locales/fr';
 import dayjs from 'dayjs';
+import localeFr from '@angular/common/locales/fr';
 import isToday from 'dayjs/plugin/isToday';
 import { faCalendarAlt, faClock, faFilePdf } from '@fortawesome/free-regular-svg-icons';
 import * as i5 from '@angular/cdk/scrolling';
@@ -754,6 +754,8 @@ const DEFAULT_DICTIONARY = {
     'foehn-navigation.previous.label': 'Précédent',
     'foehn-navigation.transmit.label': 'Transmettre',
     'foehn-navigation.continue-later.label': 'Envoyer un lien pour reprendre cette demande plus tard',
+    'foehn-navigation.continue-later-already-registered.label': 'Modifier mes informations de reprise et envoyer un nouveau lien',
+    'foehn-navigation.continue-later-connected.label': 'Finir la demande plus tard',
     'foehn-navigation.route.index.separator': 'sur',
     'foehn-page.browser-not-supported': 'Cette prestation n’est pas compatible avec votre navigateur.',
     'foehn-page.browser-download-invitation': 'Nous vous invitons à utiliser une version récente de',
@@ -761,6 +763,13 @@ const DEFAULT_DICTIONARY = {
     'foehn-page.browser-download-list.ou': 'ou',
     'foehn-page.external-link.srOnly': '(lien externe)',
     'foehn-page-counter.label': 'Page {currentPage} de {pageCount}',
+    'foehn-page-expiration-timer.count-down-message': '<p class="mb-0">Votre session expire dans <span class="font-weight-bold">' +
+        '{countDownValue}</span></p><p class="mb-0">Cliquez sur <span class="font-weight-bold">Suivant' +
+        '</span> en bas de la page pour enregistrer vos données.</p>',
+    'foehn-page-expiration-timer.count-down-message.sr-only': 'Votre session expire dans {countDownValue}. ' +
+        'Cliquez sur Suivant en bas de la page pour enregistrer vos données.',
+    'foehn-page-expiration-timer.expired-message': '<p class="h3 my-0">Votre session a expiré.</p>',
+    'foehn-page-expiration-timer.expired-message.sr-only': 'Votre session a expiré.',
     'gesdem-confirmation.title': 'Confirmation',
     'gesdem-confirmation.success-label': 'Demande transmise',
     'gesdem-confirmation.next-step.success-label': 'Réponse transmise',
@@ -1348,6 +1357,8 @@ class EtapeInfo {
 }
 class Configuration {
 }
+class Session {
+}
 class Document {
 }
 class Captcha {
@@ -4349,6 +4360,47 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                 }]
         }], ctorParameters: function () { return [{ type: i1$1.Router }, { type: ApplicationInfoService }, { type: FoehnPageService }]; } });
 
+class DemandeExpirationService {
+    constructor() {
+        this.PULLING_IN_MILLISECONDS = 1000;
+        this._demandeExpirationDateTimeSubject = new BehaviorSubject(null);
+        this.intervalSubject = new Subject();
+    }
+    shouldDisplayExpirationTimerMessage() {
+        return combineLatest([
+            this.getDemandeExpirationDateTime(),
+            this.intervalSubject.asObservable()
+        ]).pipe(map(([value]) => value), filter(value => !!value && value.isValid()), map(value => dayjs().isAfter(value)), tap(visible => {
+            if (visible) {
+                this.clearPulling();
+            }
+        }), shareReplay(1));
+    }
+    setDemandeExpirationDateTime(date) {
+        this._demandeExpirationDateTimeSubject.next(date);
+    }
+    getDemandeExpirationDateTime() {
+        return this._demandeExpirationDateTimeSubject.asObservable().pipe(tap(() => this.startPulling()), shareReplay(1));
+    }
+    startPulling() {
+        this.clearPulling();
+        this.interval = setInterval(() => {
+            this.intervalSubject.next();
+        }, this.PULLING_IN_MILLISECONDS);
+    }
+    clearPulling() {
+        clearInterval(this.interval);
+    }
+}
+DemandeExpirationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DemandeExpirationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+DemandeExpirationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DemandeExpirationService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DemandeExpirationService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
 class DraftsService {
     constructor(http, sessionInfo, gesdemHandlerService, gesdemEventService) {
         this.http = http;
@@ -6153,11 +6205,146 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
             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" }]
         }], ctorParameters: function () { return [{ type: SessionInfo }, { type: ApplicationInfoService }, { type: FoehnPageModalService }]; } });
 
+class FoehnPageExpirationTimerComponent {
+    constructor(applicationInfoService, dictionaryService) {
+        this.applicationInfoService = applicationInfoService;
+        this.dictionaryService = dictionaryService;
+        this.srAnnouncements = '';
+        this.countDownTimeInSeconds = new BehaviorSubject(null);
+        this.sessionHasExpired = new BehaviorSubject(false);
+        this.dateHelper = new DateHelper();
+        this.PULLING_IN_MILLISECONDS = 1000;
+        this.SR_ANNOUNCEMENT_CLEAR_TIMEOUT_INTERVAL_MS = 2000;
+        this.sessionExpired = this.sessionHasExpired
+            .asObservable()
+            .pipe(shareReplay(1));
+        this.countDownTimeToDisplay = this.countDownTimeInSeconds
+            .asObservable()
+            .pipe(tap(countDownTimeInSeconds => this.sessionHasExpired.next(countDownTimeInSeconds === 0)), map(countDownTimeInSeconds => this.formatTime(countDownTimeInSeconds)), shareReplay(1));
+        this.applicationInfoRetrieved = this.applicationInfoService.data.pipe(map((info) => info.configuration.session.messageDelayInMinutes), filter(messageDelayInMinutes => !!messageDelayInMinutes), tap(messageDelayInMinutes => this.countDownTimeInSeconds.next(messageDelayInMinutes * 60)), map(() => true), shareReplay(1));
+    }
+    ngAfterViewInit() {
+        this.startTimer();
+    }
+    ngOnDestroy() {
+        this.clearTimer();
+    }
+    startTimer() {
+        this.interval = setInterval(() => {
+            let time = this.countDownTimeInSeconds.getValue();
+            if (time === 0) {
+                this.clearTimer();
+                return;
+            }
+            time -= 1;
+            this.countDownTimeInSeconds.next(time);
+        }, this.PULLING_IN_MILLISECONDS);
+    }
+    clearTimer() {
+        clearInterval(this.interval);
+    }
+    formatTime(timeInSeconds) {
+        const hours = Math.floor(timeInSeconds / (60 * 60));
+        const divisor_for_minutes = timeInSeconds % (60 * 60);
+        const minutes = Math.floor(divisor_for_minutes / 60);
+        const divisor_for_seconds = divisor_for_minutes % 60;
+        const seconds = Math.ceil(divisor_for_seconds);
+        this.manageScreenReaderAnnouncement(timeInSeconds, hours, minutes, seconds);
+        const leftPadHours = this.dateHelper.leftPad(hours.toString());
+        const leftPadMinutes = this.dateHelper.leftPad(minutes.toString());
+        const leftPadSeconds = this.dateHelper.leftPad(seconds.toString());
+        return `${leftPadHours}:${leftPadMinutes}:${leftPadSeconds}`;
+    }
+    announceSrMessage(msg) {
+        clearTimeout(this.srAnnouncementClearTimer);
+        this.srAnnouncements = msg;
+        this.srAnnouncementClearTimer = setTimeout(() => {
+            this.srAnnouncements = '';
+        }, this.SR_ANNOUNCEMENT_CLEAR_TIMEOUT_INTERVAL_MS);
+    }
+    getReadableTimerForScreenReader(hours, minutes, seconds) {
+        if (!hours && !minutes && !seconds) {
+            return '';
+        }
+        if (!!hours && !minutes && !seconds) {
+            return `${hours} heures.`;
+        }
+        if (!!minutes && !hours && !seconds) {
+            return `${minutes} minutes.`;
+        }
+        if (!!seconds && !minutes && !hours) {
+            return `${seconds} secondes.`;
+        }
+        if (!!hours && !!minutes && !!seconds) {
+            return `${hours} heures ${minutes} minutes et ${seconds} secondes.`;
+        }
+        if (!!hours && !!minutes && !seconds) {
+            return `${hours} heures et ${minutes} minutes.`;
+        }
+        if (!!hours && !!seconds && !minutes) {
+            return `${hours} heures et ${seconds} secondes.`;
+        }
+        if (!!minutes && !!seconds && !hours) {
+            return `${minutes} minutes et ${seconds} secondes.`;
+        }
+    }
+    manageScreenReaderAnnouncement(timeInSeconds, hours, minutes, seconds) {
+        const _1_hourInSeconds = 60 * 60;
+        const _5_minutesInSeconds = 5 * 60;
+        const _10_minutesInSeconds = 10 * 60;
+        const _1_minuteInSeconds = 60;
+        const _2_minuteInSeconds = 2 * 60;
+        // When finished, display expired message
+        if (timeInSeconds === 0) {
+            this.srAnnouncements = this.dictionaryService.getKeySync('foehn-page-expiration-timer.expired-message.sr-only');
+            return;
+        }
+        // Every second for the last 15s
+        if (timeInSeconds <= 15) {
+            this.srAnnouncements = timeInSeconds.toString();
+            return;
+        }
+        // Every 30s when less than 2 minutes
+        if (timeInSeconds <= _2_minuteInSeconds && timeInSeconds % 30 === 0) {
+            const msg = this.getReadableTimerForScreenReader(hours, minutes, seconds);
+            this.announceSrMessage(this.dictionaryService.getKeySync('foehn-page-expiration-timer.count-down-message.sr-only', { countDownValue: msg }));
+            return;
+        }
+        // Every minute for the last 5 minutes
+        if (timeInSeconds <= _5_minutesInSeconds &&
+            timeInSeconds % _1_minuteInSeconds === 0) {
+            const msg = this.getReadableTimerForScreenReader(hours, minutes, seconds);
+            this.announceSrMessage(this.dictionaryService.getKeySync('foehn-page-expiration-timer.count-down-message.sr-only', { countDownValue: msg }));
+            return;
+        }
+        // Every 10 minutes when less than an hour
+        if (timeInSeconds < _1_hourInSeconds &&
+            timeInSeconds % _10_minutesInSeconds === 0) {
+            const msg = this.getReadableTimerForScreenReader(hours, minutes, seconds);
+            this.announceSrMessage(this.dictionaryService.getKeySync('foehn-page-expiration-timer.count-down-message.sr-only', { countDownValue: msg }));
+            return;
+        }
+        // Every hour when more than an hour
+        if (timeInSeconds >= _1_hourInSeconds &&
+            timeInSeconds % _1_hourInSeconds === 0) {
+            const msg = this.getReadableTimerForScreenReader(hours, minutes, seconds);
+            this.announceSrMessage(this.dictionaryService.getKeySync('foehn-page-expiration-timer.count-down-message.sr-only', { countDownValue: msg }));
+            return;
+        }
+    }
+}
+FoehnPageExpirationTimerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnPageExpirationTimerComponent, deps: [{ token: ApplicationInfoService }, { token: SdkDictionaryService }], target: i0.ɵɵFactoryTarget.Component });
+FoehnPageExpirationTimerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FoehnPageExpirationTimerComponent, selector: "foehn-page-expiration-timer", ngImport: i0, template: "<div\n    *ngIf=\"applicationInfoRetrieved | async\"\n    class=\"sticky-top alert text-center my-0\"\n    [class.alert-warning]=\"(sessionExpired | async) === false\"\n    [class.alert-danger]=\"(sessionExpired | async) === true\"\n    tabindex=\"-1\"\n    aria-hidden=\"true\"\n>\n    <div\n        *ngIf=\"(sessionExpired | async) === false\"\n        [innerHTML]=\"\n            'foehn-page-expiration-timer.count-down-message'\n                | fromDictionary\n                    : { countDownValue: countDownTimeToDisplay | async }\n        \"\n    ></div>\n    <div\n        *ngIf=\"(sessionExpired | async) === true\"\n        [innerHTML]=\"\n            'foehn-page-expiration-timer.expired-message' | fromDictionary\n        \"\n    ></div>\n</div>\n\n<p class=\"sr-only\" aria-live=\"assertive\" aria-atomic=\"true\">\n    {{ srAnnouncements }}\n</p>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: SdkDictionaryPipe, name: "fromDictionary" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnPageExpirationTimerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'foehn-page-expiration-timer', template: "<div\n    *ngIf=\"applicationInfoRetrieved | async\"\n    class=\"sticky-top alert text-center my-0\"\n    [class.alert-warning]=\"(sessionExpired | async) === false\"\n    [class.alert-danger]=\"(sessionExpired | async) === true\"\n    tabindex=\"-1\"\n    aria-hidden=\"true\"\n>\n    <div\n        *ngIf=\"(sessionExpired | async) === false\"\n        [innerHTML]=\"\n            'foehn-page-expiration-timer.count-down-message'\n                | fromDictionary\n                    : { countDownValue: countDownTimeToDisplay | async }\n        \"\n    ></div>\n    <div\n        *ngIf=\"(sessionExpired | async) === true\"\n        [innerHTML]=\"\n            'foehn-page-expiration-timer.expired-message' | fromDictionary\n        \"\n    ></div>\n</div>\n\n<p class=\"sr-only\" aria-live=\"assertive\" aria-atomic=\"true\">\n    {{ srAnnouncements }}\n</p>\n" }]
+        }], ctorParameters: function () { return [{ type: ApplicationInfoService }, { type: SdkDictionaryService }]; } });
+
 const LEAVING_ALERT_CONTENT = 'Ce changement de page entraine une perte des données non sauvegardées.<br/>Souhaitez-vous quand même continuer ?';
 const LEAVING_ALERT_OK = 'Poursuivre sans sauvegarder';
 const LEAVING_ALERT_CANCEL = 'Retourner à la prestation';
 class FoehnPageComponent {
-    constructor(_titleService, foehnPageService, supportAlertService, foehnNavigationService, applicationInfoService, gesdemEventService, breadcrumbService, router, sessionInfo, foehnPageModalService, sdkDictionaryService, statisticsService) {
+    constructor(_titleService, foehnPageService, supportAlertService, foehnNavigationService, applicationInfoService, gesdemEventService, breadcrumbService, router, sessionInfo, foehnPageModalService, sdkDictionaryService, statisticsService, demandeExpirationService) {
         this._titleService = _titleService;
         this.foehnPageService = foehnPageService;
         this.supportAlertService = supportAlertService;
@@ -6170,6 +6357,7 @@ class FoehnPageComponent {
         this.foehnPageModalService = foehnPageModalService;
         this.sdkDictionaryService = sdkDictionaryService;
         this.statisticsService = statisticsService;
+        this.demandeExpirationService = demandeExpirationService;
         this.supportAlertEnabled = true;
         this.draftsEnabled = false;
         this.userConnectedAsDisplayed = true;
@@ -6214,6 +6402,7 @@ class FoehnPageComponent {
         this.isBrowserSupported = supportedBrowsers.test(navigator.userAgent);
         this.isApplePlatform = /(Mac|iPhone|iPod|iPad)/i.test(navigator.platform);
         statisticsService.track();
+        this.displayDemandeExpirationTimer = this.demandeExpirationService.shouldDisplayExpirationTimerMessage();
     }
     ngOnInit() {
         if (!this.isBrowserSupported) {
@@ -6301,12 +6490,12 @@ class FoehnPageComponent {
         this.pageTitle = title;
     }
 }
-FoehnPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnPageComponent, deps: [{ token: i1$3.Title }, { token: FoehnPageService }, { token: SupportAlertService }, { token: FoehnNavigationService }, { token: ApplicationInfoService }, { token: GesdemEventService }, { token: BreadcrumbEventService }, { token: i1$1.Router }, { token: SessionInfo }, { token: FoehnPageModalService }, { token: SdkDictionaryService }, { token: SdkStatisticsService }], target: i0.ɵɵFactoryTarget.Component });
-FoehnPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FoehnPageComponent, selector: "foehn-page", inputs: { appTitle: "appTitle", footerLinks: "footerLinks", supportAlertEnabled: "supportAlertEnabled", draftsEnabled: "draftsEnabled", supportAlertUrl: "supportAlertUrl", draftsUrl: "draftsUrl", etapeId: "etapeId", userConnectedAsDisplayed: "userConnectedAsDisplayed", statusProgressBarHidden: "statusProgressBarHidden", confirmLeavingAlert: "confirmLeavingAlert", showDefaultContactFooterLink: "showDefaultContactFooterLink", showDefaultGuideFooterLink: "showDefaultGuideFooterLink", showDefaultTermOfUseLink: "showDefaultTermOfUseLink", showDefaultSecurityBestPracticeLink: "showDefaultSecurityBestPracticeLink", routerLinkAppTitle: "routerLinkAppTitle" }, usesOnChanges: true, ngImport: i0, template: "<foehn-header\n    id=\"foehn_header\"\n    [title]=\"appTitle\"\n    [routerLinkAppTitle]=\"routerLinkAppTitle\"\n    [showSecuredAreaLoginButton]=\"showSecuredAreaLoginButton | async\"\n></foehn-header>\n<foehn-growl id=\"foehn_growl\"></foehn-growl>\n<div class=\"vd-bg-pattern-gray\">\n    <div class=\"container\">\n        <foehn-breadcrumb\n            [confirmLeavingAlert]=\"confirmLeavingAlert\"\n        ></foehn-breadcrumb>\n    </div>\n</div>\n<main id=\"main\">\n    <div class=\"vd-bg-pattern-gray\">\n        <div class=\"container\">\n            <!-- Fix annoying flickering when the page loads -->\n            <div class=\"h1 mt-0\" *ngIf=\"!pageTitle\">&nbsp;</div>\n            <h1\n                [tabIndex]=\"-1\"\n                class=\"mt-0\"\n                id=\"page-title\"\n                *ngIf=\"!!pageTitle\"\n                [innerHTML]=\"pageTitle\"\n            ></h1>\n        </div>\n    </div>\n\n    <foehn-status-progress-bar\n        [hidden]=\"\n            statusProgressBarHidden || !!(hasBlockingSupportAlert | async)\n        \"\n    ></foehn-status-progress-bar>\n\n    <section\n        *ngIf=\"!isBrowserSupported\"\n        class=\"container alert alert-danger\"\n        id=\"browser_not_supported_block\"\n        role=\"alert\"\n    >\n        <p class=\"alert-heading\">\n            <strong>\n                {{ 'foehn-page.browser-not-supported' | fromDictionary }}\n            </strong>\n        </p>\n        <p class=\"mb-0\">\n            {{ 'foehn-page.browser-download-invitation' | fromDictionary }}\n            <ng-container *ngIf=\"!isApplePlatform\">\n                <a\n                    [title]=\"browserLinkTitlePrefix + ' Edge'\"\n                    href=\"https://www.microsoft.com/fr-ch/windows/microsoft-edge\"\n                    target=\"_blank\"\n                >\n                    Edge\n                    <span class=\"sr-only\">\n                        {{ 'foehn-page.external-link.srOnly' | fromDictionary }}\n                    </span>\n                    <span aria-hidden=\"true\">\n                        <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n                    </span>\n                </a>\n                ,\n            </ng-container>\n            <ng-container *ngIf=\"isApplePlatform\">\n                <a\n                    [title]=\"browserLinkTitlePrefix + ' Safari'\"\n                    href=\"https://support.apple.com/downloads/safari\"\n                    target=\"_blank\"\n                >\n                    Safari\n                    <span class=\"sr-only\">\n                        {{ 'foehn-page.external-link.srOnly' | fromDictionary }}\n                    </span>\n                    <span aria-hidden=\"true\">\n                        <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n                    </span>\n                </a>\n                ,\n            </ng-container>\n            <a\n                [title]=\"browserLinkTitlePrefix + ' Firefox'\"\n                href=\"https://www.mozilla.org/fr/firefox/\"\n                target=\"_blank\"\n            >\n                Firefox\n                <span class=\"sr-only\">\n                    {{ 'foehn-page.external-link.srOnly' | fromDictionary }}\n                </span>\n                <span aria-hidden=\"true\">\n                    <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n                </span>\n            </a>\n            {{ 'foehn-page.browser-download-list.ou' | fromDictionary }}\n            <a\n                [title]=\"browserLinkTitlePrefix + ' Chrome'\"\n                href=\"https://www.google.com/intl/fr/chrome/\"\n                target=\"_blank\"\n            >\n                Chrome\n                <span class=\"sr-only\">\n                    {{ 'foehn-page.external-link.srOnly' | fromDictionary }}\n                </span>\n                <span aria-hidden=\"true\">\n                    <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n                </span>\n            </a>\n            .\n        </p>\n        <div class=\"row mt-3\">\n            <div class=\"col-md-12\">\n                <button\n                    id=\"browser_not_supported_bypass\"\n                    class=\"float-right btn btn-danger\"\n                    *ngIf=\"!browserNotSupportedBypass\"\n                    (click)=\"browserNotSupportedBypass = true\"\n                >\n                    {{\n                        'foehn-page.continue-with-same-browser' | fromDictionary\n                    }}\n                </button>\n            </div>\n        </div>\n    </section>\n\n    <sdk-support-alert-container\n        *ngIf=\"supportAlertEnabled\"\n        [etapeId]=\"etapeId\"\n        [supportAlertUrl]=\"supportAlertUrl\"\n    ></sdk-support-alert-container>\n    <sdk-drafts-container\n        *ngIf=\"draftsEnabled\"\n        [etapeId]=\"etapeId\"\n        [draftsUrl]=\"draftsUrl\"\n    ></sdk-drafts-container>\n    <ng-container\n        *ngIf=\"\n            !(hasBlockingSupportAlert | async) &&\n            (isBrowserSupported || browserNotSupportedBypass)\n        \"\n    >\n        <div class=\"container mt-5\" id=\"page_content\">\n            <foehn-user-connected-as\n                *ngIf=\"displayUserCategory | async\"\n            ></foehn-user-connected-as>\n        </div>\n        <ng-content></ng-content>\n    </ng-container>\n</main>\n<foehn-footer\n    id=\"foehn_footer\"\n    [links]=\"footerLinks\"\n    [showDefaultContactLink]=\"showDefaultContactFooterLink\"\n    [showDefaultGuideLink]=\"showDefaultGuideFooterLink\"\n    [showDefaultTermOfUseLink]=\"showDefaultTermOfUseLink\"\n    [showDefaultSecurityBestPracticeLink]=\"showDefaultSecurityBestPracticeLink\"\n></foehn-footer>\n<foehn-page-modal></foehn-page-modal>\n<foehn-confirm-modal></foehn-confirm-modal>\n", styles: ["#loginAndContinueButton{text-decoration:underline}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DraftsContainerComponent, selector: "sdk-drafts-container", inputs: ["etapeId", "draftsUrl"] }, { kind: "component", type: FoehnBreadcrumbComponent, selector: "foehn-breadcrumb", inputs: ["breadcrumbItems", "currentNav", "confirmLeavingAlert"] }, { kind: "component", type: FoehnGrowlComponent, selector: "foehn-growl" }, { kind: "component", type: FoehnHeaderComponent, selector: "foehn-header", inputs: ["title", "showSecuredAreaLoginButton", "routerLinkAppTitle", "userInfo"] }, { kind: "component", type: FoehnFooterComponent, selector: "foehn-footer", inputs: ["links", "showDefaultContactLink", "showDefaultGuideLink", "showDefaultTermOfUseLink", "showDefaultSecurityBestPracticeLink"] }, { kind: "component", type: FoehnUserConnectedAsComponent, selector: "foehn-user-connected-as" }, { kind: "component", type: SupportAlertContainerComponent, selector: "sdk-support-alert-container", inputs: ["etapeId", "supportAlertUrl"] }, { kind: "component", type: FoehnConfirmModalComponent, selector: "foehn-confirm-modal" }, { kind: "component", type: FoehnIconExternalLinkAltComponent, selector: "foehn-icon-external-link-alt" }, { kind: "component", type: FoehnStatusProgressBarComponent, selector: "foehn-status-progress-bar", inputs: ["hidden"] }, { kind: "component", type: FoehnPageModalComponent, selector: "foehn-page-modal" }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: SdkDictionaryPipe, name: "fromDictionary" }] });
+FoehnPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnPageComponent, deps: [{ token: i1$3.Title }, { token: FoehnPageService }, { token: SupportAlertService }, { token: FoehnNavigationService }, { token: ApplicationInfoService }, { token: GesdemEventService }, { token: BreadcrumbEventService }, { token: i1$1.Router }, { token: SessionInfo }, { token: FoehnPageModalService }, { token: SdkDictionaryService }, { token: SdkStatisticsService }, { token: DemandeExpirationService }], target: i0.ɵɵFactoryTarget.Component });
+FoehnPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FoehnPageComponent, selector: "foehn-page", inputs: { appTitle: "appTitle", footerLinks: "footerLinks", supportAlertEnabled: "supportAlertEnabled", draftsEnabled: "draftsEnabled", supportAlertUrl: "supportAlertUrl", draftsUrl: "draftsUrl", etapeId: "etapeId", userConnectedAsDisplayed: "userConnectedAsDisplayed", statusProgressBarHidden: "statusProgressBarHidden", confirmLeavingAlert: "confirmLeavingAlert", showDefaultContactFooterLink: "showDefaultContactFooterLink", showDefaultGuideFooterLink: "showDefaultGuideFooterLink", showDefaultTermOfUseLink: "showDefaultTermOfUseLink", showDefaultSecurityBestPracticeLink: "showDefaultSecurityBestPracticeLink", routerLinkAppTitle: "routerLinkAppTitle" }, usesOnChanges: true, ngImport: i0, template: "<foehn-page-expiration-timer\n    *ngIf=\"(displayDemandeExpirationTimer | async) === true\"\n></foehn-page-expiration-timer>\n<foehn-header\n    id=\"foehn_header\"\n    [title]=\"appTitle\"\n    [routerLinkAppTitle]=\"routerLinkAppTitle\"\n    [showSecuredAreaLoginButton]=\"showSecuredAreaLoginButton | async\"\n></foehn-header>\n<foehn-growl id=\"foehn_growl\"></foehn-growl>\n<div class=\"vd-bg-pattern-gray\">\n    <div class=\"container\">\n        <foehn-breadcrumb\n            [confirmLeavingAlert]=\"confirmLeavingAlert\"\n        ></foehn-breadcrumb>\n    </div>\n</div>\n<main id=\"main\">\n    <div class=\"vd-bg-pattern-gray\">\n        <div class=\"container\">\n            <!-- Fix annoying flickering when the page loads -->\n            <div class=\"h1 mt-0\" *ngIf=\"!pageTitle\">&nbsp;</div>\n            <h1\n                [tabIndex]=\"-1\"\n                class=\"mt-0\"\n                id=\"page-title\"\n                *ngIf=\"!!pageTitle\"\n                [innerHTML]=\"pageTitle\"\n            ></h1>\n        </div>\n    </div>\n\n    <foehn-status-progress-bar\n        [hidden]=\"\n            statusProgressBarHidden || !!(hasBlockingSupportAlert | async)\n        \"\n    ></foehn-status-progress-bar>\n\n    <section\n        *ngIf=\"!isBrowserSupported\"\n        class=\"container alert alert-danger\"\n        id=\"browser_not_supported_block\"\n        role=\"alert\"\n    >\n        <p class=\"alert-heading\">\n            <strong>\n                {{ 'foehn-page.browser-not-supported' | fromDictionary }}\n            </strong>\n        </p>\n        <p class=\"mb-0\">\n            {{ 'foehn-page.browser-download-invitation' | fromDictionary }}\n            <ng-container *ngIf=\"!isApplePlatform\">\n                <a\n                    [title]=\"browserLinkTitlePrefix + ' Edge'\"\n                    href=\"https://www.microsoft.com/fr-ch/windows/microsoft-edge\"\n                    target=\"_blank\"\n                >\n                    Edge\n                    <span class=\"sr-only\">\n                        {{ 'foehn-page.external-link.srOnly' | fromDictionary }}\n                    </span>\n                    <span aria-hidden=\"true\">\n                        <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n                    </span>\n                </a>\n                ,\n            </ng-container>\n            <ng-container *ngIf=\"isApplePlatform\">\n                <a\n                    [title]=\"browserLinkTitlePrefix + ' Safari'\"\n                    href=\"https://support.apple.com/downloads/safari\"\n                    target=\"_blank\"\n                >\n                    Safari\n                    <span class=\"sr-only\">\n                        {{ 'foehn-page.external-link.srOnly' | fromDictionary }}\n                    </span>\n                    <span aria-hidden=\"true\">\n                        <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n                    </span>\n                </a>\n                ,\n            </ng-container>\n            <a\n                [title]=\"browserLinkTitlePrefix + ' Firefox'\"\n                href=\"https://www.mozilla.org/fr/firefox/\"\n                target=\"_blank\"\n            >\n                Firefox\n                <span class=\"sr-only\">\n                    {{ 'foehn-page.external-link.srOnly' | fromDictionary }}\n                </span>\n                <span aria-hidden=\"true\">\n                    <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n                </span>\n            </a>\n            {{ 'foehn-page.browser-download-list.ou' | fromDictionary }}\n            <a\n                [title]=\"browserLinkTitlePrefix + ' Chrome'\"\n                href=\"https://www.google.com/intl/fr/chrome/\"\n                target=\"_blank\"\n            >\n                Chrome\n                <span class=\"sr-only\">\n                    {{ 'foehn-page.external-link.srOnly' | fromDictionary }}\n                </span>\n                <span aria-hidden=\"true\">\n                    <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n                </span>\n            </a>\n            .\n        </p>\n        <div class=\"row mt-3\">\n            <div class=\"col-md-12\">\n                <button\n                    id=\"browser_not_supported_bypass\"\n                    class=\"float-right btn btn-danger\"\n                    *ngIf=\"!browserNotSupportedBypass\"\n                    (click)=\"browserNotSupportedBypass = true\"\n                >\n                    {{\n                        'foehn-page.continue-with-same-browser' | fromDictionary\n                    }}\n                </button>\n            </div>\n        </div>\n    </section>\n\n    <sdk-support-alert-container\n        *ngIf=\"supportAlertEnabled\"\n        [etapeId]=\"etapeId\"\n        [supportAlertUrl]=\"supportAlertUrl\"\n    ></sdk-support-alert-container>\n    <sdk-drafts-container\n        *ngIf=\"draftsEnabled\"\n        [etapeId]=\"etapeId\"\n        [draftsUrl]=\"draftsUrl\"\n    ></sdk-drafts-container>\n    <ng-container\n        *ngIf=\"\n            !(hasBlockingSupportAlert | async) &&\n            (isBrowserSupported || browserNotSupportedBypass)\n        \"\n    >\n        <div class=\"container mt-5\" id=\"page_content\">\n            <foehn-user-connected-as\n                *ngIf=\"displayUserCategory | async\"\n            ></foehn-user-connected-as>\n        </div>\n        <ng-content></ng-content>\n    </ng-container>\n</main>\n<foehn-footer\n    id=\"foehn_footer\"\n    [links]=\"footerLinks\"\n    [showDefaultContactLink]=\"showDefaultContactFooterLink\"\n    [showDefaultGuideLink]=\"showDefaultGuideFooterLink\"\n    [showDefaultTermOfUseLink]=\"showDefaultTermOfUseLink\"\n    [showDefaultSecurityBestPracticeLink]=\"showDefaultSecurityBestPracticeLink\"\n></foehn-footer>\n<foehn-page-modal></foehn-page-modal>\n<foehn-confirm-modal></foehn-confirm-modal>\n", styles: ["#loginAndContinueButton{text-decoration:underline}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DraftsContainerComponent, selector: "sdk-drafts-container", inputs: ["etapeId", "draftsUrl"] }, { kind: "component", type: FoehnBreadcrumbComponent, selector: "foehn-breadcrumb", inputs: ["breadcrumbItems", "currentNav", "confirmLeavingAlert"] }, { kind: "component", type: FoehnGrowlComponent, selector: "foehn-growl" }, { kind: "component", type: FoehnHeaderComponent, selector: "foehn-header", inputs: ["title", "showSecuredAreaLoginButton", "routerLinkAppTitle", "userInfo"] }, { kind: "component", type: FoehnFooterComponent, selector: "foehn-footer", inputs: ["links", "showDefaultContactLink", "showDefaultGuideLink", "showDefaultTermOfUseLink", "showDefaultSecurityBestPracticeLink"] }, { kind: "component", type: FoehnUserConnectedAsComponent, selector: "foehn-user-connected-as" }, { kind: "component", type: SupportAlertContainerComponent, selector: "sdk-support-alert-container", inputs: ["etapeId", "supportAlertUrl"] }, { kind: "component", type: FoehnConfirmModalComponent, selector: "foehn-confirm-modal" }, { kind: "component", type: FoehnIconExternalLinkAltComponent, selector: "foehn-icon-external-link-alt" }, { kind: "component", type: FoehnStatusProgressBarComponent, selector: "foehn-status-progress-bar", inputs: ["hidden"] }, { kind: "component", type: FoehnPageModalComponent, selector: "foehn-page-modal" }, { kind: "component", type: FoehnPageExpirationTimerComponent, selector: "foehn-page-expiration-timer" }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: SdkDictionaryPipe, name: "fromDictionary" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnPageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'foehn-page', template: "<foehn-header\n    id=\"foehn_header\"\n    [title]=\"appTitle\"\n    [routerLinkAppTitle]=\"routerLinkAppTitle\"\n    [showSecuredAreaLoginButton]=\"showSecuredAreaLoginButton | async\"\n></foehn-header>\n<foehn-growl id=\"foehn_growl\"></foehn-growl>\n<div class=\"vd-bg-pattern-gray\">\n    <div class=\"container\">\n        <foehn-breadcrumb\n            [confirmLeavingAlert]=\"confirmLeavingAlert\"\n        ></foehn-breadcrumb>\n    </div>\n</div>\n<main id=\"main\">\n    <div class=\"vd-bg-pattern-gray\">\n        <div class=\"container\">\n            <!-- Fix annoying flickering when the page loads -->\n            <div class=\"h1 mt-0\" *ngIf=\"!pageTitle\">&nbsp;</div>\n            <h1\n                [tabIndex]=\"-1\"\n                class=\"mt-0\"\n                id=\"page-title\"\n                *ngIf=\"!!pageTitle\"\n                [innerHTML]=\"pageTitle\"\n            ></h1>\n        </div>\n    </div>\n\n    <foehn-status-progress-bar\n        [hidden]=\"\n            statusProgressBarHidden || !!(hasBlockingSupportAlert | async)\n        \"\n    ></foehn-status-progress-bar>\n\n    <section\n        *ngIf=\"!isBrowserSupported\"\n        class=\"container alert alert-danger\"\n        id=\"browser_not_supported_block\"\n        role=\"alert\"\n    >\n        <p class=\"alert-heading\">\n            <strong>\n                {{ 'foehn-page.browser-not-supported' | fromDictionary }}\n            </strong>\n        </p>\n        <p class=\"mb-0\">\n            {{ 'foehn-page.browser-download-invitation' | fromDictionary }}\n            <ng-container *ngIf=\"!isApplePlatform\">\n                <a\n                    [title]=\"browserLinkTitlePrefix + ' Edge'\"\n                    href=\"https://www.microsoft.com/fr-ch/windows/microsoft-edge\"\n                    target=\"_blank\"\n                >\n                    Edge\n                    <span class=\"sr-only\">\n                        {{ 'foehn-page.external-link.srOnly' | fromDictionary }}\n                    </span>\n                    <span aria-hidden=\"true\">\n                        <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n                    </span>\n                </a>\n                ,\n            </ng-container>\n            <ng-container *ngIf=\"isApplePlatform\">\n                <a\n                    [title]=\"browserLinkTitlePrefix + ' Safari'\"\n                    href=\"https://support.apple.com/downloads/safari\"\n                    target=\"_blank\"\n                >\n                    Safari\n                    <span class=\"sr-only\">\n                        {{ 'foehn-page.external-link.srOnly' | fromDictionary }}\n                    </span>\n                    <span aria-hidden=\"true\">\n                        <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n                    </span>\n                </a>\n                ,\n            </ng-container>\n            <a\n                [title]=\"browserLinkTitlePrefix + ' Firefox'\"\n                href=\"https://www.mozilla.org/fr/firefox/\"\n                target=\"_blank\"\n            >\n                Firefox\n                <span class=\"sr-only\">\n                    {{ 'foehn-page.external-link.srOnly' | fromDictionary }}\n                </span>\n                <span aria-hidden=\"true\">\n                    <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n                </span>\n            </a>\n            {{ 'foehn-page.browser-download-list.ou' | fromDictionary }}\n            <a\n                [title]=\"browserLinkTitlePrefix + ' Chrome'\"\n                href=\"https://www.google.com/intl/fr/chrome/\"\n                target=\"_blank\"\n            >\n                Chrome\n                <span class=\"sr-only\">\n                    {{ 'foehn-page.external-link.srOnly' | fromDictionary }}\n                </span>\n                <span aria-hidden=\"true\">\n                    <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n                </span>\n            </a>\n            .\n        </p>\n        <div class=\"row mt-3\">\n            <div class=\"col-md-12\">\n                <button\n                    id=\"browser_not_supported_bypass\"\n                    class=\"float-right btn btn-danger\"\n                    *ngIf=\"!browserNotSupportedBypass\"\n                    (click)=\"browserNotSupportedBypass = true\"\n                >\n                    {{\n                        'foehn-page.continue-with-same-browser' | fromDictionary\n                    }}\n                </button>\n            </div>\n        </div>\n    </section>\n\n    <sdk-support-alert-container\n        *ngIf=\"supportAlertEnabled\"\n        [etapeId]=\"etapeId\"\n        [supportAlertUrl]=\"supportAlertUrl\"\n    ></sdk-support-alert-container>\n    <sdk-drafts-container\n        *ngIf=\"draftsEnabled\"\n        [etapeId]=\"etapeId\"\n        [draftsUrl]=\"draftsUrl\"\n    ></sdk-drafts-container>\n    <ng-container\n        *ngIf=\"\n            !(hasBlockingSupportAlert | async) &&\n            (isBrowserSupported || browserNotSupportedBypass)\n        \"\n    >\n        <div class=\"container mt-5\" id=\"page_content\">\n            <foehn-user-connected-as\n                *ngIf=\"displayUserCategory | async\"\n            ></foehn-user-connected-as>\n        </div>\n        <ng-content></ng-content>\n    </ng-container>\n</main>\n<foehn-footer\n    id=\"foehn_footer\"\n    [links]=\"footerLinks\"\n    [showDefaultContactLink]=\"showDefaultContactFooterLink\"\n    [showDefaultGuideLink]=\"showDefaultGuideFooterLink\"\n    [showDefaultTermOfUseLink]=\"showDefaultTermOfUseLink\"\n    [showDefaultSecurityBestPracticeLink]=\"showDefaultSecurityBestPracticeLink\"\n></foehn-footer>\n<foehn-page-modal></foehn-page-modal>\n<foehn-confirm-modal></foehn-confirm-modal>\n", styles: ["#loginAndContinueButton{text-decoration:underline}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$3.Title }, { type: FoehnPageService }, { type: SupportAlertService }, { type: FoehnNavigationService }, { type: ApplicationInfoService }, { type: GesdemEventService }, { type: BreadcrumbEventService }, { type: i1$1.Router }, { type: SessionInfo }, { type: FoehnPageModalService }, { type: SdkDictionaryService }, { type: SdkStatisticsService }]; }, propDecorators: { appTitle: [{
+            args: [{ selector: 'foehn-page', template: "<foehn-page-expiration-timer\n    *ngIf=\"(displayDemandeExpirationTimer | async) === true\"\n></foehn-page-expiration-timer>\n<foehn-header\n    id=\"foehn_header\"\n    [title]=\"appTitle\"\n    [routerLinkAppTitle]=\"routerLinkAppTitle\"\n    [showSecuredAreaLoginButton]=\"showSecuredAreaLoginButton | async\"\n></foehn-header>\n<foehn-growl id=\"foehn_growl\"></foehn-growl>\n<div class=\"vd-bg-pattern-gray\">\n    <div class=\"container\">\n        <foehn-breadcrumb\n            [confirmLeavingAlert]=\"confirmLeavingAlert\"\n        ></foehn-breadcrumb>\n    </div>\n</div>\n<main id=\"main\">\n    <div class=\"vd-bg-pattern-gray\">\n        <div class=\"container\">\n            <!-- Fix annoying flickering when the page loads -->\n            <div class=\"h1 mt-0\" *ngIf=\"!pageTitle\">&nbsp;</div>\n            <h1\n                [tabIndex]=\"-1\"\n                class=\"mt-0\"\n                id=\"page-title\"\n                *ngIf=\"!!pageTitle\"\n                [innerHTML]=\"pageTitle\"\n            ></h1>\n        </div>\n    </div>\n\n    <foehn-status-progress-bar\n        [hidden]=\"\n            statusProgressBarHidden || !!(hasBlockingSupportAlert | async)\n        \"\n    ></foehn-status-progress-bar>\n\n    <section\n        *ngIf=\"!isBrowserSupported\"\n        class=\"container alert alert-danger\"\n        id=\"browser_not_supported_block\"\n        role=\"alert\"\n    >\n        <p class=\"alert-heading\">\n            <strong>\n                {{ 'foehn-page.browser-not-supported' | fromDictionary }}\n            </strong>\n        </p>\n        <p class=\"mb-0\">\n            {{ 'foehn-page.browser-download-invitation' | fromDictionary }}\n            <ng-container *ngIf=\"!isApplePlatform\">\n                <a\n                    [title]=\"browserLinkTitlePrefix + ' Edge'\"\n                    href=\"https://www.microsoft.com/fr-ch/windows/microsoft-edge\"\n                    target=\"_blank\"\n                >\n                    Edge\n                    <span class=\"sr-only\">\n                        {{ 'foehn-page.external-link.srOnly' | fromDictionary }}\n                    </span>\n                    <span aria-hidden=\"true\">\n                        <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n                    </span>\n                </a>\n                ,\n            </ng-container>\n            <ng-container *ngIf=\"isApplePlatform\">\n                <a\n                    [title]=\"browserLinkTitlePrefix + ' Safari'\"\n                    href=\"https://support.apple.com/downloads/safari\"\n                    target=\"_blank\"\n                >\n                    Safari\n                    <span class=\"sr-only\">\n                        {{ 'foehn-page.external-link.srOnly' | fromDictionary }}\n                    </span>\n                    <span aria-hidden=\"true\">\n                        <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n                    </span>\n                </a>\n                ,\n            </ng-container>\n            <a\n                [title]=\"browserLinkTitlePrefix + ' Firefox'\"\n                href=\"https://www.mozilla.org/fr/firefox/\"\n                target=\"_blank\"\n            >\n                Firefox\n                <span class=\"sr-only\">\n                    {{ 'foehn-page.external-link.srOnly' | fromDictionary }}\n                </span>\n                <span aria-hidden=\"true\">\n                    <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n                </span>\n            </a>\n            {{ 'foehn-page.browser-download-list.ou' | fromDictionary }}\n            <a\n                [title]=\"browserLinkTitlePrefix + ' Chrome'\"\n                href=\"https://www.google.com/intl/fr/chrome/\"\n                target=\"_blank\"\n            >\n                Chrome\n                <span class=\"sr-only\">\n                    {{ 'foehn-page.external-link.srOnly' | fromDictionary }}\n                </span>\n                <span aria-hidden=\"true\">\n                    <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n                </span>\n            </a>\n            .\n        </p>\n        <div class=\"row mt-3\">\n            <div class=\"col-md-12\">\n                <button\n                    id=\"browser_not_supported_bypass\"\n                    class=\"float-right btn btn-danger\"\n                    *ngIf=\"!browserNotSupportedBypass\"\n                    (click)=\"browserNotSupportedBypass = true\"\n                >\n                    {{\n                        'foehn-page.continue-with-same-browser' | fromDictionary\n                    }}\n                </button>\n            </div>\n        </div>\n    </section>\n\n    <sdk-support-alert-container\n        *ngIf=\"supportAlertEnabled\"\n        [etapeId]=\"etapeId\"\n        [supportAlertUrl]=\"supportAlertUrl\"\n    ></sdk-support-alert-container>\n    <sdk-drafts-container\n        *ngIf=\"draftsEnabled\"\n        [etapeId]=\"etapeId\"\n        [draftsUrl]=\"draftsUrl\"\n    ></sdk-drafts-container>\n    <ng-container\n        *ngIf=\"\n            !(hasBlockingSupportAlert | async) &&\n            (isBrowserSupported || browserNotSupportedBypass)\n        \"\n    >\n        <div class=\"container mt-5\" id=\"page_content\">\n            <foehn-user-connected-as\n                *ngIf=\"displayUserCategory | async\"\n            ></foehn-user-connected-as>\n        </div>\n        <ng-content></ng-content>\n    </ng-container>\n</main>\n<foehn-footer\n    id=\"foehn_footer\"\n    [links]=\"footerLinks\"\n    [showDefaultContactLink]=\"showDefaultContactFooterLink\"\n    [showDefaultGuideLink]=\"showDefaultGuideFooterLink\"\n    [showDefaultTermOfUseLink]=\"showDefaultTermOfUseLink\"\n    [showDefaultSecurityBestPracticeLink]=\"showDefaultSecurityBestPracticeLink\"\n></foehn-footer>\n<foehn-page-modal></foehn-page-modal>\n<foehn-confirm-modal></foehn-confirm-modal>\n", styles: ["#loginAndContinueButton{text-decoration:underline}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1$3.Title }, { type: FoehnPageService }, { type: SupportAlertService }, { type: FoehnNavigationService }, { type: ApplicationInfoService }, { type: GesdemEventService }, { type: BreadcrumbEventService }, { type: i1$1.Router }, { type: SessionInfo }, { type: FoehnPageModalService }, { type: SdkDictionaryService }, { type: SdkStatisticsService }, { type: DemandeExpirationService }]; }, propDecorators: { appTitle: [{
                 type: Input
             }], footerLinks: [{
                 type: Input
@@ -7869,12 +8058,66 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                 type: Input
             }] } });
 
+class DemandeExpirationInterceptor {
+    constructor(demandeExpirationService) {
+        this.demandeExpirationService = demandeExpirationService;
+    }
+    intercept(request, next) {
+        return next.handle(request).pipe(tap$1((httpEvent) => {
+            if (httpEvent.type === HttpEventType.Sent) {
+                return;
+            }
+            if (httpEvent instanceof HttpResponse) {
+                if (httpEvent.headers.has('Demande-Expiration')) {
+                    this.manageDemandeExpirationHeader(httpEvent.headers.get('Demande-Expiration'), 
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    httpEvent.body);
+                }
+            }
+        }));
+    }
+    manageDemandeExpirationHeader(expirationByDemande, 
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    formPostResponse) {
+        const expirationByDemandeMap = this.getExpirationByDemandeMap(expirationByDemande);
+        if (!!formPostResponse.meta) {
+            const dateTime = expirationByDemandeMap.get(formPostResponse.meta.reference);
+            this.demandeExpirationService.setDemandeExpirationDateTime(dayjs(dateTime));
+        }
+    }
+    getExpirationByDemandeMap(expirationByDemande) {
+        const myMap = new Map();
+        const expirationByDemandesAsArray = expirationByDemande.split(';');
+        expirationByDemandesAsArray.forEach(value => {
+            const valueAsArray = value.split(',');
+            myMap.set(valueAsArray[0], new Date(valueAsArray[1]));
+        });
+        return myMap;
+    }
+}
+DemandeExpirationInterceptor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DemandeExpirationInterceptor, deps: [{ token: DemandeExpirationService }], target: i0.ɵɵFactoryTarget.Injectable });
+DemandeExpirationInterceptor.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DemandeExpirationInterceptor, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DemandeExpirationInterceptor, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: DemandeExpirationService }]; } });
+const DEMANDE_EXPIRATION_INTERCEPTOR_PROVIDER = [
+    {
+        provide: HTTP_INTERCEPTORS,
+        useExisting: DemandeExpirationInterceptor,
+        multi: true
+    }
+];
+
 class FoehnPageModule {
 }
 FoehnPageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnPageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
 FoehnPageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: FoehnPageModule, declarations: [FoehnPageComponent,
         FoehnPageCounterComponent,
-        FoehnPageModalComponent], imports: [CommonModule,
+        FoehnPageModalComponent,
+        FoehnPageExpirationTimerComponent], imports: [CommonModule,
         DraftsModule,
         FoehnBreadcrumbModule,
         FoehnGrowlModule,
@@ -7888,8 +8131,9 @@ FoehnPageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version
         SdkDictionaryModule,
         FoehnStatusProgressBarModule], exports: [FoehnPageComponent,
         FoehnPageCounterComponent,
-        FoehnPageModalComponent] });
-FoehnPageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnPageModule, imports: [CommonModule,
+        FoehnPageModalComponent,
+        FoehnPageExpirationTimerComponent] });
+FoehnPageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnPageModule, providers: [DEMANDE_EXPIRATION_INTERCEPTOR_PROVIDER], imports: [CommonModule,
         DraftsModule,
         FoehnBreadcrumbModule,
         FoehnGrowlModule,
@@ -7923,13 +8167,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                     declarations: [
                         FoehnPageComponent,
                         FoehnPageCounterComponent,
-                        FoehnPageModalComponent
+                        FoehnPageModalComponent,
+                        FoehnPageExpirationTimerComponent
                     ],
                     exports: [
                         FoehnPageComponent,
                         FoehnPageCounterComponent,
-                        FoehnPageModalComponent
-                    ]
+                        FoehnPageModalComponent,
+                        FoehnPageExpirationTimerComponent
+                    ],
+                    providers: [DEMANDE_EXPIRATION_INTERCEPTOR_PROVIDER]
                 }]
         }] });
 
@@ -11196,7 +11443,7 @@ class RepriseInfo {
 }
 
 class GesdemActionRecoveryRegistrationComponent {
-    constructor(actionRecoveryService, validationHandler, foehnPageService, gesdemEventService, gesdemService, appInfoService, sessionInfoService) {
+    constructor(actionRecoveryService, validationHandler, foehnPageService, gesdemEventService, gesdemService, appInfoService, sessionInfoService, router) {
         this.actionRecoveryService = actionRecoveryService;
         this.validationHandler = validationHandler;
         this.foehnPageService = foehnPageService;
@@ -11204,7 +11451,8 @@ class GesdemActionRecoveryRegistrationComponent {
         this.gesdemService = gesdemService;
         this.appInfoService = appInfoService;
         this.sessionInfoService = sessionInfoService;
-        this.triggerOnFirstSave = false;
+        this.router = router;
+        this.triggerOnPageChange = false;
         this.model = new RepriseInfo();
         this.mailSent = false;
         this.isVisible = false;
@@ -11225,46 +11473,72 @@ class GesdemActionRecoveryRegistrationComponent {
             this.isConnectedCyber,
             isConnectedIamAcv
         ]).pipe(map(([currentEtapeInfo, isConnectedCyber, connectedIamAcv]) => this.canContinueLaterForEtape(currentEtapeInfo, isConnectedCyber, connectedIamAcv)));
-        this.gesdemEventService
-            .formInitializationObservable()
-            .pipe(startWith(null), pairwise(), map(([previous, current]) => {
-            const previousResponse = previous;
-            const currentResponse = current;
-            return (!previousResponse?.meta?.reference &&
-                currentResponse?.meta?.reference !==
-                    previousResponse?.meta?.reference);
-        }), filter(() => !!this.gesdemService.lastResponse?.meta?.reference), take(1), switchMap(() => this.canContinueLater.pipe(first())))
-            // eslint-disable-next-line rxjs-angular/prefer-async-pipe
-            .subscribe(canContinueLater => {
-            if (this.triggerOnFirstSave && canContinueLater) {
-                this.open();
+        this.modalTriggerLabel = combineLatest([
+            this.currentInfoReprise.pipe(map(repriseInfo => !!repriseInfo), distinctUntilChanged()),
+            this.isConnectedCyber
+        ]).pipe(map(([hasInfoReprise, isConnectedCyber]) => {
+            if (isConnectedCyber) {
+                return this.continueLaterConnectedLabel;
             }
-        });
+            if (hasInfoReprise) {
+                return this.continueLaterAlreadyRegisteredLabel;
+            }
+            return this.continueLaterLabel;
+        }));
+        if (this.triggerOnPageChange) {
+            let recoverySuggested = false;
+            this.triggerAutomaticallySub = combineLatest([
+                this.canContinueLater.pipe(first()),
+                this.currentInfoReprise.pipe(map(repriseInfo => !!repriseInfo), distinctUntilChanged()),
+                this.isConnectedCyber,
+                this.router.events.pipe(filter(e => e instanceof NavigationStart))
+                // eslint-disable-next-line rxjs-angular/prefer-async-pipe
+            ]).subscribe(([canContinueLater, hasInfoReprise, isConnectedCyber]) => {
+                if (isConnectedCyber) {
+                    return;
+                }
+                const hasBeenSaved = !!this.gesdemService.lastResponse?.meta
+                    ?.reference;
+                if (canContinueLater &&
+                    !hasInfoReprise &&
+                    hasBeenSaved &&
+                    !recoverySuggested) {
+                    this.router.navigate([]); // prevent navigation to next page
+                    this.openModal(false);
+                    recoverySuggested = true;
+                }
+            });
+        }
     }
-    open() {
+    ngOnDestroy() {
+        this.triggerAutomaticallySub?.unsubscribe();
+    }
+    saveAndOpenModal() {
         this.gesdemEventService
             .formSentObservable()
             .pipe(first(), filter(resp => !!resp.meta.reference), switchMap(() => this.isConnectedCyber))
             // eslint-disable-next-line rxjs-angular/prefer-async-pipe
             .subscribe(isConnectedCyber => {
-            this.mailSent = false;
-            this.isVisible = true;
-            if (!isConnectedCyber) {
-                combineLatest([
-                    this.actionRecoveryService.getDefaultRecoveryValue(this.reference),
-                    this.currentInfoReprise
-                ]) // eslint-disable-next-line rxjs/no-nested-subscribe,rxjs-angular/prefer-async-pipe
-                    .subscribe(([defaultRepriseInfo, currentRepriseInfo]) => {
-                    this.model =
-                        currentRepriseInfo || defaultRepriseInfo;
-                });
-            }
-            else {
-                this.model = null;
-            }
+            this.openModal(isConnectedCyber);
         });
         this.foehnPageService.requestFormSave();
     }
+    openModal(isConnectedCyber) {
+        this.mailSent = false;
+        this.isVisible = true;
+        if (!isConnectedCyber) {
+            combineLatest([
+                this.actionRecoveryService.getDefaultRecoveryValue(this.reference),
+                this.currentInfoReprise
+            ]) // eslint-disable-next-line rxjs-angular/prefer-async-pipe
+                .subscribe(([defaultRepriseInfo, currentRepriseInfo]) => {
+                this.model = currentRepriseInfo || defaultRepriseInfo;
+            });
+        }
+        else {
+            this.model = null;
+        }
+    }
     close() {
         this.updateVisibilityStatus(false);
     }
@@ -11318,14 +11592,18 @@ class GesdemActionRecoveryRegistrationComponent {
                 currentEtapeInfo.idMetierPrestation);
     }
 }
-GesdemActionRecoveryRegistrationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", 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: "14.0.0", version: "15.2.9", type: GesdemActionRecoveryRegistrationComponent, selector: "gesdem-action-recovery-registration", inputs: { continueLaterLabel: "continueLaterLabel", triggerOnFirstSave: "triggerOnFirstSave" }, 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<ng-container *ngIf=\"currentInfoReprise | async as currentInfo\">\n    <div\n        class=\"small\"\n        [innerHTML]=\"\n            'gesdem-action-recovery-registration.current-info.preview'\n                | fromDictionary\n                    : {\n                          recoveryMail: currentInfo.email,\n                          lastRegistration:\n                              (currentInfo.lastUpdate | displayDate)\n                      }\n        \"\n    ></div>\n</ng-container>\n\n<foehn-modal\n    *ngIf=\"currentEtapeInfo | async as etapeInfo\"\n    id=\"action-recovery-registration-modal\"\n    [modalSize]=\"!(isConnectedCyber | async) ? 'modal-lg' : 'modal-md'\"\n    [modalHeaderText]=\"\n        'gesdem-action-recovery-registration.modalHeaderText' | fromDictionary\n    \"\n    [isModalVisible]=\"isModalVisible\"\n    (isModalVisibleChange)=\"updateVisibilityStatus($event)\"\n>\n    <ng-container *ngIf=\"!!(isConnectedCyber | async)\">\n        <span\n            [innerHTML]=\"\n                'gesdem-action-recovery-registration.connected.info'\n                    | fromDictionary\n            \"\n        ></span>\n\n        <a href=\"/100002/demandes/search/MINE/INITIAL\">\n            <foehn-icon-pencil\n                class=\"h3\"\n                aria-hidden=\"true\"\n                [title]=\"\n                    'gesdem-action-recovery-registration.connected.info.draft-link-text'\n                        | fromDictionary\n                \"\n            ></foehn-icon-pencil>\n            <span\n                [innerHTML]=\"\n                    'gesdem-action-recovery-registration.connected.info.draft-link-text'\n                        | fromDictionary\n                \"\n            ></span>\n        </a>\n    </ng-container>\n\n    <ng-container *ngIf=\"!(isConnectedCyber | async)\">\n        <ng-container\n            *ngIf=\"\n                currentInfoReprise | async as currentInfo;\n                else noCurrentInfo\n            \"\n        >\n            <div\n                class=\"alert alert-info\"\n                *ngIf=\"!mailSent\"\n                [innerHTML]=\"\n                    'gesdem-action-recovery-registration.not-connected.current-info'\n                        | fromDictionary\n                            : {\n                                  lastRegistration:\n                                      (currentInfo.lastUpdate | displayDate),\n                                  draftDemRetentionDaysPublic: etapeInfo.draftDemRetentionDaysPublic?.toString()\n                              }\n                \"\n            ></div>\n\n            <div\n                class=\"alert alert-info\"\n                *ngIf=\"mailSent\"\n                [innerHTML]=\"\n                    'gesdem-action-recovery-registration.not-connected.info.sent'\n                        | fromDictionary\n                            : {\n                                  recoveryMail: currentInfo.email,\n                                  recoveryMobile: currentInfo.mobile,\n                                  draftDemRetentionDaysPublic: etapeInfo.draftDemRetentionDaysPublic?.toString()\n                              }\n                \"\n            ></div>\n        </ng-container>\n\n        <foehn-form *ngIf=\"!mailSent\" [shouldDisplayAlertSummary]=\"false\">\n            <foehn-input-email\n                [label]=\"\n                    'gesdem-action-recovery-registration.not-connected.email.label'\n                        | fromDictionary\n                \"\n                [helpText]=\"\n                    'gesdem-action-recovery-registration.not-connected.email.help-text'\n                        | fromDictionary\n                \"\n                [(model)]=\"model.email\"\n                name=\"email\"\n                [required]=\"true\"\n            ></foehn-input-email>\n\n            <foehn-input-phone\n                [label]=\"\n                    'gesdem-action-recovery-registration.not-connected.mobile.label'\n                        | fromDictionary\n                \"\n                [acceptInternational]=\"true\"\n                [acceptMobilePhone]=\"true\"\n                [acceptPhone]=\"false\"\n                [(model)]=\"model.mobile\"\n                name=\"mobile\"\n                [required]=\"true\"\n            ></foehn-input-phone>\n\n            <foehn-input-text\n                [label]=\"\n                    'gesdem-action-recovery-registration.not-connected.reference-interne.label'\n                        | fromDictionary\n                \"\n                [helpText]=\"\n                    'gesdem-action-recovery-registration.not-connected.reference-interne.help-text'\n                        | fromDictionary\n                \"\n                [(model)]=\"model.referenceInterne\"\n                name=\"referenceInterne\"\n                [required]=\"false\"\n            ></foehn-input-text>\n        </foehn-form>\n    </ng-container>\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\n                    (click)=\"close()\"\n                    class=\"btn btn-secondary w-100\"\n                    [innerHTML]=\"\n                        'gesdem-action-recovery-registration.cancel.button'\n                            | fromDictionary\n                    \"\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                    [innerHTML]=\"\n                        'gesdem-action-recovery-registration.save.button'\n                            | fromDictionary\n                    \"\n                ></button>\n            </div>\n        </div>\n    </div>\n</foehn-modal>\n\n<ng-template #noCurrentInfo>\n    <div\n        class=\"alert alert-info\"\n        [innerHTML]=\"\n            'gesdem-action-recovery-registration.not-connected.not-registered.info'\n                | fromDictionary\n                    : {\n                          draftDemRetentionDaysPublic: (\n                              currentEtapeInfo | async\n                          ).draftDemRetentionDaysPublic?.toString()\n                      }\n        \"\n    ></div>\n</ng-template>\n", styles: [".no-text-transform{text-transform:none;cursor:pointer}:host ::ng-deep foehn-icon-pencil .svg-inline--fa{color:#4a4a4b!important;margin-right:10px}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FoehnInputTextComponent, selector: "foehn-input-text", inputs: ["numberOnly"] }, { kind: "component", type: FoehnInputEmailComponent, selector: "foehn-input-email" }, { kind: "component", type: FoehnInputPhoneComponent, selector: "foehn-input-phone", inputs: ["acceptInternational", "acceptMobilePhone", "acceptPhone"] }, { kind: "component", type: FoehnIconPencilComponent, selector: "foehn-icon-pencil" }, { kind: "component", type: FoehnFormComponent, selector: "foehn-form", inputs: ["shouldDisplayAlertSummary"] }, { kind: "component", type: FoehnModalComponent, selector: "foehn-modal", inputs: ["id", "name", "modalSize", "modalBodyText", "modalHeaderText", "closeable", "modalTriggerHtmlElement", "isModalVisible"], outputs: ["isModalVisibleChange"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: SdkDictionaryPipe, name: "fromDictionary" }, { kind: "pipe", type: DisplayDatePipe, name: "displayDate" }] });
+GesdemActionRecoveryRegistrationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: GesdemActionRecoveryRegistrationComponent, deps: [{ token: GesdemActionRecoveryService }, { token: ValidationHandlerService }, { token: FoehnPageService }, { token: GesdemEventService }, { token: GesdemHandlerService }, { token: ApplicationInfoService }, { token: SessionInfo }, { token: i1$1.Router }], target: i0.ɵɵFactoryTarget.Component });
+GesdemActionRecoveryRegistrationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: GesdemActionRecoveryRegistrationComponent, selector: "gesdem-action-recovery-registration", inputs: { continueLaterLabel: "continueLaterLabel", continueLaterAlreadyRegisteredLabel: "continueLaterAlreadyRegisteredLabel", continueLaterConnectedLabel: "continueLaterConnectedLabel", triggerOnPageChange: "triggerOnPageChange" }, 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    [innerHTML]=\"modalTriggerLabel | async\"\n    (click)=\"saveAndOpenModal()\"\n    #modalTrigger\n></button>\n\n<ng-container *ngIf=\"currentInfoReprise | async as currentInfo\">\n    <div\n        class=\"small\"\n        [innerHTML]=\"\n            'gesdem-action-recovery-registration.current-info.preview'\n                | fromDictionary\n                    : {\n                          recoveryMail: currentInfo.email,\n                          lastRegistration:\n                              (currentInfo.lastUpdate | displayDate)\n                      }\n        \"\n    ></div>\n</ng-container>\n\n<foehn-modal\n    *ngIf=\"currentEtapeInfo | async as etapeInfo\"\n    id=\"action-recovery-registration-modal\"\n    [modalSize]=\"!(isConnectedCyber | async) ? 'modal-lg' : 'modal-md'\"\n    [modalHeaderText]=\"\n        'gesdem-action-recovery-registration.modalHeaderText' | fromDictionary\n    \"\n    [isModalVisible]=\"isModalVisible\"\n    (isModalVisibleChange)=\"updateVisibilityStatus($event)\"\n>\n    <ng-container *ngIf=\"!!(isConnectedCyber | async)\">\n        <span\n            [innerHTML]=\"\n                'gesdem-action-recovery-registration.connected.info'\n                    | fromDictionary\n            \"\n        ></span>\n\n        <a href=\"/100002/demandes/search/MINE/INITIAL\">\n            <foehn-icon-pencil\n                class=\"h3\"\n                aria-hidden=\"true\"\n                [title]=\"\n                    'gesdem-action-recovery-registration.connected.info.draft-link-text'\n                        | fromDictionary\n                \"\n            ></foehn-icon-pencil>\n            <span\n                [innerHTML]=\"\n                    'gesdem-action-recovery-registration.connected.info.draft-link-text'\n                        | fromDictionary\n                \"\n            ></span>\n        </a>\n    </ng-container>\n\n    <ng-container *ngIf=\"!(isConnectedCyber | async)\">\n        <ng-container\n            *ngIf=\"\n                currentInfoReprise | async as currentInfo;\n                else noCurrentInfo\n            \"\n        >\n            <div\n                class=\"alert alert-info\"\n                *ngIf=\"!mailSent\"\n                [innerHTML]=\"\n                    'gesdem-action-recovery-registration.not-connected.current-info'\n                        | fromDictionary\n                            : {\n                                  lastRegistration:\n                                      (currentInfo.lastUpdate | displayDate),\n                                  draftDemRetentionDaysPublic: etapeInfo.draftDemRetentionDaysPublic?.toString()\n                              }\n                \"\n            ></div>\n\n            <div\n                class=\"alert alert-info\"\n                *ngIf=\"mailSent\"\n                [innerHTML]=\"\n                    'gesdem-action-recovery-registration.not-connected.info.sent'\n                        | fromDictionary\n                            : {\n                                  recoveryMail: currentInfo.email,\n                                  recoveryMobile: currentInfo.mobile,\n                                  draftDemRetentionDaysPublic: etapeInfo.draftDemRetentionDaysPublic?.toString()\n                              }\n                \"\n            ></div>\n        </ng-container>\n\n        <foehn-form *ngIf=\"!mailSent\" [shouldDisplayAlertSummary]=\"false\">\n            <foehn-input-email\n                [label]=\"\n                    'gesdem-action-recovery-registration.not-connected.email.label'\n                        | fromDictionary\n                \"\n                [helpText]=\"\n                    'gesdem-action-recovery-registration.not-connected.email.help-text'\n                        | fromDictionary\n                \"\n                [(model)]=\"model.email\"\n                name=\"email\"\n                [required]=\"true\"\n            ></foehn-input-email>\n\n            <foehn-input-phone\n                [label]=\"\n                    'gesdem-action-recovery-registration.not-connected.mobile.label'\n                        | fromDictionary\n                \"\n                [acceptInternational]=\"true\"\n                [acceptMobilePhone]=\"true\"\n                [acceptPhone]=\"false\"\n                [(model)]=\"model.mobile\"\n                name=\"mobile\"\n                [required]=\"true\"\n            ></foehn-input-phone>\n\n            <foehn-input-text\n                [label]=\"\n                    'gesdem-action-recovery-registration.not-connected.reference-interne.label'\n                        | fromDictionary\n                \"\n                [helpText]=\"\n                    'gesdem-action-recovery-registration.not-connected.reference-interne.help-text'\n                        | fromDictionary\n                \"\n                [(model)]=\"model.referenceInterne\"\n                name=\"referenceInterne\"\n                [required]=\"false\"\n            ></foehn-input-text>\n        </foehn-form>\n    </ng-container>\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\n                    (click)=\"close()\"\n                    class=\"btn btn-secondary w-100\"\n                    [innerHTML]=\"\n                        'gesdem-action-recovery-registration.cancel.button'\n                            | fromDictionary\n                    \"\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                    [innerHTML]=\"\n                        'gesdem-action-recovery-registration.save.button'\n                            | fromDictionary\n                    \"\n                ></button>\n            </div>\n        </div>\n    </div>\n</foehn-modal>\n\n<ng-template #noCurrentInfo>\n    <div\n        class=\"alert alert-info\"\n        [innerHTML]=\"\n            'gesdem-action-recovery-registration.not-connected.not-registered.info'\n                | fromDictionary\n                    : {\n                          draftDemRetentionDaysPublic: (\n                              currentEtapeInfo | async\n                          ).draftDemRetentionDaysPublic?.toString()\n                      }\n        \"\n    ></div>\n</ng-template>\n", styles: [".no-text-transform{text-transform:none;cursor:pointer}:host ::ng-deep foehn-icon-pencil .svg-inline--fa{color:#4a4a4b!important;margin-right:10px}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FoehnInputTextComponent, selector: "foehn-input-text", inputs: ["numberOnly"] }, { kind: "component", type: FoehnInputEmailComponent, selector: "foehn-input-email" }, { kind: "component", type: FoehnInputPhoneComponent, selector: "foehn-input-phone", inputs: ["acceptInternational", "acceptMobilePhone", "acceptPhone"] }, { kind: "component", type: FoehnIconPencilComponent, selector: "foehn-icon-pencil" }, { kind: "component", type: FoehnFormComponent, selector: "foehn-form", inputs: ["shouldDisplayAlertSummary"] }, { kind: "component", type: FoehnModalComponent, selector: "foehn-modal", inputs: ["id", "name", "modalSize", "modalBodyText", "modalHeaderText", "closeable", "modalTriggerHtmlElement", "isModalVisible"], outputs: ["isModalVisibleChange"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: SdkDictionaryPipe, name: "fromDictionary" }, { kind: "pipe", type: DisplayDatePipe, name: "displayDate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", 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<ng-container *ngIf=\"currentInfoReprise | async as currentInfo\">\n    <div\n        class=\"small\"\n        [innerHTML]=\"\n            'gesdem-action-recovery-registration.current-info.preview'\n                | fromDictionary\n                    : {\n                          recoveryMail: currentInfo.email,\n                          lastRegistration:\n                              (currentInfo.lastUpdate | displayDate)\n                      }\n        \"\n    ></div>\n</ng-container>\n\n<foehn-modal\n    *ngIf=\"currentEtapeInfo | async as etapeInfo\"\n    id=\"action-recovery-registration-modal\"\n    [modalSize]=\"!(isConnectedCyber | async) ? 'modal-lg' : 'modal-md'\"\n    [modalHeaderText]=\"\n        'gesdem-action-recovery-registration.modalHeaderText' | fromDictionary\n    \"\n    [isModalVisible]=\"isModalVisible\"\n    (isModalVisibleChange)=\"updateVisibilityStatus($event)\"\n>\n    <ng-container *ngIf=\"!!(isConnectedCyber | async)\">\n        <span\n            [innerHTML]=\"\n                'gesdem-action-recovery-registration.connected.info'\n                    | fromDictionary\n            \"\n        ></span>\n\n        <a href=\"/100002/demandes/search/MINE/INITIAL\">\n            <foehn-icon-pencil\n                class=\"h3\"\n                aria-hidden=\"true\"\n                [title]=\"\n                    'gesdem-action-recovery-registration.connected.info.draft-link-text'\n                        | fromDictionary\n                \"\n            ></foehn-icon-pencil>\n            <span\n                [innerHTML]=\"\n                    'gesdem-action-recovery-registration.connected.info.draft-link-text'\n                        | fromDictionary\n                \"\n            ></span>\n        </a>\n    </ng-container>\n\n    <ng-container *ngIf=\"!(isConnectedCyber | async)\">\n        <ng-container\n            *ngIf=\"\n                currentInfoReprise | async as currentInfo;\n                else noCurrentInfo\n            \"\n        >\n            <div\n                class=\"alert alert-info\"\n                *ngIf=\"!mailSent\"\n                [innerHTML]=\"\n                    'gesdem-action-recovery-registration.not-connected.current-info'\n                        | fromDictionary\n                            : {\n                                  lastRegistration:\n                                      (currentInfo.lastUpdate | displayDate),\n                                  draftDemRetentionDaysPublic: etapeInfo.draftDemRetentionDaysPublic?.toString()\n                              }\n                \"\n            ></div>\n\n            <div\n                class=\"alert alert-info\"\n                *ngIf=\"mailSent\"\n                [innerHTML]=\"\n                    'gesdem-action-recovery-registration.not-connected.info.sent'\n                        | fromDictionary\n                            : {\n                                  recoveryMail: currentInfo.email,\n                                  recoveryMobile: currentInfo.mobile,\n                                  draftDemRetentionDaysPublic: etapeInfo.draftDemRetentionDaysPublic?.toString()\n                              }\n                \"\n            ></div>\n        </ng-container>\n\n        <foehn-form *ngIf=\"!mailSent\" [shouldDisplayAlertSummary]=\"false\">\n            <foehn-input-email\n                [label]=\"\n                    'gesdem-action-recovery-registration.not-connected.email.label'\n                        | fromDictionary\n                \"\n                [helpText]=\"\n                    'gesdem-action-recovery-registration.not-connected.email.help-text'\n                        | fromDictionary\n                \"\n                [(model)]=\"model.email\"\n                name=\"email\"\n                [required]=\"true\"\n            ></foehn-input-email>\n\n            <foehn-input-phone\n                [label]=\"\n                    'gesdem-action-recovery-registration.not-connected.mobile.label'\n                        | fromDictionary\n                \"\n                [acceptInternational]=\"true\"\n                [acceptMobilePhone]=\"true\"\n                [acceptPhone]=\"false\"\n                [(model)]=\"model.mobile\"\n                name=\"mobile\"\n                [required]=\"true\"\n            ></foehn-input-phone>\n\n            <foehn-input-text\n                [label]=\"\n                    'gesdem-action-recovery-registration.not-connected.reference-interne.label'\n                        | fromDictionary\n                \"\n                [helpText]=\"\n                    'gesdem-action-recovery-registration.not-connected.reference-interne.help-text'\n                        | fromDictionary\n                \"\n                [(model)]=\"model.referenceInterne\"\n                name=\"referenceInterne\"\n                [required]=\"false\"\n            ></foehn-input-text>\n        </foehn-form>\n    </ng-container>\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\n                    (click)=\"close()\"\n                    class=\"btn btn-secondary w-100\"\n                    [innerHTML]=\"\n                        'gesdem-action-recovery-registration.cancel.button'\n                            | fromDictionary\n                    \"\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                    [innerHTML]=\"\n                        'gesdem-action-recovery-registration.save.button'\n                            | fromDictionary\n                    \"\n                ></button>\n            </div>\n        </div>\n    </div>\n</foehn-modal>\n\n<ng-template #noCurrentInfo>\n    <div\n        class=\"alert alert-info\"\n        [innerHTML]=\"\n            'gesdem-action-recovery-registration.not-connected.not-registered.info'\n                | fromDictionary\n                    : {\n                          draftDemRetentionDaysPublic: (\n                              currentEtapeInfo | async\n                          ).draftDemRetentionDaysPublic?.toString()\n                      }\n        \"\n    ></div>\n</ng-template>\n", styles: [".no-text-transform{text-transform:none;cursor:pointer}:host ::ng-deep foehn-icon-pencil .svg-inline--fa{color:#4a4a4b!important;margin-right:10px}\n"] }]
-        }], ctorParameters: function () { return [{ type: GesdemActionRecoveryService }, { type: ValidationHandlerService }, { type: FoehnPageService }, { type: GesdemEventService }, { type: GesdemHandlerService }, { type: ApplicationInfoService }, { type: SessionInfo }]; }, propDecorators: { continueLaterLabel: [{
+            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    [innerHTML]=\"modalTriggerLabel | async\"\n    (click)=\"saveAndOpenModal()\"\n    #modalTrigger\n></button>\n\n<ng-container *ngIf=\"currentInfoReprise | async as currentInfo\">\n    <div\n        class=\"small\"\n        [innerHTML]=\"\n            'gesdem-action-recovery-registration.current-info.preview'\n                | fromDictionary\n                    : {\n                          recoveryMail: currentInfo.email,\n                          lastRegistration:\n                              (currentInfo.lastUpdate | displayDate)\n                      }\n        \"\n    ></div>\n</ng-container>\n\n<foehn-modal\n    *ngIf=\"currentEtapeInfo | async as etapeInfo\"\n    id=\"action-recovery-registration-modal\"\n    [modalSize]=\"!(isConnectedCyber | async) ? 'modal-lg' : 'modal-md'\"\n    [modalHeaderText]=\"\n        'gesdem-action-recovery-registration.modalHeaderText' | fromDictionary\n    \"\n    [isModalVisible]=\"isModalVisible\"\n    (isModalVisibleChange)=\"updateVisibilityStatus($event)\"\n>\n    <ng-container *ngIf=\"!!(isConnectedCyber | async)\">\n        <span\n            [innerHTML]=\"\n                'gesdem-action-recovery-registration.connected.info'\n                    | fromDictionary\n            \"\n        ></span>\n\n        <a href=\"/100002/demandes/search/MINE/INITIAL\">\n            <foehn-icon-pencil\n                class=\"h3\"\n                aria-hidden=\"true\"\n                [title]=\"\n                    'gesdem-action-recovery-registration.connected.info.draft-link-text'\n                        | fromDictionary\n                \"\n            ></foehn-icon-pencil>\n            <span\n                [innerHTML]=\"\n                    'gesdem-action-recovery-registration.connected.info.draft-link-text'\n                        | fromDictionary\n                \"\n            ></span>\n        </a>\n    </ng-container>\n\n    <ng-container *ngIf=\"!(isConnectedCyber | async)\">\n        <ng-container\n            *ngIf=\"\n                currentInfoReprise | async as currentInfo;\n                else noCurrentInfo\n            \"\n        >\n            <div\n                class=\"alert alert-info\"\n                *ngIf=\"!mailSent\"\n                [innerHTML]=\"\n                    'gesdem-action-recovery-registration.not-connected.current-info'\n                        | fromDictionary\n                            : {\n                                  lastRegistration:\n                                      (currentInfo.lastUpdate | displayDate),\n                                  draftDemRetentionDaysPublic: etapeInfo.draftDemRetentionDaysPublic?.toString()\n                              }\n                \"\n            ></div>\n\n            <div\n                class=\"alert alert-info\"\n                *ngIf=\"mailSent\"\n                [innerHTML]=\"\n                    'gesdem-action-recovery-registration.not-connected.info.sent'\n                        | fromDictionary\n                            : {\n                                  recoveryMail: currentInfo.email,\n                                  recoveryMobile: currentInfo.mobile,\n                                  draftDemRetentionDaysPublic: etapeInfo.draftDemRetentionDaysPublic?.toString()\n                              }\n                \"\n            ></div>\n        </ng-container>\n\n        <foehn-form *ngIf=\"!mailSent\" [shouldDisplayAlertSummary]=\"false\">\n            <foehn-input-email\n                [label]=\"\n                    'gesdem-action-recovery-registration.not-connected.email.label'\n                        | fromDictionary\n                \"\n                [helpText]=\"\n                    'gesdem-action-recovery-registration.not-connected.email.help-text'\n                        | fromDictionary\n                \"\n                [(model)]=\"model.email\"\n                name=\"email\"\n                [required]=\"true\"\n            ></foehn-input-email>\n\n            <foehn-input-phone\n                [label]=\"\n                    'gesdem-action-recovery-registration.not-connected.mobile.label'\n                        | fromDictionary\n                \"\n                [acceptInternational]=\"true\"\n                [acceptMobilePhone]=\"true\"\n                [acceptPhone]=\"false\"\n                [(model)]=\"model.mobile\"\n                name=\"mobile\"\n                [required]=\"true\"\n            ></foehn-input-phone>\n\n            <foehn-input-text\n                [label]=\"\n                    'gesdem-action-recovery-registration.not-connected.reference-interne.label'\n                        | fromDictionary\n                \"\n                [helpText]=\"\n                    'gesdem-action-recovery-registration.not-connected.reference-interne.help-text'\n                        | fromDictionary\n                \"\n                [(model)]=\"model.referenceInterne\"\n                name=\"referenceInterne\"\n                [required]=\"false\"\n            ></foehn-input-text>\n        </foehn-form>\n    </ng-container>\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\n                    (click)=\"close()\"\n                    class=\"btn btn-secondary w-100\"\n                    [innerHTML]=\"\n                        'gesdem-action-recovery-registration.cancel.button'\n                            | fromDictionary\n                    \"\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                    [innerHTML]=\"\n                        'gesdem-action-recovery-registration.save.button'\n                            | fromDictionary\n                    \"\n                ></button>\n            </div>\n        </div>\n    </div>\n</foehn-modal>\n\n<ng-template #noCurrentInfo>\n    <div\n        class=\"alert alert-info\"\n        [innerHTML]=\"\n            'gesdem-action-recovery-registration.not-connected.not-registered.info'\n                | fromDictionary\n                    : {\n                          draftDemRetentionDaysPublic: (\n                              currentEtapeInfo | async\n                          ).draftDemRetentionDaysPublic?.toString()\n                      }\n        \"\n    ></div>\n</ng-template>\n", styles: [".no-text-transform{text-transform:none;cursor:pointer}:host ::ng-deep foehn-icon-pencil .svg-inline--fa{color:#4a4a4b!important;margin-right:10px}\n"] }]
+        }], ctorParameters: function () { return [{ type: GesdemActionRecoveryService }, { type: ValidationHandlerService }, { type: FoehnPageService }, { type: GesdemEventService }, { type: GesdemHandlerService }, { type: ApplicationInfoService }, { type: SessionInfo }, { type: i1$1.Router }]; }, propDecorators: { continueLaterLabel: [{
+                type: Input
+            }], continueLaterAlreadyRegisteredLabel: [{
                 type: Input
-            }], triggerOnFirstSave: [{
+            }], continueLaterConnectedLabel: [{
+                type: Input
+            }], triggerOnPageChange: [{
                 type: Input
             }], modalTrigger: [{
                 type: ViewChild,
@@ -11389,9 +11667,11 @@ class AbstractFoehnNavigationComponent {
         this.nextLabel = 'foehn-navigation.next.label';
         this.prevLabel = 'foehn-navigation.previous.label';
         this.continueLaterLabel = 'foehn-navigation.continue-later.label';
+        this.continueLaterAlreadyRegisteredLabel = 'foehn-navigation.continue-later-already-registered.label';
+        this.continueLaterConnectedLabel = 'foehn-navigation.continue-later-connected.label';
         this.showContinueLaterButton = true;
         this.showNextButton = true;
-        this.triggerRecoveryOnFirstSave = false;
+        this.triggerRecoveryOnPageChange = false;
     }
     goToNext() {
         this.onNext.emit();
@@ -11404,7 +11684,7 @@ class AbstractFoehnNavigationComponent {
     }
 }
 AbstractFoehnNavigationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AbstractFoehnNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-AbstractFoehnNavigationComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: AbstractFoehnNavigationComponent, inputs: { nextLabel: "nextLabel", prevLabel: "prevLabel", continueLaterLabel: "continueLaterLabel", showContinueLaterButton: "showContinueLaterButton", showNextButton: "showNextButton", triggerRecoveryOnFirstSave: "triggerRecoveryOnFirstSave" }, outputs: { onNext: "onNext", onPrevious: "onPrevious" }, ngImport: i0 });
+AbstractFoehnNavigationComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: AbstractFoehnNavigationComponent, inputs: { nextLabel: "nextLabel", prevLabel: "prevLabel", continueLaterLabel: "continueLaterLabel", continueLaterAlreadyRegisteredLabel: "continueLaterAlreadyRegisteredLabel", continueLaterConnectedLabel: "continueLaterConnectedLabel", showContinueLaterButton: "showContinueLaterButton", showNextButton: "showNextButton", triggerRecoveryOnPageChange: "triggerRecoveryOnPageChange" }, outputs: { onNext: "onNext", onPrevious: "onPrevious" }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AbstractFoehnNavigationComponent, decorators: [{
             type: Directive
         }], propDecorators: { 
@@ -11421,11 +11701,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                 type: Input
             }], continueLaterLabel: [{
                 type: Input
+            }], continueLaterAlreadyRegisteredLabel: [{
+                type: Input
+            }], continueLaterConnectedLabel: [{
+                type: Input
             }], showContinueLaterButton: [{
                 type: Input
             }], showNextButton: [{
                 type: Input
-            }], triggerRecoveryOnFirstSave: [{
+            }], triggerRecoveryOnPageChange: [{
                 type: Input
             }] } });
 
@@ -11474,10 +11758,10 @@ class FoehnNavigationComponent extends AbstractFoehnNavigationComponent {
     }
 }
 FoehnNavigationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnNavigationComponent, deps: [{ token: FoehnNavigationService }, { token: i1$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
-FoehnNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FoehnNavigationComponent, selector: "foehn-navigation", inputs: { transmitLabel: "transmitLabel" }, usesInheritance: true, ngImport: i0, template: "<gesdem-action-recovery-registration\n    *ngIf=\"showContinueLaterButton\"\n    [continueLaterLabel]=\"continueLaterLabel | fromDictionary\"\n    [triggerOnFirstSave]=\"triggerRecoveryOnFirstSave\"\n></gesdem-action-recovery-registration>\n\n<nav class=\"vd-pagination\" id=\"foehn_navContainer\" aria-label=\"Pagination\">\n    <ul class=\"vd-pagination__list\">\n        <li\n            class=\"vd-pagination__item vd-pagination__item--previous\"\n            *ngIf=\"canShowPreviousButton()\"\n        >\n            <button\n                id=\"prevButton\"\n                type=\"button\"\n                class=\"btn-link vd-pagination__link vd-pagination__link-reset\"\n                (click)=\"$event.preventDefault(); goToPrevious()\"\n            >\n                <span class=\"vd-pagination__title\">\n                    <foehn-icon-chevron-left\n                        class=\"mr-1\"\n                        aria-hidden=\"true\"\n                    ></foehn-icon-chevron-left>\n                    {{ prevLabel | fromDictionary }}\n                </span>\n                <span class=\"sr-only\" *ngIf=\"isLinearRouting()\">:</span>\n                <span class=\"vd-pagination__label\" *ngIf=\"isLinearRouting()\">\n                    {{ getPreviousRouteIndex() }}\n                    {{\n                        'foehn-navigation.route.index.separator'\n                            | fromDictionary\n                    }}\n                    {{ getTotalRoutesSize() }}\n                </span>\n            </button>\n        </li>\n        <li\n            class=\"vd-pagination__item vd-pagination__item--next\"\n            *ngIf=\"!isLastFormPage() && canShowNextButton()\"\n        >\n            <button\n                id=\"nextButton\"\n                type=\"submit\"\n                class=\"btn-link vd-pagination__link vd-pagination__link-reset\"\n                (click)=\"$event.preventDefault(); goToNext()\"\n            >\n                <span class=\"vd-pagination__title\">\n                    {{ nextLabel | fromDictionary }}\n                    <foehn-icon-chevron-right\n                        class=\"ml-1\"\n                        aria-hidden=\"true\"\n                    ></foehn-icon-chevron-right>\n                </span>\n                <span class=\"sr-only\" *ngIf=\"isLinearRouting()\">:</span>\n                <span class=\"vd-pagination__label\" *ngIf=\"isLinearRouting()\">\n                    {{ getNextRouteIndex() }}\n                    {{\n                        'foehn-navigation.route.index.separator'\n                            | fromDictionary\n                    }}\n                    {{ getTotalRoutesSize() }}\n                </span>\n            </button>\n        </li>\n        <li\n            class=\"vd-pagination__item vd-pagination__item--next\"\n            *ngIf=\"isLastFormPage() && canShowNextButton()\"\n        >\n            <button\n                *ngIf=\"isLastFormPage() && canShowNextButton()\"\n                type=\"submit\"\n                id=\"transmitButton\"\n                (click)=\"goToNext()\"\n                class=\"btn btn-success vd-btn-pagination-submit\"\n            >\n                {{ transmitLabel | fromDictionary }}\n            </button>\n        </li>\n    </ul>\n</nav>\n", styles: [".vd-pagination__link-reset{background:none;border:none;font-weight:inherit;text-decoration-line:none;text-align:inherit;cursor:pointer}.vd-pagination__link-reset:focus{background-color:var(--vd-focus)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FoehnIconChevronLeftComponent, selector: "foehn-icon-chevron-left" }, { kind: "component", type: FoehnIconChevronRightComponent, selector: "foehn-icon-chevron-right" }, { kind: "component", type: GesdemActionRecoveryRegistrationComponent, selector: "gesdem-action-recovery-registration", inputs: ["continueLaterLabel", "triggerOnFirstSave"] }, { kind: "pipe", type: SdkDictionaryPipe, name: "fromDictionary" }] });
+FoehnNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FoehnNavigationComponent, selector: "foehn-navigation", inputs: { transmitLabel: "transmitLabel" }, usesInheritance: true, ngImport: i0, template: "<gesdem-action-recovery-registration\n    *ngIf=\"showContinueLaterButton\"\n    [continueLaterLabel]=\"continueLaterLabel | fromDictionary\"\n    [continueLaterAlreadyRegisteredLabel]=\"\n        continueLaterAlreadyRegisteredLabel | fromDictionary\n    \"\n    [continueLaterConnectedLabel]=\"continueLaterConnectedLabel | fromDictionary\"\n    [triggerOnPageChange]=\"triggerRecoveryOnPageChange\"\n></gesdem-action-recovery-registration>\n\n<nav class=\"vd-pagination\" id=\"foehn_navContainer\" aria-label=\"Pagination\">\n    <ul class=\"vd-pagination__list\">\n        <li\n            class=\"vd-pagination__item vd-pagination__item--previous\"\n            *ngIf=\"canShowPreviousButton()\"\n        >\n            <button\n                id=\"prevButton\"\n                type=\"button\"\n                class=\"btn-link vd-pagination__link vd-pagination__link-reset\"\n                (click)=\"$event.preventDefault(); goToPrevious()\"\n            >\n                <span class=\"vd-pagination__title\">\n                    <foehn-icon-chevron-left\n                        class=\"mr-1\"\n                        aria-hidden=\"true\"\n                    ></foehn-icon-chevron-left>\n                    {{ prevLabel | fromDictionary }}\n                </span>\n                <span class=\"sr-only\" *ngIf=\"isLinearRouting()\">:</span>\n                <span class=\"vd-pagination__label\" *ngIf=\"isLinearRouting()\">\n                    {{ getPreviousRouteIndex() }}\n                    {{\n                        'foehn-navigation.route.index.separator'\n                            | fromDictionary\n                    }}\n                    {{ getTotalRoutesSize() }}\n                </span>\n            </button>\n        </li>\n        <li\n            class=\"vd-pagination__item vd-pagination__item--next\"\n            *ngIf=\"!isLastFormPage() && canShowNextButton()\"\n        >\n            <button\n                id=\"nextButton\"\n                type=\"submit\"\n                class=\"btn-link vd-pagination__link vd-pagination__link-reset\"\n                (click)=\"$event.preventDefault(); goToNext()\"\n            >\n                <span class=\"vd-pagination__title\">\n                    {{ nextLabel | fromDictionary }}\n                    <foehn-icon-chevron-right\n                        class=\"ml-1\"\n                        aria-hidden=\"true\"\n                    ></foehn-icon-chevron-right>\n                </span>\n                <span class=\"sr-only\" *ngIf=\"isLinearRouting()\">:</span>\n                <span class=\"vd-pagination__label\" *ngIf=\"isLinearRouting()\">\n                    {{ getNextRouteIndex() }}\n                    {{\n                        'foehn-navigation.route.index.separator'\n                            | fromDictionary\n                    }}\n                    {{ getTotalRoutesSize() }}\n                </span>\n            </button>\n        </li>\n        <li\n            class=\"vd-pagination__item vd-pagination__item--next\"\n            *ngIf=\"isLastFormPage() && canShowNextButton()\"\n        >\n            <button\n                *ngIf=\"isLastFormPage() && canShowNextButton()\"\n                type=\"submit\"\n                id=\"transmitButton\"\n                (click)=\"goToNext()\"\n                class=\"btn btn-success vd-btn-pagination-submit\"\n            >\n                {{ transmitLabel | fromDictionary }}\n            </button>\n        </li>\n    </ul>\n</nav>\n", styles: [".vd-pagination__link-reset{background:none;border:none;font-weight:inherit;text-decoration-line:none;text-align:inherit;cursor:pointer}.vd-pagination__link-reset:focus{background-color:var(--vd-focus)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FoehnIconChevronLeftComponent, selector: "foehn-icon-chevron-left" }, { kind: "component", type: FoehnIconChevronRightComponent, selector: "foehn-icon-chevron-right" }, { kind: "component", type: GesdemActionRecoveryRegistrationComponent, selector: "gesdem-action-recovery-registration", inputs: ["continueLaterLabel", "continueLaterAlreadyRegisteredLabel", "continueLaterConnectedLabel", "triggerOnPageChange"] }, { kind: "pipe", type: SdkDictionaryPipe, name: "fromDictionary" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnNavigationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'foehn-navigation', template: "<gesdem-action-recovery-registration\n    *ngIf=\"showContinueLaterButton\"\n    [continueLaterLabel]=\"continueLaterLabel | fromDictionary\"\n    [triggerOnFirstSave]=\"triggerRecoveryOnFirstSave\"\n></gesdem-action-recovery-registration>\n\n<nav class=\"vd-pagination\" id=\"foehn_navContainer\" aria-label=\"Pagination\">\n    <ul class=\"vd-pagination__list\">\n        <li\n            class=\"vd-pagination__item vd-pagination__item--previous\"\n            *ngIf=\"canShowPreviousButton()\"\n        >\n            <button\n                id=\"prevButton\"\n                type=\"button\"\n                class=\"btn-link vd-pagination__link vd-pagination__link-reset\"\n                (click)=\"$event.preventDefault(); goToPrevious()\"\n            >\n                <span class=\"vd-pagination__title\">\n                    <foehn-icon-chevron-left\n                        class=\"mr-1\"\n                        aria-hidden=\"true\"\n                    ></foehn-icon-chevron-left>\n                    {{ prevLabel | fromDictionary }}\n                </span>\n                <span class=\"sr-only\" *ngIf=\"isLinearRouting()\">:</span>\n                <span class=\"vd-pagination__label\" *ngIf=\"isLinearRouting()\">\n                    {{ getPreviousRouteIndex() }}\n                    {{\n                        'foehn-navigation.route.index.separator'\n                            | fromDictionary\n                    }}\n                    {{ getTotalRoutesSize() }}\n                </span>\n            </button>\n        </li>\n        <li\n            class=\"vd-pagination__item vd-pagination__item--next\"\n            *ngIf=\"!isLastFormPage() && canShowNextButton()\"\n        >\n            <button\n                id=\"nextButton\"\n                type=\"submit\"\n                class=\"btn-link vd-pagination__link vd-pagination__link-reset\"\n                (click)=\"$event.preventDefault(); goToNext()\"\n            >\n                <span class=\"vd-pagination__title\">\n                    {{ nextLabel | fromDictionary }}\n                    <foehn-icon-chevron-right\n                        class=\"ml-1\"\n                        aria-hidden=\"true\"\n                    ></foehn-icon-chevron-right>\n                </span>\n                <span class=\"sr-only\" *ngIf=\"isLinearRouting()\">:</span>\n                <span class=\"vd-pagination__label\" *ngIf=\"isLinearRouting()\">\n                    {{ getNextRouteIndex() }}\n                    {{\n                        'foehn-navigation.route.index.separator'\n                            | fromDictionary\n                    }}\n                    {{ getTotalRoutesSize() }}\n                </span>\n            </button>\n        </li>\n        <li\n            class=\"vd-pagination__item vd-pagination__item--next\"\n            *ngIf=\"isLastFormPage() && canShowNextButton()\"\n        >\n            <button\n                *ngIf=\"isLastFormPage() && canShowNextButton()\"\n                type=\"submit\"\n                id=\"transmitButton\"\n                (click)=\"goToNext()\"\n                class=\"btn btn-success vd-btn-pagination-submit\"\n            >\n                {{ transmitLabel | fromDictionary }}\n            </button>\n        </li>\n    </ul>\n</nav>\n", styles: [".vd-pagination__link-reset{background:none;border:none;font-weight:inherit;text-decoration-line:none;text-align:inherit;cursor:pointer}.vd-pagination__link-reset:focus{background-color:var(--vd-focus)}\n"] }]
+            args: [{ selector: 'foehn-navigation', template: "<gesdem-action-recovery-registration\n    *ngIf=\"showContinueLaterButton\"\n    [continueLaterLabel]=\"continueLaterLabel | fromDictionary\"\n    [continueLaterAlreadyRegisteredLabel]=\"\n        continueLaterAlreadyRegisteredLabel | fromDictionary\n    \"\n    [continueLaterConnectedLabel]=\"continueLaterConnectedLabel | fromDictionary\"\n    [triggerOnPageChange]=\"triggerRecoveryOnPageChange\"\n></gesdem-action-recovery-registration>\n\n<nav class=\"vd-pagination\" id=\"foehn_navContainer\" aria-label=\"Pagination\">\n    <ul class=\"vd-pagination__list\">\n        <li\n            class=\"vd-pagination__item vd-pagination__item--previous\"\n            *ngIf=\"canShowPreviousButton()\"\n        >\n            <button\n                id=\"prevButton\"\n                type=\"button\"\n                class=\"btn-link vd-pagination__link vd-pagination__link-reset\"\n                (click)=\"$event.preventDefault(); goToPrevious()\"\n            >\n                <span class=\"vd-pagination__title\">\n                    <foehn-icon-chevron-left\n                        class=\"mr-1\"\n                        aria-hidden=\"true\"\n                    ></foehn-icon-chevron-left>\n                    {{ prevLabel | fromDictionary }}\n                </span>\n                <span class=\"sr-only\" *ngIf=\"isLinearRouting()\">:</span>\n                <span class=\"vd-pagination__label\" *ngIf=\"isLinearRouting()\">\n                    {{ getPreviousRouteIndex() }}\n                    {{\n                        'foehn-navigation.route.index.separator'\n                            | fromDictionary\n                    }}\n                    {{ getTotalRoutesSize() }}\n                </span>\n            </button>\n        </li>\n        <li\n            class=\"vd-pagination__item vd-pagination__item--next\"\n            *ngIf=\"!isLastFormPage() && canShowNextButton()\"\n        >\n            <button\n                id=\"nextButton\"\n                type=\"submit\"\n                class=\"btn-link vd-pagination__link vd-pagination__link-reset\"\n                (click)=\"$event.preventDefault(); goToNext()\"\n            >\n                <span class=\"vd-pagination__title\">\n                    {{ nextLabel | fromDictionary }}\n                    <foehn-icon-chevron-right\n                        class=\"ml-1\"\n                        aria-hidden=\"true\"\n                    ></foehn-icon-chevron-right>\n                </span>\n                <span class=\"sr-only\" *ngIf=\"isLinearRouting()\">:</span>\n                <span class=\"vd-pagination__label\" *ngIf=\"isLinearRouting()\">\n                    {{ getNextRouteIndex() }}\n                    {{\n                        'foehn-navigation.route.index.separator'\n                            | fromDictionary\n                    }}\n                    {{ getTotalRoutesSize() }}\n                </span>\n            </button>\n        </li>\n        <li\n            class=\"vd-pagination__item vd-pagination__item--next\"\n            *ngIf=\"isLastFormPage() && canShowNextButton()\"\n        >\n            <button\n                *ngIf=\"isLastFormPage() && canShowNextButton()\"\n                type=\"submit\"\n                id=\"transmitButton\"\n                (click)=\"goToNext()\"\n                class=\"btn btn-success vd-btn-pagination-submit\"\n            >\n                {{ transmitLabel | fromDictionary }}\n            </button>\n        </li>\n    </ul>\n</nav>\n", styles: [".vd-pagination__link-reset{background:none;border:none;font-weight:inherit;text-decoration-line:none;text-align:inherit;cursor:pointer}.vd-pagination__link-reset:focus{background-color:var(--vd-focus)}\n"] }]
         }], ctorParameters: function () { return [{ type: FoehnNavigationService }, { type: i1$1.ActivatedRoute }]; }, propDecorators: { transmitLabel: [{
                 type: Input
             }] } });
@@ -11492,10 +11776,10 @@ class FoehnSimpleNavigationComponent extends AbstractFoehnNavigationComponent {
     }
 }
 FoehnSimpleNavigationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnSimpleNavigationComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-FoehnSimpleNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FoehnSimpleNavigationComponent, selector: "foehn-simple-navigation", inputs: { showPreviousButton: "showPreviousButton" }, usesInheritance: true, ngImport: i0, template: "<gesdem-action-recovery-registration\n    *ngIf=\"showContinueLaterButton\"\n    [continueLaterLabel]=\"continueLaterLabel | fromDictionary\"\n    [triggerOnFirstSave]=\"triggerRecoveryOnFirstSave\"\n></gesdem-action-recovery-registration>\n\n<nav class=\"vd-pagination\" id=\"foehn_navContainer\" aria-label=\"Pagination\">\n    <ul class=\"vd-pagination__list\">\n        <li\n            class=\"vd-pagination__item vd-pagination__item--previous\"\n            *ngIf=\"canShowPreviousButton()\"\n        >\n            <button\n                id=\"prevButton\"\n                type=\"button\"\n                class=\"btn-link vd-pagination__link vd-pagination__link-reset\"\n                (click)=\"$event.preventDefault(); goToPrevious()\"\n            >\n                <span class=\"vd-pagination__title\">\n                    <foehn-icon-chevron-left\n                        class=\"mr-1\"\n                        aria-hidden=\"true\"\n                    ></foehn-icon-chevron-left>\n                    {{ prevLabel | fromDictionary }}\n                </span>\n            </button>\n        </li>\n        <li\n            class=\"vd-pagination__item vd-pagination__item--next\"\n            *ngIf=\"canShowNextButton()\"\n        >\n            <button\n                id=\"nextButton\"\n                type=\"submit\"\n                class=\"btn-link vd-pagination__link vd-pagination__link-reset\"\n                (click)=\"$event.preventDefault(); goToNext()\"\n            >\n                <span class=\"vd-pagination__title\">\n                    {{ nextLabel | fromDictionary }}\n                    <foehn-icon-chevron-right\n                        class=\"ml-1\"\n                        aria-hidden=\"true\"\n                    ></foehn-icon-chevron-right>\n                </span>\n            </button>\n        </li>\n    </ul>\n</nav>\n", styles: [".vd-pagination__link-reset{background:none;border:none;font-weight:inherit;text-decoration-line:none;text-align:inherit;cursor:pointer}.vd-pagination__link-reset:focus{background-color:var(--vd-focus)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FoehnIconChevronLeftComponent, selector: "foehn-icon-chevron-left" }, { kind: "component", type: FoehnIconChevronRightComponent, selector: "foehn-icon-chevron-right" }, { kind: "component", type: GesdemActionRecoveryRegistrationComponent, selector: "gesdem-action-recovery-registration", inputs: ["continueLaterLabel", "triggerOnFirstSave"] }, { kind: "pipe", type: SdkDictionaryPipe, name: "fromDictionary" }] });
+FoehnSimpleNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FoehnSimpleNavigationComponent, selector: "foehn-simple-navigation", inputs: { showPreviousButton: "showPreviousButton" }, usesInheritance: true, ngImport: i0, template: "<gesdem-action-recovery-registration\n    *ngIf=\"showContinueLaterButton\"\n    [continueLaterLabel]=\"continueLaterLabel | fromDictionary\"\n    [continueLaterAlreadyRegisteredLabel]=\"\n        continueLaterAlreadyRegisteredLabel | fromDictionary\n    \"\n    [continueLaterConnectedLabel]=\"continueLaterConnectedLabel | fromDictionary\"\n    [triggerOnPageChange]=\"triggerRecoveryOnPageChange\"\n></gesdem-action-recovery-registration>\n\n<nav class=\"vd-pagination\" id=\"foehn_navContainer\" aria-label=\"Pagination\">\n    <ul class=\"vd-pagination__list\">\n        <li\n            class=\"vd-pagination__item vd-pagination__item--previous\"\n            *ngIf=\"canShowPreviousButton()\"\n        >\n            <button\n                id=\"prevButton\"\n                type=\"button\"\n                class=\"btn-link vd-pagination__link vd-pagination__link-reset\"\n                (click)=\"$event.preventDefault(); goToPrevious()\"\n            >\n                <span class=\"vd-pagination__title\">\n                    <foehn-icon-chevron-left\n                        class=\"mr-1\"\n                        aria-hidden=\"true\"\n                    ></foehn-icon-chevron-left>\n                    {{ prevLabel | fromDictionary }}\n                </span>\n            </button>\n        </li>\n        <li\n            class=\"vd-pagination__item vd-pagination__item--next\"\n            *ngIf=\"canShowNextButton()\"\n        >\n            <button\n                id=\"nextButton\"\n                type=\"submit\"\n                class=\"btn-link vd-pagination__link vd-pagination__link-reset\"\n                (click)=\"$event.preventDefault(); goToNext()\"\n            >\n                <span class=\"vd-pagination__title\">\n                    {{ nextLabel | fromDictionary }}\n                    <foehn-icon-chevron-right\n                        class=\"ml-1\"\n                        aria-hidden=\"true\"\n                    ></foehn-icon-chevron-right>\n                </span>\n            </button>\n        </li>\n    </ul>\n</nav>\n", styles: [".vd-pagination__link-reset{background:none;border:none;font-weight:inherit;text-decoration-line:none;text-align:inherit;cursor:pointer}.vd-pagination__link-reset:focus{background-color:var(--vd-focus)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FoehnIconChevronLeftComponent, selector: "foehn-icon-chevron-left" }, { kind: "component", type: FoehnIconChevronRightComponent, selector: "foehn-icon-chevron-right" }, { kind: "component", type: GesdemActionRecoveryRegistrationComponent, selector: "gesdem-action-recovery-registration", inputs: ["continueLaterLabel", "continueLaterAlreadyRegisteredLabel", "continueLaterConnectedLabel", "triggerOnPageChange"] }, { kind: "pipe", type: SdkDictionaryPipe, name: "fromDictionary" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FoehnSimpleNavigationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'foehn-simple-navigation', template: "<gesdem-action-recovery-registration\n    *ngIf=\"showContinueLaterButton\"\n    [continueLaterLabel]=\"continueLaterLabel | fromDictionary\"\n    [triggerOnFirstSave]=\"triggerRecoveryOnFirstSave\"\n></gesdem-action-recovery-registration>\n\n<nav class=\"vd-pagination\" id=\"foehn_navContainer\" aria-label=\"Pagination\">\n    <ul class=\"vd-pagination__list\">\n        <li\n            class=\"vd-pagination__item vd-pagination__item--previous\"\n            *ngIf=\"canShowPreviousButton()\"\n        >\n            <button\n                id=\"prevButton\"\n                type=\"button\"\n                class=\"btn-link vd-pagination__link vd-pagination__link-reset\"\n                (click)=\"$event.preventDefault(); goToPrevious()\"\n            >\n                <span class=\"vd-pagination__title\">\n                    <foehn-icon-chevron-left\n                        class=\"mr-1\"\n                        aria-hidden=\"true\"\n                    ></foehn-icon-chevron-left>\n                    {{ prevLabel | fromDictionary }}\n                </span>\n            </button>\n        </li>\n        <li\n            class=\"vd-pagination__item vd-pagination__item--next\"\n            *ngIf=\"canShowNextButton()\"\n        >\n            <button\n                id=\"nextButton\"\n                type=\"submit\"\n                class=\"btn-link vd-pagination__link vd-pagination__link-reset\"\n                (click)=\"$event.preventDefault(); goToNext()\"\n            >\n                <span class=\"vd-pagination__title\">\n                    {{ nextLabel | fromDictionary }}\n                    <foehn-icon-chevron-right\n                        class=\"ml-1\"\n                        aria-hidden=\"true\"\n                    ></foehn-icon-chevron-right>\n                </span>\n            </button>\n        </li>\n    </ul>\n</nav>\n", styles: [".vd-pagination__link-reset{background:none;border:none;font-weight:inherit;text-decoration-line:none;text-align:inherit;cursor:pointer}.vd-pagination__link-reset:focus{background-color:var(--vd-focus)}\n"] }]
+            args: [{ selector: 'foehn-simple-navigation', template: "<gesdem-action-recovery-registration\n    *ngIf=\"showContinueLaterButton\"\n    [continueLaterLabel]=\"continueLaterLabel | fromDictionary\"\n    [continueLaterAlreadyRegisteredLabel]=\"\n        continueLaterAlreadyRegisteredLabel | fromDictionary\n    \"\n    [continueLaterConnectedLabel]=\"continueLaterConnectedLabel | fromDictionary\"\n    [triggerOnPageChange]=\"triggerRecoveryOnPageChange\"\n></gesdem-action-recovery-registration>\n\n<nav class=\"vd-pagination\" id=\"foehn_navContainer\" aria-label=\"Pagination\">\n    <ul class=\"vd-pagination__list\">\n        <li\n            class=\"vd-pagination__item vd-pagination__item--previous\"\n            *ngIf=\"canShowPreviousButton()\"\n        >\n            <button\n                id=\"prevButton\"\n                type=\"button\"\n                class=\"btn-link vd-pagination__link vd-pagination__link-reset\"\n                (click)=\"$event.preventDefault(); goToPrevious()\"\n            >\n                <span class=\"vd-pagination__title\">\n                    <foehn-icon-chevron-left\n                        class=\"mr-1\"\n                        aria-hidden=\"true\"\n                    ></foehn-icon-chevron-left>\n                    {{ prevLabel | fromDictionary }}\n                </span>\n            </button>\n        </li>\n        <li\n            class=\"vd-pagination__item vd-pagination__item--next\"\n            *ngIf=\"canShowNextButton()\"\n        >\n            <button\n                id=\"nextButton\"\n                type=\"submit\"\n                class=\"btn-link vd-pagination__link vd-pagination__link-reset\"\n                (click)=\"$event.preventDefault(); goToNext()\"\n            >\n                <span class=\"vd-pagination__title\">\n                    {{ nextLabel | fromDictionary }}\n                    <foehn-icon-chevron-right\n                        class=\"ml-1\"\n                        aria-hidden=\"true\"\n                    ></foehn-icon-chevron-right>\n                </span>\n            </button>\n        </li>\n    </ul>\n</nav>\n", styles: [".vd-pagination__link-reset{background:none;border:none;font-weight:inherit;text-decoration-line:none;text-align:inherit;cursor:pointer}.vd-pagination__link-reset:focus{background-color:var(--vd-focus)}\n"] }]
         }], propDecorators: { showPreviousButton: [{
                 type: Input
             }] } });
@@ -14640,5 +14924,5 @@ class DropdownMenuItem {
  * Generated bundle index. Do not edit.
  */
 
-export { APP_INFO_API_URL, AbstractFoehnUploaderComponent, AbstractListDetailPageComponent, AbstractMenuPageComponent, AbstractPageComponent, AbstractPageFromMenuComponent, ActionStatut, Address, AddressTypeLight, ApplicationInfo, ApplicationInfoService, BAD_PARAMS_HELP_TEXT, BoDocumentError, BoDocumentsWithErrors, BoMultiUploadService, Breadcrumb, BreadcrumbEventService, BreadcrumbItem, CAPTCHA_ERROR_NAME, CURRENCY_REGEXP, Calendar, Canton, Captcha, ComponentError, Configuration, Country, CurrencyHelper, CurrentWeek, DECIMALS_SEPARATOR, DEFAULT_INTERNATIONAL_AND_NO_SWISS, DEFAULT_INTERNATIONAL_AND_NO_SWISS_MOBILE, DEFAULT_INTERNATIONAL_AND_NO_SWISS_PHONE, DEFAULT_INTERNATIONAL_HELP_TEXT, DEFAULT_PREFIX, DEFAULT_SWISS_HELP_TEXT, DEFAULT_SWISS_MOBILE_PHONE_HELP_TEXT, DEFAULT_SWISS_PHONE_HELP_TEXT, DICTIONARY_BASE_URL, DateHelper, DatePickerHelper, DatePickerNavigationHelper, DayMonth, DaySlots, DisplayCurrencyPipe, DisplayDatePipe, District, Document, DocumentError, DocumentReference, DocumentReferenceWithFile, DocumentsWithErrors, DropdownMenuGroup, DropdownMenuItem, EPaymentService, EtapeInfo, FORM_SUPPORT_CYBER_TITLE_FALLBACK, FocusedDay, FoehnAbbrComponent, FoehnAddressModule, FoehnAgendaComponent, FoehnAgendaModule, FoehnAgendaNavigationComponent, FoehnAgendaTimeslotPanelComponent, FoehnAutocompleteComponent, FoehnAutocompleteModule, FoehnBoMultiUploadComponent, FoehnBoMultiUploadModule, FoehnBooleanCheckboxComponent, FoehnBooleanModule, FoehnBooleanRadioComponent, FoehnBreadcrumbComponent, FoehnBreadcrumbModule, FoehnCheckableGroupComponent, FoehnCheckablesModule, FoehnCheckboxComponent, FoehnConfirmModalComponent, FoehnConfirmModalContent, FoehnConfirmModalModule, FoehnConfirmModalService, FoehnDateComponent, FoehnDatePickerButtonComponent, FoehnDatePickerButtonModule, FoehnDatePickerComponent, FoehnDatePickerModule, FoehnDateTimeComponent, FoehnDecisionElectroniqueComponent, FoehnDecisionElectroniqueModule, FoehnDisplayAddressComponent, FoehnDropdownMenuComponent, FoehnDropdownMenuModule, FoehnErrorPillComponent, FoehnFormComponent, FoehnFormModule, FoehnHeaderComponent, FoehnHeaderModule, FoehnHelpModalComponent, FoehnHelpModalModule, FoehnIconCalendarComponent, FoehnIconCheckComponent, FoehnIconCheckSquareOComponent, FoehnIconChevronDownComponent, FoehnIconChevronLeftComponent, FoehnIconChevronRightComponent, FoehnIconChevronUpComponent, FoehnIconClockComponent, FoehnIconCommentDotsComponent, FoehnIconEditComponent, FoehnIconExternalLinkAltComponent, FoehnIconFilePdfComponent, FoehnIconInfoCircleComponent, FoehnIconLockComponent, FoehnIconMapMarkerComponent, FoehnIconMinusCircleComponent, FoehnIconPencilComponent, FoehnIconPlusCircleComponent, FoehnIconPlusSquareComponent, FoehnIconSearchComponent, FoehnIconTimesComponent, FoehnIconTrashAltComponent, FoehnIconUnlockAltComponent, FoehnIconUserComponent, FoehnIconsModule, FoehnInputAddressComponent, FoehnInputComponent, FoehnInputEmailComponent, FoehnInputForeignLocalityComponent, FoehnInputForeignStreetComponent, FoehnInputHiddenComponent, FoehnInputModule, FoehnInputNav13Component, FoehnInputNav13Module, FoehnInputNumberComponent, FoehnInputPasswordComponent, FoehnInputPhoneComponent, FoehnInputPrefixedTextComponent, FoehnInputStringComponent, FoehnInputTextComponent, FoehnInputTextareaComponent, FoehnListComponent, FoehnListItem, FoehnListModule, FoehnListSummaryComponent, FoehnMenuItemComponent, FoehnMenuItemTransmitComponent, FoehnMenuPrestationModule, FoehnMiscModule, FoehnModalComponent, FoehnModalModule, FoehnMultiUploadComponent, FoehnMultiUploadModule, FoehnMultiselectAutocompleteComponent, FoehnMultiselectAutocompleteModule, FoehnNavigationComponent, FoehnNavigationModule, FoehnNavigationService, FoehnNotFoundModule, FoehnNotfoundComponent, FoehnPageComponent, FoehnPageCounterComponent, FoehnPageModalComponent, FoehnPageModule, FoehnPageService, FoehnPictureUploadComponent, FoehnPictureUploadModule, FoehnRadioComponent, FoehnRecapSectionComponent, FoehnRecapSectionModule, FoehnRemainingAlertsSummaryComponent, FoehnRemainingAlertsSummaryModule, FoehnSelectComponent, FoehnSimpleNavigationComponent, FoehnSkipLinkComponent, FoehnStatusProgressBarComponent, FoehnStatusProgressBarModule, FoehnTableColumnConfiguration, FoehnTableComponent, FoehnTableModule, FoehnTablePageChangeEvent, FoehnTimeComponent, FoehnUploadProgressBarComponent, FoehnUploadProgressBarModule, FoehnUserConnectedAsComponent, FoehnUserConnectedAsModule, FoehnValidationAlertSummaryComponent, FoehnValidationAlertSummaryModule, FoehnValidationAlertsComponent, FoehnValidationAlertsModule, FooterLink, FormMetadata, FormPostResponse, FormSelectOption, FormatIdePipe, FormatterModule, GESDEM_MAX_DATA_LENGTH, GesdemActionRecoveryLoginComponent, GesdemActionRecoveryModule, GesdemActionRecoveryRegistrationComponent, GesdemConfirmationComponent, GesdemConfirmationModule, GesdemErrorComponent, GesdemErrorModule, GesdemEventService, GesdemHandlerService, GesdemStatutUtils, GrowlBrokerService, GrowlMessage, GrowlType, HTTP_LOADER_FILTERED_URL, I18nForm, IbanFormatterDirective, IdeFormatterDirective, Locality, MonthYear, MultiUploadService, Municipality, NDCFormatterDirective, NavigationDirection, NumberCurrencyFormatterDirective, ObjectHelper, PORTAIL_BASE_URL_INT, PageChangeEvent, PaginationWeek, PendingFiles, PendingUploadService, PipeModule, PlaceOfOrigin, Portail, PostalLocality, Preferences, PrestationsNgCoreModule, RECAPTCHA_API_URL, RecaptchaService, RedirectComponent, RegisterNgModelService, SESSION_INFO_API_URL, SWISS_ISO_ID, SdkDictionaryModule, SdkDictionaryPipe, SdkDictionaryService, SdkEpaymentComponent, SdkEpaymentModule, SdkRecaptchaComponent, SdkRecaptchaModule, SdkRedirectModule, SdkStatisticsService, SelectedSlot, ServiceLocator, SessionInfo, SessionInfoData, SessionInfoWithApplicationService, Street, StreetNumber, THOUSANDS_SEPARATOR, TableSort, UploadProgress, UploadProgressService, UploaderHelper, ValidationHandlerService, formatDecimalCurrency, formatNonDecimalCurrency, formatNumberAsGiven, gesdemLoaderGuard, getSafeReference, replaceAll };
+export { APP_INFO_API_URL, AbstractFoehnUploaderComponent, AbstractListDetailPageComponent, AbstractMenuPageComponent, AbstractPageComponent, AbstractPageFromMenuComponent, ActionStatut, Address, AddressTypeLight, ApplicationInfo, ApplicationInfoService, BAD_PARAMS_HELP_TEXT, BoDocumentError, BoDocumentsWithErrors, BoMultiUploadService, Breadcrumb, BreadcrumbEventService, BreadcrumbItem, CAPTCHA_ERROR_NAME, CURRENCY_REGEXP, Calendar, Canton, Captcha, ComponentError, Configuration, Country, CurrencyHelper, CurrentWeek, DECIMALS_SEPARATOR, DEFAULT_INTERNATIONAL_AND_NO_SWISS, DEFAULT_INTERNATIONAL_AND_NO_SWISS_MOBILE, DEFAULT_INTERNATIONAL_AND_NO_SWISS_PHONE, DEFAULT_INTERNATIONAL_HELP_TEXT, DEFAULT_PREFIX, DEFAULT_SWISS_HELP_TEXT, DEFAULT_SWISS_MOBILE_PHONE_HELP_TEXT, DEFAULT_SWISS_PHONE_HELP_TEXT, DICTIONARY_BASE_URL, DateHelper, DatePickerHelper, DatePickerNavigationHelper, DayMonth, DaySlots, DemandeExpirationService, DisplayCurrencyPipe, DisplayDatePipe, District, Document, DocumentError, DocumentReference, DocumentReferenceWithFile, DocumentsWithErrors, DropdownMenuGroup, DropdownMenuItem, EPaymentService, EtapeInfo, FORM_SUPPORT_CYBER_TITLE_FALLBACK, FocusedDay, FoehnAbbrComponent, FoehnAddressModule, FoehnAgendaComponent, FoehnAgendaModule, FoehnAgendaNavigationComponent, FoehnAgendaTimeslotPanelComponent, FoehnAutocompleteComponent, FoehnAutocompleteModule, FoehnBoMultiUploadComponent, FoehnBoMultiUploadModule, FoehnBooleanCheckboxComponent, FoehnBooleanModule, FoehnBooleanRadioComponent, FoehnBreadcrumbComponent, FoehnBreadcrumbModule, FoehnCheckableGroupComponent, FoehnCheckablesModule, FoehnCheckboxComponent, FoehnConfirmModalComponent, FoehnConfirmModalContent, FoehnConfirmModalModule, FoehnConfirmModalService, FoehnDateComponent, FoehnDatePickerButtonComponent, FoehnDatePickerButtonModule, FoehnDatePickerComponent, FoehnDatePickerModule, FoehnDateTimeComponent, FoehnDecisionElectroniqueComponent, FoehnDecisionElectroniqueModule, FoehnDisplayAddressComponent, FoehnDropdownMenuComponent, FoehnDropdownMenuModule, FoehnErrorPillComponent, FoehnFormComponent, FoehnFormModule, FoehnHeaderComponent, FoehnHeaderModule, FoehnHelpModalComponent, FoehnHelpModalModule, FoehnIconCalendarComponent, FoehnIconCheckComponent, FoehnIconCheckSquareOComponent, FoehnIconChevronDownComponent, FoehnIconChevronLeftComponent, FoehnIconChevronRightComponent, FoehnIconChevronUpComponent, FoehnIconClockComponent, FoehnIconCommentDotsComponent, FoehnIconEditComponent, FoehnIconExternalLinkAltComponent, FoehnIconFilePdfComponent, FoehnIconInfoCircleComponent, FoehnIconLockComponent, FoehnIconMapMarkerComponent, FoehnIconMinusCircleComponent, FoehnIconPencilComponent, FoehnIconPlusCircleComponent, FoehnIconPlusSquareComponent, FoehnIconSearchComponent, FoehnIconTimesComponent, FoehnIconTrashAltComponent, FoehnIconUnlockAltComponent, FoehnIconUserComponent, FoehnIconsModule, FoehnInputAddressComponent, FoehnInputComponent, FoehnInputEmailComponent, FoehnInputForeignLocalityComponent, FoehnInputForeignStreetComponent, FoehnInputHiddenComponent, FoehnInputModule, FoehnInputNav13Component, FoehnInputNav13Module, FoehnInputNumberComponent, FoehnInputPasswordComponent, FoehnInputPhoneComponent, FoehnInputPrefixedTextComponent, FoehnInputStringComponent, FoehnInputTextComponent, FoehnInputTextareaComponent, FoehnListComponent, FoehnListItem, FoehnListModule, FoehnListSummaryComponent, FoehnMenuItemComponent, FoehnMenuItemTransmitComponent, FoehnMenuPrestationModule, FoehnMiscModule, FoehnModalComponent, FoehnModalModule, FoehnMultiUploadComponent, FoehnMultiUploadModule, FoehnMultiselectAutocompleteComponent, FoehnMultiselectAutocompleteModule, FoehnNavigationComponent, FoehnNavigationModule, FoehnNavigationService, FoehnNotFoundModule, FoehnNotfoundComponent, FoehnPageComponent, FoehnPageCounterComponent, FoehnPageExpirationTimerComponent, FoehnPageModalComponent, FoehnPageModule, FoehnPageService, FoehnPictureUploadComponent, FoehnPictureUploadModule, FoehnRadioComponent, FoehnRecapSectionComponent, FoehnRecapSectionModule, FoehnRemainingAlertsSummaryComponent, FoehnRemainingAlertsSummaryModule, FoehnSelectComponent, FoehnSimpleNavigationComponent, FoehnSkipLinkComponent, FoehnStatusProgressBarComponent, FoehnStatusProgressBarModule, FoehnTableColumnConfiguration, FoehnTableComponent, FoehnTableModule, FoehnTablePageChangeEvent, FoehnTimeComponent, FoehnUploadProgressBarComponent, FoehnUploadProgressBarModule, FoehnUserConnectedAsComponent, FoehnUserConnectedAsModule, FoehnValidationAlertSummaryComponent, FoehnValidationAlertSummaryModule, FoehnValidationAlertsComponent, FoehnValidationAlertsModule, FooterLink, FormMetadata, FormPostResponse, FormSelectOption, FormatIdePipe, FormatterModule, GESDEM_MAX_DATA_LENGTH, GesdemActionRecoveryLoginComponent, GesdemActionRecoveryModule, GesdemActionRecoveryRegistrationComponent, GesdemConfirmationComponent, GesdemConfirmationModule, GesdemErrorComponent, GesdemErrorModule, GesdemEventService, GesdemHandlerService, GesdemStatutUtils, GrowlBrokerService, GrowlMessage, GrowlType, HTTP_LOADER_FILTERED_URL, I18nForm, IbanFormatterDirective, IdeFormatterDirective, Locality, MonthYear, MultiUploadService, Municipality, NDCFormatterDirective, NavigationDirection, NumberCurrencyFormatterDirective, ObjectHelper, PORTAIL_BASE_URL_INT, PageChangeEvent, PaginationWeek, PendingFiles, PendingUploadService, PipeModule, PlaceOfOrigin, Portail, PostalLocality, Preferences, PrestationsNgCoreModule, RECAPTCHA_API_URL, RecaptchaService, RedirectComponent, RegisterNgModelService, SESSION_INFO_API_URL, SWISS_ISO_ID, SdkDictionaryModule, SdkDictionaryPipe, SdkDictionaryService, SdkEpaymentComponent, SdkEpaymentModule, SdkRecaptchaComponent, SdkRecaptchaModule, SdkRedirectModule, SdkStatisticsService, SelectedSlot, ServiceLocator, Session, SessionInfo, SessionInfoData, SessionInfoWithApplicationService, Street, StreetNumber, THOUSANDS_SEPARATOR, TableSort, UploadProgress, UploadProgressService, UploaderHelper, ValidationHandlerService, formatDecimalCurrency, formatNonDecimalCurrency, formatNumberAsGiven, gesdemLoaderGuard, getSafeReference, replaceAll };
 //# sourceMappingURL=dsivd-prestations-ng.mjs.map