@dsivd/prestations-ng 18.3.14 → 18.3.15-beta.1

package/CHANGELOG.md

@@ -6,6 +6,24 @@
 
 ---
 
+## [18.3.15]
+
+### Updated
+
+- [foehn-navigation.component.html](projects/prestations-ng/src/foehn-navigation/foehn-navigation/foehn-navigation.component.html)
+- [foehn-simple-navigation.component.html](projects/prestations-ng/src/foehn-navigation/foehn-simple-navigation/foehn-simple-navigation.component.html)
+    - while the page targeted by "next", "transmit" or "previous" is loading for more than 200 ms (e.g. lazy loaded route), the clicked button displays a spinner with the new `loadingLabel` input (dictionary key `foehn-navigation.loading.label`, "Chargement...") and the navigation buttons are disabled (`aria-disabled`; clicks are ignored from the start of the navigation); a `role="status"` region announces the loading to screen readers
+- [foehn-navigation.service.ts](projects/prestations-ng/src/foehn-navigation/foehn-navigation.service.ts)
+    - new method `pendingNavigationDirection()`: direction of the navigation started with `next()` or `previous()` until it ends, `null` otherwise
+
+### Fixed
+
+- [abstract-page-component.ts](projects/prestations-ng/src/abstract-page-component.ts)
+    - fixed a second click on "next" or "transmit" while the next page is loading (lazy loaded route, resolver, async guard) saving again and skipping the next page: `send()`, `sendAndTransmit()` and `transmit()` are now ignored until the navigation to the next page ends
+    - new protected method `navigateToNextPage()`: pages overriding `onFormSent()` should call it instead of `this._navigation.next()` to get this protection
+- [abstract-page-from-menu.component.ts](projects/prestations-ng/src/foehn-menu-prestation/abstract-page-from-menu.component.ts)
+    - same fix when returning to the parent page
+
 ## [18.3.14]
 
 ### Fixed

package/UPGRADING_V19.md

@@ -11,8 +11,8 @@ From here on, we are in the root folder of your project, for example ~/git/cybsd
 
 ### Spring Boot 4
 
-You can switch to Java 25 `jdk25` + change in IntelliJ: right-click on your project > Open Module Settings > Project > set "SDK" to `jdk25` from devtools and "Language 
-  level" to `25` in "Modules"
+You can switch to Java 25 `jdk25` + change in IntelliJ: right-click on your project > Open Module Settings > Project > set "SDK" to `jdk25` from devtools and "Language
+level" to `25` in "Modules"
 
 Use the latest application-parent v15+ in your `pom.xml`.
 
@@ -53,6 +53,7 @@ If the following plugin with Lombok path was added by the recipe, remove this pl
 ```
 
 If the code uses `AutoConfigureMockMvc`, add:
+
 ```xml
 <dependency>
     <groupId>org.springframework.boot</groupId>
@@ -60,9 +61,10 @@ If the code uses `AutoConfigureMockMvc`, add:
     <scope>test</scope>
 </dependency>
 ```
+
 And replace the old `AutoConfigureMockMvc` import which is not recognized anymore by the new one.
 
-If we use in pom.xml Spring/Hibernate dependencies (like hibernate-jpamodelgen), check the Spring Boot 4 migration 
+If we use in pom.xml Spring/Hibernate dependencies (like hibernate-jpamodelgen), check the Spring Boot 4 migration
 guide to see if it has been replaced by another library: https://github.com/spring-projects/spring-boot/wiki/Spring-Boot-4.0-Migration-Guide
 
 ### Jackson migration
@@ -72,14 +74,16 @@ Replace `com.fasterxml.jackson.databind.ObjectMapper` with `tools.jackson.databi
 
 ### Brave Tracer
 
-If you are using Brave Tracer (search `brace.Tracer` in the code, usually in backoffices), you need to replace it with 
+If you are using Brave Tracer (search `brace.Tracer` in the code, usually in backoffices), you need to replace it with
 OpenTelemetry by adding the following dependency:
+
 ```xml
 <dependency>
     <groupId>org.springframework.boot</groupId>
     <artifactId>spring-boot-micrometer-tracing-brave</artifactId>
 </dependency>
 ```
+
 And replace `brave.Tracer` imports by `io.micrometer.tracing.Tracer`;
 
 ### Property migration
@@ -100,8 +104,8 @@ Look for logs that indicate property you should migrate (watch for WARN logs of
 
 Spring boot 4 doesn't support calling a controller with a trailing slash, fix the url called (/api/ping != /api/ping**/**)
 
-
 ### Clean Sonar code smells
+
 You can use the following OpenRewrite recipes to clean Sonar code smells. It is recommended to do it after the migration to avoid mixing the migration changes with code cleaning changes, and to make it easier to review.
 
 ```bash

package/abstract-page-component.d.ts

@@ -38,6 +38,7 @@ export declare abstract class AbstractPageComponent<T extends I18nForm> implemen
     private _currentLangSubscription;
     private _transmitConcurrentSafe;
     private _gesdemSaveSubscription;
+    private _isNavigatingToNextPage;
     private readonly _registerNgModelService;
     constructor(activatedRoute: ActivatedRoute);
     ngOnInit(): void;
@@ -50,6 +51,14 @@ export declare abstract class AbstractPageComponent<T extends I18nForm> implemen
     protected setPageTitle(pageTitle: string): void;
     protected setPageTitleAsync(pageTitle: Observable<string>): void;
     protected onFormSent(goToNextPage: boolean): void;
+    /**
+     * Navigates to the next page and ignores send(), sendAndTransmit() and transmit() until the navigation ends.
+     *
+     * The current page stays displayed and clickable while the next one is activated (e.g. lazy loaded route,
+     * resolver or async guard): a second click on "next" would save again, then navigate once more from the
+     * next page and skip it.
+     */
+    protected navigateToNextPage(): Promise<void>;
     private checkHasPendingsFilesBeforeTransmit;
     private gotToTop;
     abstract newForm(): T;

package/fesm2022/dsivd-prestations-ng.mjs

@@ -2,8 +2,8 @@ import * as i0 from '@angular/core';
 import { Optional, Inject, Injectable, EventEmitter, Input, HostBinding, Output, forwardRef, ViewChildren, ViewChild, Directive, Pipe, Component, ContentChildren, InjectionToken, HostListener, inject, ErrorHandler, NgModule, TemplateRef, ContentChild } from '@angular/core';
 import * as i1$1 from '@angular/router';
 import { ActivatedRoute, NavigationStart, RouterModule, NavigationEnd, RouterLink } from '@angular/router';
-import { of, Subject, BehaviorSubject, combineLatest, throwError, switchMap as switchMap$1, forkJoin, tap as tap$1, from, concatMap, toArray, EMPTY, takeUntil, startWith, filter as filter$1, merge, interval, withLatestFrom, map as map$1, debounceTime as debounceTime$1, concat } from 'rxjs';
-import { map, shareReplay, filter, tap, debounceTime, catchError, switchMap, first, finalize, throttleTime, mergeMap, share, take, distinctUntilChanged } from 'rxjs/operators';
+import { of, Subject, BehaviorSubject, combineLatest, throwError, switchMap as switchMap$1, forkJoin, tap as tap$1, from, concatMap, toArray, EMPTY, takeUntil, startWith, filter as filter$1, merge, interval, withLatestFrom, map as map$1, debounceTime as debounceTime$1, timer, concat } from 'rxjs';
+import { map, shareReplay, filter, tap, debounceTime, catchError, switchMap, first, finalize, throttleTime, mergeMap, share, take, distinctUntilChanged, skip } from 'rxjs/operators';
 import * as i1 from '@angular/common/http';
 import { HttpStatusCode, HttpResponseBase, HttpErrorResponse, HttpParams, HttpEventType, HttpResponse, HTTP_INTERCEPTORS, provideHttpClient, withInterceptorsFromDi, withInterceptors, HttpClient } from '@angular/common/http';
 import * as i3 from '@angular/forms';
@@ -25,6 +25,7 @@ import * as i5 from '@angular/cdk/scrolling';
 import { CdkVirtualScrollViewport, ScrollingModule } from '@angular/cdk/scrolling';
 import 'core-js/modules/es.array.includes';
 import localeData from 'dayjs/plugin/localeData';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import * as i6 from 'ngx-image-cropper';
 import { ImageCropperComponent } from 'ngx-image-cropper';
 import * as iban from 'iban';
@@ -1215,6 +1216,7 @@ const DEFAULT_DICTIONARY = {
     'foehn-navigation.next.label': 'Suivant',
     'foehn-navigation.previous.label': 'Précédent',
     'foehn-navigation.transmit.label': 'Transmettre',
+    'foehn-navigation.loading.label': 'Chargement...',
     'foehn-navigation.continue-later.label': 'Envoyer un lien pour reprendre cette demande plus tard',
     'foehn-navigation.continue-later-already-registered.label': 'Modifier mes informations de reprise et envoyer un nouveau lien',
     'foehn-navigation.continue-later-connected.label': 'Finir la demande plus tard',
@@ -2602,6 +2604,8 @@ class FoehnNavigationService {
         this.isInit = false;
         this.initializedAndRouteActivated = new BehaviorSubject(false);
         this.linearRouting = true;
+        this.pendingNavigationDirectionSubject = new BehaviorSubject(null);
+        this.lastNavigationId = 0;
     }
     get initialized() {
         return this.isInit;
@@ -2679,6 +2683,14 @@ class FoehnNavigationService {
     hasBeenInitialized() {
         return this.initializedAndRouteActivated.asObservable();
     }
+    /**
+     * Direction of the navigation started with next() or previous() until it ends, null otherwise.
+     * The current page stays displayed while the target one is activated (e.g. lazy loaded route).
+     * @returns Observable<NavigationDirection>
+     */
+    pendingNavigationDirection() {
+        return this.pendingNavigationDirectionSubject.asObservable();
+    }
     getQueryParamsToForwardAsString() {
         const params = this.getQueryParamsToForward() || [];
         let stringParams = '';
@@ -2832,7 +2844,15 @@ class FoehnNavigationService {
             ? SdkEventType.NAVIGATION_FORWARD
             : SdkEventType.NAVIGATION_BACKWARD;
         this.eventsLoggerService.addEvent(eventType, route.path);
-        return this.redirect(route.path);
+        const navigation = this.redirect(route.path);
+        const navigationId = ++this.lastNavigationId;
+        this.pendingNavigationDirectionSubject.next(direction);
+        return navigation.finally(() => {
+            // A navigation replaced by a newer one ends first (cancelled).
+            if (navigationId === this.lastNavigationId) {
+                this.pendingNavigationDirectionSubject.next(null);
+            }
+        });
     }
     isRouteAvailable(route) {
         const { canActivate } = route;
@@ -3044,10 +3064,6 @@ class PendingUploadService {
             this.uploadPendingFilesAndSaveForm(form);
         });
     }
-    ngOnDestroy() {
-        this.destroy$.next();
-        this.destroy$.complete();
-    }
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     get attachmentsUploaded() {
         return this.attachmentsUploadedSubject.asObservable();
@@ -3055,6 +3071,10 @@ class PendingUploadService {
     get pendingUploadedErrors() {
         return this.pendingUploadedErrorsSubject.asObservable();
     }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
     getPendingFiles(formKey) {
         if (this.pendingFilesByFormKey.get(formKey)) {
             return this.pendingFilesByFormKey.get(formKey).files;
@@ -3118,7 +3138,7 @@ class PendingUploadService {
             .pipe(concatMap(([formKey, pendingFiles]) => this.executeSingleUpload(formKey, pendingFiles, form, mergedResponse)), toArray(), finalize(() => {
             this.uploadProgressService.forceComplete();
             this.uploadProgressService.showProgress.next(false);
-        }), switchMap(() => this.gesdemService.save(form, false, false).pipe(catchError(err => {
+        }), switchMap(() => this.gesdemService.save(form, false, false).pipe(catchError((err) => {
             console.error('Gesdem save failed', err);
             return EMPTY;
         }))), takeUntil(this.destroy$))
@@ -3130,7 +3150,9 @@ class PendingUploadService {
             }
         });
     }
-    executeSingleUpload(formKey, pendingFiles, form, mergedResponse) {
+    executeSingleUpload(formKey, pendingFiles, 
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    form, mergedResponse) {
         const executor = this.uploadExecutors.get(formKey);
         if (!executor) {
             console.warn('No uploader registered for', formKey);
@@ -3139,7 +3161,7 @@ class PendingUploadService {
         return executor().pipe(tap(response => {
             this.mergePendingUploadedServerResult(mergedResponse, response);
             this.setNestedValue(form, pendingFiles.formKey, response.documents);
-        }), catchError(error => {
+        }), catchError((error) => {
             const documentError = new DocumentError();
             documentError.formKey = pendingFiles.formKey;
             documentError.key = pendingFiles.key;
@@ -3218,6 +3240,7 @@ function getConcurrentSafeCall(fn) {
 class AbstractPageComponent {
     constructor(activatedRoute) {
         this.activatedRoute = activatedRoute;
+        this._isNavigatingToNextPage = false;
         this._gesdemService = ServiceLocator.injector.get(GesdemHandlerService);
         this._gesdemEventService =
             ServiceLocator.injector.get(GesdemEventService);
@@ -3308,6 +3331,9 @@ class AbstractPageComponent {
         this.saveFormRequestSubscription?.unsubscribe();
     }
     send(goToNextPage = true, displaySuccessMessage = true) {
+        if (this._isNavigatingToNextPage) {
+            return;
+        }
         const hasPendingFiles = this._pendingUploadService.hasPendingFiles();
         if (hasPendingFiles) {
             goToNextPage = false;
@@ -3332,6 +3358,9 @@ class AbstractPageComponent {
         }
     }
     transmit() {
+        if (this._isNavigatingToNextPage) {
+            return;
+        }
         this._validationHandlerService.shouldDisplayErrors(true);
         this._transmitConcurrentSafe
             .pipe(tap(() => this._eventsLoggerService.addEvent(SdkEventType.TRANSMIT)), catchError((error) => {
@@ -3343,11 +3372,14 @@ class AbstractPageComponent {
                 // Do not show warning alert on closing tab or navigator when form has been transmitted
                 this._registerNgModelService.setHasInteractions(false);
                 this._gesdemEventService.formTransmittedSubject.next(this._gesdemService.lastResponse);
-                this._navigation.next();
+                this.navigateToNextPage();
             }
         });
     }
     sendAndTransmit(displaySuccessMessage = true) {
+        if (this._isNavigatingToNextPage) {
+            return;
+        }
         this._gesdemEventService
             .formSentObservable()
             .pipe(first())
@@ -3393,13 +3425,33 @@ class AbstractPageComponent {
             }
             this._gesdemEventService.formSentSubject.next(this._gesdemService.lastResponse);
             if (isValid && goToNextPage) {
-                this._navigation.next();
+                this.navigateToNextPage();
             }
             else if (!isValid && this.foehnFormComponent) {
                 this.foehnFormComponent.focusErrorSummary();
             }
         }, console.error);
     }
+    /**
+     * Navigates to the next page and ignores send(), sendAndTransmit() and transmit() until the navigation ends.
+     *
+     * The current page stays displayed and clickable while the next one is activated (e.g. lazy loaded route,
+     * resolver or async guard): a second click on "next" would save again, then navigate once more from the
+     * next page and skip it.
+     */
+    async navigateToNextPage() {
+        if (this._isNavigatingToNextPage) {
+            return;
+        }
+        this._isNavigatingToNextPage = true;
+        try {
+            await this._navigation.next();
+        }
+        finally {
+            // Released when the navigation is cancelled or fails so that the user can try again.
+            this._isNavigatingToNextPage = false;
+        }
+    }
     checkHasPendingsFilesBeforeTransmit() {
         if (this._pendingUploadService.hasPendingFiles()) {
             const multiUploadAttachmentSubscription = this._pendingUploadService.attachmentsUploaded.subscribe(() => {
@@ -13790,34 +13842,74 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
                 }]
         }] });
 
+// The loading state isn't displayed when the target page loads quickly, so that it doesn't flicker.
+const LOADING_DISPLAY_DELAY_MS = 200;
 class AbstractFoehnNavigationComponent {
     constructor() {
         this.onNext = new EventEmitter();
         this.onPrevious = new EventEmitter();
         this.nextLabel = 'foehn-navigation.next.label';
         this.prevLabel = 'foehn-navigation.previous.label';
+        this.loadingLabel = 'foehn-navigation.loading.label';
         this.continueLaterLabel = 'foehn-navigation.continue-later.label';
         this.continueLaterAlreadyRegisteredLabel = 'foehn-navigation.continue-later-already-registered.label';
         this.continueLaterConnectedLabel = 'foehn-navigation.continue-later-connected.label';
         this.showContinueLaterButton = true;
         this.showNextButton = true;
         this.triggerRecoveryOnPageChange = false;
+        this.pendingNavigationDirection = null;
+        this.loadingDirection = null;
+        const pendingNavigationDirection = inject(FoehnNavigationService)
+            .pendingNavigationDirection()
+            .pipe(
+        // A navigation pending when the component is created is the one activating its page.
+        skip(1));
+        pendingNavigationDirection
+            .pipe(takeUntilDestroyed())
+            .subscribe(direction => {
+            this.pendingNavigationDirection = direction;
+        });
+        pendingNavigationDirection
+            .pipe(switchMap(direction => direction === null
+            ? of(null)
+            : timer(LOADING_DISPLAY_DELAY_MS).pipe(map(() => direction))), takeUntilDestroyed())
+            .subscribe(direction => {
+            this.loadingDirection = direction;
+        });
     }
     goToNext() {
+        if (this.isNavigating()) {
+            return;
+        }
         this.onNext.emit();
     }
     goToPrevious() {
+        if (this.isNavigating()) {
+            return;
+        }
         this.onPrevious.emit();
     }
     canShowNextButton() {
         return this.showNextButton;
     }
+    isNavigating() {
+        return this.pendingNavigationDirection !== null;
+    }
+    isLoading() {
+        return this.loadingDirection !== null;
+    }
+    isLoadingNext() {
+        return this.loadingDirection === NavigationDirection.FORWARD;
+    }
+    isLoadingPrevious() {
+        return this.loadingDirection === NavigationDirection.BACKWARD;
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: AbstractFoehnNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", type: AbstractFoehnNavigationComponent, isStandalone: true, inputs: { nextLabel: "nextLabel", prevLabel: "prevLabel", continueLaterLabel: "continueLaterLabel", continueLaterAlreadyRegisteredLabel: "continueLaterAlreadyRegisteredLabel", continueLaterConnectedLabel: "continueLaterConnectedLabel", showContinueLaterButton: "showContinueLaterButton", showNextButton: "showNextButton", triggerRecoveryOnPageChange: "triggerRecoveryOnPageChange" }, outputs: { onNext: "onNext", onPrevious: "onPrevious" }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", type: AbstractFoehnNavigationComponent, isStandalone: true, inputs: { nextLabel: "nextLabel", prevLabel: "prevLabel", loadingLabel: "loadingLabel", continueLaterLabel: "continueLaterLabel", continueLaterAlreadyRegisteredLabel: "continueLaterAlreadyRegisteredLabel", continueLaterConnectedLabel: "continueLaterConnectedLabel", showContinueLaterButton: "showContinueLaterButton", showNextButton: "showNextButton", triggerRecoveryOnPageChange: "triggerRecoveryOnPageChange" }, outputs: { onNext: "onNext", onPrevious: "onPrevious" }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: AbstractFoehnNavigationComponent, decorators: [{
             type: Directive
-        }], propDecorators: { 
+        }], ctorParameters: () => [], propDecorators: { 
         // eslint-disable-next-line @angular-eslint/no-output-on-prefix
         onNext: [{
                 type: Output
@@ -13829,6 +13921,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
                 type: Input
             }], prevLabel: [{
                 type: Input
+            }], loadingLabel: [{
+                type: Input
             }], continueLaterLabel: [{
                 type: Input
             }], continueLaterAlreadyRegisteredLabel: [{
@@ -13890,11 +13984,11 @@ class FoehnNavigationComponent extends AbstractFoehnNavigationComponent {
         return this.navigationService.isLinearRouting();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: FoehnNavigationComponent, deps: [{ token: FoehnNavigationService }, { token: i1$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: FoehnNavigationComponent, isStandalone: false, selector: "foehn-navigation", inputs: { transmitLabel: "transmitLabel" }, usesInheritance: true, ngImport: i0, template: "<gesdem-action-recovery-registration\n    *ngIf=\"showContinueLaterButton\"\n    [continueLaterLabel]=\"continueLaterLabel\"\n    [continueLaterAlreadyRegisteredLabel]=\"continueLaterAlreadyRegisteredLabel\"\n    [continueLaterConnectedLabel]=\"continueLaterConnectedLabel\"\n    [triggerOnPageChange]=\"triggerRecoveryOnPageChange\"\n></gesdem-action-recovery-registration>\n\n<sdk-pending-payment\n    *ngIf=\"isForcedOnRecapForPendingPayment()\"\n    (onPay)=\"goToNext()\"\n></sdk-pending-payment>\n\n<nav class=\"vd-pagination\" id=\"foehn_navContainer\" aria-label=\"Pagination\">\n    <ul class=\"vd-pagination__list\">\n        <li\n            class=\"vd-pagination__item vd-pagination__item--previous\"\n            *ngIf=\"canShowPreviousButton()\"\n        >\n            <button\n                id=\"prevButton\"\n                type=\"button\"\n                class=\"btn btn-link vd-pagination__link vd-pagination__link-reset\"\n                (click)=\"$event.preventDefault(); goToPrevious()\"\n            >\n                <span class=\"vd-pagination__title\">\n                    <foehn-icon-chevron-left\n                        class=\"me-1\"\n                        aria-hidden=\"true\"\n                    ></foehn-icon-chevron-left>\n                    {{ prevLabel | fromDictionary }}\n                </span>\n                <span class=\"visually-hidden\" *ngIf=\"isLinearRouting()\">:</span>\n                <span class=\"vd-pagination__label\" *ngIf=\"isLinearRouting()\">\n                    {{ getPreviousRouteIndex() }}\n                    {{\n                        'foehn-navigation.route.index.separator'\n                            | fromDictionary\n                    }}\n                    {{ getTotalRoutesSize() }}\n                </span>\n            </button>\n        </li>\n        <li\n            class=\"vd-pagination__item vd-pagination__item--next\"\n            *ngIf=\"!isLastFormPage() && canShowNextButton()\"\n        >\n            <button\n                id=\"nextButton\"\n                type=\"submit\"\n                class=\"btn btn-link vd-pagination__link vd-pagination__link-reset\"\n                (click)=\"$event.preventDefault(); goToNext()\"\n            >\n                <span class=\"vd-pagination__title\">\n                    {{ nextLabel | fromDictionary }}\n                    <foehn-icon-chevron-right\n                        class=\"ms-1\"\n                        aria-hidden=\"true\"\n                    ></foehn-icon-chevron-right>\n                </span>\n                <span class=\"visually-hidden\" *ngIf=\"isLinearRouting()\">:</span>\n                <span class=\"vd-pagination__label\" *ngIf=\"isLinearRouting()\">\n                    {{ getNextRouteIndex() }}\n                    {{\n                        'foehn-navigation.route.index.separator'\n                            | fromDictionary\n                    }}\n                    {{ getTotalRoutesSize() }}\n                </span>\n            </button>\n        </li>\n        <li\n            class=\"vd-pagination__item vd-pagination__item--next\"\n            *ngIf=\"isLastFormPage() && canShowNextButton()\"\n        >\n            <button\n                *ngIf=\"isLastFormPage() && canShowNextButton()\"\n                type=\"submit\"\n                id=\"transmitButton\"\n                (click)=\"goToNext()\"\n                class=\"btn btn-success vd-btn-pagination-submit\"\n            >\n                {{ transmitLabel | fromDictionary }}\n            </button>\n        </li>\n    </ul>\n</nav>\n", styles: [".vd-pagination__link-reset{background:none;border:none;font-weight:inherit;text-decoration-line:none;text-align:inherit;cursor:pointer}.vd-pagination__link-reset:focus{background-color:var(--vd-focus)}:host ::ng-deep .btn.btn-link .svg-inline--fa{color:var(--vd-primary-dark)}:host ::ng-deep .btn.btn-link:hover .svg-inline--fa{color:var(--vd-neutral-dark)}.btn.btn-link{text-transform:none}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FoehnIconChevronLeftComponent, selector: "foehn-icon-chevron-left" }, { kind: "component", type: FoehnIconChevronRightComponent, selector: "foehn-icon-chevron-right" }, { kind: "component", type: GesdemActionRecoveryRegistrationComponent, selector: "gesdem-action-recovery-registration", inputs: ["dispatchFormErrors", "continueLaterLabel", "continueLaterAlreadyRegisteredLabel", "continueLaterConnectedLabel", "triggerOnPageChange"] }, { kind: "component", type: PendingPaymentComponent, selector: "sdk-pending-payment", outputs: ["onPay"] }, { kind: "pipe", type: SdkDictionaryPipe, name: "fromDictionary" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: FoehnNavigationComponent, isStandalone: false, selector: "foehn-navigation", inputs: { transmitLabel: "transmitLabel" }, usesInheritance: true, ngImport: i0, template: "<gesdem-action-recovery-registration\n    *ngIf=\"showContinueLaterButton\"\n    [continueLaterLabel]=\"continueLaterLabel\"\n    [continueLaterAlreadyRegisteredLabel]=\"continueLaterAlreadyRegisteredLabel\"\n    [continueLaterConnectedLabel]=\"continueLaterConnectedLabel\"\n    [triggerOnPageChange]=\"triggerRecoveryOnPageChange\"\n></gesdem-action-recovery-registration>\n\n<sdk-pending-payment\n    *ngIf=\"isForcedOnRecapForPendingPayment()\"\n    (onPay)=\"goToNext()\"\n></sdk-pending-payment>\n\n<nav class=\"vd-pagination\" id=\"foehn_navContainer\" aria-label=\"Pagination\">\n    <ul class=\"vd-pagination__list\">\n        <li\n            class=\"vd-pagination__item vd-pagination__item--previous\"\n            *ngIf=\"canShowPreviousButton()\"\n        >\n            <button\n                id=\"prevButton\"\n                type=\"button\"\n                class=\"btn btn-link vd-pagination__link vd-pagination__link-reset\"\n                [class.disabled]=\"isLoading()\"\n                [attr.aria-disabled]=\"isLoading() || null\"\n                (click)=\"$event.preventDefault(); goToPrevious()\"\n            >\n                <span class=\"vd-pagination__title\">\n                    <ng-container *ngIf=\"!isLoadingPrevious(); else loading\">\n                        <foehn-icon-chevron-left\n                            class=\"me-1\"\n                            aria-hidden=\"true\"\n                        ></foehn-icon-chevron-left>\n                        {{ prevLabel | fromDictionary }}\n                    </ng-container>\n                </span>\n                <span class=\"visually-hidden\" *ngIf=\"isLinearRouting()\">:</span>\n                <span class=\"vd-pagination__label\" *ngIf=\"isLinearRouting()\">\n                    {{ getPreviousRouteIndex() }}\n                    {{\n                        'foehn-navigation.route.index.separator'\n                            | fromDictionary\n                    }}\n                    {{ getTotalRoutesSize() }}\n                </span>\n            </button>\n        </li>\n        <li\n            class=\"vd-pagination__item vd-pagination__item--next\"\n            *ngIf=\"!isLastFormPage() && canShowNextButton()\"\n        >\n            <button\n                id=\"nextButton\"\n                type=\"submit\"\n                class=\"btn btn-link vd-pagination__link vd-pagination__link-reset\"\n                [class.disabled]=\"isLoading()\"\n                [attr.aria-disabled]=\"isLoading() || null\"\n                (click)=\"$event.preventDefault(); goToNext()\"\n            >\n                <span class=\"vd-pagination__title\">\n                    <ng-container *ngIf=\"!isLoadingNext(); else loading\">\n                        {{ nextLabel | fromDictionary }}\n                        <foehn-icon-chevron-right\n                            class=\"ms-1\"\n                            aria-hidden=\"true\"\n                        ></foehn-icon-chevron-right>\n                    </ng-container>\n                </span>\n                <span class=\"visually-hidden\" *ngIf=\"isLinearRouting()\">:</span>\n                <span class=\"vd-pagination__label\" *ngIf=\"isLinearRouting()\">\n                    {{ getNextRouteIndex() }}\n                    {{\n                        'foehn-navigation.route.index.separator'\n                            | fromDictionary\n                    }}\n                    {{ getTotalRoutesSize() }}\n                </span>\n            </button>\n        </li>\n        <li\n            class=\"vd-pagination__item vd-pagination__item--next\"\n            *ngIf=\"isLastFormPage() && canShowNextButton()\"\n        >\n            <button\n                *ngIf=\"isLastFormPage() && canShowNextButton()\"\n                type=\"submit\"\n                id=\"transmitButton\"\n                (click)=\"goToNext()\"\n                class=\"btn btn-success vd-btn-pagination-submit\"\n                [class.disabled]=\"isLoading()\"\n                [attr.aria-disabled]=\"isLoading() || null\"\n            >\n                <ng-container *ngIf=\"!isLoadingNext(); else loading\">\n                    {{ transmitLabel | fromDictionary }}\n                </ng-container>\n            </button>\n        </li>\n    </ul>\n    <span class=\"visually-hidden\" role=\"status\">\n        <ng-container *ngIf=\"isLoading()\">\n            {{ loadingLabel | fromDictionary }}\n        </ng-container>\n    </span>\n</nav>\n\n<ng-template #loading>\n    <span\n        class=\"spinner-border spinner-border-sm me-1\"\n        aria-hidden=\"true\"\n    ></span>\n    {{ loadingLabel | fromDictionary }}\n</ng-template>\n", styles: [".vd-pagination__link-reset{background:none;border:none;font-weight:inherit;text-decoration-line:none;text-align:inherit;cursor:pointer}.vd-pagination__link-reset:focus{background-color:var(--vd-focus)}:host ::ng-deep .btn.btn-link .svg-inline--fa{color:var(--vd-primary-dark)}:host ::ng-deep .btn.btn-link:hover .svg-inline--fa{color:var(--vd-neutral-dark)}.btn.btn-link{text-transform:none}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FoehnIconChevronLeftComponent, selector: "foehn-icon-chevron-left" }, { kind: "component", type: FoehnIconChevronRightComponent, selector: "foehn-icon-chevron-right" }, { kind: "component", type: GesdemActionRecoveryRegistrationComponent, selector: "gesdem-action-recovery-registration", inputs: ["dispatchFormErrors", "continueLaterLabel", "continueLaterAlreadyRegisteredLabel", "continueLaterConnectedLabel", "triggerOnPageChange"] }, { kind: "component", type: PendingPaymentComponent, selector: "sdk-pending-payment", outputs: ["onPay"] }, { kind: "pipe", type: SdkDictionaryPipe, name: "fromDictionary" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: FoehnNavigationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'foehn-navigation', standalone: false, template: "<gesdem-action-recovery-registration\n    *ngIf=\"showContinueLaterButton\"\n    [continueLaterLabel]=\"continueLaterLabel\"\n    [continueLaterAlreadyRegisteredLabel]=\"continueLaterAlreadyRegisteredLabel\"\n    [continueLaterConnectedLabel]=\"continueLaterConnectedLabel\"\n    [triggerOnPageChange]=\"triggerRecoveryOnPageChange\"\n></gesdem-action-recovery-registration>\n\n<sdk-pending-payment\n    *ngIf=\"isForcedOnRecapForPendingPayment()\"\n    (onPay)=\"goToNext()\"\n></sdk-pending-payment>\n\n<nav class=\"vd-pagination\" id=\"foehn_navContainer\" aria-label=\"Pagination\">\n    <ul class=\"vd-pagination__list\">\n        <li\n            class=\"vd-pagination__item vd-pagination__item--previous\"\n            *ngIf=\"canShowPreviousButton()\"\n        >\n            <button\n                id=\"prevButton\"\n                type=\"button\"\n                class=\"btn btn-link vd-pagination__link vd-pagination__link-reset\"\n                (click)=\"$event.preventDefault(); goToPrevious()\"\n            >\n                <span class=\"vd-pagination__title\">\n                    <foehn-icon-chevron-left\n                        class=\"me-1\"\n                        aria-hidden=\"true\"\n                    ></foehn-icon-chevron-left>\n                    {{ prevLabel | fromDictionary }}\n                </span>\n                <span class=\"visually-hidden\" *ngIf=\"isLinearRouting()\">:</span>\n                <span class=\"vd-pagination__label\" *ngIf=\"isLinearRouting()\">\n                    {{ getPreviousRouteIndex() }}\n                    {{\n                        'foehn-navigation.route.index.separator'\n                            | fromDictionary\n                    }}\n                    {{ getTotalRoutesSize() }}\n                </span>\n            </button>\n        </li>\n        <li\n            class=\"vd-pagination__item vd-pagination__item--next\"\n            *ngIf=\"!isLastFormPage() && canShowNextButton()\"\n        >\n            <button\n                id=\"nextButton\"\n                type=\"submit\"\n                class=\"btn btn-link vd-pagination__link vd-pagination__link-reset\"\n                (click)=\"$event.preventDefault(); goToNext()\"\n            >\n                <span class=\"vd-pagination__title\">\n                    {{ nextLabel | fromDictionary }}\n                    <foehn-icon-chevron-right\n                        class=\"ms-1\"\n                        aria-hidden=\"true\"\n                    ></foehn-icon-chevron-right>\n                </span>\n                <span class=\"visually-hidden\" *ngIf=\"isLinearRouting()\">:</span>\n                <span class=\"vd-pagination__label\" *ngIf=\"isLinearRouting()\">\n                    {{ getNextRouteIndex() }}\n                    {{\n                        'foehn-navigation.route.index.separator'\n                            | fromDictionary\n                    }}\n                    {{ getTotalRoutesSize() }}\n                </span>\n            </button>\n        </li>\n        <li\n            class=\"vd-pagination__item vd-pagination__item--next\"\n            *ngIf=\"isLastFormPage() && canShowNextButton()\"\n        >\n            <button\n                *ngIf=\"isLastFormPage() && canShowNextButton()\"\n                type=\"submit\"\n                id=\"transmitButton\"\n                (click)=\"goToNext()\"\n                class=\"btn btn-success vd-btn-pagination-submit\"\n            >\n                {{ transmitLabel | fromDictionary }}\n            </button>\n        </li>\n    </ul>\n</nav>\n", styles: [".vd-pagination__link-reset{background:none;border:none;font-weight:inherit;text-decoration-line:none;text-align:inherit;cursor:pointer}.vd-pagination__link-reset:focus{background-color:var(--vd-focus)}:host ::ng-deep .btn.btn-link .svg-inline--fa{color:var(--vd-primary-dark)}:host ::ng-deep .btn.btn-link:hover .svg-inline--fa{color:var(--vd-neutral-dark)}.btn.btn-link{text-transform:none}\n"] }]
+            args: [{ selector: 'foehn-navigation', standalone: false, template: "<gesdem-action-recovery-registration\n    *ngIf=\"showContinueLaterButton\"\n    [continueLaterLabel]=\"continueLaterLabel\"\n    [continueLaterAlreadyRegisteredLabel]=\"continueLaterAlreadyRegisteredLabel\"\n    [continueLaterConnectedLabel]=\"continueLaterConnectedLabel\"\n    [triggerOnPageChange]=\"triggerRecoveryOnPageChange\"\n></gesdem-action-recovery-registration>\n\n<sdk-pending-payment\n    *ngIf=\"isForcedOnRecapForPendingPayment()\"\n    (onPay)=\"goToNext()\"\n></sdk-pending-payment>\n\n<nav class=\"vd-pagination\" id=\"foehn_navContainer\" aria-label=\"Pagination\">\n    <ul class=\"vd-pagination__list\">\n        <li\n            class=\"vd-pagination__item vd-pagination__item--previous\"\n            *ngIf=\"canShowPreviousButton()\"\n        >\n            <button\n                id=\"prevButton\"\n                type=\"button\"\n                class=\"btn btn-link vd-pagination__link vd-pagination__link-reset\"\n                [class.disabled]=\"isLoading()\"\n                [attr.aria-disabled]=\"isLoading() || null\"\n                (click)=\"$event.preventDefault(); goToPrevious()\"\n            >\n                <span class=\"vd-pagination__title\">\n                    <ng-container *ngIf=\"!isLoadingPrevious(); else loading\">\n                        <foehn-icon-chevron-left\n                            class=\"me-1\"\n                            aria-hidden=\"true\"\n                        ></foehn-icon-chevron-left>\n                        {{ prevLabel | fromDictionary }}\n                    </ng-container>\n                </span>\n                <span class=\"visually-hidden\" *ngIf=\"isLinearRouting()\">:</span>\n                <span class=\"vd-pagination__label\" *ngIf=\"isLinearRouting()\">\n                    {{ getPreviousRouteIndex() }}\n                    {{\n                        'foehn-navigation.route.index.separator'\n                            | fromDictionary\n                    }}\n                    {{ getTotalRoutesSize() }}\n                </span>\n            </button>\n        </li>\n        <li\n            class=\"vd-pagination__item vd-pagination__item--next\"\n            *ngIf=\"!isLastFormPage() && canShowNextButton()\"\n        >\n            <button\n                id=\"nextButton\"\n                type=\"submit\"\n                class=\"btn btn-link vd-pagination__link vd-pagination__link-reset\"\n                [class.disabled]=\"isLoading()\"\n                [attr.aria-disabled]=\"isLoading() || null\"\n                (click)=\"$event.preventDefault(); goToNext()\"\n            >\n                <span class=\"vd-pagination__title\">\n                    <ng-container *ngIf=\"!isLoadingNext(); else loading\">\n                        {{ nextLabel | fromDictionary }}\n                        <foehn-icon-chevron-right\n                            class=\"ms-1\"\n                            aria-hidden=\"true\"\n                        ></foehn-icon-chevron-right>\n                    </ng-container>\n                </span>\n                <span class=\"visually-hidden\" *ngIf=\"isLinearRouting()\">:</span>\n                <span class=\"vd-pagination__label\" *ngIf=\"isLinearRouting()\">\n                    {{ getNextRouteIndex() }}\n                    {{\n                        'foehn-navigation.route.index.separator'\n                            | fromDictionary\n                    }}\n                    {{ getTotalRoutesSize() }}\n                </span>\n            </button>\n        </li>\n        <li\n            class=\"vd-pagination__item vd-pagination__item--next\"\n            *ngIf=\"isLastFormPage() && canShowNextButton()\"\n        >\n            <button\n                *ngIf=\"isLastFormPage() && canShowNextButton()\"\n                type=\"submit\"\n                id=\"transmitButton\"\n                (click)=\"goToNext()\"\n                class=\"btn btn-success vd-btn-pagination-submit\"\n                [class.disabled]=\"isLoading()\"\n                [attr.aria-disabled]=\"isLoading() || null\"\n            >\n                <ng-container *ngIf=\"!isLoadingNext(); else loading\">\n                    {{ transmitLabel | fromDictionary }}\n                </ng-container>\n            </button>\n        </li>\n    </ul>\n    <span class=\"visually-hidden\" role=\"status\">\n        <ng-container *ngIf=\"isLoading()\">\n            {{ loadingLabel | fromDictionary }}\n        </ng-container>\n    </span>\n</nav>\n\n<ng-template #loading>\n    <span\n        class=\"spinner-border spinner-border-sm me-1\"\n        aria-hidden=\"true\"\n    ></span>\n    {{ loadingLabel | fromDictionary }}\n</ng-template>\n", styles: [".vd-pagination__link-reset{background:none;border:none;font-weight:inherit;text-decoration-line:none;text-align:inherit;cursor:pointer}.vd-pagination__link-reset:focus{background-color:var(--vd-focus)}:host ::ng-deep .btn.btn-link .svg-inline--fa{color:var(--vd-primary-dark)}:host ::ng-deep .btn.btn-link:hover .svg-inline--fa{color:var(--vd-neutral-dark)}.btn.btn-link{text-transform:none}\n"] }]
         }], ctorParameters: () => [{ type: FoehnNavigationService }, { type: i1$1.ActivatedRoute }], propDecorators: { transmitLabel: [{
                 type: Input
             }] } });
@@ -13908,11 +14002,11 @@ class FoehnSimpleNavigationComponent extends AbstractFoehnNavigationComponent {
         return this.showPreviousButton;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: FoehnSimpleNavigationComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: FoehnSimpleNavigationComponent, isStandalone: false, selector: "foehn-simple-navigation", inputs: { showPreviousButton: "showPreviousButton" }, usesInheritance: true, ngImport: i0, template: "<gesdem-action-recovery-registration\n    *ngIf=\"showContinueLaterButton\"\n    [continueLaterLabel]=\"continueLaterLabel\"\n    [continueLaterAlreadyRegisteredLabel]=\"continueLaterAlreadyRegisteredLabel\"\n    [continueLaterConnectedLabel]=\"continueLaterConnectedLabel\"\n    [triggerOnPageChange]=\"triggerRecoveryOnPageChange\"\n></gesdem-action-recovery-registration>\n\n<nav class=\"vd-pagination\" id=\"foehn_navContainer\" aria-label=\"Pagination\">\n    <ul class=\"vd-pagination__list\">\n        <li\n            class=\"vd-pagination__item vd-pagination__item--previous\"\n            *ngIf=\"canShowPreviousButton()\"\n        >\n            <button\n                id=\"prevButton\"\n                type=\"button\"\n                class=\"btn btn-link vd-pagination__link vd-pagination__link-reset\"\n                (click)=\"$event.preventDefault(); goToPrevious()\"\n            >\n                <span class=\"vd-pagination__title\">\n                    <foehn-icon-chevron-left\n                        class=\"me-1\"\n                        aria-hidden=\"true\"\n                    ></foehn-icon-chevron-left>\n                    {{ prevLabel | fromDictionary }}\n                </span>\n            </button>\n        </li>\n        <li\n            class=\"vd-pagination__item vd-pagination__item--next\"\n            *ngIf=\"canShowNextButton()\"\n        >\n            <button\n                id=\"nextButton\"\n                type=\"submit\"\n                class=\"btn btn-link vd-pagination__link vd-pagination__link-reset\"\n                (click)=\"$event.preventDefault(); goToNext()\"\n            >\n                <span class=\"vd-pagination__title\">\n                    {{ nextLabel | fromDictionary }}\n                    <foehn-icon-chevron-right\n                        class=\"ms-1\"\n                        aria-hidden=\"true\"\n                    ></foehn-icon-chevron-right>\n                </span>\n            </button>\n        </li>\n    </ul>\n</nav>\n", styles: [".vd-pagination__link-reset{background:none;border:none;font-weight:inherit;text-decoration-line:none;text-align:inherit;cursor:pointer}.vd-pagination__link-reset:focus{background-color:var(--vd-focus)}:host ::ng-deep .btn.btn-link .svg-inline--fa{color:var(--vd-primary-dark)}:host ::ng-deep .btn.btn-link:hover .svg-inline--fa{color:var(--vd-neutral-dark)}.btn.btn-link{text-transform:none}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FoehnIconChevronLeftComponent, selector: "foehn-icon-chevron-left" }, { kind: "component", type: FoehnIconChevronRightComponent, selector: "foehn-icon-chevron-right" }, { kind: "component", type: GesdemActionRecoveryRegistrationComponent, selector: "gesdem-action-recovery-registration", inputs: ["dispatchFormErrors", "continueLaterLabel", "continueLaterAlreadyRegisteredLabel", "continueLaterConnectedLabel", "triggerOnPageChange"] }, { kind: "pipe", type: SdkDictionaryPipe, name: "fromDictionary" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: FoehnSimpleNavigationComponent, isStandalone: false, selector: "foehn-simple-navigation", inputs: { showPreviousButton: "showPreviousButton" }, usesInheritance: true, ngImport: i0, template: "<gesdem-action-recovery-registration\n    *ngIf=\"showContinueLaterButton\"\n    [continueLaterLabel]=\"continueLaterLabel\"\n    [continueLaterAlreadyRegisteredLabel]=\"continueLaterAlreadyRegisteredLabel\"\n    [continueLaterConnectedLabel]=\"continueLaterConnectedLabel\"\n    [triggerOnPageChange]=\"triggerRecoveryOnPageChange\"\n></gesdem-action-recovery-registration>\n\n<nav class=\"vd-pagination\" id=\"foehn_navContainer\" aria-label=\"Pagination\">\n    <ul class=\"vd-pagination__list\">\n        <li\n            class=\"vd-pagination__item vd-pagination__item--previous\"\n            *ngIf=\"canShowPreviousButton()\"\n        >\n            <button\n                id=\"prevButton\"\n                type=\"button\"\n                class=\"btn btn-link vd-pagination__link vd-pagination__link-reset\"\n                [class.disabled]=\"isLoading()\"\n                [attr.aria-disabled]=\"isLoading() || null\"\n                (click)=\"$event.preventDefault(); goToPrevious()\"\n            >\n                <span class=\"vd-pagination__title\">\n                    <ng-container *ngIf=\"!isLoadingPrevious(); else loading\">\n                        <foehn-icon-chevron-left\n                            class=\"me-1\"\n                            aria-hidden=\"true\"\n                        ></foehn-icon-chevron-left>\n                        {{ prevLabel | fromDictionary }}\n                    </ng-container>\n                </span>\n            </button>\n        </li>\n        <li\n            class=\"vd-pagination__item vd-pagination__item--next\"\n            *ngIf=\"canShowNextButton()\"\n        >\n            <button\n                id=\"nextButton\"\n                type=\"submit\"\n                class=\"btn btn-link vd-pagination__link vd-pagination__link-reset\"\n                [class.disabled]=\"isLoading()\"\n                [attr.aria-disabled]=\"isLoading() || null\"\n                (click)=\"$event.preventDefault(); goToNext()\"\n            >\n                <span class=\"vd-pagination__title\">\n                    <ng-container *ngIf=\"!isLoadingNext(); else loading\">\n                        {{ nextLabel | fromDictionary }}\n                        <foehn-icon-chevron-right\n                            class=\"ms-1\"\n                            aria-hidden=\"true\"\n                        ></foehn-icon-chevron-right>\n                    </ng-container>\n                </span>\n            </button>\n        </li>\n    </ul>\n    <span class=\"visually-hidden\" role=\"status\">\n        <ng-container *ngIf=\"isLoading()\">\n            {{ loadingLabel | fromDictionary }}\n        </ng-container>\n    </span>\n</nav>\n\n<ng-template #loading>\n    <span\n        class=\"spinner-border spinner-border-sm me-1\"\n        aria-hidden=\"true\"\n    ></span>\n    {{ loadingLabel | fromDictionary }}\n</ng-template>\n", styles: [".vd-pagination__link-reset{background:none;border:none;font-weight:inherit;text-decoration-line:none;text-align:inherit;cursor:pointer}.vd-pagination__link-reset:focus{background-color:var(--vd-focus)}:host ::ng-deep .btn.btn-link .svg-inline--fa{color:var(--vd-primary-dark)}:host ::ng-deep .btn.btn-link:hover .svg-inline--fa{color:var(--vd-neutral-dark)}.btn.btn-link{text-transform:none}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FoehnIconChevronLeftComponent, selector: "foehn-icon-chevron-left" }, { kind: "component", type: FoehnIconChevronRightComponent, selector: "foehn-icon-chevron-right" }, { kind: "component", type: GesdemActionRecoveryRegistrationComponent, selector: "gesdem-action-recovery-registration", inputs: ["dispatchFormErrors", "continueLaterLabel", "continueLaterAlreadyRegisteredLabel", "continueLaterConnectedLabel", "triggerOnPageChange"] }, { kind: "pipe", type: SdkDictionaryPipe, name: "fromDictionary" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: FoehnSimpleNavigationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'foehn-simple-navigation', standalone: false, template: "<gesdem-action-recovery-registration\n    *ngIf=\"showContinueLaterButton\"\n    [continueLaterLabel]=\"continueLaterLabel\"\n    [continueLaterAlreadyRegisteredLabel]=\"continueLaterAlreadyRegisteredLabel\"\n    [continueLaterConnectedLabel]=\"continueLaterConnectedLabel\"\n    [triggerOnPageChange]=\"triggerRecoveryOnPageChange\"\n></gesdem-action-recovery-registration>\n\n<nav class=\"vd-pagination\" id=\"foehn_navContainer\" aria-label=\"Pagination\">\n    <ul class=\"vd-pagination__list\">\n        <li\n            class=\"vd-pagination__item vd-pagination__item--previous\"\n            *ngIf=\"canShowPreviousButton()\"\n        >\n            <button\n                id=\"prevButton\"\n                type=\"button\"\n                class=\"btn btn-link vd-pagination__link vd-pagination__link-reset\"\n                (click)=\"$event.preventDefault(); goToPrevious()\"\n            >\n                <span class=\"vd-pagination__title\">\n                    <foehn-icon-chevron-left\n                        class=\"me-1\"\n                        aria-hidden=\"true\"\n                    ></foehn-icon-chevron-left>\n                    {{ prevLabel | fromDictionary }}\n                </span>\n            </button>\n        </li>\n        <li\n            class=\"vd-pagination__item vd-pagination__item--next\"\n            *ngIf=\"canShowNextButton()\"\n        >\n            <button\n                id=\"nextButton\"\n                type=\"submit\"\n                class=\"btn btn-link vd-pagination__link vd-pagination__link-reset\"\n                (click)=\"$event.preventDefault(); goToNext()\"\n            >\n                <span class=\"vd-pagination__title\">\n                    {{ nextLabel | fromDictionary }}\n                    <foehn-icon-chevron-right\n                        class=\"ms-1\"\n                        aria-hidden=\"true\"\n                    ></foehn-icon-chevron-right>\n                </span>\n            </button>\n        </li>\n    </ul>\n</nav>\n", styles: [".vd-pagination__link-reset{background:none;border:none;font-weight:inherit;text-decoration-line:none;text-align:inherit;cursor:pointer}.vd-pagination__link-reset:focus{background-color:var(--vd-focus)}:host ::ng-deep .btn.btn-link .svg-inline--fa{color:var(--vd-primary-dark)}:host ::ng-deep .btn.btn-link:hover .svg-inline--fa{color:var(--vd-neutral-dark)}.btn.btn-link{text-transform:none}\n"] }]
+            args: [{ selector: 'foehn-simple-navigation', standalone: false, template: "<gesdem-action-recovery-registration\n    *ngIf=\"showContinueLaterButton\"\n    [continueLaterLabel]=\"continueLaterLabel\"\n    [continueLaterAlreadyRegisteredLabel]=\"continueLaterAlreadyRegisteredLabel\"\n    [continueLaterConnectedLabel]=\"continueLaterConnectedLabel\"\n    [triggerOnPageChange]=\"triggerRecoveryOnPageChange\"\n></gesdem-action-recovery-registration>\n\n<nav class=\"vd-pagination\" id=\"foehn_navContainer\" aria-label=\"Pagination\">\n    <ul class=\"vd-pagination__list\">\n        <li\n            class=\"vd-pagination__item vd-pagination__item--previous\"\n            *ngIf=\"canShowPreviousButton()\"\n        >\n            <button\n                id=\"prevButton\"\n                type=\"button\"\n                class=\"btn btn-link vd-pagination__link vd-pagination__link-reset\"\n                [class.disabled]=\"isLoading()\"\n                [attr.aria-disabled]=\"isLoading() || null\"\n                (click)=\"$event.preventDefault(); goToPrevious()\"\n            >\n                <span class=\"vd-pagination__title\">\n                    <ng-container *ngIf=\"!isLoadingPrevious(); else loading\">\n                        <foehn-icon-chevron-left\n                            class=\"me-1\"\n                            aria-hidden=\"true\"\n                        ></foehn-icon-chevron-left>\n                        {{ prevLabel | fromDictionary }}\n                    </ng-container>\n                </span>\n            </button>\n        </li>\n        <li\n            class=\"vd-pagination__item vd-pagination__item--next\"\n            *ngIf=\"canShowNextButton()\"\n        >\n            <button\n                id=\"nextButton\"\n                type=\"submit\"\n                class=\"btn btn-link vd-pagination__link vd-pagination__link-reset\"\n                [class.disabled]=\"isLoading()\"\n                [attr.aria-disabled]=\"isLoading() || null\"\n                (click)=\"$event.preventDefault(); goToNext()\"\n            >\n                <span class=\"vd-pagination__title\">\n                    <ng-container *ngIf=\"!isLoadingNext(); else loading\">\n                        {{ nextLabel | fromDictionary }}\n                        <foehn-icon-chevron-right\n                            class=\"ms-1\"\n                            aria-hidden=\"true\"\n                        ></foehn-icon-chevron-right>\n                    </ng-container>\n                </span>\n            </button>\n        </li>\n    </ul>\n    <span class=\"visually-hidden\" role=\"status\">\n        <ng-container *ngIf=\"isLoading()\">\n            {{ loadingLabel | fromDictionary }}\n        </ng-container>\n    </span>\n</nav>\n\n<ng-template #loading>\n    <span\n        class=\"spinner-border spinner-border-sm me-1\"\n        aria-hidden=\"true\"\n    ></span>\n    {{ loadingLabel | fromDictionary }}\n</ng-template>\n", styles: [".vd-pagination__link-reset{background:none;border:none;font-weight:inherit;text-decoration-line:none;text-align:inherit;cursor:pointer}.vd-pagination__link-reset:focus{background-color:var(--vd-focus)}:host ::ng-deep .btn.btn-link .svg-inline--fa{color:var(--vd-primary-dark)}:host ::ng-deep .btn.btn-link:hover .svg-inline--fa{color:var(--vd-neutral-dark)}.btn.btn-link{text-transform:none}\n"] }]
         }], propDecorators: { showPreviousButton: [{
                 type: Input
             }] } });
@@ -16127,7 +16221,7 @@ class AbstractPageFromMenuComponent extends AbstractPageComponent {
             .subscribe(breadCrumb => {
             breadCrumb.breadcrumbItems.pop();
             this._breadcrumbEventService.setBreadcrumb(breadCrumb);
-            this._navigation.next();
+            this.navigateToNextPage();
         });
     }
     appendPageToBreadCrumb() {
@@ -16499,7 +16593,7 @@ class FoehnMenuItemComponent {
     get nonApplicableId() {
         const prefixValue = typeof this.errorPrefix === 'string'
             ? this.errorPrefix
-            : this.errorPrefix?.source ?? '';
+            : (this.errorPrefix?.source ?? '');
         const safePrefix = prefixValue
             .replace(/[^a-zA-Z0-9_-]+/g, '-')
             .replace(/^-+|-+$/g, '');