@dsivd/prestations-ng 14.5.19 → 14.5.20-beta1

package/CHANGELOG.md

@@ -25,6 +25,10 @@ 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.20]
+- [foehn-status-progress-bar.module.ts](projects/prestations-ng/src/foehn-status-progress-bar/foehn-status-progress-bar.module.ts)
+  - Add foehn-status-progress-bar component
+
 ## [14.5.19]
 ### Added
     -   [foehn-confirm-modal.component.html](projects/prestations-ng/src/foehn-confirm-modal/foehn-confirm-modal.component.html)

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

@@ -1915,7 +1915,13 @@
         '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'
     };
 
     var DICTIONARY_BASE_URL = 'api/dictionary';
@@ -5249,6 +5255,39 @@
                     type: i0.Input
                 }] } });
 
+    var FoehnStatusProgressBarComponent = /** @class */ (function () {
+        function FoehnStatusProgressBarComponent(activatedRoute, navigation, gesdemEventService, gesdemHand) {
+            var _this = this;
+            var _a;
+            this.activatedRoute = activatedRoute;
+            this.navigation = navigation;
+            this.gesdemEventService = gesdemEventService;
+            this.gesdemHand = gesdemHand;
+            this.isTransmitted = rxjs.merge(rxjs.of((_a = this.gesdemHand.lastResponse) === null || _a === void 0 ? void 0 : _a.meta), this.gesdemHand.updateFormDataSubject.pipe(operators.map(function () { return _this.gesdemHand.lastResponse.meta; }))).pipe(operators.filter(function (meta) { return !!meta; }), operators.map(function (meta) { return exports.ActionStatut[meta.statut]; }), operators.map(function (statut) { return GesdemStatutUtils.isFinal(statut); }));
+        }
+        FoehnStatusProgressBarComponent.prototype.isEnabled = function () {
+            return (this.hidden !== null &&
+                this.hidden !== undefined &&
+                this.hidden === false);
+        };
+        FoehnStatusProgressBarComponent.prototype.isStepVerificationActive = function () {
+            return this.navigation.isLastFormPage();
+        };
+        return FoehnStatusProgressBarComponent;
+    }());
+    FoehnStatusProgressBarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: FoehnStatusProgressBarComponent, deps: [{ token: i1__namespace$1.ActivatedRoute }, { token: FoehnNavigationService }, { token: GesdemEventService }, { token: GesdemHandlerService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    FoehnStatusProgressBarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: FoehnStatusProgressBarComponent, selector: "foehn-status-progress-bar", inputs: { hidden: "hidden" }, 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                    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__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "async": i3__namespace.AsyncPipe, "fromDictionary": SdkDictionaryPipe } });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: FoehnStatusProgressBarComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'foehn-status-progress-bar',
+                        templateUrl: './foehn-status-progress-bar.component.html',
+                        styleUrls: ['./foehn-status-progress-bar.component.css']
+                    }]
+            }], ctorParameters: function () { return [{ type: i1__namespace$1.ActivatedRoute }, { type: FoehnNavigationService }, { type: GesdemEventService }, { type: GesdemHandlerService }]; }, propDecorators: { hidden: [{
+                    type: i0.Input
+                }] } });
+
     var FoehnIconExternalLinkAltComponent = /** @class */ (function (_super) {
         __extends(FoehnIconExternalLinkAltComponent, _super);
         function FoehnIconExternalLinkAltComponent() {
@@ -5877,7 +5916,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", progressBarHidden: "progressBarHidden", 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-status-progress-bar\n        [hidden]=\"progressBarHidden\"\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__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: [{
@@ -5898,6 +5937,8 @@
                     type: i0.Input
                 }], userConnectedAsDisplayed: [{
                     type: i0.Input
+                }], progressBarHidden: [{
+                    type: i0.Input
                 }], confirmLeavingAlert: [{
                     type: i0.Input
                 }], showDefaultContactFooterLink: [{
@@ -7321,6 +7362,23 @@
                     }]
             }] });
 
+    var FoehnStatusProgressBarModule = /** @class */ (function () {
+        function FoehnStatusProgressBarModule() {
+        }
+        return FoehnStatusProgressBarModule;
+    }());
+    FoehnStatusProgressBarModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: FoehnStatusProgressBarModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    FoehnStatusProgressBarModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: FoehnStatusProgressBarModule, declarations: [FoehnStatusProgressBarComponent], imports: [i3.CommonModule, i1$1.RouterModule, SdkDictionaryModule], exports: [FoehnStatusProgressBarComponent] });
+    FoehnStatusProgressBarModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: FoehnStatusProgressBarModule, imports: [[i3.CommonModule, i1$1.RouterModule, SdkDictionaryModule]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: FoehnStatusProgressBarModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        imports: [i3.CommonModule, i1$1.RouterModule, SdkDictionaryModule],
+                        declarations: [FoehnStatusProgressBarComponent],
+                        exports: [FoehnStatusProgressBarComponent]
+                    }]
+            }] });
+
     var FoehnPageModule = /** @class */ (function () {
         function FoehnPageModule() {
         }
@@ -7339,7 +7397,8 @@
             SupportAlertModule,
             FoehnConfirmModalModule,
             FoehnIconsModule,
-            SdkDictionaryModule], exports: [FoehnPageComponent,
+            SdkDictionaryModule,
+            FoehnStatusProgressBarModule], exports: [FoehnPageComponent,
             FoehnPageCounterComponent,
             FoehnPageModalComponent] });
     FoehnPageModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: FoehnPageModule, imports: [[
@@ -7353,7 +7412,8 @@
                 SupportAlertModule,
                 FoehnConfirmModalModule,
                 FoehnIconsModule,
-                SdkDictionaryModule
+                SdkDictionaryModule,
+                FoehnStatusProgressBarModule
             ]] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: FoehnPageModule, decorators: [{
                 type: i0.NgModule,
@@ -7369,7 +7429,8 @@
                             SupportAlertModule,
                             FoehnConfirmModalModule,
                             FoehnIconsModule,
-                            SdkDictionaryModule
+                            SdkDictionaryModule,
+                            FoehnStatusProgressBarModule
                         ],
                         declarations: [
                             FoehnPageComponent,
@@ -13324,6 +13385,8 @@
     exports.FoehnRemainingAlertsSummaryModule = FoehnRemainingAlertsSummaryModule;
     exports.FoehnSelectComponent = FoehnSelectComponent;
     exports.FoehnSkipLinkComponent = FoehnSkipLinkComponent;
+    exports.FoehnStatusProgressBarComponent = FoehnStatusProgressBarComponent;
+    exports.FoehnStatusProgressBarModule = FoehnStatusProgressBarModule;
     exports.FoehnTableColumnConfiguration = FoehnTableColumnConfiguration;
     exports.FoehnTableComponent = FoehnTableComponent;
     exports.FoehnTableModule = FoehnTableModule;