@dsivd/prestations-ng 14.5.19-beta1 → 14.5.20-beta1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -25,6 +25,10 @@ A change is considered **breaking** if you have to change your code or update yo
25
25
  - 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(...)`
26
26
 
27
27
  ---
28
+ ## [14.5.20]
29
+ - [foehn-status-progress-bar.module.ts](projects/prestations-ng/src/foehn-status-progress-bar/foehn-status-progress-bar.module.ts)
30
+ - Add foehn-status-progress-bar component
31
+
28
32
  ## [14.5.19]
29
33
  ### Added
30
34
  - [foehn-confirm-modal.component.html](projects/prestations-ng/src/foehn-confirm-modal/foehn-confirm-modal.component.html)
@@ -1915,7 +1915,13 @@
1915
1915
  'foehn-picture-upload.delete-picture-label': 'Supprimer',
1916
1916
  'foehn-table.totalElements': '{total} éléments trouvés',
1917
1917
  'foehn-table.totalElements.1': '1 élément trouvé',
1918
- 'foehn-table.totalElements.0': 'Aucun résultat'
1918
+ 'foehn-table.totalElements.0': 'Aucun résultat',
1919
+ 'foehn-status-progress-bar.step1': 'Saisie',
1920
+ 'foehn-status-progress-bar.step1.srOnly': 'Etape 1 sur 3, Saisie',
1921
+ 'foehn-status-progress-bar.step2': 'Vérification',
1922
+ 'foehn-status-progress-bar.step2.srOnly': 'Etape 2 sur 3, Vérification',
1923
+ 'foehn-status-progress-bar.step3': 'Confirmation',
1924
+ 'foehn-status-progress-bar.step3.srOnly': 'Etape 3 sur 3, Confirmation, demande transmise'
1919
1925
  };
1920
1926
 
1921
1927
  var DICTIONARY_BASE_URL = 'api/dictionary';
@@ -5249,43 +5255,36 @@
5249
5255
  type: i0.Input
5250
5256
  }] } });
5251
5257
 
5252
- var FoehnProgressBarComponent = /** @class */ (function () {
5253
- function FoehnProgressBarComponent(activatedRoute, navigation) {
5258
+ var FoehnStatusProgressBarComponent = /** @class */ (function () {
5259
+ function FoehnStatusProgressBarComponent(activatedRoute, navigation, gesdemEventService, gesdemHand) {
5260
+ var _this = this;
5261
+ var _a;
5254
5262
  this.activatedRoute = activatedRoute;
5255
5263
  this.navigation = navigation;
5256
- if (this.isEnabled()) {
5257
- var route = FoehnNavigationService.getRootRouteRecursive(activatedRoute.snapshot);
5258
- this.navigation.initRoute(route);
5259
- this.navigation.activatedRoute = this.activatedRoute;
5260
- this.navigation.updateRouteInformations();
5261
- }
5264
+ this.gesdemEventService = gesdemEventService;
5265
+ this.gesdemHand = gesdemHand;
5266
+ 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); }));
5262
5267
  }
5263
- FoehnProgressBarComponent.prototype.isEnabled = function () {
5264
- return (this.enabled !== null &&
5265
- this.enabled !== undefined &&
5266
- this.enabled !== false);
5268
+ FoehnStatusProgressBarComponent.prototype.isEnabled = function () {
5269
+ return (this.hidden !== null &&
5270
+ this.hidden !== undefined &&
5271
+ this.hidden === false);
5267
5272
  };
5268
- FoehnProgressBarComponent.prototype.isStepVerificationActive = function () {
5269
- this.navigation.updateRouteInformations();
5273
+ FoehnStatusProgressBarComponent.prototype.isStepVerificationActive = function () {
5270
5274
  return this.navigation.isLastFormPage();
5271
5275
  };
5272
- FoehnProgressBarComponent.prototype.isStepConfirmationActive = function () {
5273
- this.navigation.updateRouteInformations();
5274
- return (this.navigation.currentRouteOrder ===
5275
- this.navigation.getLastRouteOrder());
5276
- };
5277
- return FoehnProgressBarComponent;
5276
+ return FoehnStatusProgressBarComponent;
5278
5277
  }());
5279
- 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 });
5280
- 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{margin-bottom:30px;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"] }] });
5281
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: FoehnProgressBarComponent, decorators: [{
5278
+ 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 });
5279
+ 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 } });
5280
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: FoehnStatusProgressBarComponent, decorators: [{
5282
5281
  type: i0.Component,
5283
5282
  args: [{
5284
- selector: 'foehn-progress-bar',
5285
- templateUrl: './foehn-progress-bar.component.html',
5286
- styleUrls: ['./foehn-progress-bar.component.css']
5283
+ selector: 'foehn-status-progress-bar',
5284
+ templateUrl: './foehn-status-progress-bar.component.html',
5285
+ styleUrls: ['./foehn-status-progress-bar.component.css']
5287
5286
  }]
5288
- }], ctorParameters: function () { return [{ type: i1__namespace$1.ActivatedRoute }, { type: FoehnNavigationService }]; }, propDecorators: { enabled: [{
5287
+ }], ctorParameters: function () { return [{ type: i1__namespace$1.ActivatedRoute }, { type: FoehnNavigationService }, { type: GesdemEventService }, { type: GesdemHandlerService }]; }, propDecorators: { hidden: [{
5289
5288
  type: i0.Input
5290
5289
  }] } });
5291
5290
 
@@ -5917,7 +5916,7 @@
5917
5916
  return FoehnPageComponent;
5918
5917
  }());
5919
5918
  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 });
5920
- 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 } });
5919
+ 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 } });
5921
5920
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: FoehnPageComponent, decorators: [{
5922
5921
  type: i0.Component,
5923
5922
  args: [{
@@ -5938,7 +5937,7 @@
5938
5937
  type: i0.Input
5939
5938
  }], userConnectedAsDisplayed: [{
5940
5939
  type: i0.Input
5941
- }], progressBarEnabled: [{
5940
+ }], progressBarHidden: [{
5942
5941
  type: i0.Input
5943
5942
  }], confirmLeavingAlert: [{
5944
5943
  type: i0.Input
@@ -7363,33 +7362,20 @@
7363
7362
  }]
7364
7363
  }] });
7365
7364
 
7366
- var FoehnProgressBarModule = /** @class */ (function () {
7367
- function FoehnProgressBarModule() {
7365
+ var FoehnStatusProgressBarModule = /** @class */ (function () {
7366
+ function FoehnStatusProgressBarModule() {
7368
7367
  }
7369
- return FoehnProgressBarModule;
7368
+ return FoehnStatusProgressBarModule;
7370
7369
  }());
7371
- FoehnProgressBarModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: FoehnProgressBarModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
7372
- FoehnProgressBarModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: FoehnProgressBarModule, declarations: [FoehnProgressBarComponent], imports: [i3.CommonModule,
7373
- FoehnIconsModule,
7374
- i1$1.RouterModule,
7375
- SdkDictionaryModule], exports: [FoehnProgressBarComponent] });
7376
- FoehnProgressBarModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: FoehnProgressBarModule, imports: [[
7377
- i3.CommonModule,
7378
- FoehnIconsModule,
7379
- i1$1.RouterModule,
7380
- SdkDictionaryModule
7381
- ]] });
7382
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: FoehnProgressBarModule, decorators: [{
7370
+ FoehnStatusProgressBarModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: FoehnStatusProgressBarModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
7371
+ 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] });
7372
+ 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]] });
7373
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: FoehnStatusProgressBarModule, decorators: [{
7383
7374
  type: i0.NgModule,
7384
7375
  args: [{
7385
- imports: [
7386
- i3.CommonModule,
7387
- FoehnIconsModule,
7388
- i1$1.RouterModule,
7389
- SdkDictionaryModule
7390
- ],
7391
- declarations: [FoehnProgressBarComponent],
7392
- exports: [FoehnProgressBarComponent]
7376
+ imports: [i3.CommonModule, i1$1.RouterModule, SdkDictionaryModule],
7377
+ declarations: [FoehnStatusProgressBarComponent],
7378
+ exports: [FoehnStatusProgressBarComponent]
7393
7379
  }]
7394
7380
  }] });
7395
7381
 
@@ -7412,7 +7398,7 @@
7412
7398
  FoehnConfirmModalModule,
7413
7399
  FoehnIconsModule,
7414
7400
  SdkDictionaryModule,
7415
- FoehnProgressBarModule], exports: [FoehnPageComponent,
7401
+ FoehnStatusProgressBarModule], exports: [FoehnPageComponent,
7416
7402
  FoehnPageCounterComponent,
7417
7403
  FoehnPageModalComponent] });
7418
7404
  FoehnPageModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: FoehnPageModule, imports: [[
@@ -7427,7 +7413,7 @@
7427
7413
  FoehnConfirmModalModule,
7428
7414
  FoehnIconsModule,
7429
7415
  SdkDictionaryModule,
7430
- FoehnProgressBarModule
7416
+ FoehnStatusProgressBarModule
7431
7417
  ]] });
7432
7418
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0__namespace, type: FoehnPageModule, decorators: [{
7433
7419
  type: i0.NgModule,
@@ -7444,7 +7430,7 @@
7444
7430
  FoehnConfirmModalModule,
7445
7431
  FoehnIconsModule,
7446
7432
  SdkDictionaryModule,
7447
- FoehnProgressBarModule
7433
+ FoehnStatusProgressBarModule
7448
7434
  ],
7449
7435
  declarations: [
7450
7436
  FoehnPageComponent,
@@ -13392,8 +13378,6 @@
13392
13378
  exports.FoehnPageService = FoehnPageService;
13393
13379
  exports.FoehnPictureUploadComponent = FoehnPictureUploadComponent;
13394
13380
  exports.FoehnPictureUploadModule = FoehnPictureUploadModule;
13395
- exports.FoehnProgressBarComponent = FoehnProgressBarComponent;
13396
- exports.FoehnProgressBarModule = FoehnProgressBarModule;
13397
13381
  exports.FoehnRadioComponent = FoehnRadioComponent;
13398
13382
  exports.FoehnRecapSectionComponent = FoehnRecapSectionComponent;
13399
13383
  exports.FoehnRecapSectionModule = FoehnRecapSectionModule;
@@ -13401,6 +13385,8 @@
13401
13385
  exports.FoehnRemainingAlertsSummaryModule = FoehnRemainingAlertsSummaryModule;
13402
13386
  exports.FoehnSelectComponent = FoehnSelectComponent;
13403
13387
  exports.FoehnSkipLinkComponent = FoehnSkipLinkComponent;
13388
+ exports.FoehnStatusProgressBarComponent = FoehnStatusProgressBarComponent;
13389
+ exports.FoehnStatusProgressBarModule = FoehnStatusProgressBarModule;
13404
13390
  exports.FoehnTableColumnConfiguration = FoehnTableColumnConfiguration;
13405
13391
  exports.FoehnTableComponent = FoehnTableComponent;
13406
13392
  exports.FoehnTableModule = FoehnTableModule;