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

package/fesm2020/dsivd-prestations-ng.mjs

@@ -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';
@@ -763,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',
@@ -1350,6 +1357,8 @@ class EtapeInfo {
 }
 class Configuration {
 }
+class Session {
+}
 class Document {
 }
 class Captcha {
@@ -4351,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;
@@ -6155,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;
@@ -6172,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;
@@ -6216,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) {
@@ -6303,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
@@ -7871,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,
@@ -7890,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,
@@ -7925,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]
                 }]
         }] });
 
@@ -11249,6 +11494,9 @@ class GesdemActionRecoveryRegistrationComponent {
                 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 &&
@@ -11256,7 +11504,7 @@ class GesdemActionRecoveryRegistrationComponent {
                     hasBeenSaved &&
                     !recoverySuggested) {
                     this.router.navigate([]); // prevent navigation to next page
-                    this.openModal(isConnectedCyber);
+                    this.openModal(false);
                     recoverySuggested = true;
                 }
             });
@@ -14676,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