@dsivd/prestations-ng 14.5.17 → 14.5.19-beta2

package/CHANGELOG.md

@@ -25,6 +25,18 @@ A change is considered **breaking** if you have to change your code or update yo
     -   adding a new constructor argument in one of our service is OK, if you just have to update your constructor's signature and your call to `super(...)`
 
 ---
+## [14.5.19]
+### Added
+    -   [foehn-confirm-modal.component.html](projects/prestations-ng/src/foehn-confirm-modal/foehn-confirm-modal.component.html)
+        - Add closeable on FoehnConfirmModalContent. Default value is true. If false, modal has to be closed by the yes and no buttons. 
+
+## [14.5.18]
+### Fixed
+
+- [object.helper.ts](projects/prestations-ng/src/helpers/object.helper.ts)
+  - Fix isEqual method for arrays. The issue was if first array has same objects but less items.
+  - This issue impacts foehn-select, foehn-list and foehn-table
+  
 
 ## [14.5.17]
 

package/bundles/dsivd-prestations-ng.umd.js

@@ -4844,18 +4844,19 @@
                 value2 &&
                 typeof value1 === 'object' &&
                 typeof value2 === 'object') {
-                var matches_1 = function (obj, source) { return Object.keys(source).every(function (key) {
-                    if (obj.hasOwnProperty(key)) {
-                        if (obj[key] &&
-                            source[key] &&
-                            typeof obj[key] === 'object' &&
-                            typeof source[key] === 'object') {
-                            return matches_1(obj[key], source[key]);
+                var matches_1 = function (obj, source) { return Object.keys(source).length === Object.keys(obj).length &&
+                    Object.keys(source).every(function (key) {
+                        if (obj.hasOwnProperty(key)) {
+                            if (obj[key] &&
+                                source[key] &&
+                                typeof obj[key] === 'object' &&
+                                typeof source[key] === 'object') {
+                                return matches_1(obj[key], source[key]);
+                            }
+                            return obj[key] === source[key];
                         }
-                        return obj[key] === source[key];
-                    }
-                    return false;
-                }); };
+                        return false;
+                    }); };
                 return matches_1(value1, value2);
             }
             return value1 === value2;
@@ -5248,6 +5249,46 @@
                     type: i0.Input
                 }] } });
 
+    var FoehnProgressBarComponent = /** @class */ (function () {
+        function FoehnProgressBarComponent(activatedRoute, navigation) {
+            this.activatedRoute = activatedRoute;
+            this.navigation = navigation;
+        }
+        FoehnProgressBarComponent.prototype.isEnabled = function () {
+            return (this.enabled !== null &&
+                this.enabled !== undefined &&
+                this.enabled !== false);
+        };
+        FoehnProgressBarComponent.prototype.isStepVerificationActive = function () {
+            this.refreshData();
+            return this.navigation.isLastFormPage();
+        };
+        FoehnProgressBarComponent.prototype.isStepConfirmationActive = function () {
+            this.refreshData();
+            return (this.navigation.currentRouteOrder ===
+                this.navigation.getLastRouteOrder());
+        };
+        FoehnProgressBarComponent.prototype.refreshData = function () {
+            var route = FoehnNavigationService.getRootRouteRecursive(this.activatedRoute.snapshot);
+            this.navigation.initRoute(route);
+            this.navigation.activatedRoute = this.activatedRoute;
+            this.navigation.updateRouteInformations();
+        };
+        return FoehnProgressBarComponent;
+    }());
+    FoehnProgressBarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: FoehnProgressBarComponent, deps: [{ token: i1__namespace$1.ActivatedRoute }, { token: FoehnNavigationService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    FoehnProgressBarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: FoehnProgressBarComponent, selector: "foehn-progress-bar", inputs: { enabled: "enabled" }, ngImport: i0__namespace, 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                >\n                    <span\n                        *ngIf=\"\n                            !isStepVerificationActive() &&\n                            !isStepConfirmationActive()\n                        \"\n                    >\n                        Etape 1 sur 3, page de saisie\n                    </span>\n                    <span *ngIf=\"isStepVerificationActive()\">\n                        Etape 2 sur 3, page de v\u00E9rification\n                    </span>\n                    <span *ngIf=\"isStepConfirmationActive()\">\n                        Etape 3 sur 3, page de confirmation, demande transmise\n                    </span>\n                </div>\n\n                <ul id=\"progressbar\" class=\"pl-0\" aria-hidden=\"true\">\n                    <li class=\"active\" id=\"step1\"><strong>Saisie</strong></li>\n                    <li\n                        id=\"step2\"\n                        [ngClass]=\"{\n                            active:\n                                isStepVerificationActive() ||\n                                isStepConfirmationActive()\n                        }\"\n                    >\n                        <strong>V\u00E9rification</strong>\n                    </li>\n                    <li\n                        id=\"step3\"\n                        [ngClass]=\"{ active: isStepConfirmationActive() }\"\n                    >\n                        <strong>Confirmation</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__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: FoehnProgressBarComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'foehn-progress-bar',
+                        templateUrl: './foehn-progress-bar.component.html',
+                        styleUrls: ['./foehn-progress-bar.component.css']
+                    }]
+            }], ctorParameters: function () { return [{ type: i1__namespace$1.ActivatedRoute }, { type: FoehnNavigationService }]; }, propDecorators: { enabled: [{
+                    type: i0.Input
+                }] } });
+
     var FoehnIconExternalLinkAltComponent = /** @class */ (function (_super) {
         __extends(FoehnIconExternalLinkAltComponent, _super);
         function FoehnIconExternalLinkAltComponent() {
@@ -5711,7 +5752,7 @@
         return FoehnConfirmModalComponent;
     }());
     FoehnConfirmModalComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: FoehnConfirmModalComponent, deps: [{ token: FoehnConfirmModalService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    FoehnConfirmModalComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: FoehnConfirmModalComponent, selector: "foehn-confirm-modal", ngImport: i0__namespace, 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__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3__namespace.AsyncPipe } });
+    FoehnConfirmModalComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: FoehnConfirmModalComponent, selector: "foehn-confirm-modal", ngImport: i0__namespace, 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__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3__namespace.AsyncPipe } });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: FoehnConfirmModalComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -5876,7 +5917,7 @@
         return FoehnPageComponent;
     }());
     FoehnPageComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: FoehnPageComponent, deps: [{ token: i1__namespace$3.Title }, { token: FoehnPageService }, { token: SupportAlertService }, { token: FoehnNavigationService }, { token: ApplicationInfoService }, { token: GesdemEventService }, { token: BreadcrumbEventService }, { token: i1__namespace$1.Router }, { token: SessionInfo }, { token: FoehnPageModalService }, { token: SdkDictionaryService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    FoehnPageComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", 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__namespace, 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__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3__namespace.AsyncPipe, "fromDictionary": SdkDictionaryPipe } });
+    FoehnPageComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: FoehnPageComponent, selector: "foehn-page", inputs: { appTitle: "appTitle", footerLinks: "footerLinks", neverConnected: "neverConnected", supportAlertEnabled: "supportAlertEnabled", supportAlertUrl: "supportAlertUrl", etapeId: "etapeId", userConnectedAsDisplayed: "userConnectedAsDisplayed", progressBarEnabled: "progressBarEnabled", confirmLeavingAlert: "confirmLeavingAlert", showDefaultContactFooterLink: "showDefaultContactFooterLink", showDefaultGuideFooterLink: "showDefaultGuideFooterLink", showDefaultTermOfUseLink: "showDefaultTermOfUseLink", showDefaultSecurityBestPracticeLink: "showDefaultSecurityBestPracticeLink" }, usesOnChanges: true, ngImport: i0__namespace, 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-progress-bar [enabled]=\"progressBarEnabled\"></foehn-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: FoehnProgressBarComponent, selector: "foehn-progress-bar", inputs: ["enabled"] }, { 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__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3__namespace.AsyncPipe, "fromDictionary": SdkDictionaryPipe } });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: FoehnPageComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -5897,6 +5938,8 @@
                     type: i0.Input
                 }], userConnectedAsDisplayed: [{
                     type: i0.Input
+                }], progressBarEnabled: [{
+                    type: i0.Input
                 }], confirmLeavingAlert: [{
                     type: i0.Input
                 }], showDefaultContactFooterLink: [{
@@ -7320,6 +7363,36 @@
                     }]
             }] });
 
+    var FoehnProgressBarModule = /** @class */ (function () {
+        function FoehnProgressBarModule() {
+        }
+        return FoehnProgressBarModule;
+    }());
+    FoehnProgressBarModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: FoehnProgressBarModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    FoehnProgressBarModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: FoehnProgressBarModule, declarations: [FoehnProgressBarComponent], imports: [i3.CommonModule,
+            FoehnIconsModule,
+            i1$1.RouterModule,
+            SdkDictionaryModule], exports: [FoehnProgressBarComponent] });
+    FoehnProgressBarModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: FoehnProgressBarModule, imports: [[
+                i3.CommonModule,
+                FoehnIconsModule,
+                i1$1.RouterModule,
+                SdkDictionaryModule
+            ]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: FoehnProgressBarModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        imports: [
+                            i3.CommonModule,
+                            FoehnIconsModule,
+                            i1$1.RouterModule,
+                            SdkDictionaryModule
+                        ],
+                        declarations: [FoehnProgressBarComponent],
+                        exports: [FoehnProgressBarComponent]
+                    }]
+            }] });
+
     var FoehnPageModule = /** @class */ (function () {
         function FoehnPageModule() {
         }
@@ -7338,7 +7411,8 @@
             SupportAlertModule,
             FoehnConfirmModalModule,
             FoehnIconsModule,
-            SdkDictionaryModule], exports: [FoehnPageComponent,
+            SdkDictionaryModule,
+            FoehnProgressBarModule], exports: [FoehnPageComponent,
             FoehnPageCounterComponent,
             FoehnPageModalComponent] });
     FoehnPageModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: FoehnPageModule, imports: [[
@@ -7352,7 +7426,8 @@
                 SupportAlertModule,
                 FoehnConfirmModalModule,
                 FoehnIconsModule,
-                SdkDictionaryModule
+                SdkDictionaryModule,
+                FoehnProgressBarModule
             ]] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: FoehnPageModule, decorators: [{
                 type: i0.NgModule,
@@ -7368,7 +7443,8 @@
                             SupportAlertModule,
                             FoehnConfirmModalModule,
                             FoehnIconsModule,
-                            SdkDictionaryModule
+                            SdkDictionaryModule,
+                            FoehnProgressBarModule
                         ],
                         declarations: [
                             FoehnPageComponent,
@@ -9557,9 +9633,7 @@
                     }]
             }] });
 
-    var hasInputChanged$1 = function (change) { return !(!change ||
-        !change.currentValue ||
-        ObjectHelper.isEqual(change.previousValue, change.currentValue)); };
+    var hasInputChanged$1 = function (change) { return change && !ObjectHelper.isEqual(change.previousValue, change.currentValue); };
     var FoehnListComponent = /** @class */ (function () {
         function FoehnListComponent() {
             this.itemsPerPage = 10;
@@ -9717,9 +9791,7 @@
         return PageChangeEvent;
     }());
 
-    var hasInputChanged = function (change) { return !(!change ||
-        !change.currentValue ||
-        ObjectHelper.isEqual(change.previousValue, change.currentValue)); };
+    var hasInputChanged = function (change) { return change && !ObjectHelper.isEqual(change.previousValue, change.currentValue); };
     var FoehnTableComponent = /** @class */ (function () {
         function FoehnTableComponent() {
             this.itemsPerPage = 10;
@@ -13320,6 +13392,8 @@
     exports.FoehnPageService = FoehnPageService;
     exports.FoehnPictureUploadComponent = FoehnPictureUploadComponent;
     exports.FoehnPictureUploadModule = FoehnPictureUploadModule;
+    exports.FoehnProgressBarComponent = FoehnProgressBarComponent;
+    exports.FoehnProgressBarModule = FoehnProgressBarModule;
     exports.FoehnRadioComponent = FoehnRadioComponent;
     exports.FoehnRecapSectionComponent = FoehnRecapSectionComponent;
     exports.FoehnRecapSectionModule = FoehnRecapSectionModule;