@dsivd/prestations-ng 15.0.0-beta2 → 15.0.0-beta3

package/fesm2015/dsivd-prestations-ng.mjs

@@ -98,12 +98,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
         }], ctorParameters: function () { return [{ type: i0.Injector }]; } });
 
 // eslint-disable max-classes-per-file
-class GesdemMeta {
+class FormMetadata {
 }
-class BackendResponse {
+class FormPostResponse {
     constructor() {
         this.errors = [];
-        this.meta = new GesdemMeta();
+        this.meta = new FormMetadata();
     }
 }
 
@@ -640,7 +640,7 @@ class GesdemHandlerService {
             this._updateFormDataSubject.next(response.form);
         }
         else {
-            this._lastResponse = new BackendResponse();
+            this._lastResponse = new FormPostResponse();
             this._lastResponse.meta.critical = true;
         }
         this.validationHandlerService.updateErrors(response.errors);
@@ -754,6 +754,9 @@ class FoehnNavigationService {
         this.initializedAndRouteActivated = new BehaviorSubject(false);
         this.linearRouting = true;
     }
+    get initialized() {
+        return this.isInit;
+    }
     set activatedRoute(value) {
         this.throwIfNotInit();
         this._activatedRoute = value;
@@ -1464,7 +1467,13 @@ const DEFAULT_DICTIONARY = {
     'foehn-picture-upload.delete-picture-label': 'Supprimer',
     'foehn-table.totalElements': '{total} éléments trouvés',
     'foehn-table.totalElements.1': '1 élément trouvé',
-    'foehn-table.totalElements.0': 'Aucun résultat'
+    'foehn-table.totalElements.0': 'Aucun résultat',
+    'foehn-status-progress-bar.step1': 'Saisie',
+    'foehn-status-progress-bar.step1.srOnly': 'Etape 1 sur 3, Saisie',
+    'foehn-status-progress-bar.step2': 'Vérification',
+    'foehn-status-progress-bar.step2.srOnly': 'Etape 2 sur 3, Vérification',
+    'foehn-status-progress-bar.step3': 'Confirmation',
+    'foehn-status-progress-bar.step3.srOnly': 'Etape 3 sur 3, Confirmation, demande transmise'
 };
 
 const DICTIONARY_BASE_URL = 'api/dictionary';
@@ -4074,18 +4083,19 @@ class ObjectHelper {
             value2 &&
             typeof value1 === 'object' &&
             typeof value2 === 'object') {
-            const matches = (obj, source) => Object.keys(source).every(key => {
-                if (obj.hasOwnProperty(key)) {
-                    if (obj[key] &&
-                        source[key] &&
-                        typeof obj[key] === 'object' &&
-                        typeof source[key] === 'object') {
-                        return matches(obj[key], source[key]);
+            const matches = (obj, source) => Object.keys(source).length === Object.keys(obj).length &&
+                Object.keys(source).every(key => {
+                    if (obj.hasOwnProperty(key)) {
+                        if (obj[key] &&
+                            source[key] &&
+                            typeof obj[key] === 'object' &&
+                            typeof source[key] === 'object') {
+                            return matches(obj[key], source[key]);
+                        }
+                        return obj[key] === source[key];
                     }
-                    return obj[key] === source[key];
-                }
-                return false;
-            });
+                    return false;
+                });
             return matches(value1, value2);
         }
         return value1 === value2;
@@ -4421,6 +4431,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
                 type: Input
             }] } });
 
+class FoehnStatusProgressBarComponent {
+    constructor(activatedRoute, navigation, gesdemEventService, gesdemHand) {
+        var _a;
+        this.activatedRoute = activatedRoute;
+        this.navigation = navigation;
+        this.gesdemEventService = gesdemEventService;
+        this.gesdemHand = gesdemHand;
+        this.isTransmitted = merge(of((_a = this.gesdemHand.lastResponse) === null || _a === void 0 ? void 0 : _a.meta), this.gesdemHand.updateFormDataSubject.pipe(map(() => this.gesdemHand.lastResponse.meta))).pipe(filter(meta => !!meta), map(meta => ActionStatut[meta.statut]), map(statut => GesdemStatutUtils.isFinal(statut)));
+    }
+    isEnabled() {
+        return (this.hidden !== null &&
+            this.hidden !== undefined &&
+            this.hidden === false);
+    }
+    isStepVerificationActive() {
+        return this.navigation.initialized && this.navigation.isLastFormPage();
+    }
+}
+FoehnStatusProgressBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: FoehnStatusProgressBarComponent, deps: [{ token: i1$1.ActivatedRoute }, { token: FoehnNavigationService }, { token: GesdemEventService }, { token: GesdemHandlerService }], target: i0.ɵɵFactoryTarget.Component });
+FoehnStatusProgressBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: FoehnStatusProgressBarComponent, selector: "foehn-status-progress-bar", inputs: { hidden: "hidden" }, ngImport: i0, template: "<div *ngIf=\"isEnabled()\">\n    <div class=\"container\">\n        <div class=\"row justify-content-center\">\n            <div class=\"col\">\n                <div\n                    class=\"sr-only\"\n                    aria-live=\"polite\"\n                    role=\"status\"\n                    aria-atomic=\"true\"\n                    tabindex=\"0\"\n                >\n                    <span *ngIf=\"isTransmitted | async; else notTransmitted\">\n                        {{\n                            'foehn-status-progress-bar.step3.srOnly'\n                                | fromDictionary\n                        }}\n                    </span>\n                    <ng-template #notTransmitted>\n                        <span *ngIf=\"isStepVerificationActive()\">\n                            {{\n                                'foehn-status-progress-bar.step2.srOnly'\n                                    | fromDictionary\n                            }}\n                        </span>\n                        <span *ngIf=\"!isStepVerificationActive()\">\n                            {{\n                                'foehn-status-progress-bar.step1.srOnly'\n                                    | fromDictionary\n                            }}\n                        </span>\n                    </ng-template>\n                </div>\n\n                <ul id=\"progressbar\" class=\"pl-0 mt-1\" aria-hidden=\"true\">\n                    <li class=\"active\" id=\"step1\">\n                        <strong>\n                            {{\n                                'foehn-status-progress-bar.step1'\n                                    | fromDictionary\n                            }}\n                        </strong>\n                    </li>\n                    <li\n                        id=\"step2\"\n                        [ngClass]=\"{\n                            active: isStepVerificationActive()\n                        }\"\n                    >\n                        <strong>\n                            {{\n                                'foehn-status-progress-bar.step2'\n                                    | fromDictionary\n                            }}\n                        </strong>\n                    </li>\n\n                    <li\n                        id=\"step3\"\n                        [ngClass]=\"{ active: isTransmitted | async }\"\n                    >\n                        <strong>\n                            {{\n                                'foehn-status-progress-bar.step3'\n                                    | fromDictionary\n                            }}\n                        </strong>\n                    </li>\n                </ul>\n            </div>\n        </div>\n    </div>\n</div>\n", styles: [".col{text-align:center;position:relative}#progressbar{overflow:hidden;color:#d3d3d3}#progressbar .active{color:var(--green)}#progressbar li{list-style-type:none;font-size:15px;width:33%;float:left;position:relative;font-weight:400}#progressbar #step1:before{content:\"1\"}#progressbar #step2:before{content:\"2\"}#progressbar #step3:before{content:\"3\"}#progressbar li:before{width:50px;height:50px;line-height:45px;display:block;font-size:20px;color:#fff;background:lightgray;border-radius:50%;margin:0 auto 10px;padding:2px}#progressbar li:after{content:\"\";width:100%;height:2px;background:lightgray;position:absolute;left:0;top:25px;z-index:-1}#progressbar li.active:before,#progressbar li.active:after{background:var(--green)}\n"], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "async": i3.AsyncPipe, "fromDictionary": SdkDictionaryPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: FoehnStatusProgressBarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'foehn-status-progress-bar', template: "<div *ngIf=\"isEnabled()\">\n    <div class=\"container\">\n        <div class=\"row justify-content-center\">\n            <div class=\"col\">\n                <div\n                    class=\"sr-only\"\n                    aria-live=\"polite\"\n                    role=\"status\"\n                    aria-atomic=\"true\"\n                    tabindex=\"0\"\n                >\n                    <span *ngIf=\"isTransmitted | async; else notTransmitted\">\n                        {{\n                            'foehn-status-progress-bar.step3.srOnly'\n                                | fromDictionary\n                        }}\n                    </span>\n                    <ng-template #notTransmitted>\n                        <span *ngIf=\"isStepVerificationActive()\">\n                            {{\n                                'foehn-status-progress-bar.step2.srOnly'\n                                    | fromDictionary\n                            }}\n                        </span>\n                        <span *ngIf=\"!isStepVerificationActive()\">\n                            {{\n                                'foehn-status-progress-bar.step1.srOnly'\n                                    | fromDictionary\n                            }}\n                        </span>\n                    </ng-template>\n                </div>\n\n                <ul id=\"progressbar\" class=\"pl-0 mt-1\" aria-hidden=\"true\">\n                    <li class=\"active\" id=\"step1\">\n                        <strong>\n                            {{\n                                'foehn-status-progress-bar.step1'\n                                    | fromDictionary\n                            }}\n                        </strong>\n                    </li>\n                    <li\n                        id=\"step2\"\n                        [ngClass]=\"{\n                            active: isStepVerificationActive()\n                        }\"\n                    >\n                        <strong>\n                            {{\n                                'foehn-status-progress-bar.step2'\n                                    | fromDictionary\n                            }}\n                        </strong>\n                    </li>\n\n                    <li\n                        id=\"step3\"\n                        [ngClass]=\"{ active: isTransmitted | async }\"\n                    >\n                        <strong>\n                            {{\n                                'foehn-status-progress-bar.step3'\n                                    | fromDictionary\n                            }}\n                        </strong>\n                    </li>\n                </ul>\n            </div>\n        </div>\n    </div>\n</div>\n", styles: [".col{text-align:center;position:relative}#progressbar{overflow:hidden;color:#d3d3d3}#progressbar .active{color:var(--green)}#progressbar li{list-style-type:none;font-size:15px;width:33%;float:left;position:relative;font-weight:400}#progressbar #step1:before{content:\"1\"}#progressbar #step2:before{content:\"2\"}#progressbar #step3:before{content:\"3\"}#progressbar li:before{width:50px;height:50px;line-height:45px;display:block;font-size:20px;color:#fff;background:lightgray;border-radius:50%;margin:0 auto 10px;padding:2px}#progressbar li:after{content:\"\";width:100%;height:2px;background:lightgray;position:absolute;left:0;top:25px;z-index:-1}#progressbar li.active:before,#progressbar li.active:after{background:var(--green)}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1$1.ActivatedRoute }, { type: FoehnNavigationService }, { type: GesdemEventService }, { type: GesdemHandlerService }]; }, propDecorators: { hidden: [{
+                type: Input
+            }] } });
+
 class FoehnIconExternalLinkAltComponent extends AbstractIconComponent {
     constructor() {
         super(...arguments);
@@ -4827,10 +4864,10 @@ class FoehnConfirmModalComponent {
     }
 }
 FoehnConfirmModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: FoehnConfirmModalComponent, deps: [{ token: FoehnConfirmModalService }], target: i0.ɵɵFactoryTarget.Component });
-FoehnConfirmModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: FoehnConfirmModalComponent, selector: "foehn-confirm-modal", ngImport: i0, template: "<foehn-modal\n    [modalHeaderText]=\"modalContent.title || 'Confirmation'\"\n    modalSize=\"modal-md\"\n    [isModalVisible]=\"isVisible\"\n    (isModalVisibleChange)=\"updateVisibilityStatus($event)\"\n    *ngIf=\"content | async as modalContent\"\n>\n    <p [innerHTML]=\"modalContent.htmlContent\"></p>\n\n    <div modal-footer>\n        <div class=\"d-flex justify-content-end mr-2 mb-2 mt-2\">\n            <button\n                id=\"confirmButton\"\n                class=\"btn btn-secondary\"\n                (click)=\"cancel()\"\n            >\n                {{ modalContent.cancelButtonLabel || 'Annuler' }}\n            </button>\n            <button\n                id=\"cancelButton\"\n                class=\"btn btn-primary ml-3\"\n                (click)=\"ok()\"\n            >\n                {{ modalContent.okButtonLabel || 'Confirmer' }}\n            </button>\n        </div>\n    </div>\n</foehn-modal>\n", components: [{ type: FoehnModalComponent, selector: "foehn-modal", inputs: ["id", "name", "modalSize", "modalBodyText", "modalHeaderText", "modalFooterText", "closeable", "modalTriggerHtmlElement", "isModalVisible"], outputs: ["isModalVisibleChange"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3.AsyncPipe } });
+FoehnConfirmModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: FoehnConfirmModalComponent, selector: "foehn-confirm-modal", ngImport: i0, template: "<foehn-modal\n    [modalHeaderText]=\"modalContent.title || 'Confirmation'\"\n    modalSize=\"modal-md\"\n    [isModalVisible]=\"isVisible\"\n    (isModalVisibleChange)=\"updateVisibilityStatus($event)\"\n    [closeable]=\"\n        modalContent.closeable !== null && modalContent.closeable !== undefined\n            ? modalContent.closeable\n            : true\n    \"\n    *ngIf=\"content | async as modalContent\"\n>\n    <p [innerHTML]=\"modalContent.htmlContent\"></p>\n\n    <div modal-footer>\n        <div class=\"d-flex justify-content-end mr-2 mb-2 mt-2\">\n            <button\n                id=\"confirmButton\"\n                class=\"btn btn-secondary\"\n                (click)=\"cancel()\"\n            >\n                {{ modalContent.cancelButtonLabel || 'Annuler' }}\n            </button>\n            <button\n                id=\"cancelButton\"\n                class=\"btn btn-primary ml-3\"\n                (click)=\"ok()\"\n            >\n                {{ modalContent.okButtonLabel || 'Confirmer' }}\n            </button>\n        </div>\n    </div>\n</foehn-modal>\n", components: [{ type: FoehnModalComponent, selector: "foehn-modal", inputs: ["id", "name", "modalSize", "modalBodyText", "modalHeaderText", "modalFooterText", "closeable", "modalTriggerHtmlElement", "isModalVisible"], outputs: ["isModalVisibleChange"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3.AsyncPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: FoehnConfirmModalComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'foehn-confirm-modal', template: "<foehn-modal\n    [modalHeaderText]=\"modalContent.title || 'Confirmation'\"\n    modalSize=\"modal-md\"\n    [isModalVisible]=\"isVisible\"\n    (isModalVisibleChange)=\"updateVisibilityStatus($event)\"\n    *ngIf=\"content | async as modalContent\"\n>\n    <p [innerHTML]=\"modalContent.htmlContent\"></p>\n\n    <div modal-footer>\n        <div class=\"d-flex justify-content-end mr-2 mb-2 mt-2\">\n            <button\n                id=\"confirmButton\"\n                class=\"btn btn-secondary\"\n                (click)=\"cancel()\"\n            >\n                {{ modalContent.cancelButtonLabel || 'Annuler' }}\n            </button>\n            <button\n                id=\"cancelButton\"\n                class=\"btn btn-primary ml-3\"\n                (click)=\"ok()\"\n            >\n                {{ modalContent.okButtonLabel || 'Confirmer' }}\n            </button>\n        </div>\n    </div>\n</foehn-modal>\n" }]
+            args: [{ selector: 'foehn-confirm-modal', template: "<foehn-modal\n    [modalHeaderText]=\"modalContent.title || 'Confirmation'\"\n    modalSize=\"modal-md\"\n    [isModalVisible]=\"isVisible\"\n    (isModalVisibleChange)=\"updateVisibilityStatus($event)\"\n    [closeable]=\"\n        modalContent.closeable !== null && modalContent.closeable !== undefined\n            ? modalContent.closeable\n            : true\n    \"\n    *ngIf=\"content | async as modalContent\"\n>\n    <p [innerHTML]=\"modalContent.htmlContent\"></p>\n\n    <div modal-footer>\n        <div class=\"d-flex justify-content-end mr-2 mb-2 mt-2\">\n            <button\n                id=\"confirmButton\"\n                class=\"btn btn-secondary\"\n                (click)=\"cancel()\"\n            >\n                {{ modalContent.cancelButtonLabel || 'Annuler' }}\n            </button>\n            <button\n                id=\"cancelButton\"\n                class=\"btn btn-primary ml-3\"\n                (click)=\"ok()\"\n            >\n                {{ modalContent.okButtonLabel || 'Confirmer' }}\n            </button>\n        </div>\n    </div>\n</foehn-modal>\n" }]
         }], ctorParameters: function () { return [{ type: FoehnConfirmModalService }]; } });
 
 const LEAVING_ALERT_CONTENT = 'Ce changement de page entraine une perte des données non sauvegardées.<br/>Souhaitez-vous quand même continuer ?';
@@ -4981,10 +5018,10 @@ class FoehnPageComponent {
     }
 }
 FoehnPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", 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 }], target: i0.ɵɵFactoryTarget.Component });
-FoehnPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: FoehnPageComponent, selector: "foehn-page", inputs: { appTitle: "appTitle", footerLinks: "footerLinks", neverConnected: "neverConnected", supportAlertEnabled: "supportAlertEnabled", supportAlertUrl: "supportAlertUrl", etapeId: "etapeId", userConnectedAsDisplayed: "userConnectedAsDisplayed", confirmLeavingAlert: "confirmLeavingAlert", showDefaultContactFooterLink: "showDefaultContactFooterLink", showDefaultGuideFooterLink: "showDefaultGuideFooterLink", showDefaultTermOfUseLink: "showDefaultTermOfUseLink", showDefaultSecurityBestPracticeLink: "showDefaultSecurityBestPracticeLink" }, usesOnChanges: true, ngImport: i0, template: "<foehn-header\n    id=\"foehn_header\"\n    [title]=\"appTitle\"\n    [neverConnected]=\"neverConnected\"\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            [neverConnected]=\"neverConnected\"\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    <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                Cette prestation n\u2019est pas compatible avec votre navigateur.\n            </strong>\n        </p>\n        <p class=\"mb-0\">\n            Nous vous invitons \u00E0 utiliser une version r\u00E9cente de\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\">(lien externe)</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\">(lien externe)</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\">(lien externe)</span>\n                <span aria-hidden=\"true\">\n                    <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n                </span>\n            </a>\n            ou\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\">(lien externe)</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                    Continuer avec ce navigateur\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    <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            <ng-container\n                *ngIf=\"displayLoginMessages | async as displayLoginMessagesData\"\n            >\n                <div\n                    *ngIf=\"displayLoginMessagesData.displayShouldLoginMessage\"\n                    class=\"alert alert-info\"\n                    id=\"displayLoginMessage\"\n                >\n                    <p\n                        [innerHTML]=\"\n                            getFullLoginMessage(\n                                displayLoginMessagesData.decisionElectroniqueAvailable\n                            ) | async\n                        \"\n                    ></p>\n                    <div class=\"d-flex justify-content-start mr-2 mb-2 mt-2\">\n                        <a\n                            class=\"btn btn-primary\"\n                            [href]=\"getFullLoginUrl() | async\"\n                        >\n                            {{ 'use-login.button.text' | fromDictionary }}\n                        </a>\n                    </div>\n                </div>\n            </ng-container>\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", components: [{ type: FoehnHeaderComponent, selector: "foehn-header", inputs: ["userInfo", "title", "neverConnected"] }, { type: FoehnGrowlComponent, selector: "foehn-growl" }, { type: FoehnBreadcrumbComponent, selector: "foehn-breadcrumb", inputs: ["breadcrumbItems", "currentNav", "neverConnected", "confirmLeavingAlert"] }, { type: FoehnIconExternalLinkAltComponent, selector: "foehn-icon-external-link-alt" }, { type: SupportAlertContainerComponent, selector: "sdk-support-alert-container", inputs: ["etapeId", "supportAlertUrl"] }, { type: FoehnUserConnectedAsComponent, selector: "foehn-user-connected-as" }, { type: FoehnFooterComponent, selector: "foehn-footer", inputs: ["links", "showDefaultContactLink", "showDefaultGuideLink", "showDefaultTermOfUseLink", "showDefaultSecurityBestPracticeLink"] }, { type: FoehnPageModalComponent, selector: "foehn-page-modal" }, { type: FoehnConfirmModalComponent, selector: "foehn-confirm-modal" }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3.AsyncPipe, "fromDictionary": SdkDictionaryPipe } });
+FoehnPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: FoehnPageComponent, selector: "foehn-page", inputs: { appTitle: "appTitle", footerLinks: "footerLinks", neverConnected: "neverConnected", supportAlertEnabled: "supportAlertEnabled", supportAlertUrl: "supportAlertUrl", etapeId: "etapeId", userConnectedAsDisplayed: "userConnectedAsDisplayed", statusProgressBarHidden: "statusProgressBarHidden", confirmLeavingAlert: "confirmLeavingAlert", showDefaultContactFooterLink: "showDefaultContactFooterLink", showDefaultGuideFooterLink: "showDefaultGuideFooterLink", showDefaultTermOfUseLink: "showDefaultTermOfUseLink", showDefaultSecurityBestPracticeLink: "showDefaultSecurityBestPracticeLink" }, usesOnChanges: true, ngImport: i0, template: "<foehn-header\n    id=\"foehn_header\"\n    [title]=\"appTitle\"\n    [neverConnected]=\"neverConnected\"\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            [neverConnected]=\"neverConnected\"\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]=\"statusProgressBarHidden\"\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                Cette prestation n\u2019est pas compatible avec votre navigateur.\n            </strong>\n        </p>\n        <p class=\"mb-0\">\n            Nous vous invitons \u00E0 utiliser une version r\u00E9cente de\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\">(lien externe)</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\">(lien externe)</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\">(lien externe)</span>\n                <span aria-hidden=\"true\">\n                    <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n                </span>\n            </a>\n            ou\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\">(lien externe)</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                    Continuer avec ce navigateur\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    <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            <ng-container\n                *ngIf=\"displayLoginMessages | async as displayLoginMessagesData\"\n            >\n                <div\n                    *ngIf=\"displayLoginMessagesData.displayShouldLoginMessage\"\n                    class=\"alert alert-info\"\n                    id=\"displayLoginMessage\"\n                >\n                    <p\n                        [innerHTML]=\"\n                            getFullLoginMessage(\n                                displayLoginMessagesData.decisionElectroniqueAvailable\n                            ) | async\n                        \"\n                    ></p>\n                    <div class=\"d-flex justify-content-start mr-2 mb-2 mt-2\">\n                        <a\n                            class=\"btn btn-primary\"\n                            [href]=\"getFullLoginUrl() | async\"\n                        >\n                            {{ 'use-login.button.text' | fromDictionary }}\n                        </a>\n                    </div>\n                </div>\n            </ng-container>\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", components: [{ type: FoehnHeaderComponent, selector: "foehn-header", inputs: ["userInfo", "title", "neverConnected"] }, { type: FoehnGrowlComponent, selector: "foehn-growl" }, { type: FoehnBreadcrumbComponent, selector: "foehn-breadcrumb", inputs: ["breadcrumbItems", "currentNav", "neverConnected", "confirmLeavingAlert"] }, { type: FoehnStatusProgressBarComponent, selector: "foehn-status-progress-bar", inputs: ["hidden"] }, { type: FoehnIconExternalLinkAltComponent, selector: "foehn-icon-external-link-alt" }, { type: SupportAlertContainerComponent, selector: "sdk-support-alert-container", inputs: ["etapeId", "supportAlertUrl"] }, { type: FoehnUserConnectedAsComponent, selector: "foehn-user-connected-as" }, { type: FoehnFooterComponent, selector: "foehn-footer", inputs: ["links", "showDefaultContactLink", "showDefaultGuideLink", "showDefaultTermOfUseLink", "showDefaultSecurityBestPracticeLink"] }, { type: FoehnPageModalComponent, selector: "foehn-page-modal" }, { type: FoehnConfirmModalComponent, selector: "foehn-confirm-modal" }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3.AsyncPipe, "fromDictionary": SdkDictionaryPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: FoehnPageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'foehn-page', template: "<foehn-header\n    id=\"foehn_header\"\n    [title]=\"appTitle\"\n    [neverConnected]=\"neverConnected\"\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            [neverConnected]=\"neverConnected\"\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    <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                Cette prestation n\u2019est pas compatible avec votre navigateur.\n            </strong>\n        </p>\n        <p class=\"mb-0\">\n            Nous vous invitons \u00E0 utiliser une version r\u00E9cente de\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\">(lien externe)</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\">(lien externe)</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\">(lien externe)</span>\n                <span aria-hidden=\"true\">\n                    <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n                </span>\n            </a>\n            ou\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\">(lien externe)</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                    Continuer avec ce navigateur\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    <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            <ng-container\n                *ngIf=\"displayLoginMessages | async as displayLoginMessagesData\"\n            >\n                <div\n                    *ngIf=\"displayLoginMessagesData.displayShouldLoginMessage\"\n                    class=\"alert alert-info\"\n                    id=\"displayLoginMessage\"\n                >\n                    <p\n                        [innerHTML]=\"\n                            getFullLoginMessage(\n                                displayLoginMessagesData.decisionElectroniqueAvailable\n                            ) | async\n                        \"\n                    ></p>\n                    <div class=\"d-flex justify-content-start mr-2 mb-2 mt-2\">\n                        <a\n                            class=\"btn btn-primary\"\n                            [href]=\"getFullLoginUrl() | async\"\n                        >\n                            {{ 'use-login.button.text' | fromDictionary }}\n                        </a>\n                    </div>\n                </div>\n            </ng-container>\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" }]
+            args: [{ selector: 'foehn-page', template: "<foehn-header\n    id=\"foehn_header\"\n    [title]=\"appTitle\"\n    [neverConnected]=\"neverConnected\"\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            [neverConnected]=\"neverConnected\"\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]=\"statusProgressBarHidden\"\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                Cette prestation n\u2019est pas compatible avec votre navigateur.\n            </strong>\n        </p>\n        <p class=\"mb-0\">\n            Nous vous invitons \u00E0 utiliser une version r\u00E9cente de\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\">(lien externe)</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\">(lien externe)</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\">(lien externe)</span>\n                <span aria-hidden=\"true\">\n                    <foehn-icon-external-link-alt></foehn-icon-external-link-alt>\n                </span>\n            </a>\n            ou\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\">(lien externe)</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                    Continuer avec ce navigateur\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    <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            <ng-container\n                *ngIf=\"displayLoginMessages | async as displayLoginMessagesData\"\n            >\n                <div\n                    *ngIf=\"displayLoginMessagesData.displayShouldLoginMessage\"\n                    class=\"alert alert-info\"\n                    id=\"displayLoginMessage\"\n                >\n                    <p\n                        [innerHTML]=\"\n                            getFullLoginMessage(\n                                displayLoginMessagesData.decisionElectroniqueAvailable\n                            ) | async\n                        \"\n                    ></p>\n                    <div class=\"d-flex justify-content-start mr-2 mb-2 mt-2\">\n                        <a\n                            class=\"btn btn-primary\"\n                            [href]=\"getFullLoginUrl() | async\"\n                        >\n                            {{ 'use-login.button.text' | fromDictionary }}\n                        </a>\n                    </div>\n                </div>\n            </ng-container>\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" }]
         }], 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 }]; }, propDecorators: { appTitle: [{
                 type: Input
             }], footerLinks: [{
@@ -4999,6 +5036,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
                 type: Input
             }], userConnectedAsDisplayed: [{
                 type: Input
+            }], statusProgressBarHidden: [{
+                type: Input
             }], confirmLeavingAlert: [{
                 type: Input
             }], showDefaultContactFooterLink: [{
@@ -6236,6 +6275,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
                 }]
         }] });
 
+class FoehnStatusProgressBarModule {
+}
+FoehnStatusProgressBarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: FoehnStatusProgressBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FoehnStatusProgressBarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: FoehnStatusProgressBarModule, declarations: [FoehnStatusProgressBarComponent], imports: [CommonModule, RouterModule, SdkDictionaryModule], exports: [FoehnStatusProgressBarComponent] });
+FoehnStatusProgressBarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: FoehnStatusProgressBarModule, imports: [[CommonModule, RouterModule, SdkDictionaryModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: FoehnStatusProgressBarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, RouterModule, SdkDictionaryModule],
+                    declarations: [FoehnStatusProgressBarComponent],
+                    exports: [FoehnStatusProgressBarComponent]
+                }]
+        }] });
+
 class FoehnPageModule {
 }
 FoehnPageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: FoehnPageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -6251,7 +6304,8 @@ FoehnPageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version
         SupportAlertModule,
         FoehnConfirmModalModule,
         FoehnIconsModule,
-        SdkDictionaryModule], exports: [FoehnPageComponent,
+        SdkDictionaryModule,
+        FoehnStatusProgressBarModule], exports: [FoehnPageComponent,
         FoehnPageCounterComponent,
         FoehnPageModalComponent] });
 FoehnPageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: FoehnPageModule, imports: [[
@@ -6265,7 +6319,8 @@ FoehnPageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version
             SupportAlertModule,
             FoehnConfirmModalModule,
             FoehnIconsModule,
-            SdkDictionaryModule
+            SdkDictionaryModule,
+            FoehnStatusProgressBarModule
         ]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: FoehnPageModule, decorators: [{
             type: NgModule,
@@ -6281,7 +6336,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
                         SupportAlertModule,
                         FoehnConfirmModalModule,
                         FoehnIconsModule,
-                        SdkDictionaryModule
+                        SdkDictionaryModule,
+                        FoehnStatusProgressBarModule
                     ],
                     declarations: [
                         FoehnPageComponent,
@@ -8232,9 +8288,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
                 }]
         }] });
 
-const hasInputChanged$1 = (change) => !(!change ||
-    !change.currentValue ||
-    ObjectHelper.isEqual(change.previousValue, change.currentValue));
+const hasInputChanged$1 = (change) => change && !ObjectHelper.isEqual(change.previousValue, change.currentValue);
 class FoehnListComponent {
     constructor() {
         this.itemsPerPage = 10;
@@ -8374,9 +8428,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
 class PageChangeEvent {
 }
 
-const hasInputChanged = (change) => !(!change ||
-    !change.currentValue ||
-    ObjectHelper.isEqual(change.previousValue, change.currentValue));
+const hasInputChanged = (change) => change && !ObjectHelper.isEqual(change.previousValue, change.currentValue);
 class FoehnTableComponent {
     constructor() {
         this.itemsPerPage = 10;
@@ -9884,7 +9936,7 @@ class EPaymentService {
             .post(`${baseUrl}epayment/prepare/${ref}`, null, {
             responseType: 'text'
         })
-            .pipe(catchError((err) => {
+            .pipe(catchError(() => {
             this.cancelPendingPayment(ref, baseUrl);
             throw new Error();
         }));
@@ -11485,5 +11537,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { APP_INFO_API_URL, AbstractFoehnUploaderComponent, AbstractListDetailPageComponent, AbstractMenuPageComponent, AbstractPageComponent, AbstractPageFromMenuComponent, ActionStatut, Address, ApplicationInfo, ApplicationInfoService, BAD_PARAMS_HELP_TEXT, BackendResponse, BoDocumentError, BoDocumentsWithErrors, BoMultiUploadService, Breadcrumb, BreadcrumbEventService, BreadcrumbItem, CAPTCHA_ERROR_NAME, CURRENCY_REGEXP, Captcha, ComponentError, Configuration, Country, CurrencyHelper, DECIMALS_SEPARATOR, DEFAULT_INTERNATIONAL_AND_NO_SWISS, DEFAULT_INTERNATIONAL_AND_NO_SWISS_MOBILE, DEFAULT_INTERNATIONAL_AND_NO_SWISS_PHONE, DEFAULT_INTERNATIONAL_HELP_TEXT, DEFAULT_SWISS_HELP_TEXT, DEFAULT_SWISS_MOBILE_PHONE_HELP_TEXT, DEFAULT_SWISS_PHONE_HELP_TEXT, DICTIONARY_BASE_URL, DateHelper, DatePickerHelper, DatePickerNavigationHelper, DayMonth, DisplayCurrencyPipe, DisplayDatePipe, DisplayLoginMessagesData, Document, DocumentError, DocumentReference, DocumentReferenceWithFile, DocumentsWithErrors, EPaymentService, EtapeInfo, FORM_SUPPORT_CYBER_TITLE_FALLBACK, FocusedDay, FoehnAbbrComponent, FoehnAddressModule, FoehnAutocompleteComponent, FoehnAutocompleteModule, FoehnBoMultiUploadComponent, FoehnBoMultiUploadModule, FoehnBooleanCheckboxComponent, FoehnBooleanModule, FoehnBooleanRadioComponent, FoehnBreadcrumbComponent, FoehnBreadcrumbModule, FoehnCheckableGroupComponent, FoehnCheckablesModule, FoehnCheckboxComponent, FoehnConfirmModalComponent, FoehnConfirmModalContent, FoehnConfirmModalModule, FoehnConfirmModalService, FoehnDateComponent, FoehnDatePickerButtonComponent, FoehnDatePickerButtonModule, FoehnDatePickerComponent, FoehnDatePickerModule, FoehnDecisionElectroniqueComponent, FoehnDecisionElectroniqueModule, FoehnDisplayAddressComponent, FoehnErrorPillComponent, FoehnFormComponent, FoehnFormModule, FoehnHeaderComponent, FoehnHeaderModule, FoehnHelpModalComponent, FoehnHelpModalModule, FoehnIconCalendarComponent, FoehnIconCheckComponent, FoehnIconCheckSquareOComponent, FoehnIconChevronDownComponent, FoehnIconChevronLeftComponent, FoehnIconChevronRightComponent, FoehnIconChevronUpComponent, FoehnIconClockComponent, FoehnIconCommentDotsComponent, FoehnIconEditComponent, FoehnIconExternalLinkAltComponent, FoehnIconFilePdfComponent, FoehnIconInfoCircleComponent, FoehnIconLockComponent, FoehnIconMapMarkerComponent, FoehnIconMinusCircleComponent, FoehnIconPlusCircleComponent, FoehnIconPlusSquareComponent, FoehnIconSearchComponent, FoehnIconTimesComponent, FoehnIconTrashAltComponent, FoehnIconUnlockAltComponent, FoehnIconsModule, FoehnInputAddressComponent, FoehnInputComponent, FoehnInputEmailComponent, FoehnInputForeignLocalityComponent, FoehnInputForeignStreetComponent, FoehnInputHiddenComponent, FoehnInputModule, FoehnInputNav13Component, FoehnInputNav13Module, FoehnInputNumberComponent, FoehnInputPasswordComponent, FoehnInputPhoneComponent, FoehnInputStringComponent, FoehnInputTextComponent, FoehnInputTextareaComponent, FoehnListComponent, FoehnListItem, FoehnListModule, FoehnListSummaryComponent, FoehnMenuItemComponent, FoehnMenuItemTransmitComponent, FoehnMenuPrestationModule, FoehnMiscModule, FoehnModalComponent, FoehnModalModule, FoehnMultiUploadComponent, FoehnMultiUploadModule, FoehnNavigationComponent, FoehnNavigationModule, FoehnNavigationService, FoehnNotFoundModule, FoehnNotfoundComponent, FoehnPageComponent, FoehnPageCounterComponent, FoehnPageModalComponent, FoehnPageModule, FoehnPageService, FoehnPictureUploadComponent, FoehnPictureUploadModule, FoehnRadioComponent, FoehnRecapSectionComponent, FoehnRecapSectionModule, FoehnRemainingAlertsSummaryComponent, FoehnRemainingAlertsSummaryModule, FoehnSelectComponent, FoehnSkipLinkComponent, FoehnTableColumnConfiguration, FoehnTableComponent, FoehnTableModule, FoehnTablePageChangeEvent, FoehnTimeComponent, FoehnUserConnectedAsComponent, FoehnUserConnectedAsModule, FoehnValidationAlertSummaryComponent, FoehnValidationAlertSummaryModule, FoehnValidationAlertsComponent, FoehnValidationAlertsModule, FooterLink, FormSelectOption, FormatIdePipe, FormatterModule, GESDEM_MAX_DATA_LENGTH, GesdemActionRecoveryLoginComponent, GesdemActionRecoveryModule, GesdemActionRecoveryRegistrationComponent, GesdemConfirmationComponent, GesdemConfirmationModule, GesdemErrorComponent, GesdemErrorModule, GesdemEventService, GesdemHandlerService, GesdemLoaderGuard, GesdemMeta, GesdemStatutUtils, GrowlBrokerService, GrowlMessage, GrowlType, I18nForm, IbanFormatterDirective, IdeFormatterDirective, Locality, MonthYear, MultiUploadService, NDCFormatterDirective, NavigationDirection, NumberCurrencyFormatterDirective, ObjectHelper, PORTAIL_BASE_URL_INT, PageChangeEvent, PendingFiles, PendingUploadService, PipeModule, Portail, Preferences, PrestationsNgCoreModule, RECAPTCHA_API_URL, RecaptchaService, RedirectComponent, SESSION_INFO_API_URL, SWISS_ISO_ID, SdkDictionaryModule, SdkDictionaryPipe, SdkDictionaryService, SdkEpaymentComponent, SdkEpaymentModule, SdkRecaptchaComponent, SdkRecaptchaModule, SdkRedirectModule, ServiceLocator, SessionInfo, SessionInfoData, SessionInfoWithApplicationService, Street, StreetNumber, THOUSANDS_SEPARATOR, TableSort, UploaderHelper, ValidationHandlerService };
+export { APP_INFO_API_URL, AbstractFoehnUploaderComponent, AbstractListDetailPageComponent, AbstractMenuPageComponent, AbstractPageComponent, AbstractPageFromMenuComponent, ActionStatut, Address, ApplicationInfo, ApplicationInfoService, BAD_PARAMS_HELP_TEXT, BoDocumentError, BoDocumentsWithErrors, BoMultiUploadService, Breadcrumb, BreadcrumbEventService, BreadcrumbItem, CAPTCHA_ERROR_NAME, CURRENCY_REGEXP, Captcha, ComponentError, Configuration, Country, CurrencyHelper, DECIMALS_SEPARATOR, DEFAULT_INTERNATIONAL_AND_NO_SWISS, DEFAULT_INTERNATIONAL_AND_NO_SWISS_MOBILE, DEFAULT_INTERNATIONAL_AND_NO_SWISS_PHONE, DEFAULT_INTERNATIONAL_HELP_TEXT, DEFAULT_SWISS_HELP_TEXT, DEFAULT_SWISS_MOBILE_PHONE_HELP_TEXT, DEFAULT_SWISS_PHONE_HELP_TEXT, DICTIONARY_BASE_URL, DateHelper, DatePickerHelper, DatePickerNavigationHelper, DayMonth, DisplayCurrencyPipe, DisplayDatePipe, DisplayLoginMessagesData, Document, DocumentError, DocumentReference, DocumentReferenceWithFile, DocumentsWithErrors, EPaymentService, EtapeInfo, FORM_SUPPORT_CYBER_TITLE_FALLBACK, FocusedDay, FoehnAbbrComponent, FoehnAddressModule, FoehnAutocompleteComponent, FoehnAutocompleteModule, FoehnBoMultiUploadComponent, FoehnBoMultiUploadModule, FoehnBooleanCheckboxComponent, FoehnBooleanModule, FoehnBooleanRadioComponent, FoehnBreadcrumbComponent, FoehnBreadcrumbModule, FoehnCheckableGroupComponent, FoehnCheckablesModule, FoehnCheckboxComponent, FoehnConfirmModalComponent, FoehnConfirmModalContent, FoehnConfirmModalModule, FoehnConfirmModalService, FoehnDateComponent, FoehnDatePickerButtonComponent, FoehnDatePickerButtonModule, FoehnDatePickerComponent, FoehnDatePickerModule, FoehnDecisionElectroniqueComponent, FoehnDecisionElectroniqueModule, FoehnDisplayAddressComponent, FoehnErrorPillComponent, FoehnFormComponent, FoehnFormModule, FoehnHeaderComponent, FoehnHeaderModule, FoehnHelpModalComponent, FoehnHelpModalModule, FoehnIconCalendarComponent, FoehnIconCheckComponent, FoehnIconCheckSquareOComponent, FoehnIconChevronDownComponent, FoehnIconChevronLeftComponent, FoehnIconChevronRightComponent, FoehnIconChevronUpComponent, FoehnIconClockComponent, FoehnIconCommentDotsComponent, FoehnIconEditComponent, FoehnIconExternalLinkAltComponent, FoehnIconFilePdfComponent, FoehnIconInfoCircleComponent, FoehnIconLockComponent, FoehnIconMapMarkerComponent, FoehnIconMinusCircleComponent, FoehnIconPlusCircleComponent, FoehnIconPlusSquareComponent, FoehnIconSearchComponent, FoehnIconTimesComponent, FoehnIconTrashAltComponent, FoehnIconUnlockAltComponent, FoehnIconsModule, FoehnInputAddressComponent, FoehnInputComponent, FoehnInputEmailComponent, FoehnInputForeignLocalityComponent, FoehnInputForeignStreetComponent, FoehnInputHiddenComponent, FoehnInputModule, FoehnInputNav13Component, FoehnInputNav13Module, FoehnInputNumberComponent, FoehnInputPasswordComponent, FoehnInputPhoneComponent, FoehnInputStringComponent, FoehnInputTextComponent, FoehnInputTextareaComponent, FoehnListComponent, FoehnListItem, FoehnListModule, FoehnListSummaryComponent, FoehnMenuItemComponent, FoehnMenuItemTransmitComponent, FoehnMenuPrestationModule, FoehnMiscModule, FoehnModalComponent, FoehnModalModule, FoehnMultiUploadComponent, FoehnMultiUploadModule, FoehnNavigationComponent, FoehnNavigationModule, FoehnNavigationService, FoehnNotFoundModule, FoehnNotfoundComponent, FoehnPageComponent, FoehnPageCounterComponent, FoehnPageModalComponent, FoehnPageModule, FoehnPageService, FoehnPictureUploadComponent, FoehnPictureUploadModule, FoehnRadioComponent, FoehnRecapSectionComponent, FoehnRecapSectionModule, FoehnRemainingAlertsSummaryComponent, FoehnRemainingAlertsSummaryModule, FoehnSelectComponent, FoehnSkipLinkComponent, FoehnStatusProgressBarComponent, FoehnStatusProgressBarModule, FoehnTableColumnConfiguration, FoehnTableComponent, FoehnTableModule, FoehnTablePageChangeEvent, FoehnTimeComponent, 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, GesdemLoaderGuard, GesdemStatutUtils, GrowlBrokerService, GrowlMessage, GrowlType, I18nForm, IbanFormatterDirective, IdeFormatterDirective, Locality, MonthYear, MultiUploadService, NDCFormatterDirective, NavigationDirection, NumberCurrencyFormatterDirective, ObjectHelper, PORTAIL_BASE_URL_INT, PageChangeEvent, PendingFiles, PendingUploadService, PipeModule, Portail, Preferences, PrestationsNgCoreModule, RECAPTCHA_API_URL, RecaptchaService, RedirectComponent, SESSION_INFO_API_URL, SWISS_ISO_ID, SdkDictionaryModule, SdkDictionaryPipe, SdkDictionaryService, SdkEpaymentComponent, SdkEpaymentModule, SdkRecaptchaComponent, SdkRecaptchaModule, SdkRedirectModule, ServiceLocator, SessionInfo, SessionInfoData, SessionInfoWithApplicationService, Street, StreetNumber, THOUSANDS_SEPARATOR, TableSort, UploaderHelper, ValidationHandlerService };
 //# sourceMappingURL=dsivd-prestations-ng.mjs.map