@dsivd/prestations-ng 18.0.0 → 18.0.3

package/CHANGELOG.md

@@ -6,6 +6,56 @@
 
 ---
 
+## [18.0.3]
+
+### Added
+
+- [default-dictionary.ts](projects/prestations-ng/src/sdk-dictionary/default-dictionary.ts)
+    - added key `foehn-uploader.unknown-error-message` (default value: `Impossible de transmettre le fichier`)
+
+### Updated
+
+- [uploader.helper.ts](projects/prestations-ng/src/foehn-upload/uploader.helper.ts)
+
+    - `getDefaultUnknownErrorMessage` now uses new dictionary key `foehn-uploader.unknown-error-message`
+
+- [gesdem-confirmation.component.ts](projects/prestations-ng/src/gesdem-confirmation/gesdem-confirmation.component.ts)
+    - allow to override connected success label for first step
+        - via `@Input() successLabelDicoKeyFirstStep`
+        - via route data : `successLabelDicoKeyFirstStep`
+        - default value for label is `gesdem-confirmation.success-label` from dictionary
+    - allow to override connected success label for additional steps
+        - via `@Input() successLabelDicoAdditionalSteps`
+        - via route data : `successLabelDicoAdditionalSteps`
+        - default value for label is `gesdem-confirmation.next-step.success-label` from dictionary
+
+### Fixed
+
+- [foehn-select.component.ts](projects/prestations-ng/src/foehn-checkables/foehn-select.component.ts)
+- [foehn-radio.component.ts](projects/prestations-ng/src/foehn-checkables/foehn-radio.component.ts)
+- [foehn-checkbox.component.ts](projects/prestations-ng/src/foehn-checkables/foehn-checkbox.component.ts)
+- [foehn-input-date.component.ts](projects/prestations-ng/src/foehn-input-date/foehn-input-date.component.ts)
+
+    - fixed `disabled`: now checks if all elements are disabled
+
+- [foehn-form.component.ts](projects/prestations-ng/src/foehn-form/foehn-form.component.ts)
+    - fixed `focusFirst()`: now checks if focusable element is not `disabled` or `hidden`
+    - fixed `focusFirst()`: now only takes lowest level components (no parents having subComponents)
+
+## [18.0.2]
+
+### Fixed
+
+- [gesdem-handler.service.ts](projects/prestations-ng/src/gesdem/gesdem-handler.service.ts)
+    - Fixed success message when user is connected and demande is not draft. (do not display expiration notice).
+
+## [18.0.1]
+
+### Fixed
+
+- [FoehnInputStringComponent](projects/prestations-ng/src/foehn-input/foehn-input-string.component.ts)
+    - fixed trimOnBlur()
+
 ## [18.0.0]
 
 ### Added
@@ -23,6 +73,13 @@
 - [foehn-table.component.ts](projects/prestations-ng/src/foehn-table/foehn-table.component.ts)
     - `[list]` attribut has been removed. Use `[model]` instead.
 
+## [17.10.11]
+
+### Fixed
+
+- [FoehnInputStringComponent](projects/prestations-ng/src/foehn-input/foehn-input-string.component.ts)
+    - fixed trimOnBlur()
+
 ## [17.10.10]
 
 ### Fixed

package/README.md

@@ -8,6 +8,7 @@ The generated documentation of our entire library is available online at [https:
 
 The documentation is available online at [https://dsi-vd.github.io/prestations-ng/](https://dsi-vd.github.io/prestations-ng/)
 
+- If you're using **Angular 19**, use `@dsivd/prestations-ng` at version `^18`.
 - If you're using **Angular 17**, use `@dsivd/prestations-ng` at version `^17`.
 - If you're using **Angular 15**, use `@dsivd/prestations-ng` at version `^16`.
 - If you're using **Angular 13**, use `@dsivd/prestations-ng` at version `^15`.

package/UPGRADING_V18.md

@@ -419,6 +419,17 @@ You can use this openrewrite recipe to simplify the migration (run with java 11)
 mvn -U org.openrewrite.maven:rewrite-maven-plugin:run -Drewrite.recipeArtifactCoordinates=org.openrewrite.recipe:rewrite-spring:RELEASE -Drewrite.activeRecipes=org.openrewrite.java.spring.boot3.UpgradeSpringBoot_3_4 -Drewrite.exportDatatables=true -Pnof,noft
 ```
 
+Fix application.properties :
+
+```diff
+logging.config=${ch.vd.configDir}/logback-spring.xml
++ # Restore sleuth traces at the same position as in spring boot 2
++ logging.pattern.level=%5p [${spring.application.name:},%X{traceId:-},%X{spanId:-}]
++ # remove sleuth traces added by spring boot 3
++ logging.pattern.correlation=
++ logging.include-application-name=false
+```
+
 After that, you should continue based on your current parent :
 
 ### SPRING-BOOT-STARTER-PARENT

package/fesm2022/dsivd-prestations-ng.mjs

@@ -737,6 +737,13 @@ class FoehnInputComponent {
     set disabled(value) {
         this._disabled = value;
     }
+    // eslint-disable-next-line @typescript-eslint/member-ordering
+    get hidden() {
+        return !!this.hostHidden;
+    }
+    set hidden(value) {
+        this.hostHidden = value ? 'hidden' : null;
+    }
     ngOnInit() {
         // Ensures that the host has an Id for instrumentalization of the DOM by automated tests.
         this.hostId = this.buildId();
@@ -1000,7 +1007,7 @@ class FoehnInputComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: FoehnInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.14", type: FoehnInputComponent, isStandalone: true, inputs: { id: "id", required: "required", label: "label", isLabelSrOnly: "isLabelSrOnly", standardHelpText: "standardHelpText", helpText: "helpText", name: "name", pattern: "pattern", labelStyleModifier: "labelStyleModifier", customErrors: "customErrors", maxlength: "maxlength", overrideGesdemMaxlength: "overrideGesdemMaxlength", min: "min", max: "max", autocomplete: "autocomplete", preventPaste: "preventPaste", clearButton: "clearButton", excludeFromErrorSummary: "excludeFromErrorSummary", hideNotRequiredExtraLabel: "hideNotRequiredExtraLabel", isErrorInherited: "isErrorInherited", showErrorWhenDisabled: "showErrorWhenDisabled", autocapitalize: "autocapitalize", updateModelWhenDisabled: "updateModelWhenDisabled", helpModal: "helpModal", model: "model", disabled: "disabled" }, outputs: { modelChange: "modelChange", userInput: "userInput", blurHandler: "blur", focusHandler: "focus" }, host: { properties: { "attr.id": "this.hostId" } }, viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["entryComponent"], descendants: true }, { propertyName: "inputModelList", predicate: NgModel, descendants: true }, { propertyName: "subComponents", predicate: i0.forwardRef(() => FoehnInputComponent), descendants: true }], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.14", type: FoehnInputComponent, isStandalone: true, inputs: { id: "id", required: "required", label: "label", isLabelSrOnly: "isLabelSrOnly", standardHelpText: "standardHelpText", helpText: "helpText", name: "name", pattern: "pattern", labelStyleModifier: "labelStyleModifier", customErrors: "customErrors", maxlength: "maxlength", overrideGesdemMaxlength: "overrideGesdemMaxlength", min: "min", max: "max", autocomplete: "autocomplete", preventPaste: "preventPaste", clearButton: "clearButton", excludeFromErrorSummary: "excludeFromErrorSummary", hideNotRequiredExtraLabel: "hideNotRequiredExtraLabel", isErrorInherited: "isErrorInherited", showErrorWhenDisabled: "showErrorWhenDisabled", autocapitalize: "autocapitalize", updateModelWhenDisabled: "updateModelWhenDisabled", helpModal: "helpModal", model: "model", disabled: "disabled", hidden: "hidden" }, outputs: { modelChange: "modelChange", userInput: "userInput", blurHandler: "blur", focusHandler: "focus" }, host: { properties: { "attr.id": "this.hostId", "attr.hidden": "this.hostHidden" } }, viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["entryComponent"], descendants: true }, { propertyName: "inputModelList", predicate: NgModel, descendants: true }, { propertyName: "subComponents", predicate: i0.forwardRef(() => FoehnInputComponent), descendants: true }], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: FoehnInputComponent, decorators: [{
             type: Directive
@@ -1076,10 +1083,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
             }], hostId: [{
                 type: HostBinding,
                 args: ['attr.id']
+            }], hostHidden: [{
+                type: HostBinding,
+                args: ['attr.hidden']
             }], model: [{
                 type: Input
             }], disabled: [{
                 type: Input
+            }], hidden: [{
+                type: Input
             }] } });
 
 const GrowlType = {
@@ -1233,10 +1245,10 @@ const DEFAULT_DICTIONARY = {
     'gesdem-action-recovery-registration.not-connected.reference-interne.help-text': 'Votre référence sera utilisée comme objet du message qui vous sera envoyé et vous permettra de retrouver facilement ce message',
     'gesdem-action-recovery-registration.cancel.button': 'Fermer',
     'gesdem-action-recovery-registration.save.button': 'Sauvegarder',
-    'gesdem-handler.save-confirmation.label': '<strong>' +
-        'Vos données ont été sauvegardées dans <a href="/100002/demandes/search/MINE/INITIAL" target="_blank">votre espace sécurisé</a>' +
-        '</strong>' +
-        '<br/><br/>' +
+    'gesdem-handler.save-confirmation.label': '<strong>Vos données ont été sauvegardées dans <a href="/100002/demandes/search/MINE/INITIAL" target="_blank">' +
+        'votre espace sécurisé' +
+        '</a></strong>',
+    'gesdem-handler.save-confirmation.expiration-addon.label': '<br/><br/>' +
         '<i>Votre demande non transmise sera conservée {draftDemRetentionDays} jour{plural}. ' +
         'Elle sera supprimée le {draftDemandeDeletionDate}</i>',
     'foehn-date-picker-button.icon-title': 'Afficher le calendrier',
@@ -1296,6 +1308,7 @@ const DEFAULT_DICTIONARY = {
     'foehn-uploader.files-deleted-success-message': 'Suppression du fichier {filename} réussie',
     'foehn-uploader.delete-error-message': 'Une erreur est survenue lors de la suppression de votre document',
     'foehn-uploader.delete-readonly-error-message': 'Un document en lecture seule ne peut pas être supprimé',
+    'foehn-uploader.unknown-error-message': 'Impossible de transmettre le fichier',
     'foehn-picture-upload.choose-button-label': 'Choisissez une photo',
     'foehn-picture-upload.loading-label': 'Chargement...',
     'foehn-picture-upload.invalid-file-type': 'Le type de votre pièce jointe {filename} ne figure pas parmi ceux qui sont autorisés : "{acceptFormats}"',
@@ -1764,7 +1777,10 @@ class FoehnFormComponent {
     }
     focusFirst() {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        const allComponents = this.getAllComponents();
+        const allComponents = this.getAllComponents().filter(value => !value.disabled &&
+            value.type !== 'hidden' &&
+            !value.hidden &&
+            !value.subComponents?.length);
         if (allComponents && allComponents.length > 0) {
             allComponents[0].focus();
         }
@@ -2133,7 +2149,7 @@ class GesdemHandlerService {
     /**
      *
      * @param reference de la demande
-     * @param reCaptchaByPassUUID
+     * @param reCaptchaByPassUUID unique identifier
      * @param forceRefreshIfNew allows to force the cleaning if reference is null
      * @param byPassEmitResponse boolean used to emit or not gesdem last response (default is false)
      * @returns Observable
@@ -2224,11 +2240,16 @@ class GesdemHandlerService {
             if (isConnected &&
                 displaySuccessMessage &&
                 !!resp?.meta?.reference?.length) {
-                this.growlService.addWithType(GrowlType.SUCCESS, this.dictionaryService.getKeySync('gesdem-handler.save-confirmation.label', {
-                    draftDemRetentionDays: resp.meta.draftDemRetentionDays?.toString(),
-                    draftDemandeDeletionDate: this.dateHelper.arrayToDisplayDateDMY(resp.meta.draftDemandeDeletionDate, false),
-                    plural: this.dictionaryService.getPluralMarkerSync(resp.meta.draftDemRetentionDays)
-                }));
+                let confirmation = this.dictionaryService.getKeySync('gesdem-handler.save-confirmation.label');
+                if (!!resp.meta.draftDemRetentionDays &&
+                    !!resp.meta.draftDemandeDeletionDate) {
+                    confirmation += this.dictionaryService.getKeySync('gesdem-handler.save-confirmation.expiration-addon.label', {
+                        draftDemRetentionDays: resp.meta.draftDemRetentionDays.toString(),
+                        draftDemandeDeletionDate: this.dateHelper.arrayToDisplayDateDMY(resp.meta.draftDemandeDeletionDate, false),
+                        plural: this.dictionaryService.getPluralMarkerSync(resp.meta.draftDemRetentionDays)
+                    });
+                }
+                this.growlService.addWithType(GrowlType.SUCCESS, confirmation);
             }
         }), map(() => true));
     }
@@ -3119,7 +3140,7 @@ class UploaderHelper {
         return formattedErrorMsg;
     }
     getDefaultUnknownErrorMessage(fileName) {
-        const msg = 'Impossible de transmettre le fichier';
+        const msg = this.dictionaryService.getKeySync('foehn-uploader.unknown-error-message');
         if (!!fileName && !!fileName.length) {
             return `${msg} ${getSafeFileNameForErrorMessage(fileName)}.`;
         }
@@ -4188,6 +4209,8 @@ class GesdemConfirmationComponent {
         this.baseUrlPdf = 'api/document/pdf/';
         this.hideReference = false;
         this.hideFeedbackNotificationOverride = false;
+        this.successLabelDicoKeyFirstStep = 'gesdem-confirmation.success-label';
+        this.successLabelDicoAdditionalSteps = 'gesdem-confirmation.next-step.success-label';
         this.firstPageLink = '/';
         this.closeLinkNotConnected = new BehaviorSubject(null);
         this.closeLinkConnected = new BehaviorSubject(null);
@@ -4242,6 +4265,12 @@ class GesdemConfirmationComponent {
             this.hideFeedbackNotificationOverride =
                 routeData.hideFeedbackNotificationOverride ||
                     this.hideFeedbackNotificationOverride;
+            this.successLabelDicoKeyFirstStep =
+                routeData.successLabelDicoKeyFirstStep ||
+                    this.successLabelDicoKeyFirstStep;
+            this.successLabelDicoAdditionalSteps =
+                routeData.successLabelDicoAdditionalSteps ||
+                    this.successLabelDicoAdditionalSteps;
             // default closeLink if not by @Input and not by route data
             combineLatest([
                 this.foehnPageService.onEtapeIdChange().pipe(first()),
@@ -4271,8 +4300,8 @@ class GesdemConfirmationComponent {
     get successLabelDicoKey() {
         const isFirstAction = this.gesdemService.lastResponse?.meta?.currentAction === 1;
         return isFirstAction
-            ? 'gesdem-confirmation.success-label'
-            : 'gesdem-confirmation.next-step.success-label';
+            ? this.successLabelDicoKeyFirstStep
+            : this.successLabelDicoAdditionalSteps;
     }
     ngOnChanges(changes) {
         const changeNotConnected = changes.closeHref;
@@ -4348,11 +4377,11 @@ class GesdemConfirmationComponent {
         window.scrollTo(0, 0);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: GesdemConfirmationComponent, deps: [{ token: GesdemHandlerService }, { token: FoehnPageService }, { token: i1$1.ActivatedRoute }, { token: SdkDictionaryService }, { token: i2.Location }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: GesdemConfirmationComponent, isStandalone: false, selector: "gesdem-confirmation", inputs: { reference: "reference", setPageTitle: "setPageTitle", hasEmailSent: "hasEmailSent", closeHref: "closeHref", closeHrefConnected: "closeHrefConnected", showDownloadPdfRecapButton: "showDownloadPdfRecapButton", showLinkToMyDemandes: "showLinkToMyDemandes", demandeIsClosedOnTransmit: "demandeIsClosedOnTransmit", actionStatut: "actionStatut", connectedConfirmationMessage: "connectedConfirmationMessage", connectedConfirmationMessageIfAbandoned: "connectedConfirmationMessageIfAbandoned", downloadPdfRecapButtonText: "downloadPdfRecapButtonText", closeButtonText: "closeButtonText", closeButtonConnectedText: "closeButtonConnectedText", baseUrlPdf: "baseUrlPdf", hideReference: "hideReference", hideFeedbackNotificationOverride: "hideFeedbackNotificationOverride" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"container mt-5\" *ngIf=\"reference && !isInProgress\">\n    <div\n        class=\"alert text-center mb-2\"\n        [ngClass]=\"isTransferred ? 'alert-success' : 'alert-danger'\"\n    >\n        <p class=\"h2\">\n            {{\n                isTransferred\n                    ? (successLabelDicoKey | fromDictionary)\n                    : ('gesdem-confirmation.abort-label' | fromDictionary)\n            }}\n        </p>\n        <dl *ngIf=\"!hideReference\">\n            <dt class=\"fw-light\">\n                {{\n                    'gesdem-confirmation.reference-title.label' | fromDictionary\n                }}\n            </dt>\n            <dd id=\"numDemande\" class=\"h4 d-block mt-3\">{{ reference }}</dd>\n        </dl>\n        <p *ngIf=\"hasEmailSent && !(isConnectedCyber | async)\">\n            {{ 'gesdem-confirmation.mail-sent.label' | fromDictionary }}\n        </p>\n    </div>\n\n    <span\n        [innerHTML]=\"'gesdem-confirmation.extra-content' | fromDictionary\"\n    ></span>\n\n    <ng-content></ng-content>\n\n    <div\n        class=\"col-md-12 vd-highlight highlight-dark\"\n        *ngIf=\"(isConnectedCyber | async) && hasConnectedContent()\"\n    >\n        <span\n            class=\"visually-hidden\"\n            [innerHTML]=\"\n                'gesdem-confirmation.transmission-information.label'\n                    | fromDictionary\n            \"\n        ></span>\n        <div class=\"row\">\n            <div class=\"col-md-1\">\n                <foehn-icon-info-circle class=\"h3\"></foehn-icon-info-circle>\n            </div>\n            <div class=\"col-md-11\">\n                <p\n                    [innerHTML]=\"\n                        (isTransferred\n                            ? connectedConfirmationMessage\n                            : connectedConfirmationMessageIfAbandoned\n                        ) | fromDictionary\n                    \"\n                ></p>\n                <p\n                    id=\"linkToTreatedDemandes\"\n                    *ngIf=\"\n                        showLinkToMyDemandes &&\n                        (demandeIsClosedOnTransmit || isAbandoned)\n                    \"\n                >\n                    {{\n                        'gesdem-confirmation.demand-detail-link.label'\n                            | fromDictionary\n                    }}\n                    <a\n                        href=\"/100002/demandes/{{ reference }}\"\n                        [attr.aria-label]=\"\n                            'gesdem-demand-detail'\n                                | fromDictionary: { reference: reference }\n                        \"\n                        [innerHTML]=\"reference\"\n                    ></a>\n                    .\n                </p>\n                <p\n                    id=\"linkToInProgressDemandes\"\n                    *ngIf=\"\n                        showLinkToMyDemandes &&\n                        !demandeIsClosedOnTransmit &&\n                        !isAbandoned\n                    \"\n                >\n                    {{\n                        'gesdem-confirmation.demand-processing-progress-link.label'\n                            | fromDictionary\n                    }}\n                    <a\n                        href=\"/100002/demandes/{{ reference }}\"\n                        [attr.aria-label]=\"\n                            'gesdem-demand-detail'\n                                | fromDictionary: { reference: reference }\n                        \"\n                        [innerHTML]=\"reference\"\n                    ></a>\n                    .\n                </p>\n            </div>\n        </div>\n    </div>\n\n    <div class=\"col-md-12 list-unstyled d-md-flex p-0 mt-4\">\n        <div class=\"ms-0 me-md-auto me-md-2 mb-2 mt-2\">\n            <a\n                *ngIf=\"showDownloadPdfRecapButton\"\n                [href]=\"urlPdf\"\n                (click)=\"logPdfDownloadedEvent()\"\n                id=\"telechargerBtn\"\n                class=\"btn btn-secondary w-100\"\n                [attr.aria-label]=\"\n                    'gesdem.download-pdf.button.title' | fromDictionary\n                \"\n            >\n                {{ downloadPdfRecapButtonText | fromDictionary }}\n            </a>\n        </div>\n\n        <div\n            class=\"me-0 ms-md-auto mb-2 mt-2\"\n            *ngIf=\"\n                !(isConnectedCyber | async) && closeLinkNotConnected\n                    | async as link\n            \"\n        >\n            <a [href]=\"link\" id=\"terminerBtn\" class=\"btn btn-primary w-100\">\n                {{ closeButtonText | fromDictionary }}\n            </a>\n        </div>\n\n        <div\n            class=\"me-0 ms-md-auto mb-2 mt-2\"\n            *ngIf=\"\n                !!(isConnectedCyber | async) && closeLinkConnected\n                    | async as link\n            \"\n        >\n            <a\n                [href]=\"link\"\n                id=\"terminerConnectedBtn\"\n                class=\"btn btn-primary w-100\"\n            >\n                {{ closeButtonConnectedText | fromDictionary }}\n            </a>\n        </div>\n    </div>\n</div>\n\n<div class=\"container mt-5\" *ngIf=\"!hideReference && reference && isInProgress\">\n    <div class=\"alert alert-info text-center mb-2\">\n        <p\n            class=\"h2\"\n            [innerHTML]=\"\n                'gesdem-confirmation.demand-in-progress.title' | fromDictionary\n            \"\n        ></p>\n        <dl>\n            <dt class=\"fw-light\">\n                {{\n                    'gesdem-confirmation.reference-title.label' | fromDictionary\n                }}\n            </dt>\n            <dd id=\"numDemandeEnCours\" class=\"h4 d-block mt-3\">\n                {{ reference }}\n            </dd>\n        </dl>\n    </div>\n\n    <div class=\"col-md-12 vd-highlight highlight-dark\">\n        <div class=\"row\">\n            <div class=\"col-md-1\">\n                <foehn-icon-info-circle class=\"h3\"></foehn-icon-info-circle>\n            </div>\n            <div class=\"col-md-11\">\n                <p>\n                    {{\n                        'gesdem-confirmation.resume-my-demand.label'\n                            | fromDictionary\n                    }}\n                </p>\n                <p>\n                    <a [routerLink]=\"firstPageLink\">\n                        {{\n                            'gesdem-confirmation.resume-my-demand.button'\n                                | fromDictionary\n                        }}\n                    </a>\n                </p>\n            </div>\n        </div>\n    </div>\n</div>\n\n<foehn-feedback-notification\n    *ngIf=\"!hideFeedbackNotificationOverride\"\n    [id]=\"'feedbackNotification'\"\n></foehn-feedback-notification>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FoehnIconInfoCircleComponent, selector: "foehn-icon-info-circle" }, { kind: "directive", type: i1$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: FoehnFeedbackNotificationComponent, selector: "foehn-feedback-notification" }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: SdkDictionaryPipe, name: "fromDictionary" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: GesdemConfirmationComponent, isStandalone: false, selector: "gesdem-confirmation", inputs: { reference: "reference", setPageTitle: "setPageTitle", hasEmailSent: "hasEmailSent", closeHref: "closeHref", closeHrefConnected: "closeHrefConnected", showDownloadPdfRecapButton: "showDownloadPdfRecapButton", showLinkToMyDemandes: "showLinkToMyDemandes", demandeIsClosedOnTransmit: "demandeIsClosedOnTransmit", actionStatut: "actionStatut", connectedConfirmationMessage: "connectedConfirmationMessage", connectedConfirmationMessageIfAbandoned: "connectedConfirmationMessageIfAbandoned", downloadPdfRecapButtonText: "downloadPdfRecapButtonText", closeButtonText: "closeButtonText", closeButtonConnectedText: "closeButtonConnectedText", baseUrlPdf: "baseUrlPdf", hideReference: "hideReference", hideFeedbackNotificationOverride: "hideFeedbackNotificationOverride", successLabelDicoKeyFirstStep: "successLabelDicoKeyFirstStep", successLabelDicoAdditionalSteps: "successLabelDicoAdditionalSteps" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"container mt-5\" *ngIf=\"reference && !isInProgress\">\n    <div\n        [id]=\"'main-summary'\"\n        class=\"alert text-center mb-2\"\n        [ngClass]=\"isTransferred ? 'alert-success' : 'alert-danger'\"\n    >\n        <p class=\"h2\">\n            {{\n                isTransferred\n                    ? (successLabelDicoKey | fromDictionary)\n                    : ('gesdem-confirmation.abort-label' | fromDictionary)\n            }}\n        </p>\n        <dl *ngIf=\"!hideReference\">\n            <dt class=\"fw-light\">\n                {{\n                    'gesdem-confirmation.reference-title.label' | fromDictionary\n                }}\n            </dt>\n            <dd id=\"numDemande\" class=\"h4 d-block mt-3\">{{ reference }}</dd>\n        </dl>\n        <p *ngIf=\"hasEmailSent && !(isConnectedCyber | async)\">\n            {{ 'gesdem-confirmation.mail-sent.label' | fromDictionary }}\n        </p>\n    </div>\n\n    <span\n        [innerHTML]=\"'gesdem-confirmation.extra-content' | fromDictionary\"\n    ></span>\n\n    <ng-content></ng-content>\n\n    <div\n        class=\"col-md-12 vd-highlight highlight-dark\"\n        *ngIf=\"(isConnectedCyber | async) && hasConnectedContent()\"\n    >\n        <span\n            class=\"visually-hidden\"\n            [innerHTML]=\"\n                'gesdem-confirmation.transmission-information.label'\n                    | fromDictionary\n            \"\n        ></span>\n        <div class=\"row\">\n            <div class=\"col-md-1\">\n                <foehn-icon-info-circle class=\"h3\"></foehn-icon-info-circle>\n            </div>\n            <div class=\"col-md-11\">\n                <p\n                    [innerHTML]=\"\n                        (isTransferred\n                            ? connectedConfirmationMessage\n                            : connectedConfirmationMessageIfAbandoned\n                        ) | fromDictionary\n                    \"\n                ></p>\n                <p\n                    id=\"linkToTreatedDemandes\"\n                    *ngIf=\"\n                        showLinkToMyDemandes &&\n                        (demandeIsClosedOnTransmit || isAbandoned)\n                    \"\n                >\n                    {{\n                        'gesdem-confirmation.demand-detail-link.label'\n                            | fromDictionary\n                    }}\n                    <a\n                        href=\"/100002/demandes/{{ reference }}\"\n                        [attr.aria-label]=\"\n                            'gesdem-demand-detail'\n                                | fromDictionary: { reference: reference }\n                        \"\n                        [innerHTML]=\"reference\"\n                    ></a>\n                    .\n                </p>\n                <p\n                    id=\"linkToInProgressDemandes\"\n                    *ngIf=\"\n                        showLinkToMyDemandes &&\n                        !demandeIsClosedOnTransmit &&\n                        !isAbandoned\n                    \"\n                >\n                    {{\n                        'gesdem-confirmation.demand-processing-progress-link.label'\n                            | fromDictionary\n                    }}\n                    <a\n                        href=\"/100002/demandes/{{ reference }}\"\n                        [attr.aria-label]=\"\n                            'gesdem-demand-detail'\n                                | fromDictionary: { reference: reference }\n                        \"\n                        [innerHTML]=\"reference\"\n                    ></a>\n                    .\n                </p>\n            </div>\n        </div>\n    </div>\n\n    <div class=\"col-md-12 list-unstyled d-md-flex p-0 mt-4\">\n        <div class=\"ms-0 me-md-auto me-md-2 mb-2 mt-2\">\n            <a\n                *ngIf=\"showDownloadPdfRecapButton\"\n                [href]=\"urlPdf\"\n                (click)=\"logPdfDownloadedEvent()\"\n                id=\"telechargerBtn\"\n                class=\"btn btn-secondary w-100\"\n                [attr.aria-label]=\"\n                    'gesdem.download-pdf.button.title' | fromDictionary\n                \"\n            >\n                {{ downloadPdfRecapButtonText | fromDictionary }}\n            </a>\n        </div>\n\n        <div\n            class=\"me-0 ms-md-auto mb-2 mt-2\"\n            *ngIf=\"\n                !(isConnectedCyber | async) && closeLinkNotConnected\n                    | async as link\n            \"\n        >\n            <a [href]=\"link\" id=\"terminerBtn\" class=\"btn btn-primary w-100\">\n                {{ closeButtonText | fromDictionary }}\n            </a>\n        </div>\n\n        <div\n            class=\"me-0 ms-md-auto mb-2 mt-2\"\n            *ngIf=\"\n                !!(isConnectedCyber | async) && closeLinkConnected\n                    | async as link\n            \"\n        >\n            <a\n                [href]=\"link\"\n                id=\"terminerConnectedBtn\"\n                class=\"btn btn-primary w-100\"\n            >\n                {{ closeButtonConnectedText | fromDictionary }}\n            </a>\n        </div>\n    </div>\n</div>\n\n<div class=\"container mt-5\" *ngIf=\"!hideReference && reference && isInProgress\">\n    <div class=\"alert alert-info text-center mb-2\">\n        <p\n            class=\"h2\"\n            [innerHTML]=\"\n                'gesdem-confirmation.demand-in-progress.title' | fromDictionary\n            \"\n        ></p>\n        <dl>\n            <dt class=\"fw-light\">\n                {{\n                    'gesdem-confirmation.reference-title.label' | fromDictionary\n                }}\n            </dt>\n            <dd id=\"numDemandeEnCours\" class=\"h4 d-block mt-3\">\n                {{ reference }}\n            </dd>\n        </dl>\n    </div>\n\n    <div class=\"col-md-12 vd-highlight highlight-dark\">\n        <div class=\"row\">\n            <div class=\"col-md-1\">\n                <foehn-icon-info-circle class=\"h3\"></foehn-icon-info-circle>\n            </div>\n            <div class=\"col-md-11\">\n                <p>\n                    {{\n                        'gesdem-confirmation.resume-my-demand.label'\n                            | fromDictionary\n                    }}\n                </p>\n                <p>\n                    <a [routerLink]=\"firstPageLink\">\n                        {{\n                            'gesdem-confirmation.resume-my-demand.button'\n                                | fromDictionary\n                        }}\n                    </a>\n                </p>\n            </div>\n        </div>\n    </div>\n</div>\n\n<foehn-feedback-notification\n    *ngIf=\"!hideFeedbackNotificationOverride\"\n    [id]=\"'feedbackNotification'\"\n></foehn-feedback-notification>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FoehnIconInfoCircleComponent, selector: "foehn-icon-info-circle" }, { kind: "directive", type: i1$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: FoehnFeedbackNotificationComponent, selector: "foehn-feedback-notification" }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: SdkDictionaryPipe, name: "fromDictionary" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: GesdemConfirmationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gesdem-confirmation', standalone: false, template: "<div class=\"container mt-5\" *ngIf=\"reference && !isInProgress\">\n    <div\n        class=\"alert text-center mb-2\"\n        [ngClass]=\"isTransferred ? 'alert-success' : 'alert-danger'\"\n    >\n        <p class=\"h2\">\n            {{\n                isTransferred\n                    ? (successLabelDicoKey | fromDictionary)\n                    : ('gesdem-confirmation.abort-label' | fromDictionary)\n            }}\n        </p>\n        <dl *ngIf=\"!hideReference\">\n            <dt class=\"fw-light\">\n                {{\n                    'gesdem-confirmation.reference-title.label' | fromDictionary\n                }}\n            </dt>\n            <dd id=\"numDemande\" class=\"h4 d-block mt-3\">{{ reference }}</dd>\n        </dl>\n        <p *ngIf=\"hasEmailSent && !(isConnectedCyber | async)\">\n            {{ 'gesdem-confirmation.mail-sent.label' | fromDictionary }}\n        </p>\n    </div>\n\n    <span\n        [innerHTML]=\"'gesdem-confirmation.extra-content' | fromDictionary\"\n    ></span>\n\n    <ng-content></ng-content>\n\n    <div\n        class=\"col-md-12 vd-highlight highlight-dark\"\n        *ngIf=\"(isConnectedCyber | async) && hasConnectedContent()\"\n    >\n        <span\n            class=\"visually-hidden\"\n            [innerHTML]=\"\n                'gesdem-confirmation.transmission-information.label'\n                    | fromDictionary\n            \"\n        ></span>\n        <div class=\"row\">\n            <div class=\"col-md-1\">\n                <foehn-icon-info-circle class=\"h3\"></foehn-icon-info-circle>\n            </div>\n            <div class=\"col-md-11\">\n                <p\n                    [innerHTML]=\"\n                        (isTransferred\n                            ? connectedConfirmationMessage\n                            : connectedConfirmationMessageIfAbandoned\n                        ) | fromDictionary\n                    \"\n                ></p>\n                <p\n                    id=\"linkToTreatedDemandes\"\n                    *ngIf=\"\n                        showLinkToMyDemandes &&\n                        (demandeIsClosedOnTransmit || isAbandoned)\n                    \"\n                >\n                    {{\n                        'gesdem-confirmation.demand-detail-link.label'\n                            | fromDictionary\n                    }}\n                    <a\n                        href=\"/100002/demandes/{{ reference }}\"\n                        [attr.aria-label]=\"\n                            'gesdem-demand-detail'\n                                | fromDictionary: { reference: reference }\n                        \"\n                        [innerHTML]=\"reference\"\n                    ></a>\n                    .\n                </p>\n                <p\n                    id=\"linkToInProgressDemandes\"\n                    *ngIf=\"\n                        showLinkToMyDemandes &&\n                        !demandeIsClosedOnTransmit &&\n                        !isAbandoned\n                    \"\n                >\n                    {{\n                        'gesdem-confirmation.demand-processing-progress-link.label'\n                            | fromDictionary\n                    }}\n                    <a\n                        href=\"/100002/demandes/{{ reference }}\"\n                        [attr.aria-label]=\"\n                            'gesdem-demand-detail'\n                                | fromDictionary: { reference: reference }\n                        \"\n                        [innerHTML]=\"reference\"\n                    ></a>\n                    .\n                </p>\n            </div>\n        </div>\n    </div>\n\n    <div class=\"col-md-12 list-unstyled d-md-flex p-0 mt-4\">\n        <div class=\"ms-0 me-md-auto me-md-2 mb-2 mt-2\">\n            <a\n                *ngIf=\"showDownloadPdfRecapButton\"\n                [href]=\"urlPdf\"\n                (click)=\"logPdfDownloadedEvent()\"\n                id=\"telechargerBtn\"\n                class=\"btn btn-secondary w-100\"\n                [attr.aria-label]=\"\n                    'gesdem.download-pdf.button.title' | fromDictionary\n                \"\n            >\n                {{ downloadPdfRecapButtonText | fromDictionary }}\n            </a>\n        </div>\n\n        <div\n            class=\"me-0 ms-md-auto mb-2 mt-2\"\n            *ngIf=\"\n                !(isConnectedCyber | async) && closeLinkNotConnected\n                    | async as link\n            \"\n        >\n            <a [href]=\"link\" id=\"terminerBtn\" class=\"btn btn-primary w-100\">\n                {{ closeButtonText | fromDictionary }}\n            </a>\n        </div>\n\n        <div\n            class=\"me-0 ms-md-auto mb-2 mt-2\"\n            *ngIf=\"\n                !!(isConnectedCyber | async) && closeLinkConnected\n                    | async as link\n            \"\n        >\n            <a\n                [href]=\"link\"\n                id=\"terminerConnectedBtn\"\n                class=\"btn btn-primary w-100\"\n            >\n                {{ closeButtonConnectedText | fromDictionary }}\n            </a>\n        </div>\n    </div>\n</div>\n\n<div class=\"container mt-5\" *ngIf=\"!hideReference && reference && isInProgress\">\n    <div class=\"alert alert-info text-center mb-2\">\n        <p\n            class=\"h2\"\n            [innerHTML]=\"\n                'gesdem-confirmation.demand-in-progress.title' | fromDictionary\n            \"\n        ></p>\n        <dl>\n            <dt class=\"fw-light\">\n                {{\n                    'gesdem-confirmation.reference-title.label' | fromDictionary\n                }}\n            </dt>\n            <dd id=\"numDemandeEnCours\" class=\"h4 d-block mt-3\">\n                {{ reference }}\n            </dd>\n        </dl>\n    </div>\n\n    <div class=\"col-md-12 vd-highlight highlight-dark\">\n        <div class=\"row\">\n            <div class=\"col-md-1\">\n                <foehn-icon-info-circle class=\"h3\"></foehn-icon-info-circle>\n            </div>\n            <div class=\"col-md-11\">\n                <p>\n                    {{\n                        'gesdem-confirmation.resume-my-demand.label'\n                            | fromDictionary\n                    }}\n                </p>\n                <p>\n                    <a [routerLink]=\"firstPageLink\">\n                        {{\n                            'gesdem-confirmation.resume-my-demand.button'\n                                | fromDictionary\n                        }}\n                    </a>\n                </p>\n            </div>\n        </div>\n    </div>\n</div>\n\n<foehn-feedback-notification\n    *ngIf=\"!hideFeedbackNotificationOverride\"\n    [id]=\"'feedbackNotification'\"\n></foehn-feedback-notification>\n" }]
+            args: [{ selector: 'gesdem-confirmation', standalone: false, template: "<div class=\"container mt-5\" *ngIf=\"reference && !isInProgress\">\n    <div\n        [id]=\"'main-summary'\"\n        class=\"alert text-center mb-2\"\n        [ngClass]=\"isTransferred ? 'alert-success' : 'alert-danger'\"\n    >\n        <p class=\"h2\">\n            {{\n                isTransferred\n                    ? (successLabelDicoKey | fromDictionary)\n                    : ('gesdem-confirmation.abort-label' | fromDictionary)\n            }}\n        </p>\n        <dl *ngIf=\"!hideReference\">\n            <dt class=\"fw-light\">\n                {{\n                    'gesdem-confirmation.reference-title.label' | fromDictionary\n                }}\n            </dt>\n            <dd id=\"numDemande\" class=\"h4 d-block mt-3\">{{ reference }}</dd>\n        </dl>\n        <p *ngIf=\"hasEmailSent && !(isConnectedCyber | async)\">\n            {{ 'gesdem-confirmation.mail-sent.label' | fromDictionary }}\n        </p>\n    </div>\n\n    <span\n        [innerHTML]=\"'gesdem-confirmation.extra-content' | fromDictionary\"\n    ></span>\n\n    <ng-content></ng-content>\n\n    <div\n        class=\"col-md-12 vd-highlight highlight-dark\"\n        *ngIf=\"(isConnectedCyber | async) && hasConnectedContent()\"\n    >\n        <span\n            class=\"visually-hidden\"\n            [innerHTML]=\"\n                'gesdem-confirmation.transmission-information.label'\n                    | fromDictionary\n            \"\n        ></span>\n        <div class=\"row\">\n            <div class=\"col-md-1\">\n                <foehn-icon-info-circle class=\"h3\"></foehn-icon-info-circle>\n            </div>\n            <div class=\"col-md-11\">\n                <p\n                    [innerHTML]=\"\n                        (isTransferred\n                            ? connectedConfirmationMessage\n                            : connectedConfirmationMessageIfAbandoned\n                        ) | fromDictionary\n                    \"\n                ></p>\n                <p\n                    id=\"linkToTreatedDemandes\"\n                    *ngIf=\"\n                        showLinkToMyDemandes &&\n                        (demandeIsClosedOnTransmit || isAbandoned)\n                    \"\n                >\n                    {{\n                        'gesdem-confirmation.demand-detail-link.label'\n                            | fromDictionary\n                    }}\n                    <a\n                        href=\"/100002/demandes/{{ reference }}\"\n                        [attr.aria-label]=\"\n                            'gesdem-demand-detail'\n                                | fromDictionary: { reference: reference }\n                        \"\n                        [innerHTML]=\"reference\"\n                    ></a>\n                    .\n                </p>\n                <p\n                    id=\"linkToInProgressDemandes\"\n                    *ngIf=\"\n                        showLinkToMyDemandes &&\n                        !demandeIsClosedOnTransmit &&\n                        !isAbandoned\n                    \"\n                >\n                    {{\n                        'gesdem-confirmation.demand-processing-progress-link.label'\n                            | fromDictionary\n                    }}\n                    <a\n                        href=\"/100002/demandes/{{ reference }}\"\n                        [attr.aria-label]=\"\n                            'gesdem-demand-detail'\n                                | fromDictionary: { reference: reference }\n                        \"\n                        [innerHTML]=\"reference\"\n                    ></a>\n                    .\n                </p>\n            </div>\n        </div>\n    </div>\n\n    <div class=\"col-md-12 list-unstyled d-md-flex p-0 mt-4\">\n        <div class=\"ms-0 me-md-auto me-md-2 mb-2 mt-2\">\n            <a\n                *ngIf=\"showDownloadPdfRecapButton\"\n                [href]=\"urlPdf\"\n                (click)=\"logPdfDownloadedEvent()\"\n                id=\"telechargerBtn\"\n                class=\"btn btn-secondary w-100\"\n                [attr.aria-label]=\"\n                    'gesdem.download-pdf.button.title' | fromDictionary\n                \"\n            >\n                {{ downloadPdfRecapButtonText | fromDictionary }}\n            </a>\n        </div>\n\n        <div\n            class=\"me-0 ms-md-auto mb-2 mt-2\"\n            *ngIf=\"\n                !(isConnectedCyber | async) && closeLinkNotConnected\n                    | async as link\n            \"\n        >\n            <a [href]=\"link\" id=\"terminerBtn\" class=\"btn btn-primary w-100\">\n                {{ closeButtonText | fromDictionary }}\n            </a>\n        </div>\n\n        <div\n            class=\"me-0 ms-md-auto mb-2 mt-2\"\n            *ngIf=\"\n                !!(isConnectedCyber | async) && closeLinkConnected\n                    | async as link\n            \"\n        >\n            <a\n                [href]=\"link\"\n                id=\"terminerConnectedBtn\"\n                class=\"btn btn-primary w-100\"\n            >\n                {{ closeButtonConnectedText | fromDictionary }}\n            </a>\n        </div>\n    </div>\n</div>\n\n<div class=\"container mt-5\" *ngIf=\"!hideReference && reference && isInProgress\">\n    <div class=\"alert alert-info text-center mb-2\">\n        <p\n            class=\"h2\"\n            [innerHTML]=\"\n                'gesdem-confirmation.demand-in-progress.title' | fromDictionary\n            \"\n        ></p>\n        <dl>\n            <dt class=\"fw-light\">\n                {{\n                    'gesdem-confirmation.reference-title.label' | fromDictionary\n                }}\n            </dt>\n            <dd id=\"numDemandeEnCours\" class=\"h4 d-block mt-3\">\n                {{ reference }}\n            </dd>\n        </dl>\n    </div>\n\n    <div class=\"col-md-12 vd-highlight highlight-dark\">\n        <div class=\"row\">\n            <div class=\"col-md-1\">\n                <foehn-icon-info-circle class=\"h3\"></foehn-icon-info-circle>\n            </div>\n            <div class=\"col-md-11\">\n                <p>\n                    {{\n                        'gesdem-confirmation.resume-my-demand.label'\n                            | fromDictionary\n                    }}\n                </p>\n                <p>\n                    <a [routerLink]=\"firstPageLink\">\n                        {{\n                            'gesdem-confirmation.resume-my-demand.button'\n                                | fromDictionary\n                        }}\n                    </a>\n                </p>\n            </div>\n        </div>\n    </div>\n</div>\n\n<foehn-feedback-notification\n    *ngIf=\"!hideFeedbackNotificationOverride\"\n    [id]=\"'feedbackNotification'\"\n></foehn-feedback-notification>\n" }]
         }], ctorParameters: () => [{ type: GesdemHandlerService }, { type: FoehnPageService }, { type: i1$1.ActivatedRoute }, { type: SdkDictionaryService }, { type: i2.Location }], propDecorators: { reference: [{
                 type: Input
             }], setPageTitle: [{
@@ -4387,6 +4416,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                 type: Input
             }], hideFeedbackNotificationOverride: [{
                 type: Input
+            }], successLabelDicoKeyFirstStep: [{
+                type: Input
+            }], successLabelDicoAdditionalSteps: [{
+                type: Input
             }] } });
 
 // Shared between prestations.
@@ -4930,6 +4963,14 @@ class FoehnInputStringComponent extends FoehnInputComponent {
         }
         super.onBlur(e);
     }
+    onModelChange(value) {
+        if (value === undefined || value === null || !!value) {
+            this.updateNgModel(value);
+        }
+        else {
+            this.updateNgModel(null);
+        }
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: FoehnInputStringComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.14", type: FoehnInputStringComponent, isStandalone: true, inputs: { trimOnBlur: "trimOnBlur" }, usesInheritance: true, ngImport: i0 }); }
 }
@@ -5112,17 +5153,6 @@ class FoehnInputTextComponent extends FoehnInputStringComponent {
             event.preventDefault();
         }
     }
-    onModelChange(value) {
-        clearTimeout(this.timeoutReference);
-        if (value === undefined || value === null || !!value) {
-            this.updateNgModel(value);
-        }
-        else {
-            this.timeoutReference = setTimeout(() => {
-                this.updateNgModel(null);
-            }, 0);
-        }
-    }
     acceptedKeysForNumber(event) {
         const key = event.key;
         return ([
@@ -5497,7 +5527,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                 }]
         }], ctorParameters: () => [{ type: SessionInfo }, { type: GesdemEventService }, { type: GesdemHandlerService }] });
 
-const supportedBrowsers = /Edge?\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(109|1[1-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(18\.([4-9]|\d{2,})|(19|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(1{2}[6-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(16[._]([6-9]|\d{2,})|(1[7-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Opera Mini|Android:?[ /-](13[7-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(139|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[7-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(2[7-9]|[3-9]\d|\d{3,})\.\d+|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(2\.([5-9]|\d{2,})|([3-9]|\d{2,})\.\d+)(\.\d+|)/;
+const supportedBrowsers = /Edge?\/(13[89]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(109|1[1-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(18\.([4-9]|\d{2,})|(19|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(12\d|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(18[._]([4-9]|\d{2,})|(19|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Opera Mini|Android:?[ /-](139|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(14[2-9]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(139|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(2[7-9]|[3-9]\d|\d{3,})\.\d+|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(2\.([5-9]|\d{2,})|([3-9]|\d{2,})\.\d+)(\.\d+|)/;
 
 class FoehnPageModalService {
     constructor(applicationInfoService) {
@@ -6346,6 +6376,10 @@ class FoehnCheckableGroupComponent extends FoehnInputComponent {
                 this.updateNgModel(this.model_);
             });
         }
+        // Check if we need to disable component because all it's elements are disabled
+        if (this.elements?.length && !this.disabled) {
+            this.disabled = this.elements.every((elem) => !!this.getDisabled(elem));
+        }
         this.groupedElements = this.getGroupedElements();
     }
     getGroupedElements() {
@@ -6492,7 +6526,7 @@ class FoehnSelectComponent extends FoehnCheckableGroupComponent {
                 useExisting: forwardRef(() => FoehnSelectComponent),
                 multi: true
             }
-        ], usesInheritance: true, ngImport: i0, template: "<div\n    class=\"form-group\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n>\n    <div class=\"d-flex justify-content-between\">\n        <label\n            class=\"form-label\"\n            [attr.for]=\"buildChildId()\"\n            *ngIf=\"!!label\"\n            [ngClass]=\"isLabelSrOnly ? 'visually-hidden' : labelStyleModifier\"\n        >\n            <span [innerHTML]=\"label\"></span>\n            <span\n                *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n                aria-hidden=\"true\"\n            >\n                {{ 'foehn-input.optional' | fromDictionary }}\n            </span>\n        </label>\n        <foehn-help-modal\n            class=\"removePaddingButton\"\n            *ngIf=\"!!helpModal\"\n            [modalContent]=\"helpModal\"\n        ></foehn-help-modal>\n    </div>\n\n    <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n    <div *ngIf=\"!elements\">Chargement...</div>\n\n    <small\n        *ngIf=\"helpText\"\n        [attr.id]=\"buildChildId() + 'Help'\"\n        class=\"form-text text-secondary\"\n        [innerHTML]=\"helpText\"\n    ></small>\n\n    <ng-content></ng-content>\n\n    <select\n        *ngIf=\"!multiple\"\n        [class.is-invalid]=\"hasErrorsToDisplay() || hasInheritErrorFromParent()\"\n        class=\"form-select\"\n        [name]=\"name || label\"\n        [attr.id]=\"buildChildId()\"\n        [attr.disabled]=\"disabled ? 'disabled' : null\"\n        [attr.aria-describedby]=\"getDescribedBy()\"\n        [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n        [attr.aria-required]=\"required || null\"\n        [attr.autocomplete]=\"getAutoComplete()\"\n        [ngModel]=\"model\"\n        (ngModelChange)=\"updateNgModel($event)\"\n        [compareWith]=\"compareFn.bind(this)\"\n        (change)=\"handleChange(model)\"\n        #entryComponent\n        ngDefaultControl\n    >\n        <option *ngIf=\"showEmptyOption()\" [ngValue]=\"null\">\n            <!-- empty option displayed even if required=true as long as there's no model to fix https://github.com/angular/angular/issues/14505 -->\n        </option>\n        <option *ngIf=\"!required\" [ngValue]=\"null\">\n            {{ noSelectionLabel | fromDictionary }}\n        </option>\n        <option\n            *ngFor=\"let element of elements\"\n            [ngValue]=\"getValue(element)\"\n            [attr.selected]=\"isElementSelected(element) ? 'selected' : null\"\n            [attr.disabled]=\"getDisabled(element) ? 'disabled' : null\"\n        >\n            {{ getLabel(element) }}\n        </option>\n    </select>\n    <select\n        *ngIf=\"multiple\"\n        multiple\n        [attr.aria-multiselectable]=\"true\"\n        [class.is-invalid]=\"hasErrorsToDisplay() || hasInheritErrorFromParent()\"\n        class=\"form-select\"\n        [name]=\"name || label\"\n        [attr.id]=\"buildChildId()\"\n        [attr.disabled]=\"disabled ? 'disabled' : null\"\n        [attr.aria-describedby]=\"getDescribedBy()\"\n        [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n        [attr.aria-required]=\"required || null\"\n        [ngModel]=\"model\"\n        (ngModelChange)=\"updateNgModel($event)\"\n        [compareWith]=\"compareFn.bind(this)\"\n        (change)=\"handleChange(model)\"\n        #entryComponent\n        ngDefaultControl\n    >\n        <option\n            *ngFor=\"let element of elements\"\n            [ngValue]=\"getValue(element)\"\n            [attr.selected]=\"isElementSelected(element) ? 'selected' : null\"\n            [attr.aria-selected]=\"isElementSelected(element)\"\n        >\n            {{ getLabel(element) }}\n        </option>\n    </select>\n</div>\n", styles: [".form-group select{appearance:none}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i3.SelectMultipleControlValueAccessor, selector: "select[multiple][formControlName],select[multiple][formControl],select[multiple][ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { kind: "component", type: FoehnHelpModalComponent, selector: "foehn-help-modal", inputs: ["modalContent"] }, { kind: "pipe", type: SdkDictionaryPipe, name: "fromDictionary" }] }); }
+        ], usesInheritance: true, ngImport: i0, template: "<div\n    class=\"form-group\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n>\n    <div class=\"d-flex justify-content-between\">\n        <label\n            class=\"form-label\"\n            [attr.for]=\"buildChildId()\"\n            *ngIf=\"!!label\"\n            [ngClass]=\"isLabelSrOnly ? 'visually-hidden' : labelStyleModifier\"\n        >\n            <span [innerHTML]=\"label\"></span>\n            <span\n                *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n                aria-hidden=\"true\"\n            >\n                {{ 'foehn-input.optional' | fromDictionary }}\n            </span>\n        </label>\n        <foehn-help-modal\n            class=\"removePaddingButton\"\n            *ngIf=\"!!helpModal\"\n            [modalContent]=\"helpModal\"\n        ></foehn-help-modal>\n    </div>\n\n    <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n    <div *ngIf=\"!elements\">Chargement...</div>\n\n    <small\n        *ngIf=\"helpText\"\n        [attr.id]=\"buildChildId() + 'Help'\"\n        class=\"form-text text-secondary\"\n        [innerHTML]=\"helpText\"\n    ></small>\n\n    <ng-content></ng-content>\n\n    <select\n        *ngIf=\"!multiple\"\n        [class.is-invalid]=\"hasErrorsToDisplay() || hasInheritErrorFromParent()\"\n        class=\"form-select\"\n        [name]=\"name || label\"\n        [attr.id]=\"buildChildId()\"\n        [attr.disabled]=\"disabled ? 'disabled' : null\"\n        [attr.aria-describedby]=\"getDescribedBy()\"\n        [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n        [attr.aria-required]=\"required || null\"\n        [attr.autocomplete]=\"getAutoComplete()\"\n        [ngModel]=\"model\"\n        (ngModelChange)=\"updateNgModel($event)\"\n        [compareWith]=\"compareFn.bind(this)\"\n        (change)=\"handleChange(model)\"\n        #entryComponent\n        ngDefaultControl\n    >\n        <option *ngIf=\"showEmptyOption()\" [ngValue]=\"null\">\n            <!-- empty option displayed even if required=true as long as there's no model to fix https://github.com/angular/angular/issues/14505 -->\n        </option>\n        <option *ngIf=\"!required\" [ngValue]=\"null\">\n            {{ noSelectionLabel | fromDictionary }}\n        </option>\n        <option\n            *ngFor=\"let element of elements\"\n            [ngValue]=\"getValue(element)\"\n            [attr.selected]=\"isElementSelected(element) ? 'selected' : null\"\n            [attr.disabled]=\"getDisabled(element) ? 'disabled' : null\"\n        >\n            {{ getLabel(element) }}\n        </option>\n    </select>\n    <select\n        *ngIf=\"multiple\"\n        multiple\n        [attr.aria-multiselectable]=\"true\"\n        [class.is-invalid]=\"hasErrorsToDisplay() || hasInheritErrorFromParent()\"\n        class=\"form-select\"\n        [name]=\"name || label\"\n        [attr.id]=\"buildChildId()\"\n        [attr.disabled]=\"disabled ? 'disabled' : null\"\n        [attr.aria-describedby]=\"getDescribedBy()\"\n        [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n        [attr.aria-required]=\"required || null\"\n        [ngModel]=\"model\"\n        (ngModelChange)=\"updateNgModel($event)\"\n        [compareWith]=\"compareFn.bind(this)\"\n        (change)=\"handleChange(model)\"\n        #entryComponent\n        ngDefaultControl\n    >\n        <option\n            *ngFor=\"let element of elements\"\n            [ngValue]=\"getValue(element)\"\n            [attr.selected]=\"isElementSelected(element) ? 'selected' : null\"\n            [attr.aria-selected]=\"isElementSelected(element)\"\n            [attr.disabled]=\"getDisabled(element) ? 'disabled' : null\"\n        >\n            {{ getLabel(element) }}\n        </option>\n    </select>\n</div>\n", styles: [".form-group select{appearance:none}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i3.SelectMultipleControlValueAccessor, selector: "select[multiple][formControlName],select[multiple][formControl],select[multiple][ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { kind: "component", type: FoehnHelpModalComponent, selector: "foehn-help-modal", inputs: ["modalContent"] }, { kind: "pipe", type: SdkDictionaryPipe, name: "fromDictionary" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: FoehnSelectComponent, decorators: [{
             type: Component,
@@ -6502,7 +6536,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                             useExisting: forwardRef(() => FoehnSelectComponent),
                             multi: true
                         }
-                    ], standalone: false, template: "<div\n    class=\"form-group\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n>\n    <div class=\"d-flex justify-content-between\">\n        <label\n            class=\"form-label\"\n            [attr.for]=\"buildChildId()\"\n            *ngIf=\"!!label\"\n            [ngClass]=\"isLabelSrOnly ? 'visually-hidden' : labelStyleModifier\"\n        >\n            <span [innerHTML]=\"label\"></span>\n            <span\n                *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n                aria-hidden=\"true\"\n            >\n                {{ 'foehn-input.optional' | fromDictionary }}\n            </span>\n        </label>\n        <foehn-help-modal\n            class=\"removePaddingButton\"\n            *ngIf=\"!!helpModal\"\n            [modalContent]=\"helpModal\"\n        ></foehn-help-modal>\n    </div>\n\n    <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n    <div *ngIf=\"!elements\">Chargement...</div>\n\n    <small\n        *ngIf=\"helpText\"\n        [attr.id]=\"buildChildId() + 'Help'\"\n        class=\"form-text text-secondary\"\n        [innerHTML]=\"helpText\"\n    ></small>\n\n    <ng-content></ng-content>\n\n    <select\n        *ngIf=\"!multiple\"\n        [class.is-invalid]=\"hasErrorsToDisplay() || hasInheritErrorFromParent()\"\n        class=\"form-select\"\n        [name]=\"name || label\"\n        [attr.id]=\"buildChildId()\"\n        [attr.disabled]=\"disabled ? 'disabled' : null\"\n        [attr.aria-describedby]=\"getDescribedBy()\"\n        [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n        [attr.aria-required]=\"required || null\"\n        [attr.autocomplete]=\"getAutoComplete()\"\n        [ngModel]=\"model\"\n        (ngModelChange)=\"updateNgModel($event)\"\n        [compareWith]=\"compareFn.bind(this)\"\n        (change)=\"handleChange(model)\"\n        #entryComponent\n        ngDefaultControl\n    >\n        <option *ngIf=\"showEmptyOption()\" [ngValue]=\"null\">\n            <!-- empty option displayed even if required=true as long as there's no model to fix https://github.com/angular/angular/issues/14505 -->\n        </option>\n        <option *ngIf=\"!required\" [ngValue]=\"null\">\n            {{ noSelectionLabel | fromDictionary }}\n        </option>\n        <option\n            *ngFor=\"let element of elements\"\n            [ngValue]=\"getValue(element)\"\n            [attr.selected]=\"isElementSelected(element) ? 'selected' : null\"\n            [attr.disabled]=\"getDisabled(element) ? 'disabled' : null\"\n        >\n            {{ getLabel(element) }}\n        </option>\n    </select>\n    <select\n        *ngIf=\"multiple\"\n        multiple\n        [attr.aria-multiselectable]=\"true\"\n        [class.is-invalid]=\"hasErrorsToDisplay() || hasInheritErrorFromParent()\"\n        class=\"form-select\"\n        [name]=\"name || label\"\n        [attr.id]=\"buildChildId()\"\n        [attr.disabled]=\"disabled ? 'disabled' : null\"\n        [attr.aria-describedby]=\"getDescribedBy()\"\n        [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n        [attr.aria-required]=\"required || null\"\n        [ngModel]=\"model\"\n        (ngModelChange)=\"updateNgModel($event)\"\n        [compareWith]=\"compareFn.bind(this)\"\n        (change)=\"handleChange(model)\"\n        #entryComponent\n        ngDefaultControl\n    >\n        <option\n            *ngFor=\"let element of elements\"\n            [ngValue]=\"getValue(element)\"\n            [attr.selected]=\"isElementSelected(element) ? 'selected' : null\"\n            [attr.aria-selected]=\"isElementSelected(element)\"\n        >\n            {{ getLabel(element) }}\n        </option>\n    </select>\n</div>\n", styles: [".form-group select{appearance:none}\n"] }]
+                    ], standalone: false, template: "<div\n    class=\"form-group\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n>\n    <div class=\"d-flex justify-content-between\">\n        <label\n            class=\"form-label\"\n            [attr.for]=\"buildChildId()\"\n            *ngIf=\"!!label\"\n            [ngClass]=\"isLabelSrOnly ? 'visually-hidden' : labelStyleModifier\"\n        >\n            <span [innerHTML]=\"label\"></span>\n            <span\n                *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n                aria-hidden=\"true\"\n            >\n                {{ 'foehn-input.optional' | fromDictionary }}\n            </span>\n        </label>\n        <foehn-help-modal\n            class=\"removePaddingButton\"\n            *ngIf=\"!!helpModal\"\n            [modalContent]=\"helpModal\"\n        ></foehn-help-modal>\n    </div>\n\n    <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n    <div *ngIf=\"!elements\">Chargement...</div>\n\n    <small\n        *ngIf=\"helpText\"\n        [attr.id]=\"buildChildId() + 'Help'\"\n        class=\"form-text text-secondary\"\n        [innerHTML]=\"helpText\"\n    ></small>\n\n    <ng-content></ng-content>\n\n    <select\n        *ngIf=\"!multiple\"\n        [class.is-invalid]=\"hasErrorsToDisplay() || hasInheritErrorFromParent()\"\n        class=\"form-select\"\n        [name]=\"name || label\"\n        [attr.id]=\"buildChildId()\"\n        [attr.disabled]=\"disabled ? 'disabled' : null\"\n        [attr.aria-describedby]=\"getDescribedBy()\"\n        [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n        [attr.aria-required]=\"required || null\"\n        [attr.autocomplete]=\"getAutoComplete()\"\n        [ngModel]=\"model\"\n        (ngModelChange)=\"updateNgModel($event)\"\n        [compareWith]=\"compareFn.bind(this)\"\n        (change)=\"handleChange(model)\"\n        #entryComponent\n        ngDefaultControl\n    >\n        <option *ngIf=\"showEmptyOption()\" [ngValue]=\"null\">\n            <!-- empty option displayed even if required=true as long as there's no model to fix https://github.com/angular/angular/issues/14505 -->\n        </option>\n        <option *ngIf=\"!required\" [ngValue]=\"null\">\n            {{ noSelectionLabel | fromDictionary }}\n        </option>\n        <option\n            *ngFor=\"let element of elements\"\n            [ngValue]=\"getValue(element)\"\n            [attr.selected]=\"isElementSelected(element) ? 'selected' : null\"\n            [attr.disabled]=\"getDisabled(element) ? 'disabled' : null\"\n        >\n            {{ getLabel(element) }}\n        </option>\n    </select>\n    <select\n        *ngIf=\"multiple\"\n        multiple\n        [attr.aria-multiselectable]=\"true\"\n        [class.is-invalid]=\"hasErrorsToDisplay() || hasInheritErrorFromParent()\"\n        class=\"form-select\"\n        [name]=\"name || label\"\n        [attr.id]=\"buildChildId()\"\n        [attr.disabled]=\"disabled ? 'disabled' : null\"\n        [attr.aria-describedby]=\"getDescribedBy()\"\n        [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n        [attr.aria-required]=\"required || null\"\n        [ngModel]=\"model\"\n        (ngModelChange)=\"updateNgModel($event)\"\n        [compareWith]=\"compareFn.bind(this)\"\n        (change)=\"handleChange(model)\"\n        #entryComponent\n        ngDefaultControl\n    >\n        <option\n            *ngFor=\"let element of elements\"\n            [ngValue]=\"getValue(element)\"\n            [attr.selected]=\"isElementSelected(element) ? 'selected' : null\"\n            [attr.aria-selected]=\"isElementSelected(element)\"\n            [attr.disabled]=\"getDisabled(element) ? 'disabled' : null\"\n        >\n            {{ getLabel(element) }}\n        </option>\n    </select>\n</div>\n", styles: [".form-group select{appearance:none}\n"] }]
         }], ctorParameters: () => [{ type: i0.NgZone }], propDecorators: { multiple: [{
                 type: Input
             }], noSelectionLabel: [{
@@ -10683,6 +10717,13 @@ class FoehnDateComponent extends FoehnInputComponent {
         this.childrenLabelSrOnly = false;
         this.clearButton = true;
     }
+    get disabled() {
+        return (super.disabled ||
+            (this.disableDay && this.disableMonth && this.disableYear));
+    }
+    set disabled(value) {
+        super.disabled = value;
+    }
     updateDate() {
         const validValue = this.getValidValue();
         if (typeof validValue !== 'undefined') {
@@ -10722,7 +10763,7 @@ class FoehnDateComponent extends FoehnInputComponent {
     }
     displayClearButton() {
         // Override the clear button fonction not worry about the model at this stage.
-        const visible = this.clearButton && !this.isDisabled();
+        const visible = this.clearButton && !this.disabled;
         return of(visible);
     }
     getValidValue() {
@@ -10740,13 +10781,13 @@ class FoehnDateComponent extends FoehnInputComponent {
     }
     shouldDisplayDatePicker() {
         return (!this.hideDatePickerButton &&
-            !this.disabled &&
+            !super.disabled &&
             !this.disableYear &&
             !this.disableMonth &&
             !this.disableDay);
     }
     resetModel() {
-        if (this.isDisabled()) {
+        if (this.disabled) {
             return;
         }
         if (!this.disableYear) {
@@ -10782,10 +10823,6 @@ class FoehnDateComponent extends FoehnInputComponent {
         const yearEmptyOrDisabled = this.disableYear || super.isEmpty(this.year);
         return (dayEmptyOrDisabled && monthEmptyOrDisabled && yearEmptyOrDisabled);
     }
-    isDisabled() {
-        return (this.disabled ||
-            (this.disableDay && this.disableMonth && this.disableYear));
-    }
     toNumber(str) {
         return str ? Number(str) : null;
     }
@@ -10793,7 +10830,7 @@ class FoehnDateComponent extends FoehnInputComponent {
         return num ? num.toString() : null;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: FoehnDateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: FoehnDateComponent, isStandalone: false, selector: "foehn-input-date", inputs: { disableDay: "disableDay", disableMonth: "disableMonth", disableYear: "disableYear", minDate: "minDate", maxDate: "maxDate", hideDatePickerButton: "hideDatePickerButton", childrenLabelSrOnly: "childrenLabelSrOnly" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: FoehnDateComponent, isStandalone: false, selector: "foehn-input-date", inputs: { disableDay: "disableDay", disableMonth: "disableMonth", disableYear: "disableYear", minDate: "minDate", maxDate: "maxDate", hideDatePickerButton: "hideDatePickerButton", childrenLabelSrOnly: "childrenLabelSrOnly", disabled: "disabled" }, providers: [
             {
                 provide: FoehnInputComponent,
                 useExisting: forwardRef(() => FoehnDateComponent),
@@ -10824,6 +10861,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                 type: Input
             }], childrenLabelSrOnly: [{
                 type: Input
+            }], disabled: [{
+                type: Input
             }] } });
 
 class FoehnTimeComponent extends FoehnInputStringComponent {
@@ -11066,7 +11105,7 @@ class FoehnDateTimeComponent extends FoehnInputComponent {
                 useExisting: forwardRef(() => FoehnDateTimeComponent),
                 multi: true
             }
-        ], usesInheritance: true, ngImport: i0, template: "<div\n    class=\"form-group\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n>\n    <fieldset\n        [attr.aria-describedby]=\"getDescribedBy()\"\n        [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n    >\n        <legend\n            *ngIf=\"!!label\"\n            [ngClass]=\"isLabelSrOnly ? 'visually-hidden' : 'vd-p'\"\n        >\n            <span [innerHTML]=\"label\"></span>\n            <span\n                *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n                aria-hidden=\"true\"\n            >\n                {{ 'foehn-input.optional' | fromDictionary }}\n            </span>\n        </legend>\n\n        <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n        <small\n            *ngIf=\"helpText\"\n            [attr.id]=\"buildId() + 'Help'\"\n            class=\"text-secondary\"\n            [innerHTML]=\"helpText\"\n        ></small>\n\n        <ng-content></ng-content>\n\n        <div class=\"row\">\n            <div\n                [attr.id]=\"buildId() + 'MainColumn'\"\n                [ngClass]=\"\n                    shouldDisplayDatePicker()\n                        ? 'col-lg-9 col-md-11'\n                        : 'col-lg-8 col-md-10'\n                \"\n            >\n                <div class=\"row\">\n                    <div\n                        [attr.id]=\"buildId() + 'DateColumn'\"\n                        class=\"col-md-7 pe-0\"\n                    >\n                        <foehn-input-date\n                            [id]=\"buildId() + '_date'\"\n                            [name]=\"name + '_date'\"\n                            [(model)]=\"date\"\n                            [disableDay]=\"disableDay\"\n                            [disableMonth]=\"disableMonth\"\n                            [disableYear]=\"disableYear\"\n                            [minDate]=\"minDate\"\n                            [maxDate]=\"maxDate\"\n                            [hideDatePickerButton]=\"hideDatePickerButton\"\n                            (userInput)=\"handleUserInputDate()\"\n                            [disabled]=\"disabled\"\n                            [hideNotRequiredExtraLabel]=\"true\"\n                            [isLabelSrOnly]=\"isLabelSrOnly\"\n                            [childrenLabelSrOnly]=\"childrenLabelSrOnly\"\n                            [clearButton]=\"false\"\n                            #entryComponent\n                        ></foehn-input-date>\n                    </div>\n                    <div\n                        [attr.id]=\"buildId() + 'TimeColumn'\"\n                        class=\"col-md-5 px-md-0 mt-md-0 mt-xs-2 d-flex\"\n                    >\n                        <foehn-input-time\n                            [id]=\"buildId() + '_time'\"\n                            [name]=\"name + '_time'\"\n                            [(model)]=\"time\"\n                            (modelChange)=\"timeModelChange($event)\"\n                            (userInput)=\"handleUserInputTime($event)\"\n                            [disabled]=\"disabled\"\n                            [hideNotRequiredExtraLabel]=\"true\"\n                            [isLabelSrOnly]=\"isLabelSrOnly\"\n                            [childrenLabelSrOnly]=\"childrenLabelSrOnly\"\n                            [clearButton]=\"false\"\n                        ></foehn-input-time>\n                        <div\n                            class=\"align-self-center position-relative w-100\"\n                            *ngIf=\"\n                                !isEmptyDependingOnDisabled() &&\n                                (displayClearButton() | async)\n                            \"\n                        >\n                            <button\n                                [id]=\"buildId() + '_clearButton'\"\n                                type=\"button\"\n                                class=\"clear-button btn btn-link d-flex\"\n                                (click)=\"resetModel()\"\n                            >\n                                <foehn-icon-times\n                                    [title]=\"\n                                        'foehn-input.clear-button.label'\n                                            | fromDictionary\n                                    \"\n                                ></foehn-icon-times>\n                            </button>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </fieldset>\n</div>\n", styles: [":host ::ng-deep .clear-button.btn .svg-inline--fa{font-size:1.5rem;color:#000!important}:host ::ng-deep foehn-input-date>div.form-group,:host ::ng-deep foehn-input-time>div.form-group{margin-bottom:0!important}\n"], dependencies: [{ kind: "component", type: FoehnIconTimesComponent, selector: "foehn-icon-times" }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { kind: "component", type: FoehnDateComponent, selector: "foehn-input-date", inputs: ["disableDay", "disableMonth", "disableYear", "minDate", "maxDate", "hideDatePickerButton", "childrenLabelSrOnly"] }, { kind: "component", type: FoehnTimeComponent, selector: "foehn-input-time", inputs: ["childrenLabelSrOnly"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: SdkDictionaryPipe, name: "fromDictionary" }] }); }
+        ], usesInheritance: true, ngImport: i0, template: "<div\n    class=\"form-group\"\n    [class.has-danger]=\"hasErrorsToDisplay()\"\n    [class.vd-form-group-danger]=\"hasErrorsToDisplay()\"\n    [attr.id]=\"buildId('Container')\"\n    tabindex=\"-1\"\n>\n    <fieldset\n        [attr.aria-describedby]=\"getDescribedBy()\"\n        [attr.aria-invalid]=\"hasErrorsToDisplay() || null\"\n    >\n        <legend\n            *ngIf=\"!!label\"\n            [ngClass]=\"isLabelSrOnly ? 'visually-hidden' : 'vd-p'\"\n        >\n            <span [innerHTML]=\"label\"></span>\n            <span\n                *ngIf=\"!required && !hideNotRequiredExtraLabel\"\n                aria-hidden=\"true\"\n            >\n                {{ 'foehn-input.optional' | fromDictionary }}\n            </span>\n        </legend>\n\n        <foehn-validation-alerts [component]=\"this\"></foehn-validation-alerts>\n\n        <small\n            *ngIf=\"helpText\"\n            [attr.id]=\"buildId() + 'Help'\"\n            class=\"text-secondary\"\n            [innerHTML]=\"helpText\"\n        ></small>\n\n        <ng-content></ng-content>\n\n        <div class=\"row\">\n            <div\n                [attr.id]=\"buildId() + 'MainColumn'\"\n                [ngClass]=\"\n                    shouldDisplayDatePicker()\n                        ? 'col-lg-9 col-md-11'\n                        : 'col-lg-8 col-md-10'\n                \"\n            >\n                <div class=\"row\">\n                    <div\n                        [attr.id]=\"buildId() + 'DateColumn'\"\n                        class=\"col-md-7 pe-0\"\n                    >\n                        <foehn-input-date\n                            [id]=\"buildId() + '_date'\"\n                            [name]=\"name + '_date'\"\n                            [(model)]=\"date\"\n                            [disableDay]=\"disableDay\"\n                            [disableMonth]=\"disableMonth\"\n                            [disableYear]=\"disableYear\"\n                            [minDate]=\"minDate\"\n                            [maxDate]=\"maxDate\"\n                            [hideDatePickerButton]=\"hideDatePickerButton\"\n                            (userInput)=\"handleUserInputDate()\"\n                            [disabled]=\"disabled\"\n                            [hideNotRequiredExtraLabel]=\"true\"\n                            [isLabelSrOnly]=\"isLabelSrOnly\"\n                            [childrenLabelSrOnly]=\"childrenLabelSrOnly\"\n                            [clearButton]=\"false\"\n                            #entryComponent\n                        ></foehn-input-date>\n                    </div>\n                    <div\n                        [attr.id]=\"buildId() + 'TimeColumn'\"\n                        class=\"col-md-5 px-md-0 mt-md-0 mt-xs-2 d-flex\"\n                    >\n                        <foehn-input-time\n                            [id]=\"buildId() + '_time'\"\n                            [name]=\"name + '_time'\"\n                            [(model)]=\"time\"\n                            (modelChange)=\"timeModelChange($event)\"\n                            (userInput)=\"handleUserInputTime($event)\"\n                            [disabled]=\"disabled\"\n                            [hideNotRequiredExtraLabel]=\"true\"\n                            [isLabelSrOnly]=\"isLabelSrOnly\"\n                            [childrenLabelSrOnly]=\"childrenLabelSrOnly\"\n                            [clearButton]=\"false\"\n                        ></foehn-input-time>\n                        <div\n                            class=\"align-self-center position-relative w-100\"\n                            *ngIf=\"\n                                !isEmptyDependingOnDisabled() &&\n                                (displayClearButton() | async)\n                            \"\n                        >\n                            <button\n                                [id]=\"buildId() + '_clearButton'\"\n                                type=\"button\"\n                                class=\"clear-button btn btn-link d-flex\"\n                                (click)=\"resetModel()\"\n                            >\n                                <foehn-icon-times\n                                    [title]=\"\n                                        'foehn-input.clear-button.label'\n                                            | fromDictionary\n                                    \"\n                                ></foehn-icon-times>\n                            </button>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </fieldset>\n</div>\n", styles: [":host ::ng-deep .clear-button.btn .svg-inline--fa{font-size:1.5rem;color:#000!important}:host ::ng-deep foehn-input-date>div.form-group,:host ::ng-deep foehn-input-time>div.form-group{margin-bottom:0!important}\n"], dependencies: [{ kind: "component", type: FoehnIconTimesComponent, selector: "foehn-icon-times" }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FoehnValidationAlertsComponent, selector: "foehn-validation-alerts", inputs: ["component", "shouldErrorsBeLive"] }, { kind: "component", type: FoehnDateComponent, selector: "foehn-input-date", inputs: ["disableDay", "disableMonth", "disableYear", "minDate", "maxDate", "hideDatePickerButton", "childrenLabelSrOnly", "disabled"] }, { kind: "component", type: FoehnTimeComponent, selector: "foehn-input-time", inputs: ["childrenLabelSrOnly"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: SdkDictionaryPipe, name: "fromDictionary" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: FoehnDateTimeComponent, decorators: [{
             type: Component,
@@ -11334,9 +11373,12 @@ class FoehnInputPrefixedTextComponent extends FoehnInputStringComponent {
         this.prefixSubject = new BehaviorSubject(DEFAULT_PREFIX);
         this.modelSubject = new BehaviorSubject(undefined);
         this.textSubject = new BehaviorSubject(undefined);
-        this.text = this.textSubject
-            .asObservable()
-            .pipe(tap$1(() => this.updateFullText()));
+        this.text = this.textSubject.asObservable().pipe(map(text => {
+            if (this.trimOnBlur) {
+                return this.isEmptyWhenTrimmedIfString(text) ? null : text;
+            }
+            return text;
+        }), tap$1(() => this.updateFullText()));
         this.prefixModelSubscription = combineLatest([
             this.prefixSubject.asObservable(),
             this.modelSubject.asObservable()